/*
@author: he
@update: he (2025-07-25)
*/
@charset "utf-8";
body{font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;padding:0;background:#fff;color:#333;font-size:0.32rem;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
video embed,video object,video iframe,video{width:100%;height:auto;}
img{max-width:100%;border:0;}
li,ol,ul{list-style:none}
i,em,cite{font-style:normal;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
a{text-decoration:none;outline:none;}
textarea{resize:none}
input[type="text"],input[type="password"],select,textarea,button,input[type="button"],input[type="reset"],input[type="submit"]{outline:0;-webkit-user-modify:read-write-plaintext-only;-webkit-appearance:none;font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.wrap{min-width:320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.iosFootHank{ padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}
.mainBg{ background: url(/OtherItem/images/scoreInterpret/bg_02.png) no-repeat center top #f2fbff; background-size: 100% auto;}
.inBg{ background: url(/OtherItem/images/scoreInterpret/bg_01.png) no-repeat center top; background-size: 100% auto;}
[v-cloak] { display: none;}

/*公用页头*/
.mainHeader{ position: relative; height: 1.2rem; background: #fff;}
.mainHeader .back{ position: absolute; top: 0; left: 0.4rem; z-index: 2; width: 0.587rem; height: 1.2rem; background: url(/OtherItem/images/scoreInterpret/icon_02.png) no-repeat center; background-size: 0.587rem 0.453rem;}
.mainHeader h2{ width: 100%; line-height: 1.2rem; font-size: 0.48rem; font-weight: 700; color: #333; text-align: center;}

/*首页页头*/
.inHeader{ position: relative; height: 13.653rem;}
.inHeader .logo{ position: absolute; top: 0.533rem; left: 0.667rem; width: 3.947rem; height: 0.76rem; background: url(/OtherItem/images/scoreInterpret/logo.png) no-repeat; background-size: 100% 100%;}
.inHeader .tit{ position: absolute; top: 2.187rem; left: 0; width: 100%; line-height: 0.613rem; font-weight: 700; color: #001969; text-align: center; font-size: 0.613rem;}
.inHeader .subTit{ position: absolute; top: 3.2rem; left: 0; width: 100%; text-align: center;}
.inHeader .subTit img{ width: auto; height: 0.987rem;}
.inHeader .cenBtn{ position: absolute; top: 10.667rem; left: 50%; margin-left: -3.6rem; width: 7.147rem; height: 1.413rem; line-height: 1.413rem; text-align: center; font-size: 0.453rem; color: #fff; font-weight: 700; border: 0.027rem solid #fff; border-radius: 0.733rem; background: linear-gradient(#FF7B00 0%, #FFA320 100%); box-shadow: inset 0.08rem 0.107rem 0.053rem 0 rgba(255,141,43,0.95);}
.inHeader .botBtn{ position: absolute; bottom: 0; left: 0; width: 100%; text-align: center;}
.inHeader .botBtn a{ position: relative; z-index: 1; display: inline-block; padding: 0 0.533rem 0 0.4rem; height: 1.013rem; text-align: center; line-height: 1.013rem; font-size: 0.32rem; color: #FF5600; font-weight: 700; border-radius: 0.507rem; background: linear-gradient( 126deg, #FFFDD3 0%, #FFFDF1 100%);}
.inHeader .botBtn a:after{ content:" "; display:block; position: absolute; right: 0.267rem; top: 50%; margin-top: -0.107rem; width: 0.133rem; height: 0.213rem; background: url(/OtherItem/images/scoreInterpret/icon_01.png) no-repeat; background-size: 100% 100%;}

/*首页案例展示*/
.inCase{ padding-bottom: 1.2rem;}
.inCase .tit{ width: 100%; height: 1.467rem; text-align: center; background: url(/OtherItem/images/scoreInterpret/tit_02.png) no-repeat; background-size: 100% 100%;}
.inCase .tit b{ display: inline-block; line-height: 1.467rem; font-size: 0.427rem; color: #333;}
.inCase .caseCon{ width: 10rem; height: 6.667rem;}
.inCase .caseCon .swiper-slide{ width: 7.067rem; height: 6.267rem; padding: 0 0.4rem 0.4rem; background: #fff; border-radius: 0.267rem; margin-left: 0.4rem;}
.inCase .caseCon .swiper-slide:last-child{ margin-right: 0.4rem;}
.inCase .caseCon .swiper-slide .ssTit{ height: 1.867rem; padding: 0 0.133rem;}
.inCase .caseCon .swiper-slide .ssTit-left{ float: left; padding-top: 0.32rem; line-height: 0.613rem;}
.inCase .caseCon .swiper-slide .ssTit-left-top{ font-size: 0.347rem; font-weight: 700;}
.inCase .caseCon .swiper-slide .ssTit-left-bot{ font-size: 0.32rem; color: #999;}
.inCase .caseCon .swiper-slide .ssTit-right{ float: right; padding-top: 0.32rem; line-height: 0.613rem;}
.inCase .caseCon .swiper-slide .ssTit-right-top{ font-size: 0.4rem; font-weight: 700; color: #FF1E00;}
.inCase .caseCon .swiper-slide .ssTit-right-top b{ font-size: 0.747rem;}
.inCase .caseCon .swiper-slide .ssTit-right-bot{ font-size: 0.267rem; text-align: right; font-weight: 700; padding-right: 0.56rem; background: url(/OtherItem/images/scoreInterpret/icon_03.png) no-repeat right center; background-size: 0.453rem 0.453rem;}
.inCase .caseCon .swiper-slide .ssBot{ padding: 0 0.4rem; border-radius: 0.133rem; background: linear-gradient(#eefeff 0%, #e9fff6 100%);}
.inCase .caseCon .swiper-slide .ssBot-list{ height: 1.093rem; line-height: 1.093rem; border-bottom: 1px solid #cdf0ea;}
.inCase .caseCon .swiper-slide .ssBot-list.slTit{ font-size: 0.32rem; color: #666;}
.inCase .caseCon .swiper-slide .ssBot-list.slTit .sl01{ float: left; width: 50%;}
.inCase .caseCon .swiper-slide .ssBot-list.slTit .sl02{ float: left; width: 25%; text-align: center;}
.inCase .caseCon .swiper-slide .ssBot-list.slTit .sl03{ float: left; width: 24%; text-align: right;}
.inCase .caseCon .swiper-slide .ssBot-list.slTxt{ font-size: 0.373rem; color: #333;}
.inCase .caseCon .swiper-slide .ssBot-list.slTxt .sl01{ float: left; width: 50%;}
.inCase .caseCon .swiper-slide .ssBot-list.slTxt .sl02{ float: left; width: 25%; text-align: center;}
.inCase .caseCon .swiper-slide .ssBot-list.slTxt .sl03{ float: left; width: 24%; text-align: right;}
.inCase .caseCon .swiper-slide .ssBot-list:last-child{ border: 0;}

/*选择辅导弹层*/
.inCoursePop{ height: 33%;}
.inCoursePop .van-picker__confirm{ color: #0CCB78;}

/*上传帮助*/
.helpUpload{ padding: 0.533rem 0.4rem 0;}
.helpUpload .topCon{ height: 1.067rem; margin: 0 0 0.4rem; display: -webkit-flex; display: flex; justify-content: space-between;}
.helpUpload .topCon li{ width: 4.347rem; height: 1.013rem; line-height: 1.013rem; text-align: center; font-size: 0.4rem; color: #333; border: 0.027rem solid #0CCD81; background: #fff; border-radius: 0.533rem; cursor: pointer;}
.helpUpload .topCon li.on{ width: 4.4rem; height: 1.067rem; line-height: 1.067rem; text-align: center; font-size: 0.4rem; color: #fff; font-weight: 700; background: linear-gradient(to right, #00C7AC, #0ECF7B);}
.helpUpload .botCon{ display: none;}
.helpUpload .topType{ padding: 0.4rem; font-size: 0.32rem; line-height: 0.587rem; background: #fff; border-radius: 0.2rem; margin-bottom: 0.533rem;}
.helpUpload .listBox{ padding-bottom: 0.133rem;}
.helpUpload .listBox-tit{ line-height: 0.533rem; font-size: 0.347rem; font-weight: 700; color: #333; margin-bottom: 0.4rem;}
.helpUpload .listBox-tit a{ color: #333;}
.helpUpload .listBox-pic{ margin-bottom: 0.4rem;}
.helpUpload .listBox-pic img{ width: 100%; height: auto;}

/*上传图片*/
.uploadMain .mTit{ height: 1.333rem; line-height: 1.333rem; padding-top: 0.133rem; font-size: 0.453rem; margin: 0 0.4rem;}
.uploadMain .mTit span{ position: relative; z-index: 1;}
.uploadMain .mTit span b{ position: relative; z-index: 2; font-size: 0.533rem;}
.uploadMain .mTit span:after{ content:" "; display:block; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; height: 0.133rem; border-radius: 0.067rem; background: linear-gradient(#59EE8D 0%, #4FEFD1 100%);}
.uploadMain .helpBox{ height: 0.8rem; margin: 0 0.4rem 0.507rem;}
.uploadMain .helpBox-btn{ float: left; position: relative; z-index: 1; padding: 0 0.933rem 0 0.533rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.347rem; color: #333; border-radius: 0.4rem; background: linear-gradient( 270deg, #D7FFE5 0%, #BFFAFF 100%);}
.uploadMain .helpBox-btn:after{ content:" "; position: absolute; top: 50%; right: 0.267rem; margin-top: -0.187rem; display:block; width: 0.373rem; height: 0.373rem; background: url(/OtherItem/images/scoreInterpret/icon_04.png) no-repeat; background-size: 100% 100%;}
.uploadMain .upBox{ position: relative; z-index: 1; margin: 0 0.4rem 0.533rem;}
.uploadMain .upBox:after{ content:" "; position: absolute; top: -1.347rem; right: 0.373rem; display:block; width: 1.867rem; height: 1.347rem; background: url(/OtherItem/images/scoreInterpret/icon_07.png) no-repeat; background-size: 100% 100%;}
.uploadMain .upBox-list .van-uploader__upload{ margin: 0 0 0.4rem 0; background: #fff; width: 9.173rem; height: 4.213rem; border-radius: 0.2rem; border: 0.027rem dashed #79ceaa;}
.uploadMain .upBox-list .van-uploader__upload .van-icon{ font-size: 0; display: block; margin-top: -0.133rem; width: 1.6rem; height: 1.6rem; background: url(/OtherItem/images/scoreInterpret/icon_05.png) no-repeat; background-size: 100% 100%;}
.uploadMain .upBox-list .van-uploader__upload .van-uploader__upload-text{ font-size: 0.347rem; color: #666; margin-top: 0.4rem;}
.uploadMain .upBox-list .van-uploader__preview{ margin: 0 0 0.4rem 0; background: #fff; width: 9.173rem; height: 4.213rem; border-radius: 0.2rem; border: 0.027rem dashed #79ceaa;}
.uploadMain .upBox-list .van-uploader__preview-delete{ width: 0.533rem; height: 0.533rem; border-radius: 50%;}
.uploadMain .upBox-list .van-uploader__preview-delete-icon{ font-size: 0.627rem;}
.uploadMain .upBox-list .van-uploader__preview-image{ width: 100%; height: 100%; border-radius: 0.2rem;}
.uploadMain .upNull{ display: none; position: relative; z-index: 1; height: 7.4rem; background: url(/OtherItem/images/scoreInterpret/icon_08.png) no-repeat center top; background-size: 6.427rem auto;}
.uploadMain .upNull-txt{ position: absolute; left: 0; bottom: 1.5rem; right: 0; text-align: center; font-size: 0.373rem; color: #333; line-height: 0.533rem;}
.uploadMain .upNull-btn{ position: absolute; left: 50%; bottom: 0; display: block; margin-left: -1.84rem; width: 3.68rem; height: 1.013rem; line-height: 1.013rem; text-align: center; font-size: 0.427rem; color: #20d083; border-radius: 0.533rem; border: 0.027rem solid #20d083; background: #f5fcff;}

/*上传图片底部浮动*/
.uploadfloatBot{ position: fixed; left: 0; bottom: 0.533rem; right: 0; height: 1.067rem; text-align: center;}
.uploadfloatBot .btn01{ display: inline-block; margin: 0 0.133rem; width: 3.68rem; height: 1.013rem; line-height: 1.013rem; text-align: center; font-size: 0.427rem; color: #20d083; border-radius: 0.533rem; border: 0.027rem solid #20d083; background: #f5fcff;}
.uploadfloatBot .btn02{ display: inline-block; margin: 0 0.133rem; width: 5.2rem; height: 1.067rem; line-height: 1.067rem; text-align: center; font-size: 0.427rem; color: #fff; border-radius: 0.533rem; background: #20D083;}

/*查看图片示例弹层*/
.upPicPop{ width: 80%; height: auto; border-radius: 0.267rem;}
.upPicPop .pic{ width: 100%; height: auto;}
.upPicPop .bot{ padding: 0.533rem 0; text-align: center;}
.upPicPop .bot span{ display: inline-block; padding: 0 0.533rem; height: 0.933rem; line-height: 0.933rem; font-size: 0.373rem; color: #fff; font-weight: 700; background: linear-gradient( 270deg, #FF5824 0%, #FF2405 100%); border-radius: 0.107rem;}

/*提交成绩单*/
.transcriptMain .mTit{ line-height: 0.667rem; padding: 0.533rem 0; font-size: 0.427rem; margin: 0 0.4rem;}
.transcriptMain .mTit span{ position: relative; z-index: 1;}
.transcriptMain .mTit span b{ position: relative; z-index: 2;}
.transcriptMain .mTit span:after{ content:" "; display:block; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; height: 0.133rem; border-radius: 0.067rem; background: linear-gradient(#59EE8D 0%, #4FEFD1 100%);}
.transcriptMain .tsBox{ margin: 0 0.4rem 0.533rem; background: #fff; box-shadow: 0 0.053rem 0.267rem 0.08rem rgba(222,248,248,0.75); border-radius: 0.213rem;}
.transcriptMain .tsBox-tit{ height: 1.187rem; line-height: 1.187rem; background: url(/OtherItem/images/scoreInterpret/tit_03.png) no-repeat; background-size: 100% 100%; display: -webkit-flex; display: flex; justify-content: space-between;}
.transcriptMain .tsBox-tit .txt01{ width: 2.3rem; height: 1.187rem; text-align: center; font-size: 0.347rem; font-weight: 700; color: #333;}
.transcriptMain .tsBox-tit .txt02{ width: 3.567rem; height: 1.187rem; text-align: center; font-size: 0.347rem; font-weight: 700; color: #333;}
.transcriptMain .tsBox-con{ padding: 0.2rem 0.4rem;}
.transcriptMain .tsBox-con .list{ clear: both; padding: 0.2rem 0; border-bottom: 0.013rem solid #eceff1; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center;}
.transcriptMain .tsBox-con .list .txt01{ max-width: 5.333rem; line-height: 0.533rem; font-size: 0.373rem; color: #333;}
.transcriptMain .tsBox-con .list .txt02{ line-height: 0.533rem; font-size: 0.373rem; color: #333;}
.transcriptMain .tsBox-con .list .txt02 .inpTxt{ width: 1.653rem; height: 0.773rem; line-height: 0.773rem; font-size: 0.347rem; text-align: center; border: 1px solid #c3c3c3; border-radius: 0.133rem; background: #fafafa; margin-right: 0.213rem;}
.transcriptMain .tsBox-con .list:last-child{ border-bottom: 0;}
.transcriptMain .mfot{ padding: 0 0 0.533rem; text-align: center;}
.transcriptMain .mfot-btn{ display: block; width: 8rem; height: 1.067rem; line-height: 1.067rem; text-align: center; font-size: 0.427rem; font-weight: 700; color: #fff; border-radius: 0.533rem; background: #20D083; margin: 0 auto;}

/*复习指导*/
.guidanceMain .mTopBox{ padding: 0.267rem 0.4rem 0.533rem; background: url(/OtherItem/images/scoreInterpret/icon_10.png) no-repeat right bottom #fff; background-size: 2.307rem 2.227rem; box-shadow: 0 0.053rem 0.267rem 0.08rem rgba(222,248,248,0.75); border-radius: 0.213rem; margin: 0.533rem 0.4rem;}
.guidanceMain .mTopBox-tit{ padding-left: 1.467rem; height: 1.24rem; margin: 0 0 0.133rem; background: url(/OtherItem/images/scoreInterpret/icon_09.png) no-repeat left center; background-size: 1.187rem 1.24rem;}
.guidanceMain .mTopBox-tit span{ position: relative; z-index: 1; display: inline-block; height: 0.667rem; line-height: 0.667rem; font-size: 0.427rem; margin-top: 0.28rem;}
.guidanceMain .mTopBox-tit span b{ position: relative; z-index: 2;}
.guidanceMain .mTopBox-tit span:after{ content:" "; display:block; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; height: 0.133rem; border-radius: 0.067rem; background: linear-gradient(to right, rgba(79,239,209,1) 0%, rgba(89,238,141,0.04) 100%);}
.guidanceMain .mTopBox-txt{ line-height: 0.587rem; font-size: 0.32rem;}
.guidanceMain .guiBox{ margin: 0 0.4rem 0.533rem; background: #fff; box-shadow: 0 0.053rem 0.267rem 0.08rem rgba(222,248,248,0.75); border-radius: 0.213rem;}
.guidanceMain .guiBox-tit{ height: 1.333rem; border-radius: 0.213rem 0.213rem 0 0; background: linear-gradient( 270deg, #0ECF7B 0%, #00C7AC 100%);}
.guidanceMain .guiBox-tit div{ float: left; height: 1.333rem; line-height: 0.4rem; font-size: 0.293rem; text-align: center; font-weight: 700; color: #fff; border-right: 1px solid #03b787; display: -webkit-flex; display: flex; justify-content: center; align-items: center;}
.guidanceMain .guiBox-tit div:last-child{ border-right: 0;}
.guidanceMain .guiBox-tit .txt01{ width: 0.933rem;}
.guidanceMain .guiBox-tit .txt02{ width: 2.8rem;}
.guidanceMain .guiBox-tit .txt03{ width: 1.333rem;}
.guidanceMain .guiBox-tit .txt04{ width: 1.333rem;}
.guidanceMain .guiBox-tit .txt05{ width: 1.333rem;}
.guidanceMain .guiBox-tit .txt06{ width: 1.333rem;}
.guidanceMain .guiBox-txt{ border-bottom: 1px solid #eeeeee; display: -webkit-flex; display: flex;}
.guidanceMain .guiBox-txt:last-child{ border-bottom: 0;}
.guidanceMain .guiBox-txt div{ float: left; padding: 0.267rem 0; line-height: 0.453rem; font-size: 0.32rem; font-weight: 700; color: #333; border-right: 1px solid #eeeeee; display: -webkit-flex; display: flex; justify-content: center; align-items: center;}
.guidanceMain .guiBox-txt div:last-child{ border-right: 0;}
.guidanceMain .guiBox-txt .txt01{ width: 0.933rem;}
.guidanceMain .guiBox-txt .txt02{ width: 2.267rem; padding: 0.267rem; justify-content: flex-start;}
.guidanceMain .guiBox-txt .txt03{ width: 1.333rem;}
.guidanceMain .guiBox-txt .txt04{ width: 1.333rem;}
.guidanceMain .guiBox-txt .txt05{ width: 1.333rem;}
.guidanceMain .guiBox-txt .txt06{ width: 1.333rem;}
.guidanceMain .mSubTit{ height: 0.427rem; margin: 0 0.4rem 0.4rem;}
.guidanceMain .mSubTit-left{ float: left; position: relative; z-index: 1; padding-left: 0.32rem; height: 0.427rem; line-height: 0.427rem; font-size: 0.427rem; font-weight: 700; color: #333;}
.guidanceMain .mSubTit-left:after{ content:" "; position: absolute; top: 50%; left: 0; margin-top: -0.133rem; display:block; width: 0.08rem; height: 0.267rem; border-radius: 0.04rem; background: #12cdd7;}
.guidanceMain .mCourseBox{ padding: 0.32rem 0.4rem 0.133rem; margin: 0 0.4rem 0.533rem; background: #fff; box-shadow: 0 0.053rem 0.267rem 0.08rem rgba(222,248,248,0.75); border-radius: 0.213rem;}
.guidanceMain .mCourseBox .cbTxt{ line-height: 0.587rem; font-size: 0.32rem; color: #666; margin-bottom: 0.32rem;}
.guidanceMain .mCourseBox .cbList{ display: block; margin-bottom: 0.4rem;}
.guidanceMain .mCourseBox .cbList-pic{ float: left; width: 3.2rem; height: 1.827rem; display: block;}
.guidanceMain .mCourseBox .cbList-cen{ float: right; width: 4.933rem;}
.guidanceMain .mCourseBox .cbList-cen-txt{ height: 1.067rem; line-height: 0.533rem; font-size: 0.373rem; color: #333; font-weight: 700; margin: 0 0 0.12rem; overflow:hidden; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.guidanceMain .mCourseBox .cbList-cen-bot{ height: 0.667rem;}
.guidanceMain .mCourseBox .cbList-cen-bot .lPrice{ float: left; line-height: 0.667rem; font-size: 0.48rem; color: #FE4F2B;}
.guidanceMain .mCourseBox .cbList-cen-bot .lBtn{ float: right; width: 1.867rem; height: 0.667rem; line-height: 0.667rem; font-size: 0.32rem; color: #fff; text-align: center; font-weight: 700; background: linear-gradient( 180deg, #FA6D05 0%, #FF4504 100%); border-radius: 0.213rem;}
.guidanceMain .mfot{ padding: 0 0 0.533rem; text-align: center;}
.guidanceMain .mfot-back{ text-align: center; line-height: 0.32rem; font-size: 0.32rem; color: #20D083; margin-bottom: 0.4rem;}
.guidanceMain .mfot-back a{ color: #20D083;}
.guidanceMain .mfot-btn{ display: block; width: 8rem; height: 1.067rem; line-height: 1.067rem; text-align: center; font-size: 0.427rem; font-weight: 700; color: #fff; border-radius: 0.533rem; background: #20D083; margin: 0 auto;}