@charset "utf-8";

body{ background: #000000; font-size:.25rem;}
div { box-sizing:border-box;}
/* --------------index-start-------------- */
.headerBox { position:relative; background:url(../images/bg_01.jpg) center no-repeat; background-size:100% auto; height:7.3rem;}
.topBox { overflow:hidden; padding:.14rem .44rem 0 .38rem;}
.topBox a.logo { float:left; display:block; width:2.29rem;}
.topBox a.teach { float:right; display:block; width:1.69rem; margin-top:.2rem;}
.banner { border:.02rem solid #f0c270; width:6.76rem; margin:.1rem auto 0;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:0;}
.banner span { opacity:1; background:#b3935b;}
.banner span.swiper-pagination-bullet-active { background:#fff044;}
.banner span { margin:0 .05rem; outline:none;}
.introduce { overflow:hidden; padding:.34rem .42rem 0 .33rem;}
.introduce img.appIng { float:left; width:5.16rem;}
.introduce a.appResign { float:right; display:block; width:1.52rem;}
.downTop { position:absolute; bottom:0; width:4.09rem; display:block; left:1.69rem; animation: myfirst 1s infinite linear;}
@keyframes myfirst
{
    from { transform:scale(1.1)}
	50%{ transform:scale(1)}
    to { transform:scale(1.1)}
}
.linesBox { padding-top:.42rem; background:url(../images/bg_02.jpg) center no-repeat; height:4.66rem; background-size:100% auto;}
.appGood { width:6.22rem; margin:0 auto;}
.linesBar { width:6.77rem; margin:0 auto;}
.linesTitle { margin-top:.2rem; overflow:hidden; line-height:.7rem; border-bottom:1px solid #3f3429;}
.linesTitle img.titTxt { float:left; width:1.03rem; margin-top:.23rem;}
.linesTitle p { float:left; color:#fff9df; font-size:.18rem; line-height:.7rem; margin-left:.16rem;}
.linesTitle a.online { display:block; float:right; background:url(../images/online.png) center no-repeat; width:1.47rem; height:.35rem; background-size:100% auto; margin-top:.18rem;}
.linesBox ul { width:6.85rem; margin:.3rem auto 0;}
.linesBox li { margin-bottom:.22rem; overflow:hidden;}
.linesLeft { float:left; margin-top: .04rem; width:4.8rem; height:.6rem; background:#ffffff; border-radius:.6rem; overflow:hidden;}
.linesLeft span { float:left; background:#d10000; display:block; line-height:.6rem; width:1.1rem; color:#ffffff; text-align:center; font-size:.26rem;}
.linesBox li a.enter { float:right; display:block; background:url(../images/enter.png) center no-repeat; height:.65rem; background-size:100% auto; width:1.86rem;text-align:center; height:.68rem; line-height:.68rem;}
.linesLeft p { border:1px solid #755f38; background:#221613; float:left; width:calc(100% - 1.1rem); font-weight:bold; text-align:center; line-height:.58rem; color:#fffade; font-size:.3rem; box-sizing:border-box; border-left:none;}
.recommend { padding-top:.1rem; background:url(../images/bg_03.jpg) center no-repeat; height:7.5rem; background-size:100% auto;}
.recommendTit { width:3.95rem; margin:0 auto;}
.recommendImg { width:6.7rem; margin:.3rem auto 0;}
.talkBox { background:url(../images/bg_04.jpg) center no-repeat; height:12.85rem; background-size:100% auto;}
.talkTit { overflow:hidden; margin:0 .35rem; border-bottom:1px solid #3f3429; padding-bottom:.18rem; padding-top:.2rem;}
.talkTit img { float:left; width:1.14rem;}
.talkTit p { float:left; padding:0 .12rem; color:#fdeeae; font-size:.22rem; height:.36rem; border-radius:4px; background:#c71313; margin-left:.14rem;}
.talkList ul { margin-top:.15rem; padding:0 .3rem;}
.talkUser { overflow:hidden;}
.userIcon { float:left; width:.84rem; height:.84rem; border-radius:50%; overflow:hidden;}
.userTxt { float:left; margin-left:.15rem; padding-top:.07rem;}
.userTxt p { font-size:.24rem; color:#fff8ec; line-height:.4rem;}
.userTxt span { color:#ffeccb; font-size:.18rem; line-height:.32rem;}
.userTxt p img { display:inline-block; width:.33rem; vertical-align:-.04rem; margin-left:.08rem;}
.userControl { padding-top:.21rem; float:right; overflow:hidden;}
.userControl a { display:block; float:left; font-size:.18rem; color:#ffeccb; line-height:.42rem; margin-left:.23rem;}
.userControl a.answer { background:url(../images/7.png) left center no-repeat; background-size:.24rem auto; padding-left:.32rem;}
.userControl a.zan { background:url(../images/6.png) left center no-repeat; background-size:.23rem auto; padding-left:.28rem;}
.talkTxt img { display:inline-block; width:.7rem; margin-right:.14rem;}
.talkTxt { margin:.1rem 0 .1rem; font-size:.22rem; color:#ffeccb; line-height:.36rem;}
.answerTxt { padding:.07rem .12rem; background:#000000; border:1px solid #281b1b; border-radius:4px; color:#ffeccb; font-size:.22rem; line-height:.36rem;}
.talkBox li { margin-bottom:.5rem;}
.talkBox li:last-child { margin-bottom:0;}
.copyRight { text-align:center; color:#ffeccb; font-size:.22rem; line-height:2; padding:.18rem 0;}
.fixDown a { display:block; width:3.9rem; margin:0 auto;}
.fixDown { padding:.35rem 0; background:#100808;}
.teachAlt { display:none; position:fixed; z-index:3; left:0; top:0; width:100%; height:100%; overflow-y:scroll;}
.teachAlt::-webkit-scrollbar {
  display: none;
}
.kf { width:1.28rem; position:fixed; right:.05rem; top:50%; z-index:2;}


.head {
  width: 7.5rem;
  position: absolute;
  left: 50%;
  margin-left: -3.75rem;
  top: 0;
  height: 1.2rem;
  padding: 0 .2rem;
  z-index: 999
}
.mobile-wrap{
  padding-top: 1.3rem;
}

.head .logo {
  height: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
}

.head .logo img {
  width: 2.4rem
}
.headerBox{
  padding-top: 1rem;
}
.head .webs {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  font-size: .3rem;
  text-transform: uppercase;
  color: #fff;
  line-height: .4rem;
  font-family: arial;
  letter-spacing: .02rem;
  flex-direction: column;
  padding-bottom: .1rem;
}
.head .webs p{
  display: inline-block;
  width: 1.8rem;
  height: .34rem;
  background: rgba(0,0,0,.6);
  border: 1px solid #9b7949;
  margin: .05rem 0;
  border-radius: .22rem;
  text-align: left;
  color: #f3efc3;
  font-size: .26rem;
  padding-left: .2rem;
  line-height: .32rem;
}

.head .webs em {
  display: inline-block;
  width: .4rem;
  text-align: center;
  color: #f0ee6d;
  font-style: initial;
  /* text-transform: uppercase */
}