@charset "utf-8";

body{ background: #0d0402; font-size:.25rem;}
div { box-sizing:border-box;}
.top { padding-top:1.06rem; background:url(../images/b1.bin) center no-repeat; height:3.89rem; background-size:100% auto;}
.logo { display:block; width:2.64rem; position:absolute; top:.24rem; left:.25rem;}
.teach {
    display: block;
    width: 1.3rem;
    position: absolute;
    right: 2.51rem;
    top: 0.29rem;
}

.teach_2 {
    display: block;
    width: 2.3rem;
    position: absolute;
    right: .21rem;
    top: .29rem;
}
.banner { padding:.06rem .07rem; background:url(../images/bannerbg.bin) center no-repeat; width:6.99rem; height:2.83rem; background-size:100% auto; margin:0 auto;}
.banner img { border-radius:.36rem;}
.banner .swiper-container { border-radius:.36rem; overflow:hidden;}
.banner span { outline:none; opacity:1; background:#ffffff;}
.banner span.swiper-pagination-bullet-active { background:#fffd43;}
.banner .swiper-pagination { bottom:0;}
.downBox { background:url(../images/b2.bin) center no-repeat; padding-top:1.6rem; height:4.79rem; background-size:100% auto;}
.down { display:block; width:6.16rem; margin:0 auto; animation: myfirst 1s infinite linear;}
@keyframes myfirst
{
    from { transform:scale(1.1)}
	50%{ transform:scale(1)}
    to { transform:scale(1.1)}
}
.kf { width:1.28rem; position:fixed; right:.05rem; top:50%; z-index:2;}
.contBox { background:url(../images/b3.bin) center top no-repeat; background-size:100% auto; padding-top:.25rem;}
.lineBox { position:relative; background:url(../images/linesBg.bin) center no-repeat; width:6.96rem; height:4.35rem; background-size:100% auto; margin:0 auto;}
.lineBox a.online { background:url(../images/online.bin) center no-repeat; width:1.53rem; display:block; height:.41rem; background-size:100% auto; position:absolute; right:.29rem; top:.4rem;}
.lineBox ul { width:6rem; padding-top:1.2rem; margin:0 auto;}
.lineBox li { margin-top:.25rem; overflow:hidden;}
.linesLeft { background-image: linear-gradient(#fff4e5, #cba270); margin-top:.05rem; float:left; overflow:hidden; width:4.4rem; height:.56rem; border-radius:.09rem;}
.linesLeft span { float:left; display:block; width:.93rem; text-align:center; color:#ffffff; background:#1f1a16; border-radius:.09rem; line-height:.56rem;}
.linesLeft p { float:left; width:calc(100% - .93rem); text-align:center; line-height:.46rem; color:#4f4f4f; font-size:.4rem;}
.linesLeft p b { color:#c90000;}
.lineBox a.enter { float:right; background: url(../images/enter.bin) center no-repeat; width:1.5rem; height:.67rem; background-size:100% auto; display:block;}
.recomen p { padding:0 .53rem; color:#bb8f5b; font-size:.26rem; margin:.2rem 0 .13rem;}
.recomen span {padding:0 .53rem; color:#fee8d2; font-size:.46rem; line-height:.6rem; display:block;}
.recomen img { margin-top:.22rem;}
.hotTitle { width:2.42rem; margin:.5rem auto .25rem;}
.hotSlide { background:url(../images/slideBanner.bin) center no-repeat; width:6.72rem; height:3.1rem; margin:0 auto; background-size:100% auto; padding:.1rem .14rem;}
.hotSlide .swiper-container { border-radius:.28rem; overflow:hidden;}
.hotBar { position:relative; padding-bottom:.5rem;}
.hotBar .swiper-pagination { width:100%; bottom:0;}
.hotBar span { outline:none; opacity:1; background:#5e4c3b; margin:0 .08rem;}
.hotBar span.swiper-pagination-bullet-active { background:#ce9359;}
.introduce { padding-bottom:.3rem; margin-top:.42rem;}
.footer { background:url(../images/footerLogo.bin) .28rem center no-repeat #000000; background-size:1.23rem auto; padding:.28rem 0 .28rem 1.65rem;}
.footer p { color:#ffeedd; font-size:.24rem; line-height:.3rem;}
.teachAlt {display:none; position:fixed; z-index:3; left:0; top:0; width:100%; height:100%; overflow-y:scroll;}
.teachAlt::-webkit-scrollbar {
  display: none;
}