.m1200{position: relative;}
a:hover{color: #fff;}
.navFixed{position: fixed !important;left: 0;top: 0;width: 100%;z-index: 999;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;}
.pcno{display: none !important;}
.mno{display: block !important;}
.mflex{display: none !important;}

/* 按钮容器基础样式 鼠标悬浮时触发扫光动画*/
.btnFrames {overflow: hidden;position: relative;}
.btnFrames:hover::after {content: "";display: block;width: 18%;height: 300%;background: linear-gradient(to right,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.4) 50%,rgba(255, 255, 255, 0) 100%);filter: blur(6px);transform: rotate(35deg);position: absolute;left: -20%;top: -120%;pointer-events: none;animation: leftTransform ease-in-out 0.6s forwards;-webkit-animation: leftTransform ease-in-out 0.6s forwards;}
/* 流光动画 */
@keyframes leftTransform {
  0% { left: -20%; }
  100% { left: 120%; }
}
@media(max-width:1000px){
    .btnFrames:hover::after{display: none;}
    .m1200{width: 100%;}
    .pcno{display: block !important;}
    .mno{display: none !important;}
    .mflex{display: flex !important;}
    body{padding-bottom: 0rem;}
    .navFixed{left: calc((100% - 7.5rem)/2);}
}
#bg{background: url('../images/bg.png') no-repeat center top;padding-top: 76px;}

#bg .lang-text{margin: 0px 0 13px 63px;display: block;}
#bg .title-intro-list{line-height: 1;margin-bottom: 102px;}
#bg .title-intro-list .li{margin-bottom: 16px;font-size: 20px;display: flex;justify-content: flex-start;align-items: center;}
#bg .title-intro-list .li::before{content: '';width: 24px;height: 24px;background: url('../images/icon.png') no-repeat;margin: 0 6px 0 65px;display: block;}
#bg .title-intro-list .li span{background: linear-gradient(-90deg,#296eff,#5d3bff);background-clip: text;-webkit-clip:text;color: transparent;}

#bg .content{width: 100%;height: auto;border-radius: 30px;background:rgba(255, 255, 255, 0.6);border: 2px solid #ffffff;box-sizing: border-box;box-shadow: 0 0 30px rgba(205, 224,245, 0.3);position: relative;padding: 35px 0 80px;box-sizing: border-box;}
#bg .content::before{content: '';width: 100%;height: 200px;position: absolute;left: 0px;top: 0px;background: url('../images/bg-top.png') no-repeat;pointer-events: none;}

#bg .h2-title{background: url('../images/title1.png') no-repeat center top;padding: 36px 0 22px;margin-bottom: 40px;}
#bg .h2-title h2{font-size: 30px;text-align: center;line-height: 1;}

#bg #list{width: 100%;display: flex;justify-content: space-between;}
#bg #list .box{padding-left: 120px;box-sizing: border-box;width: 50%;}
#bg #list .item{margin-bottom: 55px;line-height: 1;}
#bg #list .title{font-size: 16px;color: #333;margin-bottom: 28px;line-height: 24px;display: flex;justify-content: flex-start;}
#bg #list .title .flex1{flex: 1;margin-left: 0.5em;}
#bg #list .title .em{margin-left: -0.5em;}
#bg #list .title .unline{border-bottom: 1px solid #333;}
#bg #list .title .min{font-size: 80%;}
#bg #list .answer{display: flex;justify-content: flex-start;flex-wrap: wrap;}
#bg #list .answer li{width: 230px;margin-bottom: 20px;}
#bg #list .answer li .select{cursor: pointer;display: flex;justify-content: flex-start;font-size: 14px;color: #333;}
#bg #list .answer li .select .flex_0{display: flex;justify-content: flex-start;flex: 1;}
#bg #list .answer li .select .flex_1{flex: 1;padding-left: 0.5em;}
#bg #list .answer li .select::before{content: '';width: 14px;height: 14px;background: url('../images/se1.png') no-repeat;margin-right: 8px;display: block;flex-shrink: 1;}
#bg #list .answer li.active .select span{color: #5842ff;}
#bg #list .answer li.active .select::before{content: '';background: url('../images/se2.png') no-repeat;}
#bg #list .answer li .select:hover span{color: #5842ff;}
/* 如果没选择就变红色 */
#bg #list .item.red .title,
#bg #list .item.red .answer li .select span
{color: red !important;}

#bg .submit-btn{width: 220px;height: 46px;border-radius: 23px;background: url('../images/button.png') no-repeat;font-size: 16px;color: #fff;font-weight: bold;margin: -10px auto 0;display: flex;justify-content: center;align-items: center;text-shadow: 0 1px 2px rgba(228, 96, 21, 0.35);box-shadow: 0 4px 8px rgba(237, 109, 32, 0.3);letter-spacing: 1px;text-indent: -1px;cursor: pointer;}
/*以下是表单样式  */
.sub-input-test{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);z-index: 999;display: none;}
.sub-input-test .sub-box{width: 360px;height: 490px;border: 1px solid #ffffff;box-sizing: border-box;border-radius: 20px;background: #fff;position: absolute;left: calc((100% - 360px)/2);top: calc((100% - 490px)/2);overflow: hidden;}
.sub-input-test .sub-box::before{content: '';width: 100%;height: 100px;background: url('../images/sub_top.png') no-repeat;position: absolute;left: 0;top: 0px;pointer-events: none;}
.sub-input-test .sub-zindex{position: relative;z-index: 9;}
.sub-input-test .sub-h3{text-align: center;font-size: 18px;color: #333;font-weight: bold;line-height: 30px;padding: 25px 0 14px;}
.sub-input-test .sub-x{width: 12px;height: 12px;background: url('../images/sub_c.png') no-repeat;position: absolute;right: 20px;top: 20px;cursor: pointer;}
/* 覆盖请求过来的表单样式 */
.submit_input_em {vertical-align: baseline;}
.submit_input_em .module-title{display: none;}
.submit_input_em .opt-form{padding: 0 !important;width: 100% !important;}
.submit_input_em .form-title{display: none !important;}
.submit_input_em .opt-form-content{padding: 0 38px 126px 40px !important;}
.submit_input_em .form-item{width: 100% !important;}
.submit_input_em .form-item span.labelText.inline{width: 70px !important;}
.submit_input_em .form-item span.labelText.inline + input{width: 210px !important;}
.submit_input_em .opt-select-menu{width: 320px !important;}
.submit_input_em .form-item span.labelText.inline + div.msg-con{width: 210px !important;}
.submit_input_em input.isRead[type="checkbox"]{transform: translateY(-2px);}
/* 分数样式 */
.fraction-window{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);z-index: 999;display: none;}
.fraction-window .fraction-box{width: 640px;height: 300px;border: 1px solid #ffffff;box-sizing: border-box;border-radius: 20px;background: #fff;position: absolute;left: calc((100% - 640px)/2);top: calc((100% - 300px)/2);overflow: hidden;}
.fraction-window .fraction-box::before{content: '';width: 100%;height: 114px;background: url('../images/fraction_top.png') no-repeat;position: absolute;left: 0;top: 0px;pointer-events: none;}
.fraction-window .fraction-zindex{position: relative;z-index: 9;}
.fraction-window .fraction-bar{width: 180px;height: 180px;position: absolute;left: 56px;top: 60px;border-radius: 50%;background: #eef6ff; overflow: hidden;}
.fraction-window .back-grad{/*background: linear-gradient(-90deg,#296eff,#5d3bff);*/width: 100%;height: 100%;position: absolute;left: 0;top:0px;z-index: 2;}
.fraction-window .back-white{width: calc((100% - 32px));height: calc((100% - 32px));position: absolute;left: 16px;top: 16px;z-index: 3;background: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;text-align: center;line-height: 1;}
.fraction-window .fra-num{font-size: 26px;font-weight: bold;margin-bottom: 9px;}
.fraction-window .fra-num span{background: linear-gradient(-90deg,#296eff,#5d3bff);background-clip: text;-webkit-background-clip: text;color: transparent;}
.fraction-window .fra-text{font-size: 14px;color: #666;}
.fraction-window .close_fra{cursor: pointer;width: 12px;height: 12px;background: url('../images/sub_c.png') no-repeat;position: absolute;right: 19px;top: 19px;}
.fraction-window .fra-raw{width: 220px;position: absolute;right: 65px;top: 0px;padding:32px 0 0 0;height: 100%;box-sizing: border-box;line-height: 1;}
.fraction-window .fra-title{font-size: 18px;color: #333;text-align: center;font-weight: bold;}
.fraction-window .fra-flex{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;padding: 30px 8px 0 1px;box-sizing: border-box;height: 178px;}
.fraction-window .fra-width{width: 50%;}
.fraction-window .fra-width:nth-child(2){text-align: right;}
.fraction-window .fra-li{font-size: 14px;color: #333;margin-bottom: 14px;}
.fraction-window .btn_qt{width: 220px;height: 38px;border-radius: 19px;font-size: 14px;color: #fff;box-shadow: 0 4px 8px rgba(237, 109, 32, 0.3);background: url('../images/button2.png') no-repeat;display: flex;justify-content: center;align-items: center;}

/* 圆环 */
.progress-ring {aspect-ratio: 1 / 1;width: 180px;}
.ring-svg {width: 100%;height: 100%;display: block;}
.progress-circle.animate {transition: stroke-dashoffset 1.5s cubic-bezier(0.4, 0, 0.2, 1);}

/*  */
.in-title{background: url('../images/title.png') no-repeat center top;padding-top: 38px;}
.in-title h2{line-height: 1;font-size: 40px;color: #333333;text-align: center;margin-bottom: 60px;}
.in-title span{background: linear-gradient(-90deg,#ff982d,#ff6716);background-clip: text;-webkit-background-clip: text;color: transparent;}

.help-xdf-page {padding: 60px 0 60px;}
.help-xdf-page .content{height: 420px;background: url('https://oy.xdf.cn/yupei/zhuanti/deyu_test/images/end2.png') no-repeat;position: relative;overflow: hidden;border-radius: 14px;}
.help-xdf-page .relative{position: absolute;left:30px;bottom:0;line-height: 1;}
.help-xdf-page .relative-logo{width: 106px;height: 27px;background: url('../images/end_1.png') no-repeat;margin-bottom: 12px;}
.help-xdf-page .posi_XDF_introduce{font-size: 16px;color: #fff;padding-bottom: 22px;letter-spacing: 2px;}
.help-xdf-page .posi_XDF_introduce .bold{font-weight: bold;}
.help-xdf-page .list{width: 305px;float: right;padding: 28px 0 0 0;line-height: 1;}
.help-xdf-page .icon{width: 84px;height: 84px;}
.help-xdf-page .icon1{background: url('../images/end_icon1.png') no-repeat;}
.help-xdf-page .icon2{background: url('../images/end_icon2.png') no-repeat;}
.help-xdf-page .icon3{background: url('../images/end_icon3.png') no-repeat;}
.help-xdf-page .icon4{background: url('../images/end_icon4.png') no-repeat;}
.help-xdf-page .list .li{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 6px;}
.help-xdf-page .list .li .flex{padding-left: 20px;}
.help-xdf-page .list .li .numFont{font-weight: bold;font-size: 30px;color: #fff;margin-bottom: 12px;}
.help-xdf-page .list .li .numFont .min{position: relative;font-size: 16px;}
.help-xdf-page .list .li .numCont{font-size: 14px;color: #fff;}
.help-xdf-page .list .li .qs-top::before{content: '';animation: upDown_help 0.8s infinite;position: absolute;right: -59px;top: -27px; width: 82px;height: 31px;background: url('../images/end_qs.png') no-repeat;}
@keyframes upDown_help {
    0% {transform: translateY(0);}
    50% {transform: translateY(-4px);}
    100% {transform: translateY(0);}
}
@media (max-width:1000px) {

#bg{width: 7.5rem;margin: auto;background: url('../images/images/bg.png') no-repeat;background-size: 100% auto;padding-top: 0.69rem;}
#bg .lang-text{width: 5.54rem;height: auto;margin: 0 0 0.18rem 0.43rem;}
#bg .title-intro-list{margin-bottom: 1.12rem;}
#bg .title-intro-list .li{font-size: 0.26rem;margin-bottom: 0.2rem;}
#bg .title-intro-list .li::before{width: 0.33rem;height: 0.33rem;background: url('../images/images/icon.png') no-repeat;background-size: 100% auto;margin: 0 0.11rem 0 0.45rem;}

#bg .content{width: 6.9rem;border-radius: 0.3rem;border: 0.02rem solid #fff;box-shadow: 0 0 0.3rem rgba(205, 224, 245, 0.3);margin: 0 auto 0;background: #fff;padding: 0.23rem 0 0.6rem;}
#bg .content::before{height: 1.51rem;background: url('../images/images/m_top.png') no-repeat;background-size: cover;}
#bg .h2-title{background: url('../images/images/title.png') no-repeat center top;background-size: 6rem 0.58rem;padding: 0.36rem 0 0.22rem;margin-bottom: 0.3rem;}
#bg .h2-title h2{font-size: 0.3rem;}

#bg #list{display: block;}
#bg #list .box.right{display: none;}
#bg #list .box{width: 100%;padding: 0 0.44rem 0rem 0.5rem;}
#bg #list .item{margin-bottom: 0.32rem;padding-bottom: 0.2rem;background: url('../images/images/bor.png') no-repeat center bottom;background-size:5.6rem 1px;}
#bg #list .title{font-size: 0.28rem;color: #333333;margin-bottom: 0.28rem;display: flex;justify-content: flex-start;line-height: 0.45rem;}
#bg #list .title span.min{}
#bg #list .answer{padding-left: 0.34rem;box-sizing: border-box;justify-content: space-between;}
#bg #list .answer li{width: 2.7rem;min-height: 0.6rem;border-radius: 0.12rem;margin-bottom: 0.2rem;background: #fafafa;border: 1px solid #fafafa;padding:0.1rem 0 0.1rem 0.3rem;box-sizing: border-box;display: flex;justify-content: flex-start;align-items: center;}
#bg #list .answer li .select{font-size: 0.24rem;height: auto;}
#bg #list .answer li .select::before{display: none;}
#bg #list .answer li .select:hover span{color: #333;}
#bg #list .answer li.active{border: 1px solid #ada2ff;background: #efedff;}
#bg .submit-btn{width: 3.6rem;height: 0.8rem;border-radius: 0.4rem;font-size: 0.26rem;margin: auto;background-size: 100% 100%;text-shadow: 0 1px 0.02rem rgba(228, 96, 21, 0.35);box-shadow: 0 0.04rem 0.08rem rgba(237, 109, 32, 0.3);}

/* 表单样式 */
.sub-input-test .sub-box{width: 6.8rem;height: 8.1rem;border-radius: 0.2rem;left: calc((100% - 6.8rem) / 2);top: calc((100% - 8.1rem) / 2);}
.sub-input-test .sub-h3{font-size: 0.34rem;line-height: 0.56rem;padding:0.38rem 0 0.2rem ;}
.sub-input-test .sub-x{width: 0.22rem;height: 0.22rem;background: url('../images/images/x.png') no-repeat;background-size: 100% 100%;right: 0.38rem;top: 0.38rem;}
.sub-input-test .sub-box::before{height: 1.9rem;background: url('../images/images/test_top.png') no-repeat;background-size: 100% auto;}
/* M端内嵌表单样式调整 */
.submit_input_em .opt-form-title{display: none;padding-top: 0.38rem;}
.submit_input_em .opt-form-content{padding: 0 0.72rem 0 !important;}
.submit_input_em .subBtn{width: 4.9rem;height: 0.8rem !important;line-height: 0.8rem !important; border-radius: 0.4rem !important;margin-top: 0.6rem !important;font-size: 0.28rem !important;letter-spacing: 1px;text-indent: -1px;}

.submit_input_em .tiaokuan{margin: 0.3rem auto 0 !important;font-size: .22rem !important;line-height: 1 !important;height: auto !important;}
.submit_input_em .tiaokuan a{font-size: .22rem !important;}
.submit_input_em .form-item{height: 0.78rem !important;}
.submit_input_em .form-item .form-item-wrap{font-size: 0.26rem !important;}
input.isRead[type="checkbox"]{width: 0.22rem !important;height: 0.22rem !important;}
.submit_input_em .form-item .form-item-label .form-item-label-title{font-size: 0.26rem !important;}
.submit_input_em .form-item .form-item-label{min-width: 1.35rem !important;padding-right: 0 !important;}
.submit_input_em .tiaokuan .isRead{margin-right: 0.1rem !important;margin-top: 0.01rem !important;}
.submit_input_em .form-item input::placeholder {font-size: 0.26rem !important;}
.submit_input_em .form-item .msgCodeBtn{width: 1.7rem !important;height: 0.6rem !important;font-size: 0.22rem !important;line-height:1 !important;display: flex;justify-content: center;align-items: center;}
.submit_input_em .form-item{margin-bottom: 0.27rem !important;}
.submit_input_em input.isRead[type="checkbox"]{transform: translateY(0);}
.submit_input_em .form-item .form-item-label .form-item-label-require{font-size: 0.26rem !important;margin-left: 0.02rem !important;}

/* 城市选择 */
.submit_input_em .form-pop-title{font-size: 0.30rem !important;line-height: 0.46rem !important;}
.submit_input_em .form-pop-bar{height: 0.42rem !important;font-size: 0.28rem !important;margin: 0 !important;}
.submit_input_em .form-pop-bar .item-bar-item{font-size: 0.28rem !important;}
.submit_input_em .form-pop-content .list-item{line-height: 0.6rem !important;min-height: 0.6rem !important;padding: 0.12rem 0 !important;}
.submit_input_em .form-pop-content{font-size: 0.28rem !important;}
.submit_input_em .form-pop{padding: 0.2rem 0.16rem !important}
.submit_input_em .form-pop-content{top:1.3rem !important;padding: 0 0.16rem !important;}

/* 分数弹窗 */
.fraction-window .fraction-box{width: 6.8rem;height: 7rem;border-radius: 0.2rem;left: calc((100% - 6.8rem) / 2);top: calc((100% - 7rem) / 2);}
.fraction-window .fraction-box::before{height: 1.9rem;background: url('../images/images/test_top.png') no-repeat;background-size: 100% auto;}
.fraction-window .close_fra{width: 0.22rem;height: 0.22rem;background: url('../images/images/x.png') no-repeat;background-size: 100% 100%;right: 0.38rem;top: 0.38rem;}
.fraction-window .fraction-bar{width: 100%;height: auto;position: initial;background: none;border-radius: 0px;}
.fraction-window .back-grad{display: none;}
.fraction-window .back-white{position: initial;background: none;border-radius: 0px;padding: 0.49rem 0 0.4rem;width: 5.28rem;height: auto;border-bottom: 1px solid #ebedf2;margin:0 auto 0.3rem;}
.fraction-window .fra-raw{position: initial;}
.fraction-window .fra-num{font-size: 0.6rem;margin-bottom: 0.13rem;}
.fraction-window .fra-text{font-size: 0.32rem;}
.fraction-window .fra-raw{width: 100%;height: auto;padding: 0;}
.fraction-window .fra-title{font-size: 0.28rem;margin-bottom: 0.26rem;}
.fraction-window .fra-flex{width: 5.28rem;height: 2.5rem;background: #fafafa;border-radius: 0.2rem;margin:0 auto 0.34rem;padding: 0.35rem 0.8rem 0 0.78rem;box-sizing: border-box;}
.fraction-window .fra-width{width: auto;}
.fraction-window .fra-li{font-size: 0.24rem;margin-bottom: 0.18rem;}
.fraction-window .btn_qt{width: 4.9rem;height: 0.8rem;border-radius: 0.4rem;font-size: 0.26rem;letter-spacing: 0.02rem;text-indent: -0.02rem;box-shadow: 0 0.04rem 0.08rem rgba(237, 109, 32, 0.3);margin: auto;background-size: 100% 100%;}
 
/*  */
.help-xdf-page {padding: 0.8rem 0 0.6rem;}
.help-xdf-page {height: auto;background: url('../images/images/end.png') no-repeat;background-size: cover;}
.h2-m-title{font-size: 0.36rem;color: #333333;font-weight: bold;padding-left: 0.3rem;box-sizing: border-box;line-height: 1;display: flex;justify-content: flex-start;align-items: center;margin-bottom: 0.28rem;}
.h2-m-title::before{content: '';width: 0.06rem;height: 0.36rem;border-radius: 0.03rem;background: #0fa784;display: block;margin-right: 0.2rem;}
.h3-m-title{font-size: 0.24rem;color: #666;line-height: 1;font-weight: normal;padding-left: 0.56rem;box-sizing: border-box;margin-bottom: 0.5rem;}
 
.help-xdf-page .item{width: 6.3rem;height: 3.71rem;background: #ccc;border-radius: 0.22rem;position: relative;}
.help-xdf-page .swiper-slide{width: 6.3rem;margin-left: 0.3rem;}
.help-xdf-page .swiperc{width: 100%;position: initial;padding-top: 0rem;}
.help-xdf-page .item.bk1{background: url('../images/images/page8_1.png') no-repeat;background-size: 100% 100%;}
.help-xdf-page .item.bk2{background: url('../images/images/page8_2.png') no-repeat;background-size: 100% 100%;}
.help-xdf-page .item.bk3{background: url('../images/images/page8_3.png') no-repeat;background-size: 100% 100%;}
.help-xdf-page .item.bk4{background: url('../images/images/page8_4.png') no-repeat;background-size: 100% 100%;}

.help-xdf-page .posiTitem{padding-left: 0.34rem;position: absolute;left: 0;bottom: 0;padding-bottom: 0.3rem;width: 100%;height: auto;}
.help-xdf-page .img1{width: 0.37rem;margin-bottom: 0.21rem;vertical-align: bottom;}
.help-xdf-page .img2{width: 0.3rem;margin-bottom: 0.22rem;vertical-align: bottom;}
.help-xdf-page .img3{width: 0.32rem;margin-bottom: 0.22rem;vertical-align: bottom;}
.help-xdf-page .img4{width: 0.39rem;margin-bottom: 0.24rem;vertical-align: bottom;}
.help-xdf-page .contTit{font-size: 0.32rem;color: #fff;margin-bottom: 0.16rem;font-weight: bold;line-height: 1;}
.help-xdf-page .contFont{font-size: 0.24rem;color: #fff;line-height: 1;}
.help-xdf-page .swipercs{margin-bottom: 0;padding-top: 0.24rem;}

.help-xdf-page .swiper-pagination{font-size: 0px;padding: 0;position: initial;line-height: 1;padding-top: 0.34rem;}
.help-xdf-page .swiper-pagination span{width: 0.08rem;height: 0.08rem;background: #dadada;opacity: 1;}
.help-xdf-page .swiper-pagination span.swiper-pagination-bullet-active{width: 0.3rem;background: #0fa784;border-radius: 0.04rem;}


}