@charset "utf-8";
@import "../fonts/iconfont.css";

html,body{margin:0;padding:0;height: 100%;background-color: #f5f5f5;font-size:14px;font-family: "Microsoft YaHei";overflow: hidden;-webkit-overflow-scrolling : touch;}
ul,li,p{margin:0;padding:0}
ul,li{list-style: none;}
a{text-decoration: none;color:#666}
a,a:hover,a:active,a:visited,a:link,a:focus,li{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;}
input,button{outline: none;-webkit-appearance: none;-moz-appearance: none;}
input::-ms-clear{display:none;}/*隐蔽文本框叉子*/
input::-ms-reveal{display:none;}/*隐蔽暗码框小眼睛*/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #fff inset;}/*隐蔽自动填充样式*/

.wrapper{width: 1180px;margin: 0 auto;position: relative;height: 100%;-webkit-overflow-scrolling : touch;}
.fl{float: left}
.fr{float: right}
.clear:after{content:'';display: table;clear: both}
.color{color:#0195ff}
.red{color:#ff4a3b}
.blue{color:#0195ff}
.underline{text-decoration: underline}
.lh45{line-height: 45px;}
.aleft{text-align: left}
.inline-block{display: inline-block}

/* 对话气泡 */
.tips{padding: 0}
.tips-left{padding:5px 12px;position: absolute;right: 50px;top: 6px;white-space: nowrap;border:1px solid #0195ff;color: #0195ff;background-color: #dde7fc;border-radius: 4px;}
.tips-left:before{content:'';display: block;width: 0;height: 0;border-left: 6px solid #0195ff;border-bottom: 6px solid transparent;border-top: 6px solid transparent;position: absolute;right: -6px;top: 7px;}
.tips-left:after{content:'';display: block;width: 0;height: 0;border-left: 4px solid #dde7fc;border-bottom: 4px solid transparent;border-top: 4px solid transparent;position: absolute;right: -4px;top: 9px;}

.tips-right{padding: 12px 12px;position: absolute;left: 111%;top: 6px;white-space: nowrap;color: #e2e6fd;background-color: rgba(255,255,255,0.2);border-radius: 6px;font-size: 12px;}
.tips-right:before{content:'';display: block;width: 0;height: 0;border-right: 6px solid #3f4877;border-bottom: 6px solid transparent;border-top: 6px solid transparent;position: absolute;left: -6px;top: 13px;}

/*错误提示*/
.tips-error{font-size: 12px;}

/*头*/
.login-logo img{width: 112px;height: 29px;margin:23px 0}
.login-header{position: relative;background-color: #171924}
.login-header>*{position: relative;z-index: 99;}
.login-header-r li{display:inline-block;line-height: 75px;}
.login-header-r li:after{content:'|';color:#4e515b;margin:0 24px}
.login-header-r li:last-child:after{display: none}
.login-header-r li a{color:#fff}
.mobile-menu{display: none}
.mobile-menu i{display: block;width: 24px;height: 2px;background-color: #fff;margin-top: 4px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; }
.mobile-menu.on i:nth-child(1){-webkit-transform: rotate(-45deg) translate(-4px,4px);-moz-transform: rotate(-45deg) translate(-4px,4px);-ms-transform: rotate(-45deg) translate(-4px,4px);-o-transform: rotate(-45deg) translate(-4px,4px);transform: rotate(-45deg) translate(-4px,4px);}
.mobile-menu.on i:nth-child(2){-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.mobile-menu.on i:nth-child(3){opacity: 0}


/*尾*/
.login-footer{width: 100%;text-align: center;color:#87878e;position: absolute;bottom: 0;background-color: #171924;padding: 15px 0}
.login-footer p{margin:8px 0}
.login-footer li{display: inline-block;line-height: 36px;margin:0 55px;position: relative}
.login-footer a{color:#87878e;}
.login-footer li a{color:#87878e;}


/*登录*/
.login-body{margin-top:100px;}
.login-item{width: 420px;background-color: #fff;padding:20px 30px;box-sizing: border-box;position: relative;z-index: 99}
.item-header{border-bottom: 1px solid #ececec}
.item-header ul,.login-switch{display: inline-block}
.item-header li{display: inline-block;padding:0 10px 10px 0;margin-right: 20px;position: relative;cursor: pointer}
.item-header li span{color: #666;line-height: 45px;display: block}
.item-header li:after{content:'';display:block;width: 0;height: 2px;background-color: #0195ff;position: absolute;bottom: 0;left: 0;-webkit-transition: .3s all;-moz-transition: .3s all;-o-transition: .3s all;transition: .3s all}
.item-header li.on{color:#0195ff;font-weight: bold;}
.item-header li.on:after{width: 100%}
.item-header li.on span{color:#0195ff;font-weight: bold;}
.login .input-group.error .tips-right{position: static;display: inline-block;padding: 5px 0 0;background-color: transparent;border: none;color:#ff6c6d}
.login .input-group.error .tips-right:before{display: none;}
.login .input-group.error + .input-group{margin-top: 15px;}

.login-switch{position: relative;font-size: 12px;}
.login-icon{width: 40px;height: 40px;display: block;}
.login-ewm{background: url(../images/login-tab-ewm.png) no-repeat}
.login-account{background: url(../images/login-tab-pc.png) no-repeat}

.item-body{padding-top: 10px;}
.btn{width:120px;display:inline-block;height: 40px;line-height:40px;background-color: #0195ff;color:#fff;border:0;cursor: pointer;text-align: center;vertical-align: top}
.btn:active{background-color: #0195ff}
.btn-md{width: 170px;}
.btn-lg{width: 100%;letter-spacing: 10px;text-indent: 10px;font-size: 16px;}
.btn-white{background-color: #fff;border:1px solid #ccc;color:#333}
.btn-white:active{background-color: #fff;}
.btn-primary{background-color: transparent;color: #0195ff;border:1px solid #0195ff}
.btn-primary:active{background-color: transparent;}
.input-group{margin-top:20px;position: relative}
.input-group:first-child{margin-top:10px;}
.input-group input[type=text],.input-group input[type=password]{display:inline-block;height: 40px;border:1px solid #dde4ed;width: 100%;padding:0 15px;box-sizing: border-box;}
.input-group input::-webkit-input-placeholder{color:#c3c3c3}
.input-group input::-moz-placeholder{color:#c3c3c3}
.input-group input:-ms-input-placeholder{color:#c3c3c3}
.input-group input::placeholder{color:#c3c3c3}
.input-group input:focus{border:1px solid #0195ff;color:#0195ff;}
.input-group.error input{border:1px solid #ff6c6d;color:#ff6c6d;}
.input-group input:focus + i{color:#0195ff}
.input-group.error input + i{color:#ff6c6d;}
.input-group .code-input{width: calc(100% - 130px) !important;padding:0 15px !important;}
.input-group i{position: absolute;right: 15px;top: 14px;font-size: 20px;color: #d5d5d5;display: block;width: 25px;text-align: center;}
.input-group.error input{color:#ff6c6d;-webkit-animation: shake 0.18s linear forwards;-moz-animation: shake 0.18s linear forwards;-o-animation: shake 0.18s linear forwards;animation: shake 0.18s linear forwards}
.form-item{margin-top:15px;font-size: 14px;}

.input-group.graph-code input{padding:0 110px 0 15px;}
.input-group.graph-code img{width:100px;height:35px;position: absolute;right: 7px;top:7px;cursor: pointer}

/*密码强度*/
.password-strength{font-size: 0;width: 100%;}
.password-strength span{display: none;width: 32%;margin-right: 2%;height: 6px;margin-top: 10px;border-radius: 3px;background-color: transparent;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.password-strength span:last-child{margin-right: 0;}
[data-strength="strength1"] span:nth-child(-n + 1){display: inline-block;background-color: #ff6c6d}
[data-strength="strength2"] span:nth-child(-n + 2){display: inline-block;background-color: #ffc107}
[data-strength="strength3"] span:nth-child(-n + 3){display: inline-block;background-color: #5dc489}
.tips-strength{display: inline-block;font-size: 14px;color: #4e638b;padding-top: 5px;}
.strength + .input-group{margin-top: 10px;}

.checkbox{cursor: pointer;font-size: 0;-webkit-user-select:none;user-select: none;}
.checkbox input{display: none;}
.checkbox i{display: inline-block;width: 12px;height: 12px;border:1px solid #dde4ed;position: relative;top: 4px;font-size: 12px}
.checkbox input:checked + i:before{content:'';display: block;position: absolute;top: -1px;left: -1px;width: 14px;height: 14px;line-height: 12px;background-color: #0195ff;color:#fff;}
.checkbox input:checked + i:after{content:'';position: absolute;left: 2px;top: 1px;width: 7px;height: 4px;border-width: 1px;border-style: solid;border-color: transparent transparent #fff #fff;font-size: 12px;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.checkbox span{color:#4e638b;display: inline-block;line-height: 22px;vertical-align: top;font-size: 14px;margin-left: 10px;}

.qrcode-login{padding: 25px;text-align: center;}
.qrcode-login img{width: 146px;height: 146px;border:1px solid #cdcdcd}
.qrcode-login p{color:#666;margin: 20px 0;line-height: 22px}

.login-color{color: #4e638b;}

/* 手机/邮箱验证切换 */
/*.turnover{perspective: 1200px;-webkit-perspective: 1200px;position: relative;height: 306px}*/
/*.turnover>div{position: absolute;top:0;left: 0;width:100%;backface-visibility: hidden; -webkit-backface-visibility: hidden;transition: 1s;}*/
/*.login_front{display: block\0;}*/
/*.login_back{transform: rotateY(-180deg);display: none\0;}*/
/*.turnover.rotate180 .login_front{transform: rotateY(180deg);display: none\0;}*/
/*.turnover.rotate180 .login_back{transform: rotateY(0deg);display: block\0;}*/
/*.switch-btn{width: 72px;height: 26px;line-height:26px;text-align:center;background-color: #d6e1fd;display: inline-block;border-radius: 13px;color:#306af4}*/

/* 登录广告位 */
.login-ad img{max-width: 674px}

/*注册*/
.register-body{margin-top:20px;}
.register{display: flex;padding: 40px 0;height: calc(100% - 283px)}
.register1-body{background-color: #fff;padding: 65px 0;position: relative;z-index: 9; flex: 1}
.register1-body .item-header{border:0;text-align: center}
.register1-body .item-header h1{margin:0 0 1em 0;font-size: 24px;color: #1e3663;}
.register1-body .item-header .login-switch{position: absolute;right: 25px;top:25px}
.register1-body .item-body{padding-top: 1px}
.register1-body .item-body{padding-top: 1px}
.register1-body .register-item{width: 458px;margin: 0 auto;}
.login-body .tips-right{background-color: #fff;left:105%;top:0px;color:#b8bdcb;border: 1px solid #dde4ed;border-radius: 0;}
.login-body .tips-right:before{width: 8px;height: 8px;border-width: 1px;border-style: solid;border-color: #dde4ed transparent transparent #dde4ed;background-color: #fff;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.register1-body .tips-right{background-color: #fff;left:105%;top:0px;color:#b8bdcb;border: 1px solid #dde4ed;border-radius: 0;}
.register1-body .tips-right:before{width: 8px;height: 8px;border-width: 1px;border-style: solid;border-color: #dde4ed transparent transparent #dde4ed;background-color: #fff;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
@media screen and (max-width: 1800px) {
    .login-body .tips-right{width: 120px;white-space: normal;}
}

.register1-body .input-group.error input:focus{border:1px solid #ff6c6d}
.register1-body .input-group.error input:focus + i{color:#ff6c6d}
.register1-body .input-group.error .tips-right{position: static;display: inline-block;padding: 5px 0 0;background-color: transparent;border: none;color:#ff6c6d}
.register1-body .input-group.error .tips-right:before{display: none;}
.register1-body .input-group.error + .input-group{margin-top: 15px;}

/*绑定邮箱*/
.bEmail{text-align: center;padding:60px 0}
.bEmail h3{margin: 20px 0 15px 0;}
.bEmail p{color:#666;line-height: 24px}
.bEmail .btn-item{margin-top: 65px}
.bEmail .btn{margin:0 15px}

/*弹窗*/
.pop{background-color: #fff;width: 465px;height: 253px;position: absolute;top:50%;left: 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align: center;display: none;box-shadow:0 5px 20px rgba(14,106,231,0.15)}
.pop .close i{font-size: 22px;color:#bec3c9;position: absolute;right: 10px;top:10px;}
.pop .title{margin-top:30px;margin-bottom:20px;line-height: 30px;font-weight: bold;font-size: 16px;color:#333}
.pop p{margin: 15px 0;line-height:30px;color:#333;font-size: 16px;}
.pop span{color:#333;font-size: 12px;}
.pop .btn-md{line-height: 40px;height: 40px}


/* 微信未绑定 */
.qrcode-unbind{display: table;min-height: 220px;}
.qrcode-login-item{display: table-cell;vertical-align: middle}
.qrcode-unbind .title{font-size: 16px;color: #333}
.qrcode-unbind .title .iconfont{color: #306af4;font-size: 20px;vertical-align: top;margin-right: 5px}
.qrcode-unbind p{text-align: left;margin-bottom: 30px}
.qrcode-unbind .btn-md{width: 130px;line-height: 40px;height: 40px}
.qrcode-unbind .btn-md + .btn-md{margin-left: 10px}

/*滑动验证码 --编辑于 20191106*/
.sliding-img-check-box{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);text-align:center;background-color: #fff;box-shadow: 0 5px 20px rgba(14,106,231,0.15);visibility: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 360px}
.sliding-img-check-box>div:last-child{margin-bottom: 10px}
.sliding-img-check-box>.close{position: absolute;right:16px;top: 6px;cursor: pointer;font-size: 22px;z-index: 1}
.sliding-img-display{position:relative;padding:0 20px;border-radius:16px;overflow:hidden;margin:auto;}
.sliding-img-display>p{text-align: left;line-height: 35px;font-size: 12px;color:#333}
.sliding-img-cnt{position:relative;width: 100%;height: 161px}
.sliding-img-src,.sliding-img-fragment-hollow{position:absolute;left:0;top:0;z-index:10}
.sliding-img-src{width: 100% !important;height: 100% !important;position: static !important;}
.sliding-img-fragment-cnt{top:50px;left:0;position:absolute;width: 38px ;height: 42px}
.sliding-img-fragment-cnt .sliding-img-fragment-content,.sliding-img-fragment-cnt .sliding-img-fragment{position:absolute;left:0;z-index:20}
.sliding-smooth-cnt{position:relative;width:320px;height: 40px;margin: 0 auto;border-radius:24px;}
.sliding-smooth-bar,.sliding-smooth-circle{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.sliding-smooth-bar{width:100%;height:10px;background-color:#e4e4e4;border-radius:24px}
.sliding-smooth-circle{position:absolute;width: 52px;height:30px;background-color: #306af4;border-radius: 30px;box-shadow: 0 0 6px 0 #306af4;cursor:pointer;padding: 5px 14px;box-sizing: border-box;}
.sliding-smooth-circle span{display: inline-block;width: 2px;height: 10px;background-color: #fff;margin-right: 6px;}
.sliding-smooth-circle span:last-child{margin-right: 0}
.sliding-icon-refresh{display:block;position:relative;cursor:pointer;font-size: 12px;color:#333;margin-top: 5px;}
.sliding-icon-refresh span{position: relative;top:1px }
.sliding-loadding{background-color: #fff;position: absolute;top:0;left:0;width: 100%;height: 100%;/* display: none; */z-index: 99;padding:60px 0;box-sizing: border-box;}
.sliding-loadding img{position: static !important;width: 32px !important;height: 32px !important;}

.sliding-btn{height: 46px;background-color: #e7ecf0;border-radius: 4px;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.sliding-btn:before{content:'向右拖动滑块';display:block;line-height: 45px;text-align: center;color:#666}
.sliding-btn.success{background-color: #44cb77;color:#fff}
.sliding-btn.success >*{display: none}
.sliding-btn.success:before{content:'验证成功';color:#fff;padding-left: 30px;}
.sliding-btn.success:after{content:'\e61c';color:#fff;display:block;width: 100%;font-family: iconfont;font-size: 20px;position: absolute;top:0;line-height: 45px;text-align: center;margin-left: -30px;}
.sliding-btn.error:before{content:'验证失败';color:#ff6c6d;padding-left: 30px;}
.sliding-btn.error{background-color: #ffece9}
.sliding-btn.error:after{content:'\e6b2';color:#ff6c6d;display:block;width: 100%;font-family: iconfont;font-size: 20px;position: absolute;top:0;line-height: 45px;text-align: center;margin-left: -30px;}
.sliding-btn .sliding-smooth-bar{width:0;height: 100%;position: absolute;left: 0;background-color: #4a8ff9;border-radius:4px;z-index: 9}
.sliding-btn .sliding-smooth-circle{width: 50px;height:46px;border-radius: 4px;box-shadow: 0 0 10px rgba(14,106,231,0.15);background-color: #fff;z-index: 9}
.sliding-btn .sliding-smooth-circle i{position: absolute;left: 9px;top: 16px;color:#d4d9dc;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.sliding-btn .sliding-smooth-circle i:nth-child(2){left: 17px;}
.sliding-btn .sliding-smooth-circle.moving i{color:#8bb8ff;-webkit-animation: moving 1s infinite;-moz-animation: moving 1s infinite;-o-animation: moving 1s infinite;animation: moving 1s infinite}
.sliding-btn .sliding-smooth-circle.moving i:nth-child(2){-webkit-animation-delay: 1s;-moz-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s}

.sliding-btn[data-disabled=true]{background-color: #f7f7f7}
.sliding-btn[data-disabled=true]:before{content:'暂不可拖动';color:#d6d5d5}
.sliding-btn[data-disabled=true]:after{display: none}
.sliding-btn[data-disabled=true] .sliding-smooth-circle{background-color: rgba(255,255,255,0.8)}

@keyframes moving {
    0%{
        color:#4a8ef9
    }
    50%{
        color:#8bb8ff;
    }
    100%{
        color:#4a8ef9
    }
}

/*屏幕适配*/

@media screen and (max-width: 1440px) {
    .input-group input[type=text], .input-group input[type=password]{height: 40px;}
    .input-group i{top:10px}
    .input-group.graph-code img{top:3px;right: 3px;height: 39px;}
    .item-body .btn{height: 40px;line-height: 40px;}
    .register-body .tips-right,.login-body .tips-right{position: static;width: auto;border: none;padding: 0 0;color:#ff4a3b;margin-top: 5px;display: block}
    .register-body .tips-right:before,.login-body .tips-right:before{display: none;}
    .password-strength{top:43px;}
}

@media screen and (max-width: 1280px) {
    .input-group input[type=text], .input-group input[type=password]{height: 35px;}
    .input-group i{top:6px}
    .input-group.graph-code img{top:1px;right: 1px;height: 33px;}
    .item-body .btn{height: 35px;line-height: 35px;}
    .password-strength{top:33px;}
}


/* 响应式 */

@media screen and (max-height: 830px) {
    .register1-body{margin:30px auto}
    .bEmail{padding-top:25px;padding-bottom: 25px}
}

@media screen and (max-height: 750px) {
    .register1-body{margin:10px auto;padding:35px 0}
    .bEmail .btn-item{margin-top: 40px}
    .login-footer p{margin:6px 0}
}

@media screen and (max-height: 700px) {
    .login-body{margin-top: 70px;}
    .register1-body{padding:15px 0}
    .bEmail .btn-item{margin-top: 20px}
    .input-group{margin-top: 5px}
}

@media screen and (max-height: 600px) {
    .login-body{margin-top: 30px;}
    .bEmail{padding-bottom:10px}
    .bEmail h3{margin-top:20px;margin-bottom:15px}
    .bEmail .btn{height:40px;line-height:40px}
}

@media screen and (max-width: 1200px) {
    .wrapper,.left{width: 90%;}
}

@media screen and (max-width: 1100px) {
    .bg-2d{-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);}
}

@media screen and (max-width: 1024px) {
    .bg-2d{-webkit-transform: scale(0.65);-moz-transform: scale(0.65);-ms-transform: scale(0.65);-o-transform: scale(0.65);transform: scale(0.65)}
}

@media screen and (max-width: 950px) {
    .left{margin: 0}
    .grid-2d{width: 100%;}
    .bg-2d{left: 50%;-webkit-transform: translateX(-50%) scale(1);-moz-transform: translateX(-50%) scale(1);-ms-transform: translateX(-50%) scale(1);-o-transform: translateX(-50%) scale(1);transform: translateX(-50%) scale(1);}
    .item-2d-6{right: 8%}
}

@media screen and (max-width: 950px) and (min-width: 480px) {
    .login-body{position: absolute;top:42%;left: 50%;right: auto;margin:-190px 0 0 -190px;}
    .login-body>div{float: none;margin:0 auto}
    .register-body{margin-top:0;position: absolute;top:42%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
    .register-body{top:45%;}
    .register-body .input-group:first-child{margin-top: 0}
    .register-body .input-group{margin-top: 10px}
}

@media screen and (max-width: 680px) {
    .bg-2d{left: 50%;-webkit-transform: translateX(-50%) scale(.8) ;-moz-transform: translateX(-50%) scale(.8) ;-ms-transform: translateX(-50%) scale(.8) ;-o-transform: translateX(-50%) scale(.8) ;transform: translateX(-50%) scale(.8) ;}
    .item-2d-6{right: 0;bottom: -185px}
    .bEmail{padding:60px;}
    .bEmail .btn-md{width: 100px}
}

@media screen and (max-width: 560px) {
    .bg-2d{-webkit-transform: translateX(-50%) scale(.7);-moz-transform: translateX(-50%) scale(.7);-ms-transform: translateX(-50%) scale(.7);-o-transform: translateX(-50%) scale(.7);transform: translateX(-50%) scale(.7);}
    .login-logo img{width: 100px;height: 27px;}
    .login-header-r li{line-height: 65px;}
    .login-header-r li:after{margin:0}
    .login-footer li{margin:0 15px;}
    .item-2d-6{display: none}
}

@media screen and (max-width: 480px) {
    .login-header-r{padding:22px 0;position: static}
    .mobile-menu{display: block}
    .menu-child{position: fixed;width: 100%;height: 100%;left: 0;top: 65px;text-align: center;background: #fff;z-index: 999;display: none;box-shadow: 0 0 13px rgba(0,0,0,0.3);}
    .menu-child li{display: block;line-height: 65px;border-bottom: 1px solid #b3bbdd30;}
    .login-header-r li a{color: #666;display: block;padding: 0 15px;text-align: left;}
    .login-body,.register-body{width: 100%;}
    .login-body{margin-top: -195px;}
    .login-header-r li:after{display: none}
    .login-item{width: 100%}
    .login-footer p{margin:5px 0}
    .input-group.graph-code img{width: 28%;height: 45px;}
    .input-group .code-input{width: 65% !important;}
    .input-group .code-input + .btn{width: 32%}

    /*注册*/
    body{overflow: auto}
    .wrapper{padding-bottom: 140px;height: auto;min-height: 100%;box-sizing: border-box}
    .register-body{width: 100%;margin-top: 0}
    .register-body .input-group{margin-top:20px}
    .register-body .input-group:first-child{margin-top: 10px;}
    .input-group input[type=text], .input-group input[type=password]{height: 45px;}
    .item-body .btn{height: 45px;line-height: 45px;}
    .input-group i{top:10px}
    .login-ewm,.login-ewm + .tips-left{display: none}

    .register1-body{margin:0;width: 100%}
    .register1-body .register-item{width: 90%}
    .register1-body .tips-right{position: static;color:#ff4a3b;padding:0 15px;margin-top: 5px;display: block;background-color: transparent}
    .register1-body .tips-right:before{display: none;}

    .bEmail{padding:0 30px}
    .bEmail .btn-item{margin-top: 30px}
    .bEmail .btn-md{width: 100%;margin:5px 0}
    .pop{width:100%}
    .password-strength{top:43px;}

}

@media screen and (max-width: 400px) {
    .tips-left{right: 40px;}
    .login-footer li{margin:0 5px}
    .item-header li{margin-right: 5px;}
    .login-item{padding:15px;}
}

@media screen and (max-height: 700px) {
    .register1-body .item-header .login-switch{
        top: 60px
    }
}




.form-item-tips i{font-size: 20px;margin-right:5px;vertical-align: sub;}