body{ font-size: .26rem; max-width: 750px; margin: 0 auto;}
body, th, td, input, select, textarea, button{ font-size: .26rem;;}

.linka a:hover{ color: var(--purple);}

.logoImg { width: 2.18rem;}
header{ position: fixed; top: 0; left: 0;  width: 100%; z-index: 100; box-shadow: 0 0 6px rgba(0, 0, 0, .15);height: 1.2rem;} 
.headerSearch{background: url(../images/search.png) no-repeat left .35rem center var(--bg); padding-left: .87rem; background-size: .33rem .33rem; width: 4.58rem; height: .8rem; border-radius: .4rem; -webkit-border-radius: .4rem; -moz-border-radius: .4rem; -ms-border-radius: .4rem; -o-border-radius: .4rem; }
.headerZW{ width: 100%; height: 1.2rem;}

.idxBan .swiper-container .swiper-slide{ transform: scale(.9); -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); }
.idxBan .swiper-container .swiper-slide img{ border-radius: .2rem; box-shadow: 0 0 10px rgba(0, 0, 0, .15); -webkit-border-radius: .2rem; -moz-border-radius: .2rem; -ms-border-radius: .2rem; -o-border-radius: .2rem; }
.idxBan .swiper-container .swiper-slide.swiper-slide-active{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.idxNav{display: grid; grid-gap:.2rem 0; grid-template-columns: repeat(4,1fr);}
.idxNav a {min-width:0}
.navIcon{ width: .9rem; filter:  drop-shadow(0 0 5px rgba(0, 0, 0, .15))  ; -webkit-filter:  drop-shadow(0 0 5px rgba(0, 0, 0, .15))  ; }

.idxTj li{ width: 47.8%;}
.idxTj li .text{ position: absolute; left: 0; top: 0;}
.idxTj li .text .f34{ color: #596583;}
.idxTj li .text .f24{ color: #a5afd3;}
.idxTj li:nth-child(2) .text .f34{ color: #855a5a;}
.idxTj li:nth-child(2) .text .f24{ color: #c2a7a9;}

.sidebar{ color: #a2a4ae;}
.sidebar li,.sidebar a{width: 25%; text-align: center;}
.sidebar li::after{ width: 1.8em; height: .15rem; position: absolute; border-radius: .08rem; transform: translateX(-50%); left: 50%; bottom: 0; display: block; content: ''; background-color:rgba(98, 52, 144, .6); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-border-radius: .08rem; -moz-border-radius: .08rem; -ms-border-radius: .08rem; -o-border-radius: .08rem; }
.idxCourse li .img img{ width: 2.1rem; height: 2.1rem; object-fit: cover;}
.idxCourse li .text{ width: calc(100% - 2.1rem);}

body::after{ display: block; content: ''; width: 100%; height: 1.1rem; background-color: transparent;}
footer { width: 100%; height: 1.1rem; position:fixed; bottom: 0; left: 0; z-index: 100;}
footer a{flex: 1; height: 1.1rem; color: #cac6ce; }
.footNav{ height: .4rem; filter: grayscale(70%)  ; opacity: .3; -webkit-filter: grayscale(70%)  ; }
footer a.on{ color: var(--purple);}
footer a.on .footNav{ filter: grayscale(0%)  ; opacity:1; -webkit-filter: grayscale(0%)  ; }
footer a .round{ background-image: linear-gradient(to bottom,#a81dc1,#6728df); width: .96rem; height: .96rem;
position: absolute; top: -.4rem;}
.footNavCenter{ height: 50%;}
footer a.posi .opacity0{opacity: 0 !important;}
.neiHearder{position: fixed; top: 0; left: 0;  width: 100%; z-index: 100; box-shadow: 0 0 6px rgba(0, 0, 0, .05);height: 1rem;}
.backBtn{ width: 1rem; height: 1rem; position: absolute; top: 0; left: 0;}
.headerNei{ height: 1rem;}
.backBtn .iconfont{ font-size: 20px;}

.mainbav{ position: sticky; width: 100%; top: 0; left: 0; z-index: 100;}
.mainbav a{ flex: 1; height: 1rem; position: relative;}
.layui-table-sort{ margin-left: 0;}
.mainbav a.on{ font-size: .3rem;   color: #000;}
.mainbav a.on::after{ width: 1.5em; height: 2px; display: block; content: ''; background-color: var(--purple); position: absolute; bottom: .15rem;}


.prolist{ display: grid; grid-gap: .2rem; grid-template-columns: repeat(2,1fr);}
.prolist li{min-width:0}
.prolist li .img img{ width: 100%; }

.CartUl{overflow: hidden;}
.CartUl .check { width: .75rem; height: 1.8rem;}
.CartUl .check .xz{ width: .36rem; height: .36rem;display: block;background-image: url(../images/check.png); background-size: cover; }
.CartUl li .img img{ width: 2rem; height:2rem;  object-fit: cover;  }
.CartUl li .mid{ width: 3.7rem;height: 1.8rem;}
.CartUl li .jj{ width: 1.6rem; 	height: 0.5rem; 	border: 1px solid #dcdcdc; border-radius: 2px;}
.CartUl li .jj .jia{ width: .5rem; height: .5rem;}
.CartUl li .jj .num{  width: .6rem;  height: .5rem;	border-left: 1px solid #dcdcdc;	border-right: 1px solid #dcdcdc;}
.CartUl li .jj .jian{ width: .5rem; height: .5rem;}
.swipeleft{transform:translateX(-15%);-webkit-transform:translateX(-15%);}
.CartUl li{ width: 120%;overflow: hidden; background: #fff; border-radius: 5px; padding-top:  .2rem; padding-bottom: .2rem; transition: all .36s; margin-bottom: .25rem;}
.CartUl li:after {content: "";display: block;clear: both;width: 100%;height: 0;line-height: 0;font-size: 0;}
.CartUl li .del{ width: 15%;height: 1.8rem;}

.like .tit{ background: url(../images/likebg.png) no-repeat center center; background-size:3rem auto; text-align: center;}
.cartFootBtn{ width: 100%; height: 1rem; position: fixed; left: 0; bottom: 1.1rem; box-shadow: 0 0 .15rem rgb(0 0 0 / 0.15);
border-bottom: 1px solid #f9f9f9;}
.cartFootBtnZw{ width: 100%;height: 1rem;}
/*  background-image: linear-gradient(to right,#a760ec,#633590); */
.cartFootBtn #js{ width: 1.7rem;  height: .7rem; border-radius: 18px;  box-shadow: 0 0 .1rem rgb(0 0 0 / 0.2);}
#qx{
	width: 0.36rem;
	height: 0.36rem; 	display: block;
	background-image: url(../images/check.png);
	background-size: cover; margin-right: .15rem;
  
}

body.catrbody::before{ display: block; content: ''; width: 100%; height:2.9rem; background-color: var(--purple); position: fixed; top: 0; left: 0; z-index: -1;}
.cartnullBtn{ width: 2.4rem; height: .76rem; border-radius: .4rem; border: 1px solid var(--purple); -webkit-border-radius: .4rem; -moz-border-radius: .4rem; -ms-border-radius: .4rem; -o-border-radius: .4rem; }

.proBan .swiper-container .swiper-slide img{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.proBan .swiper-pagination{ bottom: 8px !important;}
.proBan .swiper-pagination-bullet{ width: 10px; height: 10px;  } 

.proBan .desc img{ width: .24rem; margin-right: .18rem;}
.plusButton{ width: 1.8rem; height: .6rem; border-radius: .3rem; -webkit-border-radius: .3rem; -moz-border-radius: .3rem; -ms-border-radius: .3rem; -o-border-radius: .3rem; }
.plusButton span,.plusButton input{ width: .6rem;}

.proinfoTit::before{ width: 2px; height: 1em; background-image: linear-gradient(to bottom,#c532f1,#492585); display: block; content: ''; position: absolute; top:0; left: 0;}
.wjIcon{ width: .4rem;}
.fivelist .txt{ width: calc(100% - .4rem);}
.fivePro li:last-child{ margin-bottom: 0;}
.fivePro .img img{ width: 2rem; height: 2rem; object-fit: cover;}
.fivePro .txt{ width: calc(100% - 2rem);}
.fivePro button{ width: .6rem; height: .6rem;}

.fiveFoot{ padding: 0 .2rem; width: 100%; height: 1rem; position: fixed; bottom: 0; left: 0; background-color: #fff; box-shadow: 5px 0 5px rgb(0 0 0 / 0.15);}
 
.fiveFoot .fiveFoot-btn{ width: 2.2rem ; height: .7rem; border-radius: .35rem; -webkit-border-radius: .35rem; -moz-border-radius: .35rem; -ms-border-radius: .35rem; -o-border-radius: .35rem; }
.fiveFoot-link {width: 1.2rem; height: .7rem; }
.fiveFoot-link i{display: block;width: .26rem; height: .26rem; background: url(../images/shareIcon.png) no-repeat center center; background-size: 100% 100%; margin-right: .1rem; }
.fiveFoot-star i{ background: url(../images/starIcon.png) no-repeat center center; background-size: 100% 100%;}
.fiveFoot-star.on{ color: var(--purple);}
.fiveFoot-star.on i{ background: url(../images/starIcon-on.png) no-repeat center center; background-size: 100% 100%;}

.pop{ width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 200; display: none;}
.pop .popbg{ width: 100%; height: 100%; background-color: rgb(0 0 0 / 0.6); position: absolute; top: 0; left: 0; z-index: 1;}
.fivePop .con{ width: 100%; position: absolute; bottom: 0; left: 0; z-index: 5;}
.popFoot{ width: 100%; height: 1rem; padding: 0 .2rem;box-shadow: 5px 0 5px rgb(0 0 0 / 0.15);}
.popFoot .mainbg{ width: 100%; height: .7rem; border-radius: .4rem; -webkit-border-radius: .4rem; -moz-border-radius: .4rem; -ms-border-radius: .4rem; -o-border-radius: .4rem; }
.BagsIcon{  width: 1.1rem; height: .64rem;}
.popFoot .mainbg button{ height: .7rem; border-radius: .4rem; width: 2.5rem; }
 
.fivepopList .img img{ width: 1.6rem; height: 1.6rem; object-fit: cover;}
.fivepopList .txt{ width: calc(100% - 1.6rem);}

.curriculumPop .con{ border-radius: 8px; width: 5rem; z-index: 5; position: absolute; left: 50% ; top: 50%; transform:translate(-50%,-50%) ; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }

body.sixbody::before{ display: block; content: ''; width: 100%; height:2.9rem;  background-image: linear-gradient(45deg,#a81dc1,#6728df);  position: fixed; top: 0; left: 0; z-index: -1;}
body.sixbody .neiHearder{ background-image: linear-gradient(45deg,#a81dc1,#6728df); color: #fff; box-shadow: 0 0 1px rgb(0 0 0 / 0);}
.sixTextarea{ width: 5rem;}

.digitFoot{  width: 100%; height: 1rem; position: fixed; bottom: 0; left: 0;  box-shadow: 5px 0 5px rgb(0 0 0 / 0.15); z-index: 100;}
.digitZW{ width: 100%;height: 1rem;}
.digitFoot.noshadow{box-shadow: 0 5px 5px rgb(0 0 0 / 0);}
 

body.sevenBg::before{ display: block; content: ''; width: 100%; height:4.8rem;  background-image: linear-gradient(45deg,#a81dc1,#6728df);  position: fixed; top: 0; left: 0; z-index: -1;}
body.sevenBg .neiHearder{ background-image: linear-gradient(45deg,#a81dc1,#6728df); color: #fff; box-shadow: 0 0 1px rgb(0 0 0 / 0);}
.resultIcon{ height: 1.1rem;}
.sevenLine{ width: 100%; height: .2rem; background: rgb(0 0 0 / 0.3); border-radius: .1rem; -webkit-border-radius: .1rem; -moz-border-radius: .1rem; -ms-border-radius: .1rem; -o-border-radius: .1rem; }
.receipt{ margin-top: -.1rem; box-shadow:inset 0px 8px 8px rgb(0 0 0 / 10%);}
.receipt .top{ height: 1.6rem; border-bottom: 1px dashed #e5e5e5;}

.loginBg{ background: url(../images/landBg.png) no-repeat center top; background-size: 100% auto;}
.loginTop{ height: 5rem;}
.loginBox .layui-input{ border: none;}
.loginBox .img{ width: .9rem;}
.loginBox .img img{ height: .36rem;}
.border-bottom-color{ border-bottom: 1px solid var(--purple);}
body.loginBg::after{ display: none;}
.getyamBtn{ position: absolute; right: 0; top: 0; z-index: 5; top: 50% ; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }

.registerBody{ background: url(../images/registerbg.jpg) no-repeat center top; background-size: 100% auto;}
body.registerBody .neiHearder{ background: transparent; box-shadow: 0 0 1px rgb(0 0 0 / 0); color: #fff;}
.registerTit{ height: 1.5rem;}
.registerTit .tit::after{ width: 100%; height: .15rem; background-color: rgba(255 255 255 / 0.2); display: block; content: ''; position: absolute; left: 0; bottom: 0; border-radius: .1rem; -webkit-border-radius: .1rem; -moz-border-radius: .1rem; -ms-border-radius: .1rem; -o-border-radius: .1rem; }
.addItem .round{ width: .6rem; height: .6rem;}
.addItem .center{ width: 5.15rem;}


.editlink{ background: url(../images/icon-edit.png) no-repeat left center; background-size:auto  .26rem; padding-left: .4rem;}
.deletelink{ background: url(../images/icon-delete.png) no-repeat left center; background-size:auto  .26rem; padding-left: .4rem;}
.noborder{ border: none;}
.fifteenBox .el-input__inner{ border: none;    height: 38px;line-height: 38px;}

.userbg{background: url(../images/userbg.jpg) no-repeat center top #f7f4fd; background-size: 100% auto;}
.userHearder{position: fixed; top: 0; left: 0;  width: 100%; z-index: 100;height: 1rem; background: url(../images/userbg.jpg) no-repeat center top #f7f4fd; background-size: 100% auto; }
.userbackBtn{  height: 1rem; }
.userHearder .right a.on::after{ width: 6px; height: 6px; border-radius: 50%; background-color: var(--red); position: absolute; right: 0; top: .2rem; display: block; content: ''; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.userimgBox{ width: 1.6rem; height: 1.6rem; background: rgba(255 255 255 / 0.4);}
.userimgBox::after{ width: 160%; height: 160%; background: rgba(255 255 255 / 0.2); border-radius:50% ; position: absolute; left: -30%; top: -30%; z-index: 1; display: block; content: ''; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.userimgBox img{ width: 1.2rem; height: 1.2rem; border: 3px solid #fff; object-fit: cover;}

.gjIcon{ height: .26rem;}
.usersubmenu .round{ width: .9rem; height: .9rem;  }
.myCourse{ background: url(../images/myCourseBg.jpg) no-repeat center center; background-size: cover;}
.myCourse .layui-progress{ width: 1.6rem; background-color: rgb(0 0 0 / 0.2);}
.myCourseIcon{ width: .9rem; height: .9rem; }
.unfinishedCourses .round{ width: .6rem; height: .6rem;}

.userMenu>a{ height: 1.3rem; }
.userMenuIcon { width: .36rem;}
body.twentytwobody::before{ display: block; content: ''; width: 100%; height:2.9rem; background: url(../images/twentyTwoBG.jpg) no-repeat center top;  background-size: 100% 3.5rem;  position: fixed; top: 0; left: 0; z-index: -1;}
body.twentytwobody .neiHearder{ background: url(../images/twentyTwoBG.jpg) no-repeat center top; background-size: 100% 3.5rem;   color: #fff; box-shadow: 0 0 1px rgb(0 0 0 / 0);}
 
.outItem .round{ width: .8rem; height: .8rem; background-color: var(--purple);}
.outItem .txt{ width: calc(100% - 1.1rem);}
.comeItem .round{ width: .8rem; height: .8rem; background-color: #c52cf1;}
.comeItem .txt{ width: calc(100% - 1.1rem);}
.twentythreeNav{ position: sticky; width: 100%; top: 0; left: 0; z-index: 100;}
.twentythreeNav a{ width: 2.4rem; height: .6rem; border-radius: .3rem; color: var(--purple); -webkit-border-radius: .3rem; -moz-border-radius: .3rem; -ms-border-radius: .3rem; -o-border-radius: .3rem; }
.twentythreeNav a.on{ background-color: var(--purple); color: #fff;}
.myCourselist .img img{ width: 2.1rem; height: 2.1rem;}
.myCourselist .txt { width: calc(100% - 2.1rem);}
.myCourselist .txt img{ width: .24rem; margin-right: .18rem;}

.twentyFourlist li .courseIcon{ width: .8rem; height: .8rem;}
.twentyFourlist li .top .txt{ width: 5.2rem;}
.twentyFourlist li .top .txt .right{ width: calc(100% - .8rem);}
.twentyFourlist li .bottom .gbIcon{ width: .4rem; height: .4rem;}
.twentyFourlist li .bottom .line-clamp1{  width: 4.5rem;}

.purple-gradient{background-image: linear-gradient(-60deg,#623490,#a81dc1);}
.layui-btn-ing{ background-color: #f7f4fe; color: var(--purple);}

.clockPop .con{ z-index: 5; position: absolute; top: 50%; left: 50% ; transform:translate(-50%,-60%) ; width: 5.75rem; height: 6.85rem; background: url(../images/clockPopBg.png) no-repeat center top; background-size: 100% auto; -webkit-transform:translate(-50%,-60%) ; -moz-transform:translate(-50%,-60%) ; -ms-transform:translate(-50%,-60%) ; -o-transform:translate(-50%,-60%) ; }
.clockPop .con .title{ padding-top: 4.4rem; background-image: linear-gradient(-60deg,#623490,#a81dc1);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.clockPopIcon{ z-index: 5; width: .5rem; position: absolute; bottom:-1rem; left: 50%; margin-left: -.25rem;} 
.pwdPop .con{ z-index: 5; position: absolute; top: 50%; left: 50% ; transform:translate(-50%,-60%) ; width: 5.4rem; background-image: linear-gradient(to bottom,#edddfc,#fff);  -webkit-transform:translate(-50%,-60%) ; -moz-transform:translate(-50%,-60%) ; -ms-transform:translate(-50%,-60%) ; -o-transform:translate(-50%,-60%) ; }

.pwdPopIcon{ width: 1.3rem; position: absolute; right: .5rem; top: .2rem;}
.assignmentItem::after{ position: absolute; width: 1px; left: .36rem; z-index: 1; border-left: 1px dashed #dddddd ; display: block; content: ''; height: 100%;}
.assignmentItem .userImg{ width: .8rem; height: .8rem;}
.assignmentItem .txt{ width: calc(100% - .8rem);}
.twentyFiveupload{ width: 2rem;	 height: 2rem	;}

.memberInfoBody{ background: url(../images/memberInfoBg.jpg) no-repeat center top #f7f4fe; background-size: 100% auto;}
.userSeven{ margin-top: 2rem;}
.userSeven .userImg{  width: 1.6rem; height: 1.6rem; margin-top: -.8rem;}
.userSeven .userImg .btn{ position: absolute; right: -.1rem; bottom: .1rem; z-index: 10;}
.userSeven .layui-input{background-color: #f7f4fe; border: none;}

.memberInfoBody .neiHearder{background: url(../images/memberInfoBg.jpg) no-repeat center top #f7f4fe; background-size: 100% auto;}

.tjmBody{ width: 100vw; height: 100vh;  background: #f2f3f8; }
.tjmHearder{ position: absolute; top: 0; left: 0;}
.logoTjm{ height:.6rem;}

.tjmFooter{ position: absolute; bottom: 15px; left: 0; width: 100%;}
.tjmBody #sharedQrcode{ padding: 20px ; z-index: 10; position: relative; margin: -100px auto 0 auto; width: 80%; display: flex; align-items: center; justify-content: center; background: rgba(255 255 255 / 0.8); border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
/* .tjmBody{ width: 100vw; height: 100vh; background: url(../images/tjmbg.jpg) no-repeat center center; background-size: 100% 100%; }
body.tjmBody::after{ display: none;}

.tjmBody .con{ width: 100%; height: 100vh;    }
.tjmBody .con .info{  width: 6rem;}
.tjmBody .con .info .logo{ height: 1rem; margin-top: -.5rem;}
.tjmBody .con .info #textAreas{ height: 1rem; line-height: 1rem; padding: 0 .3rem;}
.tjmBody .con .info button{ width: 1.4rem; height: 1.4rem; background-image: linear-gradient(-60deg,#623490,#a81dc1); margin-bottom: -.7rem;} */

.userNine .round{ width: 1rem; height: 1rem; margin-top: -.5rem;}
.thirtyItem .item + .item{ margin-top: .23rem;}

.helpOne{  width: 100%; height: 3rem;  background: url(../images/helpBg.jpg) no-repeat center center; background-size: cover;}
.helpOne .text{ width: calc(100% - 1.8rem); height: .9rem;}
.helpOne .submit{ background: url(../images/search-w.png) no-repeat center center var(--purple); background-size: auto 30%;  width: 1.8rem; height: .9rem;}
.helpTwo dl{line-height: .4rem;}
.helpTwo dl .layui-icon{ display: block; }
.helpTwo dl  .left{ width: 6rem;}
.helpTwo dl img{ width: .3rem; height: .3rem;  margin-right: .15rem;}
.helpTwo dl dd{ display: none;}
.helpTwo  dl.on .layui-icon{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

.setupBox a{ line-height: 1rem;} 
.setupBox a:last-child{ border-bottom: none;}
.editPhone{ width: 1.4rem; height: 1.4rem; background-image: linear-gradient(-60deg,#623490,#a81dc1); }
.thirtySix{ border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; }
.thirtySix .one{display: grid; grid-gap: .22rem; grid-template-columns: repeat(3,1fr);}
.thirtySix .one span{ background-color: #f7f4fe; display: flex; align-items: center; justify-content: center; color: #555; height: .8rem; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.thirtySix .one span.check{ background-color: var(--purple); color: #fff;}
.piclist{display: grid; grid-gap: .25rem; grid-template-columns: repeat(5,1fr);}
.piclist .uploadbtn,.piclist img{  height: 1.1rem;}
.piclist .del{ position: absolute; right: -.25rem; top:  -.25rem; z-index: 5;} 
.noafter::after{ display: none;}

.piclistmax{display: grid; grid-gap: .25rem; grid-template-columns: repeat(3,1fr);}

.object{object-fit: cover;}
.seekIcon{ height: .45rem;box-shadow: 5px 5px 5px rgb(0 0 0 / 0.05);}
.healthItem .userimg{ width: .6rem; height: .6rem;}

.tearchItem .img{ width: 1.2rem; height: 1.2rem;} 
.tearchItem .text{ width: calc(100%  - 1.2rem);}

.tearchInfo{ background: url(../images/tearchInfobg.jpg) no-repeat center top; background-size: 100% auto; padding-top: 1.1rem;}
.tearchInfo .pic{  width: 1.4rem; height: 1.4rem;}
.tearchInfo .pic .tip{ width: .24rem; height: .24rem; background-color: #13db83; border: 1px solid #fff; position: absolute; top: .15rem; right: .05rem;}
.jifenbox{ width: .5rem; height: .5rem;}
.tearchInfo::after{ border-radius: 10px 10px 0 0; width: 100%; height: calc(100% - 1.8rem); position: absolute; left: 0; bottom: 0; display: block; content: ''; background-color: #fff; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; }

.onlineItem{ height: 1rem;}
.onlineItem:last-child{ border-bottom: none; }
.onlineItem  .left{ width: 1.6rem;}
.onlineItem .layui-unselect {width: 100%;}
.onlineItem .layui-input{ border: none; width: 100%;}


.layui-laydate .laydate-btns-time,.layui-laydate  .laydate-btns-time{ background-color:var(--purple) ; color: #fff;}
.layui-laydate-footer span[lay-type=date]{ color: #fff !important;}


.fortyPop .con{ width: 100%; position: absolute; bottom: 0; left: 0; z-index: 5;}
.dayleft{ height: 7.2rem; background-color: #cbcbcd; width: 2.8rem; text-align: center;}

.dayleft{   overflow-y: scroll;  }
.dayleft::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 1px;}
.dayleft::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: var(--purple); width: 1px; }
.dayleft::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #f2f5f9; width: 1px; }

.dayleft li{ height: .8rem; line-height: .8rem; padding-left: .2rem;}
.dayleft li.on{ background-color: #f6f4f5;}

.timeright{ width:calc(100%  - 2.8rem);}
.timeright figure{ display: none;}
.timeright figure.on{ display: block;}
.timeul{display: grid; grid-gap: .25rem; grid-template-columns: repeat(2,1fr);}
.timeul li{ border: 1px solid #000; height: .8rem; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.timeul li.on{background-color: #000; color: #fff;}

.fileuplod{ border: 1px dashed #ddd; padding: .1rem .25rem;}
.userIcon{ height: .32rem;}
.consultationDetails .bottom{ line-height:.52rem ;}
.consultationDetails .bottom .text-nowrap{ width: 1.36rem;}
.consultationDetails  .list {display: grid; grid-gap: .15rem; grid-template-columns: repeat(4,1fr);}
.consultationDetails  .list img{ min-width:0; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }
.tearchAnswer .tearchIcon,.consultationDetails .userIcon{ width: .7rem; height: .7rem; object-fit: cover;}

.fiftyOneHearder  a.on::after{ width: 6px; height: 6px; border-radius: 50%; background-color: var(--red); position: absolute; right: 0; top: .2rem; display: block; content: ''; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.fiftyOneHearder .usrimg{ width: .7rem; height: .7rem;}
.courseUpload{ background: url(../images/courseUploadBg.jpg) no-repeat center bottom; background-size: cover;}
.courseUploadIcon{ width: 1.4rem;}
.fiftyOneNav{display: grid; grid-gap: .25rem; grid-template-columns: repeat(3,1fr);}
.fiftyOneNav a{ box-shadow: 0 0 10px rgba(0 0 0 / 0.1);}
.fiftyOneNavIcon{ height: .9rem;}

.fiftyTwobody{  background: url(../images/fiftyTwobodybG.jpg) no-repeat center top #f7f4fe; background-size: 100% auto;}
.fiftyTwobody .neiHearder{  background: url(../images/fiftyTwobodybG.jpg) no-repeat center top  ;; background-size: 100% auto;}
.fiftyTwoForem .item .left{ width: 1.7rem;}
.imgupload{ width: 1rem; height: 1rem; object-fit: cover;}
/* .fiftyTwoForem  .list {display: grid; grid-gap: .15rem; grid-template-columns: repeat(4,1fr);}
.fiftyTwoForem  .list .item{ min-width:0; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; } */
.courinfoimglist {display: grid; grid-gap: .15rem; grid-template-columns: repeat(4,1fr);}
.courinfoimglist .item{ min-width:0; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }
.courinfoimglist img{ height: 1.1rem; object-fit: cover; width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.courinfoimglist .del{ position: absolute; right: -.25rem; top:  -.25rem; z-index: 10;} 
.fiftyTwoForem .layui-unselect.layui-input,.fiftyTwoForem  .layui-input.multiple{ border: none;}



.kcupladFooter{  width: 100%; height: 2rem; position: fixed; bottom: 0; left: 0;  box-shadow: 5px 0 5px rgb(0 0 0 / 0.15); z-index: 100;}
.kcupladFooterZW{ width: 100%;height: 2.3rem;}

.picUploadbody{ background: url(../images/picUpload.png) no-repeat center top #f7f4fe; background-size: 100% auto;}
.picUploadbody .neiHearder{ background: url(../images/picUpload.png) no-repeat center top #f7f4fe; background-size: 100% auto;}
.kcconUplad .wjIcon{ width: .4rem;}
.kcconUplad .line-clamp{ width: 4.45rem;}

.addCoursePop .con{ width: 86vw; position: absolute; top: 50%; left: 50%; z-index: 5; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.addCoursePop .title button{ margin-top: -19px;}
.addCoursePop .layui-unselect{background-color: #f7f4fe; border: none;}
.addCoursePop .layui-form-select{ width: 100%;}
.addCoursePop .close{ position: absolute; right: 0; top: 0;}
.smalluserimg{ width: .4rem; height: .4rem; object-fit: cover;}
.biguserimg{ width: .6rem; height: .6rem; object-fit: cover;}
.fiftySixItem .left{ width: 1.3rem; display: block;}
.dialoguetxt{ width: calc(100% - .6rem);}
.dialoguetxt .con{ background: url(../images/dialoguetxtbg.png) no-repeat center top #fff; background-size: 100% auto;}

.dialoguetxt .con .left{ width: 1.4rem;}.dialoguetxt .con .right{ width: calc(100% - 1.4rem);}
.replyItem  .onebox{ flex-direction: row-reverse;}
.replyItem .dialoguetxt { padding-left: 0; padding-right: .2rem;}
.replyItem .dialoguetxt .name{ text-align: right;}
.replyItem .dialoguetxt .con{ background: #fff;}

.digitFoot .layui-input.mainbg{ margin-right: -.4rem; padding-right: .5rem; border-radius: 20px 0 0 20px; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; -ms-border-radius: 20px 0 0 20px; -o-border-radius: 20px 0 0 20px; }
.fiftyEight{ background: url(../images/fiftyEightBg.jpg) no-repeat center top #f7f4fe; background-size: 100% auto;}
.fiftyEight .neiHearder{background: url(../images/fiftyEightBg.jpg) no-repeat center top #f7f4fe; background-size: 100% auto;}
.fiftyEightUser .userImg{  width: 1.2rem; height: 1.2rem; object-fit: cover;}
.fiftyEightUser .img{ background-color: rgba(255 255 255 / 0.2);}
.fiftyEightCon .infoIcon{ width: .3rem; height: .3rem;}

.f120{ font-size: 1.2rem;}
.fiftyNine{ background: url(../images/fiftyNineBg.jpg) no-repeat center top #f7f4fe; background-size: 100% auto;}
.fiftyNine .neiHearder{background: url(../images/fiftyNineBg.jpg) no-repeat center top #f7f4fe; background-size: 100% auto;}
.fiftyNineTitle::after{ width: 100%; height: .1rem; background-color: #c0aed3; position: absolute ; left: .25rem; border-radius: 5px; bottom: -.05rem; display: block; content: ''; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.fiftyNineTab a{ height: .5rem; display: flex;align-items: center; justify-content: center; border-radius: .25rem; padding: 0 .34rem; -webkit-border-radius: .25rem; -moz-border-radius: .25rem; -ms-border-radius: .25rem; -o-border-radius: .25rem; }
.fiftyNineTab a.on{ background-color: var(--purple); color: #fff;}
.sixty .layui-dropdown-menu .layui-menu-body-title>a{ display: flex; align-items: center;}
.amountInput input.wmax{ background: url(../images/￥.png) no-repeat left center; background-size: auto .38rem; padding-left: .48rem;}

.amountInput .color{ position: absolute; right: 0; height: 100%; top:0 ;   }

.sixtyOneTop{ background: url(../images/sixtyOneBg.jpg) no-repeat center center ; background-size: cover;}
.sixtyOneline{ width: .5rem; height: 1px; background-color: #dddddd;}
.sixtyThreeBg{ background-image: linear-gradient(to bottom,#a81dc1,#623490) ; min-height: 100vh;}
.sixtyThreeTop .userImg{ width: 1.5rem; height: 1.5rem;}
.sixtyThreeTop .edit{ width: .5rem; height: .5rem; position: absolute; bottom: 0; right: -.25rem;}
.sixtyThreeTop .bottom{ padding-top: .8rem; margin-top: -.6rem;}
.layui-input-radius{ border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; }
.sixtyOneBottom  .el-input__suffix{ right: .3rem;}
.sixtyOneBottom .el-input__inner{ background-color: var(--bg); border-radius: 100px; border: none; padding-left: .4rem; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; }

.sixtysixBg{ background: url(../images/sixtysixBg.jpg) no-repeat center top #f7f4fe; background-size: 100% auto;}


.sixtysixTop .pic .userimg{ width: 1.2rem; height: 1.2rem; object-fit: cover;}
.sixtysixTop .pic .topIcon{ position: absolute; right: -.25rem; top: -.3rem; width: .6rem; }
.sixtysixBot .navIconImg{ width: .54rem;}

.sixtySevenTop .userImg{ width: 1.25rem; height: 1.25rem;}

.sixtySevenBot .left{ width: 2rem;}
.sixtySevenBot .right{ width:calc(100% - 2rem);}
.flex1{ flex: 1;}
.sixtyEightitemIcon{ width: .9rem;}
.sixtyEightitem .title{ width: 4.25rem;}
a.layui-btn-disabled{ cursor: no-drop;}
.sixtyNine .neiHearder{background: url(../images/sixtyNinebg01.png) no-repeat top center; background-size: 100% auto;}
.sixtyNineOne{ background: url(../images/sixtyNinebg01.png) no-repeat bottom right; background-size: cover;}
.sixtyNineOne .jfBox{ background-image: linear-gradient(to bottom,#a81dc1,#633490); height: .6rem; border-radius: .3rem 0 0 .3rem ; margin-right: -.2rem; -webkit-border-radius: .3rem 0 0 .3rem ; -moz-border-radius: .3rem 0 0 .3rem ; -ms-border-radius: .3rem 0 0 .3rem ; -o-border-radius: .3rem 0 0 .3rem ; }
.sixtyNineOne .con{ background: url(../images/sixtyNinebg02.png) no-repeat center right; background-size: auto 60%;}

.sixtyNineTwo{ margin-top: -.2rem; border-radius: .2rem .2rem 0 0 ; -webkit-border-radius: .2rem .2rem 0 0 ; -moz-border-radius: .2rem .2rem 0 0 ; -ms-border-radius: .2rem .2rem 0 0 ; -o-border-radius: .2rem .2rem 0 0 ; }

.seventy{ background: url(../images/seventybg.png) no-repeat center top #f7f4fe; background-size: 100% auto;}
.seventy .neiHearder{ background: url(../images/seventybg.png) no-repeat center top ; background-size: 100% auto;}
.seventyTab li.on{ font-weight: bold; color: #000;}
.seventyTab li.on::before{ width: .3rem ; height: 0.06rem; background: var(--purple); display: block; content: ''; position: absolute; left: 50%; margin-left: -.15rem; bottom: .3rem;}

.seventyItem .userImg{ width: .9rem; height: .9rem;}
.maxname{ width: 3.5rem;}
.seventyOneUl::before{ display: block; content: ''; border-left: 1px dashed #e5e5e5; width: 1px; left: .45rem; top: .9rem; height: 100%; position: absolute;  }
.seventyOneUl li .img{ width: .8rem;}
.seventyOneUl li .text{ width: calc(100% - 1.1rem);}
.seventyOneUl li .fileicon{ height: .3rem;}
.layui-btn.color-333{ color: #333;}
.seventyThreeOne{ border-radius: 8px 8px 0 0; margin-top: -.7rem; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -ms-border-radius: 8px 8px 0 0; -o-border-radius: 8px 8px 0 0; }
.seventyThreeOne .text{ height: .8rem; background: url(../images/search-h.png) no-repeat center left .2rem #f7f4fe; background-size:.24rem auto ; padding-left: .65rem;}
.seventyFourItem .img{ width: .58rem; height: .34rem;}
.seventyFourItem .img img{max-width: .4rem; max-height: .34rem;}
.line-height3{ line-height: 3;}

.editpwdPop .con{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; width: 4rem; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.seventyEightBG{ background: url(../images/seventyEightbG.jpg) no-repeat center center; background-size: cover; width: 100vw; min-height: 100vh;}
.seventyEightCon{ width: 6.5rem;}
.seventyEightID{ height: .36rem;}
.eightyBody .neiHearder{ background: url(../images/eightybg01.png) no-repeat center top #fff; background-size: 100% auto;}
.eightyBody{ background: url(../images/eightybg01.png) no-repeat center top #fff; background-size: 100% auto;}
.f160{ font-size: 1.6rem;}
.eightytit span::after{ width: 50%; position: absolute; left: 25%; height: .14rem; bottom: -.07rem; display: block; content: ''; background-color: #e0d6e9; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }

.eightyBodyForem input{ border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
.eightyBody::before{ width: 100%; height: 50%; display: block; content: ''; background: url(../images/eightybg02.png) no-repeat center bottom; background-size: 100% auto; position: absolute; right: 0; bottom: 0;}
.eightyTwoIcon{ height: .4rem;}
.eightyTwoImg{ width: .6rem;}

.eightyTthreeItem .img{ width: .7rem;}

.UnbindingPop .con{ z-index: 5; position: absolute; top: 50%; left: 50% ; transform:translate(-50%,-60%) ; width: 5.4rem;   
	-webkit-transform:translate(-50%,-60%) ; -moz-transform:translate(-50%,-60%) ; -ms-transform:translate(-50%,-60%) ; -o-transform:translate(-50%,-60%) ; }

.pwdPopIcon{ width: 1.3rem; position: absolute; right: .5rem; top: .2rem;}
.eightyTthreepopIcon{ width: 3.04rem;}
.eightyFouriCON{ height: .3rem;}
.eightyFourSao{ width: .35rem; height: .35rem;}
.eightyFouriCON.filter{filter: grayscale(100%);}

.fileIcon{ height: .5rem;}
.consultationDetails{ position: relative; background: url(../images/consultationDetailsBg.png) no-repeat center top #fff; background-size: 100% auto;}
.thirtySixUplod{ border: 1px dotted #623490;}

.cycleSelectionul{ width: calc(100% - 1rem); display: grid; grid-gap: .17rem; grid-template-columns: repeat(4,1fr);}
.cycleSelectionul div{ background: #fbfbfb; text-align: center; color: #dddddd; line-height: 32px; border: 1px solid #e5e5e5; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.cycleSelectionul div.on{ background:#623490 ; color: #fff;}

/* 添加的 */
.questionnairebOX .layui-form-radio>i{ font-size: 16PX;} 
.questionnairebOX  .layui-form-radio{ line-height: 18px; margin: 0;}
.recordlist2024 .dan{ color: #bbbfd3;}
.recordlist2024 li{ box-shadow:  10px 0 10px rgba(98, 52, 144, .1);}