.login{background-color:#ffffff}

/* 超链接字体颜色 */
.login a{color:#43aae4 !important}

.login .logo{margin:100px auto 0;padding:15px;text-align:center}

.login .content{width:400px;margin:40px auto}

.login .form-title{margin-bottom:20px;color:#20303c;font-size:19px;font-weight:400!important}

.login .form-subtitle{color:#459fed;font-size:17px;font-weight:300!important;padding-left:10px}

.login .content h4{color:#555}
.login .content .hint{color:#b7d1e2;padding:0;font-size:14px;margin:15px 0 7px}

.login .content .forget-form,.login .content .login-form{padding:0;margin:0}

/* 登录手机号验证码——默认背景色+光标高度+输入字体颜色 */
.login .content .form-control{background-color:#f5f5f6!important;border:0px solid   #FDFDFD!important;height:43px;color:#20303c!important}


/* 登录手机号验证码——点击状态 */
.login .content .form-control:active,.login .content .form-control:focus{border:1px solid #83b8db}

/* 登录手机号验证码——默认字体 */
.login .content .form-control::-moz-placeholder{color:#787c80;opacity:0.5}

.login .content .form-control:-ms-input-placeholder{color:#0d0e0f}
.login .content .form-control::-webkit-input-placeholder{color:#0d0e0f}
.login .content select.form-control{padding-left:9px;padding-right:9px}

/* 点击获取验证码（测试） */
.login .content .form-yzm{color:#217ebd;position:absolute;margin:11px 2px 4px 10px;z-index:3 ;width:120px;font-size:14px;text-align:center;display:block;padding-right:0px;}

.login .content .yzm{text-decoration:none;}


.login .content .forget-form,.login .content .register-form{display:none}

.login .content .form-title{font-weight:300;margin-bottom:25px}

/* 记住我+忘记密码+登录 div */
.login .content .form-actions{clear:both;border:0;padding:30px 30px 20px 25px;margin-left:-30px;margin-right:-30px}

.form-actions .forget-password-block{padding-top:7px}

/* 快捷登录 div */
.login-options{margin-top:0px;padding-top:20px;padding-bottom:50px;border-top:1px solid #e7ecf1;border-bottom:0px solid #e7ecf1}

/* 快捷登录字体 */
.login-options h5{margin-top:8px;margin-right:8px;font-size:14px;color:#20303c !important}

.login .forget-password{font-size:54px}

.login-options .social-icons{float:right;padding-top:3px}.login-options .social-icons li a{border-radius:15px!important;-moz-border-radius:15px!important;-webkit-border-radius:15px!important}.login .content .forget-form .form-actions{border:0;margin-bottom:0;padding-bottom:20px}.login .content .register-form .form-actions{border:0;margin-bottom:0;padding-bottom:0}

.login .btn,.login .btn-default{font-weight:300;padding:10px 25px!important;background-color:#f5f5f6;color:#3d91c6}

.login .content .form-actions .checkbox{margin-top:8px;display:inline-block}
.login .content .form-actions .btn{margin-top:1px}

/* 按钮边框 */
.login .btn{border:1px solid #72a9cc}
.login .btn:hover{border:1px solid #90bbd7;background-color:#5995bb;color:#8fc4e5}
.login .btn-default{border:0px solid #72a9cc}

.login .btn-default:hover{border:1px solid #90bbd7;background-color:#f5f5f6;color:#f5f5f6}

.login .content .forget-password{color:#20303c !important;font-size:15px}
.login .content .rememberme{margin-top:8px}

.login .content .check{color:#20303c!important}

.login .content .create-account{text-align:center;margin-top:20px}.login .content .create-account p a{font-weight:300;font-size:14px;color:#fff}.login .content .create-account a{display:inline-block;margin-top:5px}.login .copyright{text-align:center;margin:10px auto 30px 0;padding:10px;color:#c9dce9;font-size:13px}@media (max-width:1400px){.login .logo{margin-top:100px}}@media (max-width:480px){.login .logo{margin-top:30px;padding:0}.login .content{width:245px}.login .content h3{font-size:22px}.login .checkbox{font-size:13px}}

/*忘记密码文字颜色变化*/
.forget-pwd:hover{color: #3d91c6!important;}
/*登录按钮文字颜色变化*/
.btn-text:hover{color: #fff!important;}

/* ----  create by base.css start  ---- */
.black1 {
    color: black!important;
}
button {
    background-color: transparent;
}
fieldset, img, input, button {
    border: none;
    padding: 0;
    margin: 0;
    outline-style: none;
}
h1,h2,h3,h4,h5,h6 {text-decoration:none;font-weight:normal;font-size:100%;}  /*设置h标签的大小，设置跟父亲一样大的字体font-size:100%;*/
/*长度高度 width height*/
/*文字排版*/
.f0{font-size: 0;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.fb{font-weight:bold}
.fn{font-weight:normal;}
.ti2{text-indent:0em;}
.ti4{text-indent:0em;}
.ti6{text-indent:0em;}
.lh150{line-height:150%;}/*14px--lineHeight:21px*/
.lh180{line-height:180%;}
.lh200{line-height:200%;}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}

/*定位 text-align clear*/
.al{text-align:left;}
.ac{text-align:center;}
.ar{text-align:right;}
.vt{vertical-align: top;}
.vm{vertical-align: middle;}
.vb{vertical-align: bottom;}
.vc:after{content:'';display:inline-block;height:100%;width:0;vertical-align: middle;/*white-space: nowrap;*/}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}/*父容器清除浮动*/
.clearfix{*zoom:1;}/*IE/7/6*/
/***********************position*************************/
.pr{position:relative;}
.pa{position:absolute;}
.pf{position: fixed;}
.pa-ac{position:absolute;left: 0;right:0;}/*绝对定位水平居中*/
.pr-ac{position:relative;left:0;right:0;}/*相对定位水平居中*/
.pa-vc{position:absolute;top:50%;-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
.pr-vc{position:relative;top:50%;-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
.pr-avc{position:relative;top:50%;left: 50%;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.pa-avc{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
/*top bottom right left*/
.t0{top:0}
.b0{bottom:0}
.r0{right:0}
.l0{left:0}
/*.abs-right{position:absolute;right:0}*/
/*.zoom{zoom:1;}*/

/*长度高度 width height*/
.w{width:100%}
.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w200{width:200px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}
.w600{width:600px;}
.w700{width:700px;}
.w800{width:800px;}
.w900{width:900px;}
.w1000{width:1000px;}
.w1100{width:1100px;}
.w1200{width:1200px;}
.h{height:100%}
.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}
.h200{height:200px;}
.h300{height:300px;}
.h400{height:400px;}
.h500{height:500px;}
.h600{height:600px;}

/*边距 padding margin*/
.mauto{margin:0 auto;}/*居中*/
.m10{margin:10px;}
.m15{margin:15px;}
.m30{margin:30px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p30{padding:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}

/*自定义*/
.inl{display: inline;}
.inlb{display:inline-block;}
.block{display:block;}
.pointer{cursor: pointer;}
.bg-w{background:white;}
.cl-w{color:white;}
.nowrap{white-space:nowrap;}
.break{word-break: break-all;}
.hidden{visibility:hidden;}
.none{display:none;}
:-webkit-autofill {
    /*-webkit-text-fill-color: #fff !important;*/
    transition: background-color 500000s ease-in-out 0s;
}
.modeShade{
    position: absolute;
    top: 0;
    left: 0;
    background-color:rgba(0,0,0,0.3);
    width:100%;
    height:110%;
    z-index:9999;
    display: none;
}
.modeTip{
    font-size:18px;
    background-color:white ;
    display: inline-block;
    padding: 20px;
    border-radius: 4px;
    color:#444;
}
/* ----  create by base.css end  ---- */

/* ----  create by login.css start ---- */
.w260{width:260px;}
.login_footer{
    position:absolute;
    bottom:0;
    text-align: center;
    width:100%;
    padding:0 20px 40px 20px;
    color:#ccc;
    z-index:2;
}
a{
    color:white
}
/*placeholder字体颜色*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color:#ccc;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color:#ccc;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color:#ccc;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color:#ccc;
}

.bb1{border-bottom-style: solid ;border-width:1px ;border-color:rgb(106,136,170);	}

.zi9999{z-index: 9999;}
/*.lh50{line-height: 50px;}*/
/*.t0{top:0}
.b0{bottom:0}*/
.pb13{padding-bottom: 13px;}
/*color*/
.black{color:#333;}
.white{color: white;}
/*width*/
.w76{width: 76px;}
.w240{width: 240px;}
.w320{width: 320px;}
.w480{width: 480px;}
.w236{width: 236px;}
/*height*/
.h22{height: 22px;}
.h240{height: 240px;}
.h370{height:370px}
.h480{height:480px}
/*line-height*/
.lh40{line-height: 40px;}
/*bg*/
.bg-blue1{background-color: rgb(43,128,211);}
.bg-white{background-color: white;}
/*.bg-gray1{background-color:rgb(61,84,106);color:white;}*/
.bg-eyeClose{
    background:url(/newLogin/imgs/eye-close.png) no-repeat;
    -webkit-background-size:100% auto;
    background-size:100% auto;
    -webkit-transform-origin:center 12px;
    -moz-transform-origin:center 12px;
    -ms-transform-origin:center 12px;
    transform-origin:center 12px;
    transition:all .4s;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
#eyes.eyeOpen .bg-eyeClose{
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.bg-eyeOpen{opacity:0;transition:all .4s;}
#eyes.eyeOpen .bg-eyeOpen{background:url(/newLogin/imgs/eye-open.png) no-repeat;-webkit-background-size:100% auto;background-size:100% auto;opacity:1;transition:all .4s;}
/*border-radius*/
/**/
.patblr{
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.prtblr{
    position: relative;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.br-11{border-radius: 11px;}
.pb70{padding-bottom: 70px;}
.round{border-radius: 50%;}

a:hover{color:#25cb38}
#loginSubmitBtn{background-image:url("/newLogin/imgs/loginSubmit_big.png");background-repeat: no-repeat;-webkit-background-size:100% 100% ;background-size:100% 100% ;}
#loginSubmitBtn:hover,#loginSubmitBtn:active{background-image:url("/newLogin/imgs/loginSubmit2_big.png")!important;}
/*手机端768px*/
@media only screen and (max-width:768px ) {
    .img_iyjz{display: none;}
}
@media only screen and (max-width:450px ) {
    .login_footer span{display:inline-block;}
    .login_footer{padding: 0 20px 10px 20px;}
}
input#password:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 400px rgb(16, 36, 61) inset;
}
/* ----  create by login.css end ---- */


/* ----  create by register.css start ---- */
.login_footer{
    position:absolute;
    bottom:0;
    text-align: center;
    width:100%;
    padding:0 20px 40px 20px;
    color:#ccc;
}
.bb1{border-bottom: solid 1px rgb(106,136,170);	}
/*placeholder字体颜色*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color:#ccc;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color:#ccc;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color:#ccc;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color:#ccc;
}
.w240{width: 240px;}
.w260{width:260px}
.h450{height: 450px;}
.pl40{padding-left: 40px;}

.lh40{line-height: 40px;}
.red{color:red}
.black1{color:black}
.black2{color:#333}
.bg-valid{background: url("/newLogin/imgs/valid.png") no-repeat;}
.bg-white{background-color: white;}
.bg-gray1{background-color: rgb(236,236,236);}

.bg-eyeClose{
    background:url("/newLogin/imgs/eye-close.png") no-repeat;
    -webkit-background-size:100% auto;
    background-size:100% auto;
    -webkit-transform-origin:center 12px;
    -moz-transform-origin:center 12px;
    -ms-transform-origin:center 12px;
    transform-origin:center 12px;
    transition:all .4s;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
#eyes.eyeOpen .bg-eyeClose{
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.bg-eyeOpen{opacity:0;transition:all .4s;}
#eyes.eyeOpen .bg-eyeOpen{background:url("/newLogin/imgs/eye-open.png") no-repeat;-webkit-background-size:100% auto;background-size:100% auto;opacity:1;transition:all .4s;}
/*.loginTips{display:none}*/
.prtblr{
    position: relative;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.mb90{margin-bottom: 90px;}
.pb70{padding-bottom: 70px;}

a:hover{color:rgb(5,163,226);}
#registerSubmitBtn{background-image:url("/newLogin/imgs/loginSubmit_big.png");background-repeat:no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
#registerSubmitBtn:hover,#registerSubmitBtn:active{background-image:url("/newLogin/imgs/loginSubmit2_big.png")!important;}
.closeBtnLeft:after{
    display: inline-block;
    content: '';
    padding:6px;
    border-style: solid;
    border-width: 3px;
    border-color: gray transparent transparent gray;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    transform: rotateZ(-45deg);
}
.closeBtnCross:after,.closeBtnCross:before{
    display: inline-block;
    content: '';
    padding-top:2px;
    width:20px;
    background-color:gray;
    position: absolute;
    top:9px;
    left:0px;
}
.closeBtnCross:after{
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}
.closeBtnCross:before{
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}
.modeShade{
    position: absolute;
    top: 0;
    left: 0;
    background-color:rgba(0,0,0,0.3);
    width:100%;
    height:110%;
    z-index:9999;
    display: none;
}
.modeTip{
    font-size:18px;
    background-color:white ;
    display: inline-block;
    padding: 20px;
    border-radius: 4px;
    color:#444;
}
p.text{font-size: 14px;position:absolute;vertical-align: middle;line-height:20px;}
p.text.error,p.text.warn{color:red;}
p.text.success{color:rgb(91, 183, 91)}
p.text.bg-invalid{font-size: 14px;color:red;vertical-align: middle;line-height:20px;position: static;}
p.text.bg-invalid:before{display:inline-block;content:'';width:19px;height:19px;background:url(../imgs/invalid.png) no-repeat;vertical-align: middle;}
input[type=checkbox]:checked ~ p.text{display: none;}
input#mpsw:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 400px rgb(16, 36, 61) inset;
}
/*手机端768px*/
@media only screen and (max-width:768px) {
    #serveAggrement h1,.img_iyjz{
        display: none;
    }
    #serveAggrementHead{background-color:white ;}
    #serveAggrement .closeBtnLeft{display: inline-block;}
    #serveAggrement #serveAggrementHead{text-align: center;}
    #serveAggrement h2{margin-top:20px}

}
@media only screen and (max-width:450px) {
    .login_footer span {
        display: inline-block;
    }
    .login_footer {
        padding: 0 20px 10px 20px;
    }
}
/* ----  create by register.css end  ---- */