html {
    width: 100%;
    height: 100%;
  }
  
  body {
    color: #fff;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    position: relative;
  }
  
  * {
    margin: 0;
    outline: 0;
  }
  
  /* 淇敼placeholder鐨勯鑹� */
  input::-webkit-input-placeholder {
    color: #c5c6c5;
  }
  
  input::-moz-input-placeholder {
    color: #c5c6c5;
  }
  
  input::-ms-input-placeholder {
    color: #c5c6c5;
  }
  
  input:-internal-autofill-previewed,
  input:-internal-autofill-selected {
    -webkit-text-fill-color: #FFFFFF !important;
    transition: background-color 5000s ease-in-out 0s !important;
  }
  
  .banner {
    width: 100%;
    height: 100%;
  }
  
  .context {
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 20;
    top: 0;
  }
  
  .left {
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
    width: 100%;
    height: 100%;
    position: relative;
  }
  
  .active {
    display: inline-block;
  }
  
  .content-box {
    position: absolute;
    box-sizing: border-box;
    /*width: 39.8rem;*/
    /* height: 49.3rem; */
    z-index: 10;
    background: rgba(0, 0, 0, 0.4);
    padding: 4.9rem 8.8rem;
    border-radius: .9rem;
    /* box-shadow: 4rem 4rem 6rem 3rem rgba(0, 0, 0, .3); */
    /* background-color: rgba(255, 255, 255, 0.3); */
    backdrop-filter: blur(6rem);
    -webkit-backdrop-filter: blur(5rem);
    overflow: hidden;
    /* padding: 4.9rem 8.8rem; */
  }
  .content-box1 {
    position: absolute;
    box-sizing: border-box;
    width: 39.8rem;
    /* height: 49.3rem; */
    z-index: 10;
    background: rgba(0, 0, 0, 0.4);
    padding: 4.9rem 8.8rem;
    border-radius: .9rem;
    /* box-shadow: 4rem 4rem 6rem 3rem rgba(0, 0, 0, .3); */
    /* background-color: rgba(255, 255, 255, 0.3); */
    backdrop-filter: blur(6rem);
    -webkit-backdrop-filter: blur(5rem);
    overflow: hidden;
    /* padding: 4.9rem 8.8rem; */
  }
  
  .content-box-template-right{
    right: 10%;
  }
  
  .appCodebgcontainer{
    display: block;
    /* display: block; */
    position: absolute;
    right: 0;
    top: 0;
    width: 10.7rem;
    height: 10.7rem;
    border-top: 10rem solid rgba(97,107,105,.5);
    border-left: 10rem solid transparent;
  }
  .qrcode_icon {
  
  
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
    display: block;
    position: absolute;
    right: 1.6rem;
    top: -8.1rem;
    /* right: 0;
    top: 0; */
    cursor: pointer;
  }
  
  .qrcode_icon_turnscan{
    width: 6.4rem;
    height: 6.4rem;
    background-image: url(../../images/pc/qrcode_scan1.png);
  }
  .qrcode_icon_scanturnpsw{
    width: 5.5rem;
    height: 5.4rem;
    background-image: url(../../images/pc/scanturnpsw.png);
  }
  
  
  .qrcode_icon:hover{
    opacity: 0.9;
  }
  
  
  .auth_tab {
    position: relative;
  }
  
  .auth_tab_span {
    font-size: 20rem;
    color: #fff;
    position: absolute;
    top: 14rem;
    right: 0;
  }
  
  .auth_ul {
    display: flex;
    list-style: none;
    overflow: hidden;
    color: rgb(173, 173, 173);
    margin-top: 20rem;
    padding: 0;
    justify-content: center;
  }
  
  .auth_ul_li1 {
    width: 50%;
    display: block;
    text-align: center;
    cursor: pointer;
  }
  
  .auth_ul_li2 {
    width: 50%;
    display: block;
    text-align: center;
    cursor: pointer;
  }
  
  .auth_ul li span {
    font-size: 16rem;
    color: #000;
    vertical-align: bottom;
  }
  
  .auth_icon {
    display: inline-block;
    width: 22rem;
    height: 28rem;
    position: absolute;
    left: 5rem;
    top: 12rem;
    z-index: 1000;
  }
  
  .auth_icon_user {
    background: url(../../images/pc/user.png) no-repeat;
  }
  
  .auth_icon_pwd {
    background: url(../../images/pc/psw.png) no-repeat;
  }
  
  .auth_icon_paw {
    background: url(../../images/pc/v-code.png) no-repeat;
  }
  
  .auth_input {
    width: 92%;
    /* height: 60rem;
    line-height: 60rem; */
    margin-top: 2rem;
    margin-bottom: 1.6rem;
    /* margin-left: 28rem; */
    font-family: "Microsoft Yahei";
    background-color: transparent;
    border: 0;
    font-size: 1.6rem;
    color: #fff;
  }
  
  input:focus {
    outline: none;
  }
  
  /* 鐧诲綍 */
  .item {
    /* margin-bottom: 12rem; */
    position: relative;
    width: 100%;
    text-align: left;
    border-bottom: .1rem solid #bebdba;
  }
  
  .item.login {
    /* margin-top: 1rem; */
    /* margin-bottom: 20rem; */
  }
  
  .item .remember_me {
    color: #fff;
    float: left;
    font-size: 1.1rem;
    padding: 2.9rem 0 2.5rem;
    /* line-height: 3.8rem; */
    /* margin-bottom: .8rem; */
  }
  
  .item .remember_me > input {
    width: 15rem;
    height: 15rem;
    border: 1rem solid #fff;
    vertical-align: -2rem;
  }
  
  .auth_login_btn {
    width: 100%;
    height:33rem;
    color: #fff;
    padding: .5rem 1.6rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: .3rem;
    text-decoration: none;
    border: .1rem solid transparent;
    cursor: pointer;
  }
  
  .primary {
    /* width:324rem; */
    /* height:4.4rem; */
    height: 4.8rem;
    background-color: #1890ff;
    border-color: #1890ff;
  }
  
  .auth_ul_active {
    color: #000;
  }
  
  a {
    text-decoration: none;
  }
  
  #qecode1 {
    display: inline-block;
    width: 100rem;
    height: 100rem;
    background: url(../../images/pc/co.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: -35rem;
    top: -4rem;
  }
  
  #qecode2 {
    display: inline-block;
    width: 80rem;
    height: 80rem;
    background: url(../../images/pc/pc.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: -35rem;
    top: -4rem;
  }
  
  .none {
    /*display: none !important;*/
    height:0 !important;
    overflow:hidden;
  }
  
  .onenone {
    /*   display: none !important; */
    height:0 !important;
    overflow:hidden;
  }
  .sendMsg {
    color: #fdfdfd;
    cursor: pointer;
    position: absolute;
    right: 0rem;
    bottom: 1.2rem;
    font-size: 1.6rem;
    height: 3.2rem;
    line-height: 3.2rem;
  }
  .loginFace{
    /* 56 */
    margin-top: 5rem;
  }
  
  .scanlogin {
    text-align: center;
    padding-top: 3.9rem;
    border-top: .2rem solid rgb(174 182 183);
  }
  .tab3 .phoneicon{
    width:1.9rem;
    margin-right: 1.1rem;
  }
  
  
  .tab3 {
    text-align: center;
  }
  
  .tab3 .saoma {
    font-size: 18rem;
    line-height: 40rem;
    color: #fff;
  
  }
  
  .logobox {
    position: fixed;
    left: 10rem;
    top: 5rem;
  }
  
  
  .logobox img {
    height: 8.5rem;
  }
  
  /* 鍒嗗壊绾� */
  .tabcontent0 {
    /* border-bottom: 1rem dashed #fff; */
  }
  
  .content-box .title {
    margin: 0rem 0rem 3.8rem;
    font-size: 2.2rem;
    color: #fff;
    text-align: center;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    /* line-height: 9rem;
  letter-spacing: 38rem; */
  }
  
  .bottom .otherLogin {
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    margin-top: 3.2rem;
    /* padding: 5rem 0 10rem; */
  }
  
  .bottom > div {
    text-align: center;
    margin-top: 3.9rem;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
  }
  
  .bottom > div  img {
    cursor: pointer;
    height: 3rem;
    margin-right: 0.8rem;
    vertical-align: middle;
  }
  .bottom > div>img {
  
    margin-right: 2.8rem;
  
  }
  .bottom > div  span {
    /*margin-right: 2.8rem;*/
    cursor: pointer;
  }
  
  /*#welink {
    height: 1.6rem;
  }*/
  
  .qrcode_image {
    width: 25.1rem;
  }
  .forget_password {
    font-size: 1.4rem;
    color: #fff;
    position: absolute;
    right: 0rem;
    /* margin-bottom: 10rem; */
  }
  
  .forget_password:hover {
    color: #fff;
  }
  .firstnav {
    /* position: relative; */
    /* line-height: 40rem; */
    /* height: 21rem; */
    width: 100%;
    display: inline-block;
    text-align: center;
    /* border-bottom: 1rem solid #999; */
  }
  
  .firstnav ul,.identitylogin ul{
    height:100%;
    padding-left: 0rem;
  }
  .firstnav li {
    list-style: none;
    width: 9rem;
    margin: 0 0.9rem;
    float: left;
    position: relative;
    cursor: pointer;
    padding-bottom: .9rem;
  }
.identitylogin li {
    list-style: none;
    /* width: 9rem; */
    margin: 0 0.9rem;
    float: left;
    position: relative;
    cursor: pointer;
    padding-bottom: .9rem;
  }
  .firstnav li span,.identitylogin li span {
    /* 闃绘鐢ㄦ埛閫変腑鏂囧瓧 */
    user-select: none;
    color: #fff;
    font-size: 1.6rem;
  }
  .firstnav li.liactive::after,.identitylogin li.liactive::after {
    content: "";
    width: 100%;
    height: .2rem;
    position: absolute;
    z-index: 11;
    bottom: 0rem;
    left: 0;
    background: #fff;
  }
  .tabscon section.conactive {
    height:auto;
  }
  .tabscon section {
    display: block;
    height:0;
    overflow:hidden;
  }
  .paw {
    display: flex;
  }
  .face-title {
    font-size: 2rem;
    margin-top: 2.5rem;
    font-weight: bold;
    margin-bottom: .7rem;
  }
  .face-tip{
    font-size:1.3rem;
    margin-bottom: 3.5rem;
  }
  .loginInfo {
    /* text-align: center; */
  }
  .t_next{
    margin-top: 3.2rem;
  }
  .input_box >input{
    font-size: 1.6rem;
    line-height: 3.8rem;
    border: 0;
    border-bottom: .1rem solid #e3e3e3;
    width: 100%;
    /* text-indent: 40rem; */
    background: transparent;
  }
  .faceuser{
    height:1.3rem;
    float:right;
    margin-top: -2.6rem;
    margin-right: .5rem;
  }
  .face-short{
    font-size: 1.1rem;
    /* text-align: center; */
  }
  .faceLogin{
    text-align: center;
  }
  .isfirstLoginTrue,.isfirstLoginFalse{
    display:none
  }
  .firstLoginTrue{
    display:block
  }
  
  
  #pc-login {
    height: 100%;
    background-position: top center;
    background-size: cover;
    /* background-image: url(../images/bg_pc.jpg)!important; */
    color: #fff;
  }
  
  #show_password_login {
    font-size: 1.6rem;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
  }
  
  #show_password_login:hover{
    color: #fff;
  }
  
  #pc-login .qrcode_btns {
    line-height: .2em;
    margin-top: 3.2rem;
  }
  
  .validatecode_image {
    display: block;
    height: 2.8rem;
    position: absolute;
    right: 0;
    bottom: 1rem;
  }
  
  
  
  #msg{
    font-size: 1.5rem;
    margin-top: 3.0rem;
    margin-bottom: 3.0rem;
  }
  
  #msg p {
    color: red;
    margin-bottom: 2rem;
  }
  
  #msg h2 {
    color: red;
    margin-bottom: 2rem;
  }
  
  
  #msg a {
    background-image: url(../../images/pc/banner-1.jpg) !important;
    border: #0b70d8;
    text-decoration: underline;
  }
  
  #msg a:hover {
    color:#00a65a;
  }
  .form-tab-nav {
    color: red;
    float: left;
    width: 100%;
    /*margin-top: 5rem;*/
  }
  
  .msg-box {
    padding: 3rem 0;
    line-height: .15em;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 100%;
    justify-content: center;
  }
  
  .msg-box p {
    margin-bottom: .16rem;
  }
  
  .msg-box a {
    color: #fff;
    text-decoration: none;
  }
  
  .msg-box a:hover {
    color: #1890ff;
  }
  
  .msg-box.errors {
    color: #ffc107
  }
  
  .login-box {
    width: 32.4rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 100%;
    justify-content: center;
  }
  
  #login-footer{
    z-index: 10;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 2.4rem 0;
    line-height: 1.6em;
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.3rem;
    text-align: center;
  }
  
  #login-footers{
    z-index: 10;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 2.4rem 0;
    line-height: 1.6em;
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.3rem;
    text-align: center;
  }
  
  #login-footer p {
    margin: 0;
  }
  
  .item .remember_me {
    float: none;
    display: flex;
    /*justify-content: space-between;*/
  }
  
  .item .remember_me .remember_7days {
    font-weight: 400;
    font-size: 1.4rem;
    margin-bottom: 0rem;
  }
  
  .item .remember_me .remember_7days input {
  
    width: 1.5rem;
    height: 1.5rem;
    border: .1rem solid #fff;
    vertical-align: -.3rem;
    margin:0;
  }
  
  .item .remember_me  a.forget_password {
    position: static;
  }
  
  input:-internal-autofill-previewed,
  input:-internal-autofill-selected,
  input:-webkit-autofill {
    -webkit-text-fill-color: #FFFFFF !important;
    transition: background-color 5000s ease-in-out 0s !important;
    -webkit-transition: background-color 5000s ease-in-out 0s !important;
  }
  
  /* 杞挱鍥� */
  .swiper-box {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
  }
  
  .swipers {
    height: 100vh;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
  }
  
  .swiper-slide img {
    width: 100%;
    height: 100%;
  }
  
  .secentIndentity .secentIndentity-tip{
    font: 1.6rem/2.6rem "";
    text-align: left;
  }
  .secentIndentity .getDynamicCode{
    border: .1rem solid #ccc;
    /* padding: .6rem 1rem; */
    border-radius: .3rem;
    font-size: 1.6rem;
    width:11.3rem;
    height:4.4rem;
    margin-top: 1.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
  
  
  }
  .getDynamicCode-div{
    display:flex;
    justify-content:space-between;
    align-items: flex-end;
  }
  #mobile-login .protocol_radio {
    text-align: center;
  }
  
  @media screen and (min-width: 750px) {
    #mobile-login .wrapper1{
      padding:2%
    }
  }
  #mobile-login .logo img{
    /* width:70% */
    /* width:19.5rem; */
    width: 100%;
    max-width:420px;
  }
  .secentIndentity-phone-img{
    position: absolute;
    top: 2.9rem;
    left: .5rem;
    width:1.8rem;
    height:2.4rem;
  }
  .secentIndentity-phone,.getDynamicCode-code{
    position: relative;
  }
  .secentIndentity-phone-input,.secentIndentity-code-input{
    padding-left: 4.2rem;
    margin-top: 2.1rem;
  }
  .secentIndentity-phone-span{
    position: absolute;
    top: 3.2rem;
    left: 3.0rem;
    font-size: 1.0rem;
    color: #ccc;
  }
  .username img,.pwd img{
    height:1.3rem
  }
  .secendTitle{
    margin-bottom: 1.8rem;
  }
  .login-box .secondcertification{
    margin: 0px;
  }
  .faceloginavatar{
    margin:2.4rem 0 2.5rem 0;
  }
  .faceloginavatar img{
    width: 6.8rem;
    height:6.7rem;
    font-size: 1.4rem;
    margin-right: 2.6rem;
  }
  
  
  
  
  /* 弹框 */
  .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    border: 1px solid #888;
    width: 40%;
    border-radius: 8px;
  }
  @media(max-width: 700px) {
    .modal-content {
      width: 90%;
    }
  }
  .modal-title {
    color: #111;
    padding: 8px 16px;
    border-bottom: 1px solid rgba(5, 5, 5, 0.06);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
  }
  .modal-content-body {
    color:#111;
    padding: 0px 20px 20px 20px;
    text-align: center;
  }
  .modal-card {
    margin: 10px 6px;
    display: inline-block;
    width: 200px;
    box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.149019607843137);
    border: 1px solid rgba(5, 5, 5, 0.06);
  }
  .modal-card img {
    width: 100px;
    margin: 10px 0px;
  }
  .modal-card button {
    display: block;
    width: 100%;
    height: 32px;
    padding: 4px 15px;
    border-radius: 6px;
    color: #fff;
    background-color: #1677ff;
    box-shadow: 0 2px 0 rgba(5, 145, 255, .1);
    border: none;
    cursor: pointer;
  }
  .close {
    color: #aaa;
    /* float: right; */
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
  }
  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }
  
  
  
  
  
  
  @media screen and (max-width: 1760px) {
    html{
      font-size: 10px;
    }
  }
  @media screen and (max-width: 1600px) {
    html{
      font-size: 8.5px;
    }
  }
  @media screen and (max-width: 1440px) {
    html{
      font-size: 7.5px;
    }
  }
  
  @media screen and (min-width: 992px) {
    #face-login .mask2 {
      -webkit-mask-image: radial-gradient(circle, #080808 245px, rgba(0,0,0,.05) -37%) !important;
    }
    .auth_login_btn {
      width: 100%;
      /* height:33rem; */
      color: #fff;
      padding: .5rem 1.6rem;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.42857143;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      border-radius: .3rem;
      text-decoration: none;
      border: .1rem solid transparent;
      cursor: pointer;
    }
  }