﻿body {background:#fff;}
.content-box{width:100%;margin-top:0;}
header{position:inherit;}
.userLoginBigBox{background: #6175cf;}
.userLoginBox{background:url(/Img/UserLogin/Login/loginBg.jpg)no-repeat center;width:1200px;margin:0 auto;height:560px;}
.loginBox{width:330px;height:420px;font-size:16px;background: #fff;position: relative;top: 70px;right: -740px;padding: 20px 40px;border-radius: 16px;overflow: hidden;}
.loginBox h2{text-align:center;letter-spacing: 4px;}
.userInfo label{margin: 40px 0;display: block;position: relative;}
.zhanghuBox input{width:250px;line-height: 35px;outline-style: none;border: 1px solid #999;padding: 0px 20px 0px 50px;height:  37px;}
.passwordBox input{width:250px;line-height: 35px;outline-style: none;border: 1px solid #999;padding: 0px 20px 0px 50px;height:  37px;}
.zhanghuIco{width:20px;height:20px;background: url(/Img/UserLogin/Login/loginIco.png)no-repeat -20px 0px;display:inline-block;position: absolute;top: 50%;margin-top: -10px;left: 10px;}
.passwordIco{width:20px;height:20px;background: url(/Img/UserLogin/Login/loginIco.png)no-repeat 3px 0px;display:inline-block;position: absolute;top: 50%;margin-top: -10px;left: 10px;}
.forget{margin-left: 86px;}
.loginBtn{margin-top:20px;}
.loginBtn a{display: block;height: 40px;text-align: center;line-height: 36px;border: 2px solid #fb5f21;border-radius: 4px;}
.loginBtn a:hover{background: #ee523c;border: 2px solid #f36e5b;color:#fff;}
.loginBtn .sign{background: #fb5f21;color: #fff;}
.loginBtn .sign:hover{background: #f36e5b;color:#fff;border: 2px solid #f36e5b;}
.loginQitaDiv{margin-top: 16px;}
.signInHref{display: inline-block;vertical-align: middle;}
.weixinItem{display: inline-block;vertical-align: middle;margin-left: 44px;}
.weixinTxt{display: inline-block;vertical-align: middle;}
.weixinIco{width: 34px;height: 34px;display:inline-block;vertical-align:middle;background:url(/Img/GlobalIMG/WeChatIco.png)no-repeat;}
.rotateDiv{
    transform:rotateY(180deg);
    transition-duration:2s;
    transform:rotateY(180deg); 	/* IE 9 */
    -ms-transition-duration:2s;
    -moz-transform:rotateY(180deg); 	/* Firefox */
    -moz-transition-duration:2s;
    -webkit-transform:rotateY(180deg); /* Safari 和 Chrome */
    -webkit-transition-duration:2s;
    -o-transform:rotateY(180deg);
    -o-transition-duration:2s;
}
.rotateDivTel{
    transform:rotateY(360deg);
    transition-duration:2s;
    transform:rotateY(360deg); 	/* IE 9 */
    -ms-transition-duration:2s;
    -moz-transform:rotateY(360deg); 	/* Firefox */
    -moz-transition-duration:2s;
    -webkit-transform:rotateY(360deg); /* Safari 和 Chrome */
    -webkit-transition-duration:2s;
    -o-transform:rotateY(360deg);
    -o-transition-duration:2s;
}
.wechatRoate{
    transform:rotateY(180deg);
    transition-duration:2s;
    transform:rotateY(180deg); 	/* IE 9 */
    -ms-transition-duration:2s;
    -moz-transform:rotateY(180deg); 	/* Firefox */
    -moz-transition-duration:2s;
    -webkit-transform:rotateY(180deg); /* Safari 和 Chrome */
    -webkit-transition-duration:2s;
    -o-transform:rotateY(180deg);
    -o-transition-duration:2s;
}
.wechatLoginDiv{display:none;
    margin-top: 20px;
    text-align: center;}
.wechatRoate{
    transform:rotateY(180deg);
    transform:rotateY(180deg); 	/* IE 9 */
    -moz-transform:rotateY(180deg); 	/* Firefox */
    -webkit-transform:rotateY(180deg); /* Safari 和 Chrome */
    -o-transform:rotateY(180deg);
}
.WContDiv{position: relative;top: 0;}
.wImg{width: 160px;margin: 20px auto;display: block;}
.codeNoBg{ }
.wTopBg{position: absolute;top: -3px;left: 50%;margin-left: -83px;text-align: center;background: #000;opacity: 0.7;height: 165px;width: 165px;}
.wTopTxtDiv{position: absolute;top: 0;left: 50%;margin-left: -83px;text-align: center;width: 165px;}
.wTopTDItem{text-align: center;width: 165px;}
.WTxt{color: #fff;margin-top: 46px;}
.wHref{color: #fff;background: #fb5f21;padding: 4px 14px;display: inline-block;margin-top: 10px;border-radius: 6px;}
.wHref:hover{color:#fff;background:#fd4a03;}
.WCLTxt{ }
.backTelLogin{background: #e8e5e5;display: block;margin-top: 20px;padding: 10px;border-radius: 4px;}

.bindWeChatDiv{transform: rotateY(180deg);transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
.bindWeChatDiv h2{ }
.bindZHBox{display: block;position: relative;font-size: 0;margin: 16px 0;}
.bindIco{background:url(/Img/UserLogin/Login/bindIco.png)no-repeat;width:20px;height:20px;display:inline-block;position: absolute;top: 13px;left: 10px;}
.inputClass{padding: 10px 30px;font-size: 14px;width: 245px;display: inline-block;vertical-align: middle;outline-style: none;}
.ZHIco{ }
.bindWeChatZH{}
.ImgIco{background-position: -20px 1px;}
.bindWeChatImg{width: 154px;}
.imgCodeStyle{width: 90px;display: inline-block;vertical-align: middle;height: 43px;margin-left: 2px;}
.EMssIco{background-position: -41px 0;}
.inputCode{padding: 10px 0 10px 30px;width: 146px;}
.codeBtn{padding: 11px;display: inline-block;vertical-align: middle;margin-left: -1px;width: 104px;}
.PWIco{background-position: -62px 0;}
.bindWeChatPw{ }
.xieyi{font-size: 14px;margin-top: 10px;}
.zcxyA{ }
.bindBtnYes{width: 245px;padding: 8px;background: #fb5f21;border: 1px solid #fb5f21;margin-top: 20px;color: #fff;font-size: 16px;cursor: pointer;}
.bindBtnYes:hover{background:#ff8453;border:1px solid #ff8453;}