@charset "utf-8";
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill{background:#fff!important}
/* icon与系统自带icon */
html.pc{min-width:718px;min-height:600px;/*min-width:1280px;font-size:5.208vw*/}
html.phone{font-size:13.33vw}
html.phone.landscape{font-size:5.33vw}
body{height:100%;min-height:auto}
.pc body{background-color:#000000;}
html.phone body{min-height:12rem}
/* @media screen and (max-width:1280px){
  html.pc{font-size:66.67px}
} */
.header{position:absolute;top:0;left:0;z-index:2;padding:.16rem;font-size:0;color:#fff;}
.header .logo,
.header>span{display:inline-block;font-size:.24rem}
.header>span{margin-left:.4em;line-height:.48rem}
.header .logo,
.header .logo>img{height:.46rem;vertical-align:middle;overflow:hidden;}
.pc .logo-suffix{display:inline-block;padding-left:.5em;margin-left:.5em;font-size:.22rem;vertical-align:text-top;color:#fff;border-left:1px solid #fff}
.pc .logo-suffix-zh{display:block;line-height:1.2}
.pc .logo-suffix-en{display:block;font-size:.5em}
html.phone .logo-suffix{display:none}
.header .logo>img.logo-text{height:.36rem;padding-left:.1rem;border-left:1px solid #fff;vertical-align:middle}
.main-box{position:absolute;top:0;left:0;width:100%;height:100%}
.login-swiper{position:absolute;top:0;left:0;bottom:0;z-index:-1;}
.pc .login-swiper{right:6.02rem}
/* .pc .login-swiper-text{position:absolute;top:2.12rem;left:50%;z-index:2;color:#fff;text-align:center;transform:translate(-50%,0)}
.pc .login-swiper-text>p{width:9em;margin-top:.5em;font-size:.72rem;line-height:1;font-weight:500;text-shadow:.03rem .03rem .005rem rgba(0,0,0,.4);transform:skewX(-10deg)}
.pc .login-swiper-text>p:first-child{margin-left:-1.2em}
.pc .login-swiper-text>p:last-child{margin-left:1.2em} */
.pc .login-swiper-text{position:absolute;top:50%;left:50%;z-index:2;width:100%;color:#fff;text-align:center;transform:translate(-50%,-50%)}
.pc .login-swiper-text>p{font-size:.56rem;font-weight:bold;color:#d8e6f7;background-image:none;background-image:-webkit-linear-gradient(bottom,#d8e6f7,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.pc .login-swiper-text>p>span{margin:0 .5em;font-size:.6em;}
.login-swiper .swiper-slide>img{width:100%;height:100%;object-fit:cover}
.login-pagination .swiper-pagination-bullet{background:#fff}
.login-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){opacity:.5}
.login-pagination .swiper-pagination-bullet-active{width:20px;border-radius:4px}

/* html.phone .login-box{width:100%;height:100%;padding-left:70.625%} */
.pc .login-box{width:6.02rem;height:100%;float:right;/*margin-left:70.625%;*/background:#fff;box-shadow:.02rem 0 .27rem rgba(0,0,0,.35);}
.login-content{position:relative;top:50%;transform:translateY(-53%);}
.login-head{text-align:center}
.login-head::after{content:'';display:block;height:.11rem;margin-top:.5em;background:url(../images/indexLogin/login-head-icon.png) no-repeat center/contain}
.pc .login-head{width:73.759%;font-size:.26rem;margin:0 auto .5rem}
/* 欢迎登录样式 */
.login-head-text{position:relative;display:inline-block;margin-top:1.4em;color:#111111;line-height:1;}
/* .login-head-text::before,
.login-head-text::after{content:'';position:absolute;top:0;bottom:0;width:100%;height:1px;margin:auto;}
.login-head-text::before{right:110%;background:linear-gradient(90deg,transparent,#111111);}
.login-head-text::after{left:110%;background:linear-gradient(-90deg,transparent,#111111);} */
.login-head>h1{line-height:1.15;}
.pc .login-head>h1{font-size:.26rem;font-weight:500;}
html.phone .login-head>h1{font-size:.42rem}
.login-head>h2{margin-top:.9em;font-weight:normal;color:#444}
.pc .login-head>h2{font-size:.18rem;}
html.phone .login-head>h2{font-size:.28rem}
.login-head>img{max-width:1.99rem;width:100%;display:block;margin:0 auto}
.login-content .login-body{margin:.18rem auto 0}
.pc .login-content .login-body{width:73.759%}
.login-content .login-body .login-body-main{position:relative}
/* 查看密码 */
.login-content .login-body .login-body-main .check-password{position:absolute;right:.1rem;top:0;bottom:0;width:1.5em;font-size:.2rem;background-color:transparent;}
.login-content .login-body .login-body-text{font-size:.2rem;margin-bottom:.2em;color:#444444}
.login-content .login-body .login-body-text>.iconfont{margin-right:.3em}
.login-content .login-verification{margin-bottom:.2rem}
.login-content .button{margin-top:.4rem}
.login-content .login-body-icon{position:absolute;top:0.15rem;left:0.13rem}
.login-content .login-body-icon.iconfont{font-size:.24rem;color:#575757;}
.login-content .login-input{width:100%;height: .5rem;padding: .11rem 0.14rem;font-size:.2rem;line-height:.28rem;background-color:transparent;border:1px solid rgba(97,97,97,1);border-radius: .03rem;outline:0;transition:all .4s}
.login-content .login-input::placeholder{font-size:.9em;color:#838383}
.login-content .login-input:focus{border-color:#277fc4;background-color:#ffffff;;box-shadow:0 .05rem .13rem rgba(48,0,1,.24)}
.login-content .login-input:focus::placeholder{font-size:0}
.login-content .login-input:focus+.login-body-icon.iconfont{color:#195c90}

.login-content .login-verification-code{position:absolute;top:0;left:auto;right:0;width:31%;height:100%;font-size:.24rem;color:#fff;line-height:.52rem;text-align:center;background:linear-gradient(90deg,#195c90,#277fc4);border:1px solid rgba(97,97,97,1);border-radius:.54rem;cursor:pointer;overflow:hidden}
.login-content .login-verification-code>img{width:100%;height:100%;object-fit:fill}
.login-content .login-verification .login-input{width:67%}

.login-content .login-btn{width:100%;padding:.1rem 0;margin-top:.2rem;font-size:.22rem;line-height:.28rem;color:#fff;background:linear-gradient(90deg,#195c90,#277fc4);border-radius:..03rem;border:0;box-shadow:0 .02rem .07rem rgba(0,0,0,.16);transition:box-shadow .2s ease-out}
.login-content .login-btn:hover,
.login-content .login-btn:focus{box-shadow:0 .02rem .07rem 0 rgba(0,0,0,.16);transition:box-shadow .2s ease-out}
.login-content .login-btn:hover{background:linear-gradient(-90deg,#195c90,#277fc4)}
.login-content .login-btn:active{background:linear-gradient(0deg,#195c90,#277fc4)}

/* 滑块验证弹窗 */
.login-slidercaptcha-box{position:fixed;top:0;left:0;z-index:10;display:flex;align-items: center;justify-content:center;width:100%;height:100%;background-color:rgba(0,0,0,.6);}
.login-slidercaptcha{position:relative;width:3.6rem;padding:.2rem .1rem .1rem;background-color:#fff;animation:zoomIn .4s ease-out .2s both;border-radius:.08rem}
.login-slidercaptcha-close{position:absolute;right:.16rem;bottom:.1rem;font-size:inherit;background-color:transparent;color:rgba(0,0,0,.25);}
.login-slidercaptcha-close:hover{color:#000}

/* 移动端 */
html.phone .portrait .login-head{font-size:.3rem}
html.phone .login-swiper{right:0;width:100%;z-index:-1}
html.phone .login-box{width:100%;height:100%;min-width:100%;padding-left:0}
html.phone .login-head{font-size:.4rem;margin-bottom:.6rem}
html.phone .login-content{width:auto;padding:.7rem .5rem;margin:0 .4rem;background:#fff;box-shadow:0 0 .3rem 0 rgba(0,0,0,0.4);border-radius:.2rem}
html.phone .login-content .login-body{width:100%}
html.phone .login-content .login-body-icon{top:0.24rem;left:0.195rem}
html.phone .login-content .login-body-icon.iconfont{font-size:.42rem}
html.phone .login-content .login-input{height:.96rem;padding:0.27rem 0.21rem .27rem;font-size:.27rem;line-height:.42rem}
html.phone .login-content .login-verification-code{font-size:.24rem;line-height:.96rem}
html.phone .login-content .login-btn { padding:.27rem 0; width:100%; font-size:.27rem; line-height:.42rem}
html.phone .login-swiper-text{display:none}
/*横屏*/
html.phone .landscape .login-box{width:65%;height:100%}
html.phone .landscape .login-content{left:50%;right:5%}
html.phone .landscape .login-head,
html.phone .landscape .login-verification{margin-bottom:.2rem}

html.phone .login-slidercaptcha{width:90%;padding:5% 2% 2%;font-size:.3rem;border-radius:.12rem;}
html.phone .refreshIcon{font-size:.3rem}


@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}