/* 
    author  fanglinna
    date    20190619
*/
.login-contain{width:90%;margin:0 auto;position: relative;}
.login-contain>h1{padding-top: 1.5rem;font-size: 1.4rem;color: #232f3c;font-weight: bold;}
.login-contain>h2{margin-top: 0.5rem;font-size: 0.9rem;color: #232f3c;font-weight: 400;}
.login-contain>p{margin-top: 0.5rem;font-size: 0.6rem;color: #232f3c;}
.tab-nav-wrap{margin-top: 1.3rem;}
.tab-nav-wrap>span{display: inline-block;font-size: 0.9rem;color: #999;height: 1.625rem;line-height: 1.625rem;position: relative;}
.tab-nav-wrap>span.action{color: #232f3c;}
.tab-nav-wrap>span.action>i{width: 1.75rem;height: 0.2rem;display: inline-block;position: absolute;left:0;bottom: -0.2rem;background-color: #232f3c;}
.tab-nav-wrap>em{width: 1px; height: 0.75rem;background-color: #d5d5d5;margin:0 1.25rem;display: inline-block;position: relative;top: 2px;}

.login-contain>ul{margin-top: 0.285rem;}
.login-contain>ul>li{width:100%;border-bottom:1px solid #d5d5d5;margin-top: 1.75rem;position: relative;}
.login-contain>ul>li.border-none{border:none;}
.login-contain>ul>li>label{font-size: 0.75rem;color: #232f3c;width:20%;text-align: left;float: left;height: 1.75rem;line-height: 1.75rem;}
.login-contain>ul>li>input{width:75%;float: left;height: 1.75rem;line-height: 1.75rem;border:none;outline: none;font-size: 0.6rem;}
.login-contain>ul>li.forge-pwd{margin-top: 1rem;}
.login-contain>ul>li.forge-pwd>label{width: auto;font-size: 0.6rem;color: #999;}
.login-contain>ul>li.forge-pwd>label>input{width: 0.75rem;height: 0.75rem;vertical-align: middle;margin-top: -3px;}
.login-contain>ul>li.forge-pwd>a{float: right;font-size: 0.6rem;color: #999;height: 1.75rem; line-height: 1.75rem;}
.login-contain>ul>li.li-input{display: none;}
.login-contain>ul>li.li-input1{display: block;}
.login-contain .msg-box{position: relative;}
.msg-box .msg{position: absolute;left:0;top: 1rem;color: #f4523b;font-size: 0.5rem;display: none;}

.login-contain>ul>li.reg-btn{margin-top: 2rem;}
.login-contain>ul>li.reg-btn>input{height: 2.5rem; line-height: 2.5rem;font-size: 0.9rem;color: #fff;text-align: center;background-color: #232f3c;width: 100%;}
.login-contain>div.reg-new-box{margin-top: 0.75rem;text-align: right;margin-bottom: 2.5rem;}
.login-contain>div.reg-new-box>a{font-size: 0.75rem;color: #232f3c; text-decoration: underline;}
.msg-word{position: absolute;width: 100%;left:0;bottom: -1rem;font-size: 0.5rem;color: #f4523b;display: none;}

/* 验证滑块 */
.login-contain>ul>li.l_imgcaptcha{height: 1.75rem;margin-top: 1rem;}
.captcha-btn{width: 100%;height: 1.75rem;border:1px solid #d5d5d5;text-align: center;line-height: 1.75rem;box-sizing: border-box;font-size: 0.6rem;color: #333;border-radius: 3px;display: none;}
.puzzle-drag-wraper{position: absolute;left:0;bottom: 2rem;background-color: #fff;width: 100%;box-shadow: 0 0 5px rgba(0,0,0,0.2);box-sizing: border-box;display: none;}
.drag-s{width: 0.35rem;height: 0.35rem;position: absolute;left:0.5rem;bottom: -0.175rem;transform: rotate(45deg);transform-origin: center center;z-index:1;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.drag-t{width: 0.55rem;height: 0.55rem;position: absolute;left:0.4rem;bottom: -0.15rem;transform: rotate(45deg);transform-origin: center center;z-index:2;background-color: #fff;}
.puzzle-drag-content{position: relative;overflow: hidden;}
.puzzle-title{padding:0.5rem 2%;font-size: 0.6rem;}
.puzzle-title>span:first-child{float: left;}
.puzzle-close{float: right;background: url(../../images/user/close.png) no-repeat;width: 0.6rem;height: 0.6rem;background-size: contain;margin:0.1rem 0 0 0.5rem;}
.puzzle-change{float: right;color: #3399ff;cursor: pointer;}
.puzzle-change>i{background: url(../../images/user/change.png) no-repeat;width: 0.6rem;height: 0.65rem;background-size: contain;float:left;margin:0.1rem 0.25rem 0 0;}
.puzzle-img-box{margin:0 2%;position: relative;overflow: hidden;}
.puzzle-img>img{width: 100%;}
.puzzle-lost{position: absolute;left:0;top:0;}
.puzzle-lost>img{width: 100%;height: 100%;}
.puzzle-slide-nav{height: 2rem;margin: 0.5rem 2%;text-align: center;line-height: 2rem;border-radius: 20px;border:1px solid #ecedee;-webkit-box-shadow:0px 0px 3px #c8c8c8 inset;-moz-box-shadow:0px 0px 3px #c8c8c8 inset;box-shadow:0px 0px 3px #c8c8c8 inset;box-sizing: border-box;position: relative;font-size: 0.6rem;z-index: 3;}
.puzzle-slide-btn{width: 2rem;height: 2rem;position: absolute;left:0;top:-1px;background: url(../../images/user/drag.png) center;cursor: pointer;background-size: contain;}
.puzzle-slide-left{height: 2rem;position: absolute;top: 0;left: 0;background-color: #232f3c;z-index: 0;border-radius: 20px;}