@charset 'utf-8';

/* 登录落地页 改版 */
html,body{width: 100%;height: 100%;overflow: auto;}

input{outline: none !important;}
.login_layer .color_flow_v{animation: none;}
.login_layer .color_flow_h{animation: none;}

.login_layer_page{display: block;position: relative;margin: 0 auto;width: 100%;height: auto;min-width: 1200px;min-height: 100%;background: #fff;box-sizing: border-box;overflow: hidden;z-index: 1;display: flex;}
.login_layer_page .layer_content{position: relative;left: auto;top: auto;transform: none;width: 100%;display: flex;flex: 1;}
.login_layer_page .content_box.login_content{width: 50%;padding: 48px 0;margin: 0;}
.login_layer_page .login_content_warp{margin: 0 auto;width: 380px;}
.login_layer_page .banner_box{width: 50%;position: relative;background: #F6F8FF;transition: background 0.3s;overflow: hidden;display: flex;flex-direction: column;}
.login_layer_page .banner_warp{position: relative;width: 100%;height: 100%;background: linear-gradient(180deg, #f0f2ff 0%, #fff 100%);flex: 1;}
.login_layer_page .banner_warp .swiper{position: absolute;top: 100%;transition: top 0.3s;}
.login_layer_page .banner_warp .swiper,
.login_layer_page .banner_warp .swiper-slide,
.login_layer_page .banner_warp .swiper-slide>img{width: 100%;}
.login_layer_page .banner_warp .swiper-slide>img{object-fit: cover;}
.login_layer_page .banner_warp .swiper-button-prev{left: 40px;}
.login_layer_page .banner_warp .swiper-button-next{right: 40px;}
.login_layer_page .banner_warp .swiper-button-prev,
.login_layer_page .banner_warp .swiper-button-next{width: 40px;height: 64px;background: rgba(255,255,255,0.3);margin-top: -32px;opacity: 0;}
/* .login_layer_page .banner_warp:hover .swiper-button-prev,
.login_layer_page .banner_warp:hover .swiper-button-next{opacity: 1;} */
.login_layer_page .banner_warp .swiper-button-prev:hover,
.login_layer_page .banner_warp .swiper-button-next:hover{background: rgba(255,255,255,0.8);}
.login_layer_page .banner_warp .swiper-button-next:after,
.login_layer_page .banner_warp .swiper-button-prev:after{font-size: 22px;color: #1D1D1D;content: '';background: url(../../images/user/login_layer.svg) no-repeat -97px -70px / 492px 813px;width: 10px;height: 19px;}
.login_layer_page .banner_warp .swiper-button-next:after{background-position: -145px -71px;}
.login_layer_page .banner_warp .swiper-pagination{width: auto;left: 50%;transform: translateX(-50%);bottom: 24px;line-height: 0;}
.login_layer_page .banner_warp .swiper-pagination-bullet{width: 14px;height: 2px;background: #000;margin: 0 4px;opacity: 0.2;border-radius: 0;vertical-align: middle;}
.login_layer_page .banner_warp .swiper-pagination-bullet-active{opacity: 1;}
.login_layer_page .layer_page_logo{position: absolute;z-index: 9;left: 24px;top: 16px;height: 16px;opacity: 0;transition: opacity 0.3s;}
.login_layer_page .layer_page_logo_info{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);opacity: 1;transition: opacity 0.3s;}
.login_layer_page .layer_page_logo_info>img{height: 32px;}
.login_layer_page .layer_page_logo_info>.info{font-size: 18px;color: #666;line-height: 34px;margin-top: 24px;text-align: center;transform-origin: 40% center;}
.login_layer_page .layer_page_logo_info>.loading{width: 52px;height: 52px;margin: 26px auto 0;background: url(../../images/user/login_layer_loading.svg) no-repeat;}
.login_layer_page .banner_box.on .layer_page_logo{opacity: 1;}
.login_layer_page .banner_box.on .layer_page_logo_info{opacity: 0;}
.login_layer_page .banner_box.on .swiper{top: 0;}
.login_layer_page .banner_info{padding: 32px 24px;box-sizing: border-box;width: 100%;position: relative;z-index: 1;overflow: hidden;background-repeat: no-repeat;background-position: center bottom;background-size: 100% auto;border-top: 1px solid #F1F1FF;}
.login_layer_page .banner_info .info_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.8);-webkit-backdrop-filter: blur(47px);backdrop-filter: blur(47px);}
.login_layer_page .banner_info .info_warp{position: relative;z-index: 1;}
.login_layer_page .banner_info .item1{height: 28px;line-height: 28px;margin-bottom: 20px;font-size: 18px;font-weight: bold;color: #1D1D1D;display: flex;align-items: center;}
.login_layer_page .banner_info .item2{padding: 20px 0;border-top: 1px solid rgba(0,0,0,0.05);border-bottom: 1px solid rgba(0,0,0,0.05);}
.login_layer_page .banner_info .item2 .tit{margin-bottom: 16px;}
.login_layer_page .banner_info .item3{margin-top: 20px;}
.login_layer_page .banner_info .qq-btn{display: inline-block;height: 28px;line-height: 28px;padding: 0 16px;border-radius: 1px;background: #1D1D1D;font-size: 16px;font-weight: 500;color: #fff;text-align: center;box-sizing: border-box;cursor: pointer;display: flex;align-items: center;}
.login_layer_page .banner_info .qq-btn::before{content: '';display: inline-block;width: 14px;height: 14px;margin-right: 4px;vertical-align: middle;background: url(../../images/user/qq_icon.png) no-repeat center / contain;}
.login_layer_page .banner_info .tit{font-size: 18px;font-weight: 500;color: #1D1D1D;line-height: 22px;}
.login_layer_page .banner_info .tit.bord{font-size: 18px;font-weight: bold;line-height: 20px;}
.login_layer_page .banner_info .or{font-size: 14px;font-weight: 400;margin: 0 14px;}
.login_layer_page .banner_info .tel{margin-left: 5px;}
.login_layer_page .banner_info .tel::before{content: '';display: inline-block;width: 20px;height: 20px;margin-right: 5px;vertical-align: middle;margin-top: -2px;background: url(../../images/user/login_layer.svg) no-repeat -9px -9px / 492px 813px;}
.login_layer_page .banner_info .row{display: flex;}
.login_layer_page .banner_info .col_padding{width: 64px;}
.login_layer_page .banner_info .li{font-size: 14px;color: #666;line-height: 19px;white-space: nowrap;}
.login_layer_page .banner_info .li::before{content: '';display: inline-block;width: 8px;height: 8px;margin-right: 6px;background: url(../../images/user/login_layer.svg) no-repeat -424px -9px / 492px 813px;vertical-align: middle;margin-top: -2px;}
.login_layer_page .banner_info .li+.li{margin-top: 8px;}
.login_layer_page .banner_info .info{font-size: 12px;color: #bbb;line-height: 15px;}
.login_layer_page .login_page_title{font-size: 32px;font-weight: bold;color: #1D1D1D;line-height: 35px;margin-bottom: 32px;}
.login_layer_page .login_page_registinfo{font-size: 14px;color: #1D1D1D;line-height: 14px;margin-bottom: 32px;}
.login_layer_page .login_page_registinfo>b{font-size: 20px;font-weight: 500;color: #1D1D1D;line-height: 20px;margin-right: 4px;}
.login_layer_page .login_page_registinfo>a{font-size: 14px;font-weight: 500;color: #5766F0;line-height: 14px;margin-left: 4px;}

.login_layer_page .ipt_name{font-size: 16px;}
.login_layer_page .ipt>input{height: 38px;font-size: 14px;}
.login_layer_page .ipt>input::placeholder{color: #ddd;}
.login_layer_page .login_page_info{font-size: 12px;color: #232F3C;line-height: 18px;margin-top: 16px;text-align: center;}
.login_layer_page .login_page_info>div:first-child{font-size: 14px;font-weight: 400;}
.login_layer_page .login_page_info a{font-weight: 500;color: #5766F0;}
.login_layer_page .login_page_info .info{color: #999;margin-top: 16px;text-align: left;}
.login_layer_page .form_box>li{position: relative;}
.login_layer_page .verify_btn{position: absolute;right: 0;bottom: 12px;width: 88px;height: 32px;line-height: 30px;text-align: center;border-radius: 1px;border: 1px solid #1D1D1D;background: #fff;font-size: 14px;font-weight: 500;color: #1D1D1D;cursor: pointer;}
.login_layer_page .verify_btn:hover{background-color: #1D1D1D;color: #fff;}
.login_layer_page .verify_btn.disabled{pointer-events: none;opacity: 0.3;}
.login_layer_page .pwd_eye{position: absolute;right: 0;bottom: 12px;width: 16px;height: 14px;background: url(../../images/user/login_layer.svg) no-repeat -38px -79px / 492px 813px;cursor: pointer;}
.login_layer_page .pwd_eye.on{background-position: -64px -79px;}
.login_layer_page .content_box.login_content .error_info{height: 28px;line-height: 28px;margin: -8px 0 24px;}

.login_layer_page .tab_title{height: 24px;line-height: 24px;margin-bottom: 32px;}
.login_layer_page .tab_title .item{font-size: 16px;}
.login_layer_page .tab_title .item>i{bottom: 0;}
.login_layer_page .layer_btn{font-weight: 500;color: #fff;background-color: #1D1D1D;border-color: #1D1D1D;}
.login_layer_page .layer_btn::after{border-top-color: #fff;border-right-color: #fff;}
.login_layer_page .layer_btn:hover{background-color: #45444D;border-color: #45444D;}
.login_layer_page .ipt::before{background-color: #ddd;}
.login_layer_page .error_info{font-size: 14px;}

@font-face {font-family: 'Plus Jakarta Text-Bold';src: url(../../fonts/PlusJakartaText-Bold.otf);}
.login_layer_page .banner_info .item1,
.login_layer_page .login_page_title{font-family: Plus Jakarta Text-Bold, Plus Jakarta Text, SourceHanSansSC-Regular,微软雅黑,sans-serif;}

@media screen and (min-width:1500px) {
  .login_layer_page .puzzle-drag-wraper{width: 490px;}
  .login_layer_page .tab_title{height: 27px;line-height: 27px;}
  .login_layer_page .tab_title .item{font-size: 18px;}
}

@media screen and (min-width:1366px) {
  .login_layer_page .content_box.login_content{padding: 54px 0;}
}

@media screen and (min-width:1440px) {
}

@media screen and (min-width:1600px) {
  .login_layer_page .content_box.login_content{padding: 120px 0;}
  .login_layer_page .banner_info .col_padding{width: 120px;}
  .login_layer_page .layer_page_logo{top: 24px;height: 24px;}
}

@media screen and (min-width:1920px) {
  .login_layer_page .login_content_warp{width: 574px;}
  .login_layer_page .banner_info .col_padding{width: 140px;}
  .login_layer_page .banner_info .item1{height: 32px;line-height: 32px;}
  .login_layer_page .banner_info .qq-btn{height: 32px;line-height: 32px;font-size: 18px;}
  .login_layer_page .banner_info .or{font-size: 18px;margin: 0 16px;}
  .login_layer_page .banner_info .item1,
  .login_layer_page .banner_info .tit,
  .login_layer_page .banner_info .tit.bord{font-size: 20px;}
  .login_layer_page .banner_info .li{font-size: 16px;}
  .login_layer_page .info{font-size: 14px;line-height: 20px;}
  .login_layer_page .login_page_title{font-size: 40px;line-height: 44px;}
  .login_layer_page .login_page_registinfo{font-size: 16px;}
  .login_layer_page .login_page_registinfo>b{font-size: 24px;}
  .login_layer_page .login_page_registinfo>a{font-size: 16px;}
  .login_layer_page .ipt_name{font-size: 16px;line-height: 24px;}
  .login_layer_page .check-free-login{font-size: 14px;}
  .login_layer_page .forget{font-size: 14px;}
  .login_layer_page .layer_btn{font-size: 18px;}
}

@media screen and (min-width:2048px) {
}

@media screen and (min-width:2560px) {
  .login_layer_page .banner_info .col_padding{width: 160px;}
}

@media screen and (max-width:1366px) {
  .login_layer_page .login_page_info>div:first-child{font-size: 12px;}
  .login_layer_page .ipt_name{font-size: 14px;}
  .login_layer_page .ipt>input{font-size: 12px;}
  .login_layer_page .error_info{font-size: 12px;}
}