.dis-flex {
    display: -webkit-box!important;
    display: -moz-box!important;
    display: -webkit-flex!important;
    display: -moz-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.dis-col {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.flex-justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}
.flex-align {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items:  center;
}
.flex-justify {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.flex-1{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}
html,body{
    width: 100;
    height: 100%;
}
.sw_login{
    width: 100;
    height: 100%;
    background-image: url(../images/sign_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.sw_login_main{
    width: 100%!important;
}
.login_logo{
    width: 279px;
    height: 37px;
    background-image: url(../images/sign_logo.png);
    background-repeat: no-repeat;
    background-position: left center;
    /* min-height: 500px; */
}
.logo_header{
    padding: 20px 30px;
}
.logo_header .login_text a{
    position: relative;
    padding-right: 20px;
    margin-left: 20px;
    font-size: 14px;
    color: #333!important;
}
.logo_header .login_text a:hover,.sw_login_bg_tip span:hover{
    text-decoration: underline
}
.logo_header .login_text a:last-child{
    padding-right: 0;
}
.logo_header .login_text a:last-child::after{
    display: none;
}
.logo_header .login_text a::after{
    content: '';
    display: block;
    width: 1px;
    height: 12px;
    background-color: #b3b3b3;
    position: absolute;
    right: 0;
    top: 1px;
}
.sw_login_bg{
    background-color: #fff;
    height: 600px;
    width: 1000px;
    box-shadow: 1px 1px 30px  rgba(21, 5, 10, 0.08);
    padding-left: 40px;
    padding-right: 86px;
    position: relative;
}
.sw_login_main_bg{
    width: 458px;
    height: 349px;
    background-image: url(../images/sign_tu_img.png);
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;
    top: 100px;
}
.loginPanel{
    width: 308px!important;
    margin-left: 108px!important;
}
.panelTitle.sw_panelTitle{
    background:none;
    border:none;
    height: auto;
    line-height: 1;
    padding-bottom:12px;
    margin-bottom: 30px;
}
.sw_panelTitle > div{
    font-size: 16px;
    color: #666;
    position: relative;
    border-right: 1px solid #ebe9f7;
}
.sw_panelTitle > div:last-child{
    border-right: none;
}

.sw_panelTitle > div.active{
    color: #333;
    font-weight: 600;
    border-bottom: none
}
.sw_panelTitle > div.active::after{
    content: '';
    border-bottom: 2px solid #e64c65;
    position: absolute;
    width: 60px;
    left: 50%;
    margin-left: -30px;
    top: 26px;
}
.loginPanel>ul{
    margin-left: 0!important;
    padding-top: 0!important;
    width: 100%!important;
}
.sw_content .phone,.sw_content  .pwd{
    border-color:   #ebe9f7;
    height: 46px;
}
.sw_content .phoneInput,.sw_content  .pwdInput {
    width: 100%;
    height: 100%;
}
.sw_content .phoneInput input , .sw_content  .pwdInput input{
    width: 100%;
    height: 100%;
    margin-left: 0;
    padding-left: 16px;
}
.sw_content  .pwd{
    margin-top: 16px;
}
input::-webkit-input-placeholder {
    color: #b3b3b3;
    font-size: 14px;
  }
  input::-moz-input-placeholder {
    color: #b3b3b3;
    font-size: 14px;
  }
  input::-ms-input-placeholder {
    color: #b3b3b3;
    font-size: 14px;
  }
  .sw_login_sel .remember, .sw_login_sel .forget{
    height: auto;
    line-height: 1;
    position: relative;
    cursor: pointer;
  }
  .sw_login_sel .remember input[type='checkbox']{
    position: relative;
    margin-top: 0;
    position: absolute;
    opacity: 0;
  }
  .sw_login_sel .remember .sw_reIcon{
      content: '';
      display: block;
      width: 12px;
      height: 12px;
      background-image: url(../images/sign_unselected_icon.png);
        background-repeat: no-repeat;
        background-position: left center;
        margin-right: 10px;
  }
  .sw_login_sel .remember .sw_reIcon:hover{
    background-image: url(../images/sign_unselected_icon_pressed.png);
  }
  .sw_login_sel .remember input[type='checkbox']:checked ~ .sw_reIcon{
    background-image: url(../images/sign_selected_icon.png);
  }
  .sw_login_sel .remember input[type='checkbox']:checked:hover ~ .sw_reIcon{
    background-image: url(../images/sign_selected_icon_pressed.png);
  }
  .sw_login_sel .remember label{
      margin-bottom: 0;
      font-size: 12px;
      color: #666;
      font-weight: normal;
  }
  .sw_login_sel{
      padding-top: 16px;
  }
  .sw_login_sel .forget{
      color: #df2128;
  }
  .login-box .panelBtn, .update-box .panelBtn {
    margin-top: 35px;
    height: 46px;
    line-height: 46px;
    background-color: #df2128;
    color: #fff;
    font-size: 16px;
  }
  .login-box .panelBtn:hover, .update-box .panelBtn:hover{
    background-color: #ca0007;
  }
  .sw_login_xy{
      font-size: 12px;
      color: #999;
      margin-top: 16px;
  }
  .sw_login_xy a{
    font-size: 12px;
    color: #df2128!important;
    cursor: pointer;
  }
  .sw_login_xy a:hover ,.sw_login_sel .forget:hover, .sw_login_bg_tip span:hover{
        color: #ca0007!important;
    }
  .sw_login_bg .content>ul{
      margin-top: 136px;
  }
  .sw_login_bg .content>ul>li{
      clear: both;
  }
  .sw_login_bg_tip{
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-size: 14px;
    color: #333;
  }
  .sw_login_bg_tip span{
      color: #d83a37;
      padding-left: 10px;
      font-size: 14px;
  }
  .sw_wechat{
    position:absolute;
    top: 10px;
    right: 10px;
  }
  .sw_wechat_text{
        width: 148px;
        height: 22px;
    background-image: url(../images/sign_tips_img.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    }
  .sw_wechat_img{
      width: 80px;
      height: 80px;
    background-image: url(../images/sign_code_img.png);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: 0px;
      right: 0px;
    transition: all .2s;
      -webkit-transition: all .2s;
      -moz-transition: all .2s;
      -ms-transition: all .2s;
      -o-transition: all .2s;
  }
  .sw_wechat_img a{
      display: block;
      width: 100%;
      height: 100%;
  }
  .sw_wechat_img:hover{
      top: -4px;
      right: -4px;
      
}
  .sw_panelInput .nc-container #nc_1_wrapper, .nc-container.tb-login #nc_1_wrapper {
    width: 100%;
}
.sw_panelInput .nc-container .nc_scale span{
    height: 34px;
    border-color: #ebe9f7;
}
.sw_panelInput .nc_scale{
    background-color: #f6f5fc;
}
.sw_panelInput .nc-container .nc_scale .scale_text{
    color: #b2b2b2;
}
.sw_login_text{
    font-size: 12px;
    color: #b2b2b2;
    line-height: 1.4;
     text-align: center;
     margin-top: 16px;
}
.sw_login_footer{
    padding-bottom: 5px;
}
.sw_login_footer div{
    text-align: center;
    font-size: 12px;
    color: #999;
    margin-bottom: 5px;
}
.sw_pwd_on{
    width: 30px;
    height: 100%;
    background-image: url(../images/sign_uneye_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
    display: none;
}
.sw_pwd_on:hover{
    background-image: url(../images/sign_uneye_icon_pressed.png);

}
.sw_pwd_on.sw_off{
    background-image: url(../images/sign_eye_icon.png);
}
.sw_pwd_on.sw_off:hover{
    background-image: url(../images/sign_eye_icon_pressed.png);
}
.sw_register .nTab{
    margin: 0% auto;
}
.sw_login_zh .content{
    border: none;
    margin: 0;
    width: 308px;
}
.sw_login_zh .content>ul.phone{
    margin-top: 0;
}
.sw_login_zh .tab>li{
    width: 100%;
    background: none;
    overflow: unset;
    padding-bottom: 12px;
    margin-bottom: 30px;
}
.sw_login_zh .tab>li .normal, .sw_login_zh .tab>li .active {
    height: auto;
    line-height: 1;
    border-bottom: 0;
    font-weight: normal;
    font-size: 16px;
}
.sw_login_zh .tab>li .active {
    font-weight: bold;
    color: #333;
}
.sw_login_zh .tab>li div{
    position: relative;
    border-right: 1px solid #ebe9f7;
}
.sw_login_zh .tab>li div.active::after {
    content: '';
    border-bottom: 2px solid #e64c65;
    position: absolute;
    width: 60px;
    left: 50%;
    margin-left: -30px;
    top: 26px;
}
.sw_login_zh  .phone>li, .sw_login_zh  .email>li {
    height: 44px;
    border-color: #ebe9f7;
}
.sw_login_zh  .phone>li input[type="text"], .sw_login_zh  .phone>li input[type="password"] {
    margin: 0;
    width: 296px;
    height: 42px;
    position: relative;
}
.sw_login_zh .get {
    height: 44px;
    line-height: 44px;
    background-color: #df2128;
}
.sw_login_zh .nc-container .nc_scale span {
    border-color: #ebe9f7;
}
.sw_login_zh .nc-container #nc_1_wrapper{
    width: 100%;
}
.sw_login_zh .nc_scale {
    background-color:#f6f5fc
}
.sw_login_zh .tab>li div:last-child{
    border-right: none;
}

.sw_register .register_phone_warp{
    width: 308px;
}
.sw_register .nTab .TabTitle .active{
    font-size: 16px;
}
.sw_register .nTab .TabTitle ul{
    padding-bottom: 12px;
    margin-bottom: 30px;
}
.sw_register .nTab .TabTitle li{
    border-right: 1px solid #ebe9f7;
    position: relative;
}
.sw_register .nTab .TabTitle li:last-child{
    border-right: none;
}
.sw_register .nTab .TabTitle li.active::after {
    content: '';
    border-bottom: 2px solid #e64c65;
    position: absolute;
    width: 60px;
    left: 50%;
    margin-left: -30px;
    top: 26px;
}

.sw_register #wizard,.sw_register #wizard .page {
    width: 100%;
}
.sw_register .index_box_content{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-color:#ebe9f7;
}
.sw_register .index_box{
    margin-bottom: 16px;
    position: relative;
}
.sw_register .index_box input{
    height: 44px;
    line-height: 44px;
}
.sw_register .TabTitle{
    padding-bottom: 0;
    padding-top: 35px;
}
.sw_register #wizard,.sw_register  .nTab .TabContent{
    overflow:unset
}
.sw_register .index_box_text{
    position:absolute;
    top: 16px;
    color: #666;
    left: -75px;

}
.sw_register .nc-container .nc_scale span{
    height: 32px!important;
    border-color: #ebe9f7!important;
}
.sw_register .nc-container .scale_text.scale_text.slidetounlock span[data-nc-lang="_startTEXT"]{
    height: 34px!important;
    font-size: 12px;
}
.sw_register .nc-container #nc_1_wrapper,.sw_register  .right,.sw_register  .nc-container #nc_2_wrapper{
    width: 100%;
}
.sw_register .nc_scale{
    background-color: #f6f5fc;
}
.sw_register  .right,.sw_login_zh .checkBtn{
    height: 46px;
    line-height: 46px;
    background-color: #df2128;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.sw_register .nTab{
    width: 1000px;
}
.sw_register .register_content {
    padding-left: 105px;
}
.sw_register .sw_pwd_on{
    display: none;
}
.sw_panelInput #getcode1{
    height: 100%;
    background-color: #df2128;
}
.sw_content .onFocusClass, .sw_login_zh .phone>li.onFocusClass, .sw_login_zh .email>li.onFocusClass,.sw_register .index_box_content.onFocusClass{
    border-color: #df2128;
}
.sw_panelInput #getcode1:hover, .sw_login_zh .get:hover,.sw_login_zh .checkBtn:hover,.sw_register .right:hover{
    background-color: #ca0007;
  }