@charset "utf-8";

body{ background: #000000; font-size:.25rem;}
div { box-sizing:border-box;}
/* --------------index-start-------------- */
.headerBox { position:relative; background:url(../app_files/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(../app_files/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(../app_files/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;}