@charset "utf-8";
@font-face {
  font-family: jxzkR;
  src: url(../font/jiangxizhuokaiR.ttf);
}
@font-face {
  font-family: AlimamaShuHeiTi;
  src: url(../font/AlimamaShuHeiTi-Bold.ttf);
}
/* 分类页样式 */
.mainBox{width:36.22rem;height:17.9rem;border:solid 0.06rem #4C1D0A;border-radius:0.3rem;background-color:#FFDBAF;position:relative;margin:0 auto;-webkit-box-shadow: 0.07rem 0.07rem 0 0 rgba(255,207,0,0.98);box-shadow: 0.07rem 0.07rem 0 0 rgba(255,207,0,0.98);font-family: PuHuiTi;}
/* 左侧 */
.classMan-left{width:25.99rem;height:17.52rem;background:url(../img/fenleiImg/classMan-left.png) no-repeat;background-size:100% 100%;margin:0.2rem 0 0 0.32rem}
.firstNav{width:4.86rem;height:15.82rem;text-align:center;margin-left:0.36rem;margin-top:0.8rem;overflow-x:hidden;overflow-y:auto}
.oneslide{width:4.8rem;height:3.58rem;text-align:center;background:url(../img/fenleiImg/seconNavBg.png) center center no-repeat;background-size:4.32rem 3.12rem;font-size:0.7rem;margin-bottom:0.3rem;line-height:3.58rem;text-shadow:0 0.06rem 0.06rem #FFF}
.current.oneslide,.oneslide:hover{width:4.8rem;height:3.58rem;background:url(../img/fenleiImg/firstNavBg.png) no-repeat;background-size:100%;font-size:0.7rem;font-weight:700;text-shadow:0 0.06rem 0.06rem #933709;}
.current.oneslide a,.oneslide a:hover{color:#fff;-webkit-text-stroke:0.03rem #933709;}
.oneslide a{display:inline-block;height:100%;width:100%;color:#7C2D00;font-weight:700;}
.seconNav{width:20.56rem;height:14.43rem;box-sizing:border-box;padding:0.58rem 0 0 1.2rem;margin-top:0.2rem;}
.seconNav li{float:left;width:3.3rem;height:1.3rem;background: url(../img/fenleiImg/textbook.png) no-repeat;background-size:3.3rem 1.3rem;margin-right:0.46rem;text-align:center;line-height:1.3rem;font-size:0.48rem;font-weight:bold;margin-bottom:0.54rem}
.seconNav li:hover{background:url(../img/fenleiImg/currTextbook.png) no-repeat;background-size:100% 100%;}
.seconNav li.current a{font-size:0.5rem;color:white;-webkit-text-stroke:0.03rem #933709;}
.seconNav li a{color:#4C1D0A;display: inline-block;width: 100%;height: 100%;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}


/* 右侧 */
.classMan-right{position:relative;width:9.74rem;height:17.5rem;background:url(../img/fenleiImg/classMan-rightBg.png) no-repeat;background-size:100% 100%;margin-top:0.2rem;margin-left:0.1rem}

.classManAbs{position: absolute;width: 4.2rem;left: 0;right: 0;top: -0.1rem;margin: 0 auto;}
.classManRList{width: 7.8rem;height: 15.4rem;margin: 1.3rem auto 0.2rem;overflow-x: hidden;overflow-y: auto;}
.classManRList li{width:3.6rem;height:3.32rem;float: left;background-color: rgba(255,255,255,.6);margin: 0 0.15rem 0.54rem 0.15rem;border-radius:0.1rem;overflow: hidden;}
.classManRList li a:hover em{color: #EFA404;}
.classManRList li span{display : block;width:3.6rem;height:2.42rem;position: relative;background-color: #FFF;}
.classManRList li img{position: absolute;height:2.42rem;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.classManRList li em{display: inline-block;width: 100%;line-height: 0.9rem;font-size:0.4rem;color: #7C2D00;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-indent: 0.2rem;}

.combo-dropdown{overflow-y:scroll;}
.combo-dropdown::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0.2rem rgba(0,0,0,0.3);background-color: rgba(255,255,255,.1);border:none;border-radius:0.5rem;}
.combo-dropdown::-webkit-scrollbar{width: 0.01rem;background-color:rgba(255,255,255,.1);border-radius:0.5rem;}
.combo-dropdown::-webkit-scrollbar-thumb{background-color: rgba(255,255,255,.1);border-radius:0.5rem;}


/* 5A景区 */
.screen{
  width: 18.1rem;
  background-image: url(../img/fenleiImg/cata-bg.png);
  height: 1.88rem;
  background-size: 100% 100%;
  background-color: #fae3c1;
  box-sizing: border-box;
  margin: 0.8rem 0 0 6.42rem;
  border-radius: 1rem;  
}
.screen:hover{
  cursor: pointer;
}
.screen .content{
  display: flex;
}
.screen .text{
  font-size: 1.02rem;
  font-family: jxzkR;
  font-weight: 400;
  color: #B22F02;
  letter-spacing: 0.46rem;
  padding: 0 0.32rem 0 3.62rem;
  margin-top: -0.03rem;
  width: fit-content;
}
.screen .join{
  padding: 0.11rem 0.62rem 0.12rem 0.57rem;
  background-color: #be6448;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  display: inline-block;
  position: relative;
  height: fit-content;
  margin-top: 0.6rem;
}

.screen .join .join-text{
  font-size: 0.34rem;
  font-family: AlimamaShuHeiTi;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: 0.07rem;
  line-height: 1;
}

.screen .join .dot{
  width: 0.32rem;
  height: 0.32rem;
  background-image: url(../img/fenleiImg/cata-dot.png);
  background-size: 100% 100%;
  display: inline-block;
  position: absolute;
  right: 0.21rem;
  bottom: 0;
}

.screen .join .dot::before{
  content: '';
  background-image: url(../img/fenleiImg/cata-mouse.png);
  width: 0.5rem;
  height: 0.62rem;
  background-size: 100% 100%;
  display: inline-block;
  position: absolute;
  left: -0.03rem;
  top: 0.13rem;
}