@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:3622px;height:1790px;border:solid 6px #4C1D0A;border-radius:30px;background-color:#FFDBAF;position:relative;margin:0 auto;-webkit-box-shadow: 7px 7px 0px 0px rgba(255,207,0,0.98);box-shadow: 7px 7px 0px 0px rgba(255,207,0,0.98);font-family: PuHuiTi;}
/* 左侧 */
.classMan-left{width:2599px;height:1752px;background:url(../img/fenleiImg/classMan-left.png) no-repeat;background-size:100% 100%;margin:20px 0 0 32px}
.firstNav{width:486px;height:1582px;text-align:center;margin-left:36px;margin-top:80px;overflow-x:hidden;overflow-y:auto}
.oneslide{width:480px;height:358px;text-align:center;background:url(../img/fenleiImg/seconNavBg.png) center center no-repeat;background-size:432px 312px;font-size:70px;margin-bottom:30px;line-height:358px;text-shadow:0px 6px 6px #FFF}
.current.oneslide,.oneslide:hover{width:480px;height:358px;background:url(../img/fenleiImg/firstNavBg.png) no-repeat;background-size:100%;font-size:70px;font-weight:700;text-shadow:0px 6px 6px #933709}
.current.oneslide a,.oneslide a:hover{color:#fff;-webkit-text-stroke:3px #933709}
.oneslide a{display:inline-block;height:100%;width:100%;color:#7C2D00;font-weight:700}
.seconNav{width:2056px;height:1443px;box-sizing:border-box;padding:58px 0 0 120px;margin-top:20px;}
.seconNav li{float:left;width:330px;height:130px;background: url(../img/fenleiImg/textbook.png) no-repeat;background-size:330px 130px;margin-right:46px;text-align:center;line-height:130px;font-size:48px;font-weight:bold;margin-bottom:54px}
.seconNav li:hover{background:url(../img/fenleiImg/currTextbook.png) no-repeat;background-size:100% 100%}
.seconNav li.current a{font-size:50px;color:white;-webkit-text-stroke:3px #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:974px;height:1750px;background:url(../img/fenleiImg/classMan-rightBg.png) no-repeat;background-size:100% 100%;margin-top:20px;margin-left:10px}

.classManAbs{position: absolute;width: 420px;left: 0;right: 0;top: -10px;margin: 0 auto;}
.classManRList{width: 780px;height: 1540px;margin: 130px auto 20px;overflow-x: hidden;overflow-y: auto;}
.classManRList li{width:360px;height:332px;float: left;background-color: rgba(255,255,255,.6);margin: 0 15px 54px 15px;border-radius:10px;overflow: hidden;}
.classManRList li a:hover em{color: #EFA404;}
.classManRList li span{display : block;width:360px;height:242px;position: relative;background-color: #FFF;}
.classManRList li img{position: absolute;height:242px;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.classManRList li em{display: inline-block;width: 100%;line-height: 90px;font-size:40px;color: #7C2D00;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-indent: 20px;}

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

/* 5A景区 */
.screen{
  width: 1810px;
  background-image: url(../img/fenleiImg/cata-bg.png);
  height: 188px;
  background-size: 100% 100%;
  background-color: #fae3c1;
  box-sizing: border-box;
  margin: 80px 0 0 642px;
  border-radius: 100px;  
}
.screen:hover{
  cursor: pointer;
}
.screen .content{
  display: flex;
}
.screen .text{
  font-size: 102px;
  font-family: jxzkR;
  font-weight: 400;
  color: #B22F02;
  letter-spacing: 46px;
  padding: 0 32px 0 362px;
  margin-top: -3px;
  width: fit-content;
}
.screen .join{
  padding: 11px 62px 12px 57px;
  background-color: #be6448;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  display: inline-block;
  position: relative;
  height: fit-content;
  margin-top: 60px;
}

.screen .join .join-text{
  font-size: 34px;
  font-family: AlimamaShuHeiTi;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: 7px;
  line-height: 1;
}

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

.screen .join .dot::before{
  content: '';
  background-image: url(../img/fenleiImg/cata-mouse.png);
  width: 50px;
  height: 62px;
  background-size: 100% 100%;
  display: inline-block;
  position: absolute;
  left: -3px;
  top: 13px;
}