@charset "utf-8";
/* =====================内页样式======================== */
/* 视频弹窗 */
.popVideo{display: none;align-items: center;justify-content: center;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.75);top: 0;left: 0;}
.popVideo-items{width: 92%;position: relative;padding: .8rem 0 0;opacity: 0;}
.popVideo-video{width: 100%;}
.popVideo-video video{width: 100%;}
.popVideo-video iframe{width: 100%;height: 3rem;}
.popVideo-close{width: .8rem;height: .8rem;position: absolute;right: 0;top: 0;z-index: 3;background: url('../images/close.svg') no-repeat center/.4rem auto;cursor: pointer;transition: all .6s ease;}
.popVideo-close:hover{opacity: 1;}
.popVideo.active{display: flex;}
.popVideo.active .popVideo-items{animation: popVideRun 1s ease both .4s;}
@keyframes popVideRun {0%{opacity: 0;transform: translateY(-3rem);}100%{opacity: 1;transform: translateY(0);}}

/* 首页 */
.indban{width: 100%;background: #fff;padding: 0 4% .4rem;}
.indban-img{display: flex;align-items: center;justify-content: center;height: 5rem;position: relative;padding: .4rem 0 .44rem;}
.indban-img img{max-width: 92%;max-height: 100%;}
.indban-img i{width: 1.04rem;height: 1.04rem;position: absolute;top: 50%;left: 50%;z-index: 4;cursor: pointer;margin: -0.52rem 0 0 -0.52rem;border-radius: 50%;background: rgba(0,0,0,.75) url('../images/play.svg') no-repeat left 54% center/.32rem auto;}
.indban .swiper-wrapper{padding-bottom: .3rem;}
.indban .swiper-pagination{bottom: 0;}
.indban .swiper-pagination-bullet {width: .16rem;height: .16rem;background: #e0e0e2;opacity: 1;margin: 0 .1rem !important;}
.indban .swiper-pagination-bullet-active {opacity: 1;background: #5089f5;}
.indLine{width: 100%;height: 0.2rem;background: #f0f2f6;}
.indjs{width: 100%;background: #fff;padding: .66rem 0 .76rem;}
.indjs .name{font-weight: 700;font-size: .38rem;color: #222;line-height: 1.1;margin-bottom: .12rem;}
.indjs .text{font-size: .28rem;color: #555;line-height: .42rem;}
.indjs .link{width: 100%;margin-top: .64rem;height: 0.7rem;border-radius: .35rem;display: flex;align-items: center;justify-content: center;background: #5089f5;font-size: .24rem;color: #fff;}
.indxz{width: 100%;background: #fff;padding: 0.62rem 0;}
.indxz-title{width: 100%;position: relative;}
.indxz-title::after{content: "";position: absolute;width: 100%;height: 1px;background: #e4e4e4;left: 0;bottom: 0;}
.indxz-title span{display: inline-block;font-weight: 700;color: #222;font-size: .38rem;line-height: 1.1;height: 0.7rem;position: relative;z-index: 4;}
.indxz-title span::after{content: "";position: absolute;width: 100%;height: 0.06rem;background: #5089f5;left: 0;bottom: 0;}
.indxz-list{width: 100%;margin-top: 0.6rem;}
.indxz-list li{width: 100%;display: flex;justify-content: space-between;padding: 0.32rem 0;border-bottom: 1px solid #e4e4e4;align-items: center;}
.indxz-list li:first-child{padding-top: 0;}
.indxz-list li:last-child{padding-bottom: 0;border-bottom: none;}
.indxz-list-cont{width: calc(100% - 1.4rem);}
.indxz-list-cont .name{line-height: 1.1;font-size: .28rem;color: #555;}
.indxz-list-cont .desc{line-height: 1.1;font-size: .24rem;font-family: Arial;color: #c3c3c3;margin-top: 0.1rem;}
.indxz-list-link{width: 1.5rem;height: 0.52rem;border-radius: .26rem;border: 1px solid #5089f5;background:#5089f5;font-size: .24rem;color: #fff;display: flex;align-items: center;justify-content: center;transition: all .4s ease;}
.indxz-list-link:hover{background: #81a9f5;border-color: #81a9f5;}
.indtb{width: 100%;background: #fff;padding: .54rem 0;}
.indtb-list{width: 100%;}
.indtb-link{display: block;width: 33.3333%;text-align: center;margin-top: 0.4rem;}
.indtb-link:nth-child(-n+3){margin-top: 0;}
.indtb-link img{height: 1.12rem;max-width: 100%;}
.indtb-link p{font-size: 0.24rem;color: #555;margin-top: 0.1rem;}
.indfw{visibility: hidden;opacity: 0;pointer-events: none;position: fixed;width: 100%;max-width: 720px;z-index: 999999;height: 100%;background: rgba(0,0,0,.35);top: 0;}
.indfw-contain{position: absolute;background: #fff;padding: .8rem 4% 1.4rem;left: 0;bottom: 0;width: 100%;transform: translateY(100%);opacity: 0;}
.indfw-close{width: 0.6rem;height: 0.6rem;position: absolute;right: 0.2rem;top: 0.2rem;background: url('../images/closeQ.svg') no-repeat center/100% auto;z-index: 10;}
.indfw-title{width: 100%;display: flex;align-items: center;justify-content: center;font-weight: 500;color: #333;line-height: 1.1;font-size: 0.46rem;}
.indfw-title img{width: 0.58rem;margin-right: 0.12rem;}
.indfw-list{width: 100%;margin-top: .52rem;}
.indfw-list li{width: 100%;display: flex;justify-content: space-between;margin-top: .22rem;position: relative;border-radius: 0.05rem;border: 1px solid #ccc;}
.indfw-list li:first-child{margin-top: 0;}
.indfw-list li .hint{width: 1.64rem;height: 0.78rem;display: flex;align-items: center;justify-content: center;font-size: .24rem;color: #999;}
.indfw-list li input{width: calc(100% - 1.64rem);padding: 0 0.3rem;font-size: .24rem;color: #444;border-left: 1px solid #ccc;height: 0.78rem;}
.indfw-list li .indfw-select{width: calc(100% - 1.654rem);border-left: 1px solid #ccc;position: relative;}
.indfw-list li .indfw-select select{width: 100%;padding: 0 1rem 0 0.3rem;font-size: .24rem;color: #444;height: 0.78rem;background: transparent;position: relative;z-index: 4;}
.indfw-list li .indfw-arrow{position: absolute;pointer-events: none;width: 0.78rem;height: 0.78rem;right: 0;top: 0;border-left: 1px solid #ccc;background: url('../images/arrR.svg') no-repeat center/.4rem auto;}
.indfw-list li .indfw-date{width: calc(100% - 1.654rem);border-left: 1px solid #ccc;position: relative;}
.indfw-list li .indfw-date input{width: 100%;border: none;position: relative;z-index: 4;background: transparent;}
.indfw-list li textarea{width: 100%;padding: 0.2rem 0.3rem;font-size: .24rem;color: #444;height: 2.9rem;display: block;border: none;}
.indfw-list li.indfw-code{width: 100%;border: none;}
.indfw-list li.indfw-code input{width: calc(100% - 2.8rem);border: 1px solid #ccc;border-radius: 0.05rem;}
.indfw-list li.indfw-code span{width: 2.54rem;height: 0.78rem;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.indfw-list li.indfw-code span img{max-width: 100%;max-height: 100%;}
.indfw-list li.indfw-btn{width: 100%;margin-top: .6rem;border: none;}
.indfw-list li.indfw-btn button{width: calc(50% - 0.15rem);height: 0.7rem;border-radius: 0.35rem;font-size: .24rem;color: #fff;background: #5089f5;cursor: pointer;}
.indfw-list li.indfw-btn button[type=reset]{background: #b5b5b5;}
.indfw.active{visibility: visible;opacity: 1;pointer-events: auto;}
.indfw.active .indfw-contain{transform: translateY(0);opacity: 1;transition: transform .6s ease .2s,opacity .2s ease;}

/* 语言选择 */
.lang{width: 100%;position: relative;height: 100vh;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.lang-bg{width: 100%;height: 100vh;object-fit: cover;position: absolute;top: 0;left: 0;}
.lang-contain{width: calc(100% - 1.8rem);position: relative;z-index: 4;}
.lang-logo{width: 100%;text-align: center;}
.lang-logo img{width: 3.1rem;}
.lang-select{width: 100%;margin-top: 0.56rem;background: #fff;border-radius: .3rem;overflow: hidden;}
.lang-select-title{width: 100%;border-radius: .3rem;font-size: .48rem;color: #fff;font-weight: 500;height: 1.38rem;background: #00b2d7;display: flex;align-items: center;justify-content: center;}
.lang-select-btn{width: 100%;padding: .76rem .5rem 1.14rem;}
.lang-select-btn a{display: flex;width: 100%;align-items: center;margin-top: .44rem;justify-content: center;height: 1.02rem;border-radius: .5rem;background: #0169df;font-size: .32rem;color: #fff;transition: all .4s ease;}
.lang-select-btn a:first-child{margin-top: 0;}
.lang-select-btn a:hover{background: #00499f;}

/* 登录 */
.form{width: 100%;position: relative;height: 100vh;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.form-bg{width: 100%;height: 100vh;object-fit: cover;position: absolute;top: 0;left: 0;}
.form-contain{width: calc(100% - 0.92rem);position: relative;z-index: 4;}
.form-logo{width: 100%;text-align: center;display: block;}
.form-logo img{width: 3.1rem;}
.form-table{width: 100%;margin-top: 0.56rem;background: #fff;border-radius: .16rem;overflow: hidden;padding: .98rem .46rem 1rem;}
.form-title{width: 100%;font-size: .48rem;color: #333;font-weight: 700;line-height: 1.1;display: flex;justify-content: space-between;align-items: center;}
.form-title a{font-size: .28rem;color: #00499f;padding-left: .3rem;background: url('../images/arrL.svg') no-repeat left center/.24rem auto;}
.form-column{width: 100%;margin-top: 0.5rem;}
.form-column li{display: flex;margin-top: 0.16rem;width: 100%;align-items: center;justify-content: space-between;position: relative;border-radius: 0.04rem;overflow: hidden;}
.form-column li:first-child{margin-top: 0;}
.form-column li .hint{width: 0.8rem;font-size: .24rem;color: #444;line-height: 1.1;display: flex;justify-content: flex-end;padding-right: 0.14rem;}
.form-column li .hint span{color: #e81616;margin-left: 0.04rem;}
.form-column li input{width: calc(100% - 0.8rem);border: 1px solid #e3e3e3;transition: all .4s ease;height: 0.62rem;border-radius: 0.04rem;padding: 0 0.22rem;font-size: 0.24rem;color: #333;}
.form-column li input:focus{border-color: #333;}
.form-submit{width: 100%;margin-top: 0.4rem;height: 0.62rem;border-radius: 0.31rem;background: #00499f;font-size: .26rem;color: #fff;cursor: pointer;}
.form-link{width: 100%;display: flex;justify-content: center;margin-top: 0.58rem;}
.form-link a{font-size: 0.24rem;color: #a09f9f;position: relative;margin-left: 0.96rem;}
.form-link a:first-child{margin-left: 0 !important;}
.form-link a.form-link-sign{color: #00499f;text-decoration: underline;}
.form-link a.form-link-login{color: #2b68af;}

/* 注册 */
.form.sign .form-link{justify-content: flex-start;margin-top: 0.3rem;}
.form.sign .form-link a{margin-left: 0.16rem;}
.form.sign .form-column li .hint{width: 1.3rem;}
.form.sign .form-column li input{width: calc(100% - 1.3rem);}
.form-column li.form-column-row .form-column-row-li{display: flex;align-items: center;}
.form-column li.form-column-row .form-column-row-li input{width: 1.76rem;}
.form-column li.form-column-row .form-column-row-li:last-child .hint{width: .82rem;}
.form-column li.form-column-email input{padding-right: 1.78rem;}
.sendCode{width: 1.56rem;height: 100%;font-size: 0.24rem;color: #fff;background: #2b68af;position: absolute;right: 0;top: 0;display: flex;align-items: center;cursor: pointer;justify-content: center;transition: all .4s ease;}
.sendCode.active{background: #8b9198;cursor: default;}

/* 忘记密码 */
.form.forget .form-table{margin-top: 0;}
.form.forget .form-column li .hint{width: 1.3rem;}
.form.forget .form-column li input{width: calc(100% - 1.3rem);}

@media all and (max-width:320px) {}