.pop-login{
    width:100%;
    height:100%;
    overflow:hidden;
    z-index:399;
}
.pop-login .login-wrap{
    position:fixed;
    top:0;
    left:0px;
    width:100%;
    height:100%;
    z-index:100;
}
.pop-login .login-wrap .all-modal-bg{
    width:100%;
    height:100%;
    background:rgba(19,19,19,0.5);
}
.login-box{
    position:absolute;
    left:40%;
    top:30%;
    width:320px;
    margin:0 auto;
    padding:40px;
    border-radius:4px;
    background:#fff;

}
.login-box .close{
    position:absolute;
    top:0;
    right:-50px;
    display:block;
    width:20px;
    height:20px;
    background:url("../../images/module/login-pop/close.png") no-repeat;
}
.login-box .close:hover{
    background:url("../../images/module/login-pop/close-active.png") no-repeat;
}
.login-box .tit{
    margin-bottom:30px;
    font-size:16px;
    text-align:center;
}
.login-box .tit a{
    display:inline-block;
    color:#999;
}
.login-box .tit a:first-child{
    margin-right:86px;
}
.login-box .tit .on{
    padding-bottom:17px;
    border-bottom:2px solid #333;
    color:#333;
}
.login-box .static-module-covers{
    position:relative;
}
/* 密码登录 */
.pass-login-covers .email,.pass-login-covers .password{
    margin-bottom:20px;
}
.pass-login-covers .ipt-current{
    width:300px;
    height:40px;
    padding-left:20px;
    border-radius:4px;
    border:0;
    outline:none;
    font-size:14px;
    line-height:34px;
    background:#f8f8f8;
    color:#ccc;
}
.email .ipt-current:focus,.password .ipt-current:focus{
    border:1px solid #FF8041;
    background:#fff;
}
.password .text-style, .email .text-style{
    color:#666;
}
.pass-login-covers input::-webkit-input-placeholder {
    color: #ccc;
}

/* 第二次输入密码弹出验证框 */
.code-box{
    margin-bottom:20px;
    overflow:hidden;
}
.code-box .code-text{
    float:left;
    width:130px;
    margin-right:10px;
    padding:0 20px;
    border-radius:4px;
    background:#F8F8F8;
}
.code-box input{
   float:left;
   width:113px;
   height:40px;
   border:0;
   outline:none;
   line-height:34px;
   font-size:14px;
   color:#666;
   background:#F8F8F8;
}
.code-box .code-succ{
    float:left;
    width:16px;
    height:16px;
    margin-top:12px;
    background:url("../../images/module/login-pop/code-succ.png") no-repeat;
}
.code-box .code-error{
    float:left;
    width:16px;
    height:16px;
    margin-top:12px;
    background:url("../../images/module/login-pop/code-error.png") no-repeat;
}
.code-box .code{
    display:block;
    float:left;
    width:138px;
    height:40px;
    border:1px solid #e8e8e8;
    text-align:center;
}
/* 短信登录 */
.l-phone{
    position:relative;
    margin-bottom:20px;
}
/* 号码错误提示 */
.msg{
    width:300px;
    margin-bottom:20px;
    padding-left:20px;
    overflow:hidden;
}
.msg .error{
   float:left;
   width:13px;
   height:13px;
   margin-right:6px;
   background:url("../../images/module/login-pop/error.png") no-repeat; 
}
.msg span{
    display:block;
    float:left;
    width:258px;
    margin-top:-3px;
    line-height:18px;
    color:#FF3737;
}
/* 输入手机号 */
.l-phone .country-phone{
    width:320px;
    height:41px;
}
.l-phone .phone-area-code-ipt{
    display: inline-block;
    float: left;
    width:53px;
    height:40px;
    padding:12px 14px 14px 14px;
    border-radius:4px 0 0 4px;
    text-align:center;
    font-size:14px;
    color:#666;
    box-sizing: border-box;
    cursor: pointer;
    background:#f8f8f8 url("../../images/module/login-pop/x-more.png") no-repeat 44px 19px;
}
.l-phone .ipt-area-current::-webkit-input-placeholder {
    color: #ccc;
}
.l-phone .ipt-area-current{
    float:left;
    width:227px;
    height:40px;
    padding:0 20px;
    border-radius:0 4px 4px 0;
    border:0;
    font-size:14px;
    color:#ccc;
    outline:none;
    background:#f8f8f8;
}
.l-phone .ipt-area-current:focus{
    width:224px;
    height:38px;
    color:#666;
    background:#fff;
}
.l-phone .on{
    width:318px;
    height:38px;
    border:1px solid #FF8041;
    border-radius:4px;
    background:#fff;
}
.l-phone .on span{
    display:block;
    width:62px;
    height:24px;
    margin-top:8px;
    padding:6px;
    border-right:1px solid #E8E8E8;
    background:#fff url("../../images/module/login-pop/x-more.png") no-repeat 47px 11px;
}
.l-phone .on .ipt-area-current{
    width:208px;
    background:#fff;
}
.l-phone .text-style{
    color:#666;
}
/* 号码域下拉 */
.country-area{
    z-index:5;
    position:absolute;
    top:40px;
    left:0;
    width:320px;
    border-radius:4px;
    box-shadow:1px 0px 8px rgba(0,0,0,0.1);
    background:#fff;
}
.country-area .area-covers{
    height:219px;
    overflow:hidden;
}
.country-area .area-covers .code-list{
    width:260px;
    height:219px;
    padding:0 30px;
    overflow-y:scroll; 
    overflow-x:hidden;
}
.code-list::-webkit-scrollbar{
    width:3px;
    height:60px;
    border-radius:1px;
    background-color: #fff;
}
.code-list::-webkit-scrollbar-track{
    background-color: #fff;
}
.code-list::-webkit-scrollbar-thumb{
    border-radius: 1px;
    background-color: #bfbfbf;
}
.area-covers .code-list li{
    font-size:14px;
    color:#999;
    line-height:41px;
    border-bottom:1px solid #eee;
    cursor: pointer;
}
.area-covers .code-list li:hover{
    color:#FF8041;
}
.area-covers .code-list .area-code{
    float:right;
    color:#FF8041;
}
/* 滑块 */
.nc-container{
    width:320px;
    height:24px;
    margin-bottom:20px;
    overflow:hidden;
}
.nc-container .slider{
    float:left;
    width:290px;
    height:24px;
}
.nc-container .reco{
    display:block;
    float:right;
    width: 19px;
    height:16px;
    margin-top:4px;
    background:url("../../images/module/login-pop/reco.png") no-repeat;

}
.nc-container .reco:hover{
    background:url("../../images/module/login-pop/reco-active.png") no-repeat;
}
.nc-container .nc-wrapper{
    width:auto;
}
.nc-scale{
    position:relative;
    width:auto;
    height:24px;
    margin:0;
    padding:0;
    border-radius:12px;
    background:#e8e8e8;
}
.nc_scale div{
    position:absolute;
    left:0;
    width:10px;
    height:100%;
    background:#7AC23C;
}
.nc-container .nc-scale .nc-bg{
    position:absolute;
    left:0;
    height:100%;
    width:10px;
}
.nc-container .nc-scale .nc-bg{
    background:#7AC23C;
}
.nc-container .nc-scale .btn-slide{
    color:#999;
    background:#fff url("../../images/module/login-pop/slider.png") no-repeat 20px;
    -webkit-font-smoothing:antialiased;
}
.nc-container .nc-scale span{
    z-index:2;
    position:absolute;
    left:0;
    width:51px;
    height:24px;
    border:1px solid #e8e8e8;
    border-radius:12px;
    text-align:center;
    cursor:move;
}
.nc_iconfont{
    font-family:"nc_iconfont";
    font-size:12px;
    font-style:normal;  
}
.nc-container .nc-scale .scale-text{
    z-index:1;
    position:absolute;
    width:100%;
    height:100%;
    line-height:34px;
    font-size:12px;
    text-align:center;
    color:#BCBCBC;
    background: transparent;
    cursor:pointer;
}
.nc-container .scale-text.scale-text span[data-nc-lang="_startTEXT"]{
    display:inline-block;
    width:100%;
}
.nc-container .nc-scale span.nc-lang-cnt{
    z-index:0;
    position:absolute;
    top:-5px;
    /* position:static; */
    display:inline;
    float:none;
    width:auto;
    height:auto;
    border:none;
    background:none;
    cursor:inherit;
}
/* 验证码 */
.veri-code{
    margin-bottom:20px;
    overflow:hidden;
}
.veri-code .code-text{
    float:left;
    width:150px;
    height:40px;
    margin-right:10px;
    padding-left:20px;
    border-radius:4px;
    border:none;
    outline:none;
    line-height:34px;
    font-size:14px;
    color:#666;
    background:#F8F8F8;
}
.veri-code .code-btn{
    display:block;
    float:left;
    width:140px;
    height:27px;
    padding-top:13px;
    border-radius:4px;
    font-size:14px;
    text-align:center;
    color:#fff;
    background:#FF8041;
}
.veri-code .active{
    display:block;
    float:left;
    width:140px;
    height:27px;
    padding-top:13px;
    border-radius:4px;
    font-size:14px;
    text-align:center;
    color:#ccc;
    background:#EEEEEE;
}
/* 登录 */
.login .login-btn{
    display:block;
    width:320px;
    height:27px;
    padding-top:13px;
    border-radius:4px;
    text-align:center;
    font-size:14px;
    color:#ccc;
    background:#eee;
}
.login .on{
    color:#fff;
    background:#FF8041;
}
.auto-login{
    margin-top:20px;
    font-size:14px;
    overflow:hidden;
}
.auto-login .auto-login-cd{
    display:inline-block;
    width:14px;
    height:14px;
    margin-right:6px;
    vertical-align:middle;
    background:url("../../images/module/login-pop/auto.png") no-repeat;
}
.auto-login .no-auto{
    background:url("../../images/module/login-pop/no-auto.png") no-repeat;
}
.auto-login .login-links a{
    display:inline-block;
    font-size:14px;
    color:#999;
}
.auto-login .login-links a:hover{
    color:#FF8041;
}
.auto-login .login-links a:first-child{
    margin-right:15px;
    padding-right:15px;
    border-right:1px solid #999;
}