body{
  font-size:0;
  margin:0;
  padding:0;
  /*background-image:url(/slStatic/image/vip/body-bg.jpg);*/
  /*background-size:100%;*/
}

body > div{
  width:100%;
  font-size:0;
  display:inline-block;
}
.block1,.block2{
  position: relative;
}
.block7,.block8,.block11,.block13{
  margin-bottom: -0.01rem;
}
body > div > img{
  display:block;
  width:100%;
}

.block11>div{
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 85%;
}

.con1, .con2, .con3,.con4{
  width: 8rem;
  position: absolute;
  top: 0;
  left: calc(50% - 4rem);
}
.con1 img, .con2 img, .con3 img,.con4 img{
  width: 100%;
}

.con1{
  z-index:5;
}

.con2{
  z-index:4;
}

.con3{
  z-index:3;
}
.con4{
  z-index:2;
}

.block6 .con1,.block6 .con2,.block6 .con3{
  left:9%;
}

.block9 .con1,.block9 .con2,.block9 .con3{
  left:7%;
}
.connect{
  position: absolute;
  width: 60%;
  margin-left: 20%;
  top: 1.3rem;
  z-index: 9;
}
.connect img{
  width: 100%;
}
.block8 .connect{
  bottom:-0.4rem;
}
.footer .tel{
  width: 90%;
  /* margin-left: 0.6rem; */
  flex-grow: 0;
  position:relative;
}

.footer .tel .left{
  position:absolute;
  top:0;
  left:0;
  width:16%;
  height:100%;
}

.footer .tel .left a{
  width: 100%;
  height: 100%;
  display: inline-block;
}

.footer .tel .right{
  position:absolute;
  top:0;
  right:0;
  width:78%;
  height:100%;
}

.footer .tel .right a{
  width: 100%;
  height: 100%;
  display: inline-block;
}

.footer .button{
  width:67%;
  margin:0 0.6rem;
  flex-shrink:0;
}

.prism-big-play-btn{
  left: 16px!important;
  bottom: 20px!important;
}

.prism-player video {
  top: 53%!important;
}
.prism-player .prism-big-play-btn{
  left:calc(50% - 32px) !important;
  bottom:calc(50% - 32px) !important;
  opacity: 0.5;
  background: #000000;
  color:#fff;
}
.prism-player .prism-big-play-btn {
  background: url(/slStatic/image/vip/playanimation.png) no-repeat !important;
}
.prism-player .prism-big-play-btn .outter {
  border:none !important;
}
.payNow{
  position: absolute;
  bottom: 1rem;
  width: 100%;
  text-align: center;
}
.payNow img {
  width: 60%;
}
.price-wrap .item-wrap{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
.price-wrap .price-item{
  box-sizing: border-box;
  position: relative;
  float: left;
  margin-right: 0.3rem;
  width: 2.8rem;
  height: 3.2rem;
  background: #fff;
  border: 1px solid #E4BF7C;
  border-radius: 0.3rem;
}
.price-wrap .price-item:nth-child(3n){
  margin-right:0;
}
.price-wrap .price-item:nth-child(n){
  margin-bottom:0.5rem;
}
.price-wrap .price-item.active{
  background:#fffdf1;
}
.price-item .recommend{
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 1.3rem;
  height: 0.6rem;
  line-height: 0.6rem;
  background-image: linear-gradient(270deg, #FF3B30 0%, #FF7930 100%);
  border-radius: 0.2rem 0 0.2rem 0;
  font-family: PingFangSC-Regular;
  font-size: 0.293rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
}

.price-item .price{
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.price-item .price>p{
  font-family: PingFangSC-Regular;
  font-size: 0.38rem;
  font-weight:bold;
  color: #5E4329;
  letter-spacing: 0;
  text-align: center;
}
.price-item .price>span{
  display: block;
  font-family: HiraginoSansGB-W6;
  font-size: 0.7rem;
  font-weight: bold;
  color: #f05b00;
  letter-spacing: 2px;
  text-align: center;
  /* margin: 0.38rem 0; */
  /*margin-top: 0.2rem;*/
  /*margin-bottom: 0.1rem;*/
}
.price-item .price>span i{
  font-style: normal;
}
.price-item .price>b{
  display: block;
  font-weight: normal;
  font-family: PingFangSC-Regular;
  font-size: 0.32rem;
  color: #c8cbd4;
  letter-spacing: 0;
  text-align: center;
}
/*.price-item.active .price>p{*/
  /*color: #79602B;*/
/*}*/
/*.price-item.active .price>span{*/
  /*color: #F4F5F9;*/
/*}*/
/*.price-item.active .price>b{*/
  /*color: #fff;*/
/*}*/
.price-item .select-icon{
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0.987rem;
  height: 0.933rem;
}
.price-item.active .select-icon{
  display: block;
}
.price-wrap .price-tip{
  margin-top: 0.4rem;
  font-family: PingFangSC-Regular;
  font-size: 0.347rem;
  color: #AAADB9;
  letter-spacing: 0;
  line-height: 0.427rem;
}
.price-wrap .apply-btn.gray{
  background-image:linear-gradient(
          270deg, #D3D3D3 0%, #9E9E9E 100%);
  color:#FFF;
}
.price-wrap .apply-btn{
  margin-top: 0.4rem;
  width: 9.2rem;
  height: 1.067rem;
  background-image: linear-gradient(270deg, #EFDDAC 0%, #DDC085 100%);
  border-radius: 0.533rem;
  font-family: PingFangSC-Semibold;
  font-size: 0.453rem;
  font-weight: bold;
  color: #78602B;
  letter-spacing: 0;
  text-align: center;
  line-height: 1.067rem;
  cursor: pointer;
}
.price-wrap{
  position: absolute;
  bottom: 3rem;
  width: 90%;
  margin-left: 5%;
}

.gotoUl{
  position:absolute;
  top: 3rem;
  left: 6%;
  width: 88%;
}
.gotoUl.sbx{
  position:absolute;
  top: 8.8rem;
  left: 6%;
  width: 88%;
}
.gotoUl ul{
  display:flex;
  flex-wrap:wrap;
  margin-left:0.38rem;
  justify-content: space-between;
}
.gotoUl ul li{
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-right: 0;
  margin-bottom: 0.5rem;
  width: 25%;
  align-items: center;
}
.gotoUl.sbx ul li{
  width: 25%;
  margin-right: 0;
  margin-bottom: 0.5rem;
}
.gotoUl ul li:nth-child(4n){
  margin-right:0;
}
.gotoUl ul li img{
  margin-bottom: 0.2rem;
  width: 1.2rem;
}

.gotoUl ul li span{
  font-size:0.34rem;
  font-weight: bold;
}

.pagination {
  position: absolute;
  bottom: 10%;
  width: 20%;
  text-align: center;
  z-index: 99991;
  margin-left: 40%;
  opacity: 0.5;
  background: #000000;
  border-radius: 0.4rem;
}

.pagination span{
  width: 0.2rem;
  height: 0.2rem;
  display: inline-block;
  border-radius: 100%;
  background: #fff;
  font-weight: normal;
  margin-bottom: 0.02rem;
}

.pagination span.active{
  background:#FFB541;
}

.tz-top ul{
  display: flex;
  width: 90%;
  margin-left: 5%;
  justify-content: space-between;
  border-bottom: 0.12rem solid #64dadc;
}

.tz-top ul li{
  background: #EBF2F5;
  border-radius: 0.45rem 0.45rem 0 0;
  text-align: center;
  width: 22%;
  height: 1.6rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #8493A2;
  cursor: pointer;
  margin-bottom: -0.01rem;
}

.tz-top ul li.active{
  color: #EBF2F5;
  background:#64dadc;
}

.tz-top ul li:nth-child(4n){
  margin-right: 0;
}

.tz-top ul li span{
  font-size: 0.4rem;
  letter-spacing: 0;
  text-align: center;
  line-height: 1.2;
  font-weight: bold;
}
.tz-bottom{
  display: flex;
  flex-direction: column;
  height: 90%;
  justify-content: space-between;
}
.tz-bottom span{
  display: inline-block;
  width: 87%;
  margin-left: 7%;
  margin-top: 0.5rem;
  font-size: 0.4rem;
  color: #6E8398;
  line-height: 1.2;
}

.tz-bottom .img{
  margin-left: 10%;
  width: 80%;
}

.tz-bottom .img img{
  height: 100%;
  width: 100%;
}

.hg-top{
  width:100%;
  margin-bottom: -0.2rem;
}
.hg-top img{
  width:100%;
}

.hg-content{
  width: 100%;
  background-image: url(/slStatic/image/vip/block13_c.png);
  background-size:100%;
  position:relative;
}

.hg-content ul{
  display: flex;
  justify-content: space-between;
  width: 50%;
  margin-left: 25%;
}

.hg-content ul li{
  position: relative;
  display: flex;
  flex-direction: column;
}


.hg-content ul li span{
  font-size: 0.56rem;
  color: #96A0A6;
  text-align: center;
  font-weight: bold;
}

.hg-content ul li.active span{
  color: #1C9AF2;
}
.hg-content ul li .line{
  display: none;
  position: absolute;
  bottom: -0.1rem;
  width: 100%;
  height: 0.2rem;
  border-radius: 0.1rem;
  background: linear-gradient(transparent 0%,#D8EFFF 50%);
}
.hg-content ul li.active .line{
  display: inline-block;
}
.hg-content .hg-bottom-center{
  width: 88%;
  margin-left:6%;
}
.hg-content .hg-content-head{
  padding: 0.6rem 0;
}
.hg-content img{
  width:100%;
}
.hg-bottom-footer{
  width: 87%;
  margin-left: 7%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.2rem;
}
.hg-bottom-footer span{
  font-size: 0.36rem;
  color: #8F8F8F;
  letter-spacing: 0;
  text-align: left;
  font-weight:bold;
  width: 90%;
}
.hg-bottom-footer button{
  font-size: 0.36rem;
  font-weight:bold;
  background: #E5F4F9;
  border-radius: 30px;
  color: #688DA8;
  padding: 0.3rem;
  border: none;
}
.hg-bottom{
  font-size:0;
}
.pc-top{
  width:100%;
  font-size:0;
}

.pc-top img{
  width:100%;
  font-size:0;
  margin-bottom:-0.01rem;
}
.pc-content{
  width:100%;
  background-image:url(/slStatic/image/vip/block2_02.jpg);
  background-size:100%;
  position:relative;
  padding-top:0.5rem;
  font-size:0;
}
.pc-bottom{
  width:100%;
  font-size:0;
}
.xkts-bottom{
  width: 100%;
  /*position: absolute;*/
  /*bottom: 7%;*/
}
.xkts-bottom ul{
  margin-left: 10%;
  width: 80%;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
}
.xkts-bottom ul.two{
  margin-left: 10%;
  width: 80%;
  display: flex;
  justify-content: space-evenly;
}
.xkts-bottom ul.two li{
  font-size: 0.4rem;
  color: #BFD0E0;
  text-align: center;
  line-height: 1.2;
  background: #EAF3F7;
  border-radius: 0.7rem;
  flex-shrink: 0;
  width: 30%;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xkts-bottom ul.bz li{
  font-size: 0.4rem;
  font-weight: bold;
  color: #BFD0E0;
  text-align: center;
  line-height: 1.2rem;
  background: #EAF3F7;
  border-radius: 0.7rem;
  flex-shrink: 0;
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xkts-bottom ul li{
  font-size: 0.4rem;
  color: #BFD0E0;
  text-align: center;
  line-height: 1.2rem;
  background: #EAF3F7;
  border-radius: 0.7rem;
  flex-shrink: 0;
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xkts-bottom ul li.active{
  color: #5593CE;
  background: #CAECFF;
}
.iphone{
  position: fixed;
  top: 75%;
  width: 20%;
  right: 0%;
  z-index:99999;
}
.iphone img{
  width: 100%;
}

.pay-bottom{
  box-sizing: border-box;
  margin-top: 0.467rem;
  padding: 0 0.4rem;
  width: 100%;
  padding-top:0.267rem;
  z-index:99999;
}
.pay-bottom>img{
  width: 100%;
}
.pay-bottom .apply-btn.gray{
  background-image:linear-gradient(
          270deg, #D3D3D3 0%, #9E9E9E 100%);
  color:#FFF;
}
.pay-bottom .apply-btn{
  margin:0.267rem 0;
  width: 9.2rem;
  height: 1.067rem;
  background-image: linear-gradient(270deg, #EFDDAC 0%, #DDC085 100%);
  border-radius: 0.533rem;
  font-family: PingFangSC-Semibold;
  font-size: 0.453rem;
  font-weight: bold;
  color: #78602B;
  letter-spacing: 0;
  text-align: center;
  line-height: 1.067rem;
  cursor: pointer;
}
.pay-bottom .pay-choose{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
}
.pay-bottom .pay-choose samp{
  font-family: PingFangSC-Regular;
  font-size: 0.373rem;
  color: #AAADB9;
  letter-spacing: 0;
  text-align: right;
  line-height: 1.1;
}
.pay-bottom .pay-choose span{
  font-family: PingFangSC-Regular;
  font-size: 0.373rem;
  color: #FB9A32;
  letter-spacing: 0;
  text-align: right;
  line-height: 1.1;
}

.fx-img{
  width: 100%;
  position: absolute;
  top: 5.2rem;
  text-align: center;
}
.fx-img img{
  width: 3.6rem;
}
.btn-click{
  width: 100%;
  position: absolute;
  top: 10.4rem;
  text-align: center;
}
.btn-click img{
  width: 8.6rem;
}

.wechat-img{
  width: 100%;
  position: absolute;
  top: 12.8rem;
  text-align: center;
}
.wechat-img img{
  width: 3rem;
}
/*协议  反馈  结束*/
/*弹出框开始*/
.popOut-wrap{
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.popOut-wrap .popOut-background{
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.60);
  cursor: pointer;
}
.popOut-wrap .popOut-box{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  box-sizing: border-box;
  padding: 20px 14px;
  width: 300px;
  height: 290px;
  background-color: #fff;
  border-radius: 10px;
}
.popOut-box .crown-icon{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -20px;
  width: 50px;
  height: 37px;
}
.popOut-box .title{
  width: 100%;
  text-align: center;
  font-family: PingFangSC-Semibold;
  font-size: 17px;
  font-weight: bold;
  color: #333333;
  letter-spacing: 0;
}
.popOut-box>div{
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  /*border-bottom: 1px solid #ccc;*/
}
.popOut-box .button-wrap{
  justify-content: center;
  border-bottom:none;
}
.popOut-box>div>span{
  margin-right: 10px;
  font-family: PingFangSC-Regular;
  font-size: 15px;
  color: #77808C;
  letter-spacing: 0;
}
.popOut-box>div>input{
  flex: 1;
  font-family: PingFangSC-Regular;
  font-size: 15px;
  color: #77808C;
  letter-spacing: 0;
}
.popOut-box .button-wrap>div{
  margin-top: 27px;
  width: 100px;
  height: 35px;
  line-height: 35px;
  border-radius: 20px;
  font-family: PingFangSC-Semibold;
  font-size: 17px;
  text-align: center;
  color: #333333;
  letter-spacing: 0;
  background: #fff;
  border: 1px solid #333333;
  cursor: pointer;
}
.popOut-box .button-wrap .confirm-btn{
  margin-right: 25px;
  background: #333333;
  color: #fff;
}
/*弹出框结束*/

/*购买成功弹出框开始*/
.popOut-wrap-success{
  display:none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index:999991;
}
.popOut-wrap-success .popOut-background{
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.60);
  cursor: pointer;
}
.popOut-wrap-success .popOut-box{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 300px;
  height: 490px;
  background-color: #F9F0E3;
  border-radius: 10px;
}
.popOut-wrap-success .popOut-box .box-top{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  height:40%;
  background-image:linear-gradient(270deg, #EFDDAC 0%, #DDC085 100%);
  border-radius:10px 10px 50px 50px;
  box-sizing:inherit;
  border:0;
}
.popOut-wrap-success .popOut-box .box-top img{
  margin-top: 20px;
  width:66px;
}
.popOut-wrap-success .popOut-box .box-top .close{
  display:inline-block;
  position:absolute;
  top:15px;
  right:15px;
  width:17px;
  height:17px;
  background:url(/slStatic/image/commodity/popup_close.png);
  background-size:cover;
}
.popOut-wrap-success .popOut-box .box-top p{
  margin-top: 20px;
  font-family: PingFangSC-Semibold;
  font-size: 0.42rem;
  font-weight:bold;
  color: #79602B;
  letter-spacing: 0;
  text-align: center;
  line-height: 1px;
}
.popOut-wrap-success .popOut-box .box-base{
  flex-direction:column;
  position:absolute;
  top:140px;
  left:15px;
  width:270px;
  height:270px;
  background:#FFF;
  border-radius:15px;
  border:0;
  padding: 0 20px;
}
.popOut-wrap-success .popOut-box .box-base p{
  margin-top:20px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #79602B;
  letter-spacing: 0;
  line-height: 1.5;
}
.popOut-wrap-success .popOut-box .box-base .qr{
  width: 130px;
  height: 130px;
  margin-top: 15px;
}
.popOut-wrap-success .popOut-box .goto-download-btn{
  position: absolute;
  bottom: 20px;
  left: 15px;
  width: 270px;
  height: 40px;
  background-image: linear-gradient(270deg, #EFDDAC 0%, #DDC085 100%);
  border-radius: 0.533rem;
  font-family: PingFangSC-Semibold;
  font-size: 15px;
  font-weight: bold;
  color: #78602B;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  text-align: center;
  display: inline-block;
}
/*购买成功弹出框结束*/

.free-drag {
  position: fixed;
  bottom: 15%;
  right: 5%;
  width: 15vw;
  z-index: 99999;
}
.free-drag img{
  width: 100%;
}
.free-detail-wrap {
  display: none;
  width: 80%;
  position: fixed;
  top: 15%;
  right: 10%;
  z-index: 5;
}
.free-detail {
  width: 100%;
  background: url(/slStatic/image/vipApp/free_bg.png) 0 0 no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 10rem;
}

.free-detail h1 {
  font-size: 0.46rem;
  font-weight: bold;
  color: #FFFFFF;
  margin-top: 0.8rem;
}
.free-detail .code-wrap {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.free-detail .code-wrap p {
  font-size: 0.38rem;
  color: #666666;
}
.free-detail .code-wrap p i{
  display: inline-block;
  margin-left: 0.2rem;
  font-style: inherit;
  font-size: inherit;
  color: #FF8539;
  position: relative;
  text-indent: 0.2rem;
}
.free-detail .code-wrap p i::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 0.2rem;
  border-radius: 0.1rem;
  background: #FF8539;
  bottom: 0;
  left: 0;
  opacity: 0.2;
}
.free-detail .code-wrap img{
  width: 4.5rem;
  margin-top: 0.2rem;
}
.free-detail-wrap .free-detail-close {
  width: 100%;
  text-align: center;
  margin-top: 0.5rem;
}
.free-detail-wrap .free-detail-close img{
  width: 1rem;
  display: inline-block;
}
.qy-list{
  position: absolute;
  top: 3rem;
}
.tb-h{
  width: 100%;
  font-size: 0;
}
.tb-h img{
  width: 100%;
}
.c-wrap{
  background: url(/slStatic/image/vip/tb_c.png) 0 0 repeat;
  background-size: 100% auto;
  font-size: 0;
}
.tb-c{
  background: #fff;
  width: 96%;
  margin-left: 2%;
  border-radius: 0.3rem;
  overflow: hidden;
  font-size: 0;
}
.tb-c .module-list{
  width: 96%;
  margin-left: 2%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-top: 1rem;
  overflow-x: auto;
  overflow-y: hidden;
}
.tb-c .module-list::-webkit-scrollbar{
  display: none;
}
.tb-c .module-list li{
  width: 22%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-right: 0.6rem;
}
.tb-c .module-list li img{
  box-sizing: border-box;
  width: 1.3rem;
}
.tb-c .module-list li p{
  font-size: 0.43rem;
  color: #936E42;
  margin-top: 0.1rem;
  white-space: nowrap;
}
.tb-c .module-list li:nth-child(1).active img{
  border: 2px solid #2C8CEB;
  border-radius: 50%;
}
.tb-c .module-list li:nth-child(2).active img{
  border: 2px solid #2FA7A9;
  border-radius: 50%;
}
.tb-c .module-list li:nth-child(3).active img{
  border: 2px solid #EA652F;
  border-radius: 50%;
}
.tb-c .module-list li:nth-child(4).active img{
  border: 2px solid #576ACC;
  border-radius: 50%;
}
.tb-c .module-list li:nth-child(5).active img{
  border: 2px solid #5CCFFC;
  border-radius: 50%;
}
.tb-c .module-list li:nth-child(6).active img{
  border: 2px solid #A38DF3;
  border-radius: 50%;
}
.tb-c .module-list li:nth-child(7).active img{
  border: 2px solid #EB7272;
  border-radius: 50%;
}
.tb-c .module-list li:nth-child(8).active img{
  border: 2px solid #A1D88B;
  border-radius: 50%;
}
.tb-c .module-list li:nth-child(1).active p{
  color: #2C8CEB;
  font-size: 0.5rem;
  font-weight: bold;
}
.tb-c .module-list li:nth-child(2).active p{
  color: #2FA7A9;
  font-size: 0.5rem;
  font-weight: bold;
}
.tb-c .module-list li:nth-child(3).active p{
  color: #EA652F;
  font-size: 0.5rem;
  font-weight: bold;
}
.tb-c .module-list li:nth-child(4).active p{
  color: #576ACC;
  font-size: 0.5rem;
  font-weight: bold;
}
.tb-c .module-list li:nth-child(5).active p{
  color: #31BDF4;
  font-size: 0.5rem;
  font-weight: bold;
}
.tb-c .module-list li:nth-child(6).active p{
  color: #7A63CD;
  font-size: 0.5rem;
  font-weight: bold;
}
.tb-c .module-list li:nth-child(7).active p{
  color: #D55252;
  font-size: 0.5rem;
  font-weight: bold;
}
.tb-c .module-list li:nth-child(8).active p{
  color: #53B058;
  font-size: 0.5rem;
  font-weight: bold;
}
.tb-c .bottom-content.one{
  width: 100%;
  background: linear-gradient(170deg, #FFFFFF 27%, #CFF4FF 92%);
  padding-bottom: 0.5rem;
}
.tb-c .bottom-content.one .videoContainer{
  width: 6rem;
  margin-left: calc(50% - 3rem);
  height: 10.7rem;
}
.tb-c .bottom-content.one h1{
  color: #5198D8;
  font-size: 0.43rem;
  width: 100%;
  text-align: center;
  padding: 1rem 0 0.5rem 0;
}
.tb-c .bottom-content.two{
  display: none;
  width: 100%;
  background: linear-gradient(170deg, #FFFFFF 27%, #D4FAE3 92%);
  padding-bottom: 0.5rem;
}
.tb-c .bottom-content.two .videoContainer{
  width: 6rem;
  margin-left: calc(50% - 3rem);
  height: 10.7rem;
}
.tb-c .bottom-content.two h1{
  color: #62B3B5;
  font-size: 0.43rem;
  width: 100%;
  text-align: center;
  padding: 1rem 0 0.5rem 0;
}
.tb-c .bottom-content.three{
  display: none;
  width: 100%;
  background: linear-gradient(170deg, #FFFFFF 27%, #FFEDDD 92%);
}
.tb-c .bottom-content.three h1{
  color: #E49271;
  font-size: 0.43rem;
  width: 100%;
  text-align: center;
  padding: 1rem 0 0.5rem 0;
}
.tb-c .bottom-content.three .videoContainer{
  width: 7rem;
  margin-left: calc(50% - 3.5rem);
  height: 4rem;
}
.video-wrap{
  width: 90%;
  margin-left: 5%;
}
.video-wrap .wrap-h {
  background: #F39B76;
  height: 1.5rem;
  border-top-left-radius: 1.2rem;
  border-top-right-radius: 1.2rem;
  text-align: center;
}
.video-wrap .wrap-h p{
  color: #fff;
  font-size: 0.5rem;
  font-weight: bold;
  line-height: 1.5rem;
}
.video-wrap .wrap-c{
  background: #fff;
}
.tb-c .bottom-content.four{
  display: none;
  width: 100%;
  background: linear-gradient(170deg, #FFFFFF 27%, #E9E9FC 92%);
}
.tb-c .bottom-content.four h1{
  color: #7B89D0;
  font-size: 0.43rem;
  width: 100%;
  text-align: center;
  padding: 1rem 0 0.5rem 0;
}
.tb-c .bottom-content.four img{
  width: 80%;
  margin-left: 10%;
}
.tb-c .bottom-content.five{
  display: none;
  width: 100%;
  background: linear-gradient(170deg, #FFFFFF 27%, #FFFFE7 92%);
}
.tb-c .bottom-content.five h1{
  color: #4BB9F4;
  font-size: 0.43rem;
  width: 100%;
  text-align: center;
  padding: 1rem 0 0.5rem 0;
}
.tb-c .bottom-content.six{
  display: none;
  width: 100%;
  background: linear-gradient(170deg, #FFFFFF 27%, #F4E7FF 92%);
}
.tb-c .bottom-content.six h1{
  color: #8B7DC1;
  font-size: 0.43rem;
  width: 100%;
  text-align: center;
  padding: 1rem 0 0.5rem 0;
}
.tb-c .bottom-content.seven{
  display: none;
  width: 100%;
  background: linear-gradient(170deg, #FFFFFF 27%, #FFD5D5 92%);
}
.tb-c .bottom-content.seven h1{
  color: #A45454;
  font-size: 0.43rem;
  width: 100%;
  text-align: center;
  padding: 1rem 0 0.5rem 0;
}
.tb-c .bottom-content.eight{
  display: none;
  width: 100%;
  background: linear-gradient(170deg, #FFFFFF 27%, #E9FFE1 92%);
}
.tb-c .bottom-content.eight h1{
  color: #779F79;
  font-size: 0.43rem;
  width: 100%;
  text-align: center;
  padding: 1rem 0 0.5rem 0;
}
.tb-f{
  font-size: 0;
  width: 100%;
}
.tb-f img{
  width: 100%;
  font-size: 0;
}

.block5 .tb-c .module-list li.active img{
  border: 2px solid #F05110;
  border-radius: 50%;
}
.block5 .tb-c .module-list li.active p{
  color: #A1471E;
  font-size: 0.5rem;
  font-weight: bold;
}
.block5 .tb-c .bottom-content{
  width: 100%;
  background: linear-gradient(163deg, #FFFFFF 8%, #FFF9DC 98%);
  padding-bottom: 0.5rem;
}
.block5 .tb-c .bottom-content.one .videoContainer{
  width: 6rem;
  margin-left: calc(50% - 3rem);
  height: 10.7rem;
}
.block5 .tb-c .bottom-content h1{
  color: #D86232;
  font-size: 0.43rem;
  width: 100%;
  text-align: center;
  padding: 1rem 0 0.5rem 0;
}
.block5 .tb-c .bottom-content>img{
  width: 80%;
  margin-left: 10%;
}
.block5 .tb-c .bottom-content{
  padding-bottom: 0;
  font-size: 0;
}
.block5 .tb-c .bottom-content .video-img-wrap{
  position: relative;
}
.block5 .tb-c .bottom-content .video-img-wrap img{
  width: 90%;
  margin-left: 5%;
}
.block5 .tb-c .bottom-content .video-img-wrap .videoContainer{
  position: absolute;
  top: 0.7rem;
  width: 7.2rem;
  height: 4rem;
  margin-left: calc(50% - 3.6rem);
}
.block5 .tb-c .bottom-content.seven .videoContainer{
  width: 8rem;
  height: 4rem;
  margin-left: calc(50% - 4rem);
}
.block5 .tb-c .bottom-content.seven{
  padding-bottom: 3rem;
}
.block5 .tb-c .bottom-content.four .videoContainer{
  width: 8rem;
  height: 4rem;
  margin-left: calc(50% - 4rem);
}
.block5 .tb-c .bottom-content.four{
  padding-bottom: 3rem;
}
.block3 .bg_img{
  position: absolute;
  width: 88%;
  top: 1.4rem;
  left: 6%;
}
.block3 .bg_img img{
  width: 100%;
}
.block3 .an {
  position: absolute;
  width: 16%;
  height: 8.4rem;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  padding-top: 1.1rem;
}
.block3 .an div{
  width: 100%;
  height: 3.3rem;
  margin-top: 0.4rem;
}
.block3 .an div.showTwo{
}

.block2,.block3,.block4,.block5.block7,.block13,.block8 {
  margin-top: -2px;
}
.block1 .title {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F1E0B8;
}
.block1 .title img{
  width: 25px;
  height: 42px;
}
.block1 .title p{
  padding: 30px 10px;
  font-size: 20px;
  font-weight: bold;
  color: #5E3400;
}
.block1 .title p i{
  color: #F17500;
  font-size: inherit;
  font-weight: bold;
  font-style: inherit;
}
.block1 .intro-wrap {
  width: 100%;
  background: #FFF6DE;
  padding-bottom:0.8rem;
}
.block1 .intro {
  width: calc(100% - 0.8rem);
  margin-left: 0.4rem;
}
.block1 .intro .tab{
  width: calc(100% - 6px);
  margin-left: 3px;
  margin-right: 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: -8px;
}
.block1 .intro .tab>div {
  width: 33%;
  flex-shrink: 0;
  padding: 0.5rem 0 0.3rem;
  background: linear-gradient(270deg, #F8D794 0%, #FCEABB 97%);
  box-sizing: border-box;
  border: 2px solid #FFFFFF;
  border-bottom: 0;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.block1 .intro .tab>div>p{
  font-size: 0.5rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  letter-spacing: normal;
  color: #864F0B;
}
.block1 .intro .tab .white{
  position: absolute;
  left: -2.5px;
  bottom: -2px;
  background: white;
  border: 2px solid #F9DEA4;
  border-bottom: 0;
  width: calc(100% + 7px);
  padding: 0.52rem 0 0.32rem;
  box-sizing: border-box;
  display: none;
  justify-content: center;
  align-items: center;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
}
.block1 .intro .tab .white p{
  color: #864F0B;
  font-size: 0.5rem;
  font-weight: bold;
}
.block1 .intro .tab .active .white{
  display: flex;
}
.block1 .intro .tab>div:first-child .white{
  left: -5px;
}
.block1 .intro .tab>div:last-child .white{
  right: -3px;
  left: -2px;
}
.block1 .intro .content {
  width: 100%;
  background: #fff;
  border: 2px solid #F9DEA4;
  box-sizing: border-box;
  border-radius: 0.5rem;
  border-top-left-radius: 0;
  overflow: hidden;
}
.block1 .intro .content .navigation-wrap {
  position: relative;
  padding: 0.5rem 0;
}
.block1 .intro .content .navigation-wrap .leftFix {
  position: absolute;
  z-index:3;
  bottom: 0;
  left: 0;
  width: 0.5rem;
  height: 80%;
  background: linear-gradient(to right, white 0, transparent 100%);
}
.block1 .intro .content .navigation-wrap .rightFix {
  position: absolute;
  z-index:3;
  bottom: 0;
  right: 0;
  width: 0.5rem;
  height: 80%;
  background: linear-gradient(to left, white 0, transparent 100%);
}
.block1 .intro .content .navigation{
  width: 100%;
  overflow-x: auto;
  position: relative;
}
.block1 .intro .content .navigation::-webkit-scrollbar {
  width: 0px;  /* 针对垂直滚动条 */
  height: 0px; /* 针对水平滚动条 */
}
.block1 .intro .content .navigation ul{
  display: flex;
  align-items: center;
  padding:0.2rem 0.3rem 0;
}
.block1 .intro .content .navigation ul li{
  width: 20%;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 0.3rem;
}
.block1 .intro .content .navigation ul li .img-wrap {
  position: relative;
  width: 1.3rem;
  height: 1.3rem;
}

.block1 .intro .content .navigation ul li .img-wrap img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}

.block1 .intro .content .navigation ul li.active .img-wrap::after {
  content: "";
  position: absolute;
  left: -0.2rem;
  top: -0.2rem;
  right: -0.2rem;
  bottom: -0.2rem;
  border-radius: 50%;
  background: #FFF5DC;
}
.block1 .intro .content .navigation ul li p{
  margin-top: 0.2rem;
  font-size: 0.33rem;
  color: #5E3400;
}
.block1 .intro .content .bottom-content{
  width: calc(100% - 0.3rem);
  margin-left: 0.15rem;
  border-radius: 0.3rem;
  background: linear-gradient(180deg, #FFF5CD 0%, #FFFBEB 98%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.block1 .intro .content .bottom-content h1{
  font-size: 0.38rem;
  font-weight: bold;
  color: #864F0B;
  padding: 0.5rem 0;
  text-align: center;
}
.block1 .intro .content .bottom-content .videoContainer{
  width: 6rem;
  height: 12.26rem;
}
.block1 .intro .content .bottom-content .img-container{
  display: none;
  width: calc(100% - 2rem);
  overflow: hidden;
  background: linear-gradient(180deg, #E5D09F 0%, rgba(219, 203, 166, 0) 100%);
  padding: 0.2rem;
  padding-bottom: 0;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  font-size: 0;
  min-height: 5rem;
}
.block1 .intro .content .bottom-content .img-container img{
  width: 100%;
}
.block1 .intro .content .bottom-content .videoListContainer{
  display: none;
}
.block1 .intro .content .bottom-content .videoListContainer .videoContent{
  width: 8rem;
  height: 4.8rem
}
.scroll{
  display: none;
  height: 9.2rem;
}
.bbdn {
  position: absolute;
  width: 100%;
  top: 25.1rem;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #5e3501;
  font-size: 0.55rem;
  font-weight: bold;
}
.teacherNum{
  font-weight: bold;
  font-size: 0.55rem;
  color: #f27501;
}