body {
    font: normal 14px/1.6
    Barlow,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,sans-serif,Arial;
    color: #999;
}
/*鎵爜鐧婚檰*/
.login-mask {
    position: fixed;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.8);
    z-index: 2001;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.body-login{ background: none; background: #f5f7f8;}
.login-main{ position:fixed; font-size: 14px;  background: rgba(0, 0, 0, 0.8); z-index:2001; width:100%; height:100%; top:0; left:0; bottom:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.input-group input::-webkit-input-placeholder{color: #d2d2d2;}
.input-group input:-moz-placeholder {color:#d2d2d2;}
.input-group input::-moz-placeholder {color:#d2d2d2;}
.input-group input:-ms-input-placeholder{color:#d2d2d2;}
.login-code{ background: url(../images/login-bg.png); width:320px; height:418px; margin:140px auto; padding:1px 0;}
.login-code .code{ width:200px; height:200px; margin:28px auto;}
.code img{ width:200px; height:200px;}
.login-code-tip{ background:url(../images/line.png) no-repeat; width:290px; margin:0 auto; position:relative; color:#999; text-align:center; padding:20px 0;}
.login-code-tip h4{ font-size:18px; color:#333; padding-bottom:6px; font-weight:normal;}
.login-code .login-title {
    margin: 26px 32px 0;
}
.login-content{ padding-bottom: 20px;}
.login-title {
    margin: 26px 0 0;
    display: block;
    height: 36px;
}
.login-title li {
    float: left;
    width: 50%;
    font-size: 15px;
    text-align: center;
}
.login-title a {
    color: #333;
    padding-bottom: 12px;
    border-bottom: 1px solid #EEEEEE;
    display: block;
}
.login-title a:hover,
.login-title a:active,
.login-title .active a {
    color: #52C41A;
}
.login-title a:active,
.login-title .active a {
    padding-bottom: 11px;
    border-bottom: 2px solid #52C41A;
}
.phone-login .forget-password,
.phone-login p a
{
    color: #52C41A !important;
}
.phone-login a:hover{ opacity: 0.8;}
.phone-login{ width:356px; min-height:200px; padding:1px 32px 32px;  margin:140px auto; background:#fff;
     border-radius:10px; position: relative;
    z-index: 2021;}
.phone-login .icon-close {
    background: url(../images/colse.png?v=1) no-repeat 0 0;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 20px;
    top: 20px;
}
.phone-login .login-close {
    background: url(../images/login-colse.png) no-repeat 0 0;
    width: 34px;
    height: 34px;
    position: absolute;
    right: 0;
    top: -57px;
}
.phone-login .login-close::after{
    width: 1px;
    height: 24px;
    content: "";
    background: #fff;
    position: absolute;
    top: 34px;
    right: 16px;
}
.phone-login .icon-close:hover {
    opacity: 0.8;
}

.new-code.b30 {
    padding-bottom: 30px;
}
.v3-code-title{
    font-size: 14px;
    color: #303133;
    text-align: center;
    font-weight: bold;
    margin: 35px 0 -16px;
}
.new-code .code-title {
    font-size: 14px;
    color: #303133;
    padding: 34px 0 0;
    text-align: center;
    font-weight: bold;
    margin-bottom: -16px;
}
.new-code .code-v3 {
    width: 190px;
    height: 190px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #EEEEEE;
    padding: 10px;
    margin: 40px auto 24px;
    box-sizing: border-box;
}
.new-code .code-v3 img {
    width: 170px;
    height: 170px;
}
.new-code .code-v3-tip {
    text-align: center;
    color: #909399;
    padding-bottom: 6px;
}
.phone-login .new-footer{
    width: 420px;
    height: 107px;
    background: #FAFAFA;
    border-radius: 0px 0px 4px 4px;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    margin: 0 -32px -32px;
    text-align: center;
}
.phone-login .new-footer h6{
    color: #303133;
    font-weight: bold;
    padding: 28px 0 10px;
}
.phone-login .new-footer p{
    color: #606266;
    font-size: 13px;
}


.user-icon{ background:url(../images/login_icon.png); width:12px; height:16px; display:inline-block; margin:0 10px; vertical-align:middle; }
.password-icon{  background:url(../images/login_icon.png); width:14px; height:16px; display:inline-block; margin:0 10px ; vertical-align:middle; background-position:-28px 0; }
.identify-icon{ background:url(../images/login_icon.png); width:16px; height:16px; display:inline-block; margin:0 10px 0 7px ; vertical-align:middle; background-position:-12px 0;}
.icon-warning{ background:url(../images/login_icon.png); width:16px; height:16px; margin-top:16px; vertical-align:middle; background-position:-42px 0; float:right;}
.icon-warning{ background:url(../images/login_icon.png); width:16px; height:16px; display:inline-block; margin-top:16px; vertical-align:middle; background-position:-42px 0; float:right;}
.set-in{ border:1px solid #ddd; border-radius:4px; margin:38px 0 20px; padding:0 10px;}
.set-in input{ border:none;outline:none; width: 160px; height: 38px;}
.set-in input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    box-shadow: 0 0 0px 1000px white inset;
}

.set-in .input-group {
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.set-in .input-group:last-child {
    border-bottom:none;
}
.set-in .input-group i {
    font-size: 16px;
    margin-right: 10px;
    color:#c8c8c8;
    display: inline-block;
    vertical-align: middle;
}
.bling-phone .input-group:nth-of-type(2){ border-bottom:1px solid #ddd;}
.input-group{ height:42px; line-height:42px; }
.warning-for {color: #df3a41;padding-bottom: 5px;}
/* 閫夋嫨妗� */

.control-checkbox-label { line-height: 22px; font-weight: normal; color: #89a; }
.icheckbox_square-green, .iradio_square-green { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(../images/green.png?v=3) no-repeat; border: none; cursor: pointer; margin-right: 5px; }
.icheckbox_square-green { background-position: 0 0; }
.icheckbox_square-green.hover { background-position: -24px 0px; }
.icheckbox_square-green.checked { background-position: -48px 0px; }
.icheckbox_square-green.disabled { background-position: -72px 0px; cursor: default; }
.icheckbox_square-green.checked.disabled { background-position: -96px 0px; }
.iradio_square-green { background-position: -120px 0; }
.iradio_square-green.hover { background-position: -144px 0; }
.iradio_square-green.checked { background-position: -168px 0; }
.iradio_square-green.disabled { background-position: -192px 0; cursor: default; }
.iradio_square-green.checked.disabled { background-position: -216px 0; }
.forget-password {
    color: #52C41A;
    float: right;
}

.btn-login {
    background: rgba(82, 196, 26, 1);
    border-radius: 4px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    display: block;
    margin: 22px 0;
    font-size: 16px;
}
.btn-login:hover {
    background: rgba(82, 196, 26, 0.8);
    color: #fff;
}
.btn-login:active {
    background: rgba(82, 196, 26, 0.9);
    color: #fff;
}
.phone-login .btn-cancel {
   background: #FFFFFF !important;
   border: 1px solid #d8d8d8 !important;
   color: #999 !important;
    border-radius: 4px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    display: block;
    margin: 22px 0 10px;
    font-size: 16px;
}
.phone-login .btn-cancel:hover{
     border: 1px solid #52C41A !important;
     color: #52C41A !important;
}
.phone-login p {
    text-align: center;
    font-size: 14px;
    color: #999999;
}
.phone-login .main-head {
    margin: 0 -32px;
}
.phone-login .main-body {
    padding: 0;
}
.phone-login .set-main {
    padding: 40px 0 0;
}
.phone-login .set-main .btn-login {margin-bottom: 10px;}
.main-420{ width:420px; margin:140px auto; border-radius:10px; background:#fff; }
.main-320{ width:320px; margin:140px auto; border-radius:10px; background:#fff;}
.main-head{ background:#fafafa; height:102px; border-radius:10px 10px 0 0; position: relative; text-align: center;}
/*.main-head .a-close {
    background: url(../images/l-close.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 20px;
    top: 20px;
}*/
.main-head .piece{ width:330px; margin:0 auto; padding:28px 0 20px; }
.main-head .piece dl{ float:left; width:110px; position:relative;}
.main-head .piece dl:first-child .progress{ width:71px; left:40px; }
.main-head .piece dl:last-child .progress{ width:71px; right:40px; }
.main-head .piece dd{ color:#999; font-size:12px; text-align:center; padding-top:5px;}
.main-head .piece .active dd {
    color: #52C41A;
}
.main-head .piece .active dt {
    background: #52C41A;
    color: #fff;
}
.main-head .piece .progress{ height:2px; background:#d2d2d2; position:absolute; top:14px; width:116px; z-index:1;}
.sequence{ width:30px; height:30px; border-radius:50%; background:#d2d2d2; text-align:center; line-height:30px; color:#fff; margin:0 auto; position:relative; z-index:20;}
.main-body{ padding:0 32px 10px; text-align: center;}
.main-body h4{ font-size:18px; color:#333; padding:25px 0 15px; text-align:center;}
.main-body .scan-qrcode{ padding:18px 0 40px;}
.main-body .tip{ padding:20px 0 ; color:#df3a41;}
.main-body .code{ width:200px; height:200px; margin:0 auto;}
.distance-set{ margin:0; text-align:left;}
.password-tip{ padding:10px 0;}
.revise-password .btn-logon{ margin:10px 0 30px;}
.icon-set-password{ background:url(../images/login-success.png); width:60px; height:60px; margin:0 auto;}
.set-password-success{ padding:40px 30px 20px; text-align:center;}
.set-password-success h4{ color:#333; font-size:18px; padding-top:16px;}
.set-password-success p{ padding-top:12px;}
.picture-identify{ width:113px; height:30px; background:#f2f2f2; float:right; margin-top:6px; text-align: center; line-height: 30px;}
.picture-identify img{
    width:113px;
    height:30px;
}
.messege-identify {
    width: 88px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    background: #52C41A;
    border-radius: 4px;
    float: right;
    margin-top: 8px;
    overflow: hidden;
    font-family: PingFang SC;
}
.messege-identify.unabled{
  width: 115px;
}
.messege-identify:hover {
    background: #52C41A;
    color: #fff;
}
.messege-identify:active {
    background: #52C41A;
    color: #fff;
}

.main-body a:visited{color: #fff !important;}
.unabled{ background:#d2d2d2; font-size:12px; cursor:default;}
.sure-password{ margin:0;}
.btn-distance{ margin:10px 0 30px;}
.error-tip{ color:#df3a41; padding-bottom:10px;}
.bling-phone{ margin-bottom:10px;}
.error-tip-distance{ padding:10px 0 5px;}
.unbling-phone{ text-align:center; padding:30px 0;}
.unbling-phone .code{ width:200px; height:200px; margin:25px auto;}
.unbling-phone h4{ font-size:18px; color:#333;}
.unbling-phone p{ padding:0;}
.btn-margin{ margin:8px 0 15px;}
.remember-account{ clear: both; height: 22px;}
.remember-account .pull-right{
    float: none !important;
    color: #666666;
    text-align: right;
}
.remember-account .pull-left{
    color: #52C41A;
    float: left;
}
.remember-account i {
    margin-right: 6px;
    color: rgba(82, 196, 26, 0.5) !important;
}
.remember-account .icheckbox_square-green{ margin-right:0;}
.remember-account label{ cursor:pointer; }
.p-error-tip{
    color: #F03D3D;
    margin: -8px 0 20px;
}
.p-normal-tip {
    font-size: 13px;
    color: #909399;
}
.p-title{
    margin: 32px 0 -16px;
    text-align: center;
    color: #333;
    font-weight: bold;
}
.outer {
    clear: both;
    position: relative;
    /*margin: 20px auto;*/
    width: 250px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #ccc;
    background: #ccc9c9;
    font-size: 12px;
    margin: auto;

}

.outer span,
.filter-box,
.inner {
    position: absolute;
    top: 0;
    left: 0;
}

.outer span {
    display: block;
    padding: 0 0 0 36px;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
}

.txtRoll {
    background-image: linear-gradient(to right, black, black, white, black, black, white, black);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-background-size: 200% 100%;
    background-size: 200% 100%;
    animation: bgp 3s infinite linear;
}

@-webkit-keyframes bgp {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -100% 0;
    }
}

@keyframes bgp {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -100% 0;
    }
}

.filter-box {
    width: 0;
    height: 100%;
    background: green;
    z-index: 9;
}

.outer.act span {
    padding: 0 36px 0 0;
}

.inner {
    width: 36px;
    height: 28px;
    text-align: center;
    background: #fff;
    cursor: pointer;
    font-family: "氓庐鈥姑ぢ解€�";
    z-index: 10;
    font-weight: bold;
    color: #929292;
}

.outer.act .inner {
    color: green;
}

.outer.act span {
    z-index: 99;
}

/*楠岃瘉鎵嬫満鍙�*/
.phone-login .set-main {
    padding: 40px 0 20px;
    text-align: center;
}
.phone-login .set-main h4 {
    color: #303133;
    font-size: 18px;
    padding-top: 20px;
    font-weight: bold;
}
.phone-login .set-main p {
    padding: 12px 0 7px;
    color: #666666;
}
.phone-login .set-icon {
width: 64px;
height: 64px;
margin: 0 auto;
display: inline-block;
}
.phone-login .set-icon.set-successful {
background: url(../images/set-successful.png);
    
}
.phone-login .set-icon.set-failure {
 background: url(../images/set-failure.png);
}
.main-420 .main-head .piece,
.phone-login .main-head .piece {
    width: 330px;
    margin: 0 auto;
    padding: 28px 0 20px;
}


.z-tip{
    padding:16px;
    background: rgba(40, 44, 55, 0.98);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    font-size: 13px;
    color: #FFFFFF;
    line-height: 1;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
}
.new-code{ position: relative;}
.new-code .z-tip{
    position: absolute;
    left: 22%;
    top:45%;
   
}
@media all and (max-width: 414px) {
    .phone-login {
        width: 300px;
    }
    .phone-login .new-footer {
        width: 364px;}
}

/*phone-login-new*/
.phone-login-new .main-head {
    margin: 20px -32px -24px;
}

/*main-head-steps*/
.login-title-new a:active, 
.login-title-new .active a {
    padding-bottom: 9px;
}
.login-title-new{ position:relative;}
.login-title-new:before{
    content: '';
    width: 420px;
    height: 1px;
    background: #eee;
    position: absolute;
    left: -32px;
    right: -32px;
    bottom: 0;
}
.login-title-new a {
    border-bottom:none;
}
.main-head-steps{
    background:#fcfcfc;
    margin: 0 -32px 0 -32px !important;
    height: 128px;
}
.main-head-steps .sequence {
width: 32px;
height: 32px;
font-size: 16px;
background: #EEEEEE;
color: #C8C8C8;}
.main-head-steps .piece {
width: 330px;
margin: 0 auto;
padding: 32px 0 35px;
}
.main-head-steps .piece dd {
padding-top: 15px;
font-size: 14px;
}
.main-head-steps input{font-size: 14px;}
.main-head-steps  .piece dl:first-child .progress {
    width: 0px;}
.main-head-steps .piece .progress {
    width: 116px;
    background: #eee;
    left: -58px;
}
.main-head-steps .piece dl:last-child .progress {
    width: 116px;
}
.validation-tips{width: 188px;
    height: 45px;
    line-height:45px;
    background: rgba(48, 49, 51, 0.9);
    border-radius: 4px;
    text-align:center;
    color:#fff;
    position:absolute;
    right:-205px;
    bottom:180px;
}
.nc-container .nc_scale span {
    box-sizing: border-box;
}