@charset "utf-8";
/* CSS Document */
html { height: 100%; font-size:68.8%;}

* { margin: 0; padding: 0; list-style: none; font-style: normal;}
body, a, input { color:#333; font-size:12px;  font-family: "Microsoft Yahei", "Droid Sans Fallback", "Arial", "Helvetica", "sans-serif", "宋体"; color:#333; font-size:12px; }
input, textarea, select, label {font-family: inherit; font-size: inherit; font-weight: inherit;}

a{text-decoration:none;color: #666; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none;}<!--手机点击时，灰色阴影-->
a:focus{color: #666;}

img {border: 0; display:inline-block; max-width: 100%;}
input, textarea, select, label {font-family: inherit; font-size: inherit; font-weight: inherit;}


input[type="button"], input[type="text"], input[type="submit"], input[type="password"], input[type="search"], input[type="email"], input[type="number"], input[type="phone"], button, select, textarea{
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
	-webkit-box-shadow: none; 
	box-shadow: none; outline:none;
}
*:focus {outline: none}/*表单蓝色边框、虚线框*/
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(250, 255, 189);
    background-image: none;
    color: rgb(0, 0, 0);
} /*pc 黄色边框*/


.d_c { margin-left: auto; margin-right: auto;}
.hidden { display: none !important;}
.clear{ clear:both; height:0; display:block; overflow:hidden;}
.fl{ float:left !important;}
.fr{ float:right !important;}


/*自定义*/
.c-org{color:#ff8f19 !important;}/*修改03*/
.c-org a{color:#ff8f19 !important;}/*修改03*/
a.c-org{color:#ff8f19 !important;}/*修改03*/


.c-be{color:#bebebe !important;}
.c-be a{color:#bebebe !important;}
a.c-be{color:#bebebe !important;}


.c65{color:#656564 !important; } 
.c65 a{color:#656564; }
a.c65{color:#656564;}

.fs15{ font-size:15px !important;}
.mt15 {
    margin-top: 15px !important;
}
.mt10 {
    margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}

.viewport-login{
    max-width: 640px;
    margin: 0 auto;
    padding-top: 50px;
}
.bgf6{ background: #f6f6f6;}

.border-b1{ border-bottom:1px solid #e1e1e1 !important;}
/*end 定义*/

/*小图片*/
.little-img-l{ width:20px; margin:-5px 5px 0 0; vertical-align:middle;}
.little-img-r{ width:20px; margin:-5px 0 0 5px; vertical-align:middle;}
/*end 小图片*/

/*暂无*/
.zanwu-img img{ width:100%; margin:20% 0 20px 0;}
.zanwu-img p{ font-size:1.4rem; text-align:center;}
.zanwu-img p a{ font-size:1.4rem;}
/*end 暂无*/

/*header*/
.header-list{ color:#656564; font-size:1.8rem;} 

.ser-header {
	width:100%; height:50px; line-height:50px; font-size: 1.8rem;  color: #333;
    padding-left: 10px;
    padding-right: 10px;
	box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; background:#f6f6f6;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
}

.ser-header .ser-header-left {left: 15px; top:0px; position: absolute; }
.ser-header .ser-header-left.img01 img{ height:20px; display:inline-block; vertical-align:middle ; margin-top:-5px;}


.ser-header .ser-header-right { right:15px; top: 0px; position: absolute;}
.ser-header .ser-header-right.img01 img{ height:22px; display:inline-block; vertical-align:middle ; margin-top:-5px;}

.login-p{ color:#ff3300; font-size:15px;text-align: center;}
/*end header*/

/*登录*/
.logo{  background:url(../images/logo.png) no-repeat center center; background-size:auto 25px; height: 28px;width: 100%;}
.login-main {
     padding: 0 20px; 
}
	/*账号注册 div包围*/
.form-group{  border-bottom:1px solid #e1e1e1 !important;}    
.form-group > div{display: block;  height:24px; line-height:24px; padding: 3% 0; border-bottom:1px solid #eeeeee;  }	
.form-group > div:last-child{ border-bottom: 0;}
	/*账号注册 div包围*/
.form-group > div ::-webkit-input-placeholder { /* WebKit browsers */ 
color: #bcbdbc; font-size:15px; 
} 
.form-group > div :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #bcbdbc;  font-size:15px; 
} 
.form-group > div ::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #bcbdbc;  font-size:15px; 
} 
.form-group > div :-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #bcbdbc; font-size:15px;
} 

	/*input-缓存*/
.input-xl{ width:100%; position:absolute; top:44px; left:0px; background:rgba(237,237,237,.9); box-sizing:border-box;  color:#999; z-index:1000; border-radius:6px;}
.input-xl ul{ overflow-y:auto; max-height:120px; padding-bottom:5px;}
.input-xl ul li{ width:100%; line-height:30px; display:inline-block; width:94%; margin-left:3%; border-bottom:1px solid #dbdbdb; box-sizing:border-box;}
.input-xl ul li b{ background:url(../images/icon-delete.png) no-repeat 100% center; background-size:20px; width:20px; height:20px;  cursor:pointer;
 float:right; margin-top:5px;}
	/*end input-缓存*/

.form-group input,.form-group select{  border-style: none;background: none; width:65%; height:24px; line-height:24px; font-size:15px; text-indent: 20px;}
.form-group select{ width:85%; -webkit-appearance: none; color:#333; font: 13.3333px Arial;}
.form-group .iphone-in{  font-size:1.5rem; float:left;}
.form-group .iphone-in span{ color:#666;}
.form-group .iphone-in a{ font-size:1.5rem; color:#666;}

	/*label 左边文字*/
.form-group code{ width:85px; height:100%; line-height: 24px; margin-right: 5px; float:left; text-align:center; display:block; font-size:16px; color:#333;}	
	/*end label左边文字*/	

	/*label 左边小图标*/
.form-group > div{position: relative;}
.form-group > div > i{width:50px; height:100%; float:left; display: inline-block;   vertical-align:middle;}

.icon-user{background: url(../images/icon-user.png) no-repeat center;background-size:20px auto;}
.icon-lock{background: url(../images/icon-lock.png) no-repeat center;background-size:16px auto;}
.icon-user-02{background: url(../images/icon-user-02.png) no-repeat center;background-size:auto 22px ;}
.icon-lock-02{background: url(../images/icon-lock-02.png) no-repeat center;background-size:auto 20px ;}
.icon-user-03{background: url(../images/icon-user-03.png) no-repeat center;background-size:auto 20px ;}
.icon-lock-03{background: url(../images/icon-lock-03.png) no-repeat center;background-size:auto 20px ;}
	/*end label 左边小图标*/
	
	/*label 右边小图标*/	
.form-group > div > span{ width:25px;height: 25px; display: inline-block; position:absolute; right:12px; top:15%;}
.icon-sj {
    background: url(../images/icon-sj.png) no-repeat  center 15px;
    background-size: 15px;
}	
.icon-open {
    background: url(../images/icon-open.png) no-repeat 100% 7px;
    background-size:25px auto;
}
.icon-colse{
    background: url(../images/icon-colse.png) no-repeat 100% 11px;
    background-size:25px auto;
}

.icon-no{
    background: url(../images/icon-no.png) no-repeat center 10px;
    background-size:15px auto;
}
	/*end label 右边小图标*/

	/*获取验证码*/
.icon-forget{ position:absolute; right:12px; top:17%; width:85px; height:30px; line-height:30px; background:#ff8f19; text-align:center; border-radius:3px;}/*修改01*/
.icon-forget a{ font-size:1.4rem; color:#fff; text-decoration:none;}
.icon-forget.bg-ca{ background: #cacaca;}
	/*end 获取验证码*/


.btn{width: 100%;line-height: 44px;background: #ff8f19; box-shadow:0 0 4px 1px #d8f0ef; color: #fff;text-align: center;border-style: none;border-radius:5px;font-size: 18px; }	/*修改02*/
	/*btn 下面*/
.remeber{ width:100%;}	
.remeber a{ display:inline-block;}
	/*end btn 下面*/	
/*end 登录*/

/*SDK-找回登录密码*/
.lianxi-qt{ width:100%; text-align:center;}
.lianxi-qt a{ margin:0 10px; text-align:center; display:inline-block; font-size:15px;}
.lianxi-qt a span{ font-size:1.2rem;  width:55px; height:55px; background: #fff; text-align:center; display:inline-block;   border-radius:50%; margin-bottom:5px;}
.lianxi-qt a span img{ height:40px; margin:7px 0 0 0;}
/*SDK-找回登录密码 end */

@media only screen and (max-width: 768px) {
    html {
    	font-size:75%;
    }

}


@media only screen and (max-width: 414px) {
    html {
    	font-size:68.8%;
    }

}


@media only screen and (max-width: 375px) {
    html {
    	font-size:65.8%;
    }

}


@media only screen and (max-width: 360px) {
    html {
    	font-size:65.5%;
    }

}


@media only screen and (max-width: 320px) {
    html {
        font-size:52.5%;
    }

}

