@charset "utf-8";

/* CSS Document */
.main .item-login-option:after, .main .item:after { content: '\20'; clear: both }
.header { position: relative; z-index: 8888; height: 100%; background: url(../../../st/img/header-bg.png)repeat-x #efefef; background-size: 100% 44px; border-bottom: 1px solid #bfbfbf; border-width: 0 0 1px; -webkit- color: #252525; font-size: 16px; min-width: 320px }
.header a { position: absolute; width: 40px; height: 44px }
.header span { display: block; width: 20px; height: 20px; margin: 12px 0 0 10px; text-indent: -100px; overflow: hidden; background: url(../../../st/img/arrow.png)no-repeat; background-size: 20px 20px }
.header h2 { height: 44px; line-height: 44px; font-weight: 400; font-size: 16px; text-align: center }

.main { padding: 20px 15px 0 }
.main .login_stit{ font-size: 20px; color: #333; font-weight: bold; margin-bottom: 14px; }
.main h2 { margin: 8px 0 10px; line-height: 1.5; font-size: 13px; color: #686868 }
.main .item, .main .item-captcha .input-info { margin-bottom: 10px; width: 76%; }
.main h2 span { color: #252525 }
.main .item { position: relative; width: 100% }

.main .item .txt-input { width: 100%; height: 44px; line-height: normal; padding: 0;border-radius: 3px; background: #eee; font-family: '\5fae\8f6f\96c5\9ed1'; font-size: 16px; color: #252525; -webkit-appearance: none }
.main .item .txt-input::-webkit-input-placeholder {
color:#777
}
.main .item .txt-input:-moz-placeholder {
color:#777
}
.main .item .txt-input::-moz-placeholder {
color:#777
}
.main .item .txt-input:-ms-input-placeholder {
color:#777
}
.main .item .err-msg { font-size: 13px; color: #f96fce }
.main .item .txt-err { border: 1px solid #f96fce }
.main .item .txt-phone { padding-left: 15px; width: 53.31034482758621% }
.main .item .txt-captcha, .main .item .txt-password, .main .item .txt-username { padding-left: 40px;}
.main .item .txt-pad18 { padding-left: 40px }
.main .item:after { display: block }
.main .item-phone .input-close { right: 15px }
 .main .item .txt-username{background: url(../images/login_name.png) no-repeat 10px center #eee; background-size: 20px;}
 .main .item .txt-password{background: url(../images/login_password.png) no-repeat 10px center #eee; background-size: 20px;}
 .main .item .txt-captcha{background: url(../images/login_captcha.png) no-repeat 10px center #eee; background-size: 20px;}
.main .item-username .input-close { right: 17px }
.main .item-password .input-close { right: 78px }
.main .item-password .tp-btn { display: block; position: absolute; right: 10px; top: 8px; width: 51px; height: 35px }
.main .item-password .btn-off { background: url(../images/passwordclose.png)no-repeat; background-size: 51px 35px }
.main .item-password .btn-on { background: url(../images/passwordopen.png)no-repeat; background-size: 51px 35px }
.main .item-captcha #captcha-img { position: absolute; right: 0; top: 0px; width: 22%; height: 44px; padding-left: 7px; background-color: #eee; line-height: 54px;}
.main .item-captcha .input-close { right: 89px }
.main .item-password .err-tips { margin: 13px 0 24px; font-size: 13px; color: #848689 }
.main .item-password .err-tips a { color: #f96fce; border-bottom: 1px solid #f96fce; height: 13px }
.main .item-captcha .login-free { position: relative; height: 18px; padding-left: 26px; line-height: 18px; font-size: 13px; color: #848689 }

.main .item-btns .btn-login, .main .item-btns .btn-next { display: inline-block; width: 100%; height: 40px; border-radius: 3px; background: #0f96ec; text-decoration: none; line-height: 39px; text-align: center; font-size: 18px; color: #fff }
.main .item-sms-captcha { margin-bottom: 10px }
.main .item-sms-captcha .txt-sms-captcha { float: left; padding-left: 15px }
.main .item-phone .btn-retransmit { float: right; overflow: hidden; width: 44.13793103448276%; height: 42px; border: 1px solid #f15353; border-radius: 3px; background: #fff; line-height: 40px; text-align: center; cursor: pointer; font-size: 14px; color: #f15353 }
.main .item-phone .btn-retransmit-disabled { box-shadow: none; border: 1px solid #e2e2e2; background: #e2e2e2; cursor: default; color: #bdbdbd }
.main .item-sms-captcha .input-close { left: 52.75862068965517% }
.main .item-sms-captcha1 { margin-bottom: 42px }
.main .item-login-option { padding-top: 20px; margin-bottom: 34px; font-size: 14px }
.main .item-login-option .register-free { float: left; width: 50% }
.main .item-login-option .retrieve-password { float: right; width: 50%; text-align: right }
.main .item-login-option .register-free a, .main .item-login-option .retrieve-password a { color: #686868; font-size: 15px; border-bottom: 1px solid #686868; height: 14px;}
.main .item-login-option:after { display: block }
.main .item-login-other dt { margin-bottom: 13px; font-size: 14px; color: #666 }
.main .item-login-other dd a { float: left }
.main .item-login-other dd .qq { width: 25.17% }
.main .item-login-other dd .qq span { width: 25px; margin-left: 5px }
.main .item-login-other dd .renren { width: 27.7586% }
.main .item-login-other dd .renren span { width: 38px; background-position: -66px 0 }
.main .item-login-other dd .weibo { width: 19.2714% }
.main .item-login-other dd .weibo span { width: 29px; background-position: -144px 0 }
.main .item-login-other dd .douban { width: 27.8%; text-align: right }
.main .item-login-other dd .douban span { width: 82px; background-position: -205px 0 }
.main-unbind .item-tips { margin-bottom: 15px }


/*头部开始*/

.var {
    width: 100%;
    height: 70px;
    background-color: #ddd;
    margin: 0px auto;
    position: relative;
}

.var .var_back {
    margin: 14px 0 0 20px;
    position: absolute;
}

.var p {
    position: absolute;
    margin-top: 20px;
    margin-left: 50%;
    left: -90px;
    font-size: 20px;
    color: #696c73;
    width: 200px;
    text-align: center;
}

.var a {
    display: inline-block;
}








/*基础信息*/

.my_xuan {
    position: relative;
}

.my_xuan .mm_box a {
    display: inline-block;
    position: absolute;
    width: 100px;
    line-height: 24px;
    color: #fff;
    background-color: #0098e7;
    text-align: center;
    border-radius: 6px;
    right: 6%;
    top: 22%;
}

#big_banner {
    min-height: 60px;
    background: #fff;
    position: relative;
    overflow: hidden;
}

#big_banner .swiper-wrapper img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

#big_banner .swiper-pagination {
    text-align: left;
}

#big_banner .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    border-radius: 20px;
}

#big_banner .swiper-pagination-bullet-active {
    background: #fff;
    width: 26px;
}
.ban.inban{ padding-bottom: 10px; padding-top: 46%;}
.sbanner{ padding: 0 15px; }
.sbanner img{ width: 100%; }


/*注册*/

.info_list .info_item{
	background-color:#fff;
	padding:5px 0 5px 20px;
    /*width:98%;
    border-radius:5px;*/
    margin:4px auto;
	position:relative;
	z-index:0;
	/*min-height:45px;*/
}
.info_list .info_item label { font-size:14px;
	display:block;
	width:70px;
	text-align:left;
	position:absolute;
	/*left:5px;*/
    left:0;
	line-height:44px;
	height:44px;
	/*padding-right:10px;*/
	color:#000;
	padding-left: 10px;
	background-color: #eee;
	border-radius: 4px 0 0 4px;
}
.info_list .info_item .input-text-line,.info_list .info_item select{width:100%; font-size:14px; font-family:"microsoft yahei"; border:0; outline:none;height:44px; line-height:44px;padding-left:5px;
    background-color:#eee;color:#787878;border-radius: 0 4px 4px 0;}
   .info_list .info_item select{border-radius: 4px 0 0 4px;}
.info_list .info_item input.input-text-line-disabled{padding:0 5px;}
.info_list .info_item span{height:24px; line-height:24px;font-size: 14px; color: #787878;}
.info_list .info_item span.disabled{color:#999;}
.info_list .info_item-more {
	padding:0 0 0 60px;
}
.info_list .info_item-more label {
	width:50px;
	border:0;
}
.info_list .info_item-more .label-content {
}
.info_list .info_item-more .label-cols {
	float:left;
	display:inline-block;
	width:33.3333333%;
	border-left:#ddd 1px solid;
}
.info_list .info_item-more .label-box {
	display:inline-block;
	padding:5px 35px 5px 30px;
	position:relative;
	z-index:0;
}
.info_list .info_item-more .label-box label {
	width:20px;
	border:0;
}
.info_list .info_item-more .label-box .unit {
	display:inline-block;
	position:absolute;
	top:5px;
	right:10px;
	color:#ccc;
	line-height:35px;
	font-size:12px;
}
.shopinfo {background-color: #518eff;
    padding: 5px;
    width: 80%;
    margin: 10px auto;
    border-radius: 10px;
}

.grid-btn { padding: 0; }
.btn { font: 1em bold 'Microsoft YaHei', Arial, Helvetica, sans-serif; width: 100%; height: 2.4em; line-height: 2.4em; border-radius: 3px; cursor: pointer; color: #fff; text-align: center;background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%); display: block; margin: 1em 0; font-size: 18px;}
.btnred { color: #fff; background: #ea5252;background-image: linear-gradient(to right, #ed6ea0 0%, #ec8c69 100%); }
/*.btnblue { color: #fff; background: #29a5f4; box-shadow: 2px 2px 10px #ddd;}*/
.btnblue { color: #fff; background-image: linear-gradient(-225deg, #22E1FF 0%, #1D8FE1 48%, #625EB1 100%); box-shadow: 2px 2px 10px #ddd;}
/*.btngreen{ color: #fff; background: #068be0; box-shadow: 2px 2px 10px #ddd;}*/
.btngreen{ color: #fff;  background-image: linear-gradient(-225deg, #22E1FF 0%, #1D8FE1 48%, #625EB1 100%); box-shadow: 2px 2px 10px #ddd;}
.info_item .phone_se{ background-color: #eee; float: left; width: 35%; height: 44px;}