body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,figure,menu,input,fieldset,textarea,button,select,th,td,div,span,header,nav,footer{margin:0;padding:0;-webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:normal;font-size:100%;}
li{list-style:none;}
em,i{font-style:normal;}
a,a:visited{border:none;text-decoration:none;}
fieldset,img,input{border:none;}
input,textarea{outline:none;resize:none;-webkit-appearance:none;}
body{background:#fff;font-size:1.4rem;font-family:"-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Ubuntu","Helvetica Neue","Helvetica","Arial","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Source Han Sans CN","sans-serif";line-height:1.6;overflow-x:hidden;word-wrap:break-word;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;}
.header{width: 100%;height: 0.72rem;background: url(../images/header_bg.jpg) no-repeat;background-size: 100%;position: fixed;top:0;left: 0;z-index: 9999;}
.header ul{margin-left: 0.9rem;}
.header ul .msg{position: static;right: auto;bottom: auto;display: inline-block;}
.header ul li{line-height: 0.72rem;font-size: 0.3rem;color: #535353;float: left;}
.header ul a{font-size: 0.24rem;color: #535353;margin:0 0.1rem;}
.header ul a.active,.header ul a:active{color: #9f0000;}
.main{padding-bottom: 1.3rem;margin-top: 0.72rem;}
.main img{width: 100%;display: block;}
.banner_top{position: relative;}
.banner_top .btn_buy{width: 4.65rem;height:2.75rem;display: inline-block;background: url(../images/btn_buy.png) no-repeat;background-size: 100%;position: absolute;bottom: 6.5%;right:3%;}
.banner_top .btn_buy:hover{background-position: 0 100%;}
.video_box{height: 4.22rem;position: absolute;top:23%;left: 0.2rem;right: 0.2rem;}
.video_box video{width: 100%;height: 100%;}
.course_box{height: auto;background: url(../images/item_04.jpg) no-repeat;background-size: cover;margin:0 auto;padding:0 0.2rem;}
.course_box .chapter h3,.course_box .title h3{height: 0.48rem;line-height: 0.48rem;font-size: 0.24rem;color: #535353;background: url(../images/list_bg02.png) repeat;background-size: 0.2rem 0.23rem;padding-left: 0.4rem;border-bottom:1px solid #cacaca;border-left:1px solid #cacaca;border-right:1px solid #cacaca;position: relative;}
.course_box .title:first-child{text-align: center;border-top:1px solid #cacaca;}
.course_box .title:first-child h3{font-weight: bold;background: url(../images/list_bg01.png) repeat;}
.course_box .chapter h3 span,.course_box .title h3 span{color: #9f0000;font-size: 0.24rem;font-weight: bolder;margin-left: 0.2rem;}
.course_box .title h3 span{margin-left: 0.4rem;}
.course_box .btn_arrow{width: 0.24rem;height: 0.24rem;background: url(../images/icon_arrow.png) no-repeat;background-size: 100%;position: absolute;top:50%;right: 0.2rem;margin-top: -0.12rem;}
.list_box{border-left:1px solid #cacaca;border-right:1px solid #cacaca;background: #fff;display: none;}
.list_box.active{display: block;}
.list_box .list{height: 0.48rem;line-height: 0.48rem;font-size: 0.24rem;color: #535353;border-bottom:1px solid #cacaca;padding-left: 1.55rem;color: #535353;}
.list_box .list.sub_list{color: #535353;font-weight: normal;text-indent: 1em;color: #535353;}
.modular2{position: relative;}
.modular2 .msg_img{width: 0.8rem ;height: 0.8rem;position: absolute;bottom: 11%;left: 17%;}
.modular2 .talk{width: 0.27rem;height: 0.24rem;background: url(../images/icon_talk.png) no-repeat;background-size: 100%;position: absolute;top:0;right: 0;animation: msg_txt 1.8s infinite;-webkit-animation: msg_txt 1.8s infinite;}
@keyframes msg_txt{0%, 100%{opacity:1;} 50%{opacity:0;}}
@-webkit-keyframes msg_txt{0%, 100%{opacity:1;} 50%{opacity:0;}}
.btn_buy:active img{opacity: 0.8;}
.modular2 .msg_txt{color: #ffc753;font-size: 0.3rem;position: absolute;bottom: 13%;right: 17%;font-weight: bold;text-decoration: underline;}
.modular{height: 100%;position: relative;}
.content{position:relative;}
.content .btn_vip{width: 5.35rem;height: 1.9rem;display: inline-block;line-height: 1.9rem;background: #d30808;color: #fff;font-size:0.75rem;font-weight: bold;text-align: center;position: absolute;right: 2%;bottom: 6%;}
.content .btn_vip span{text-decoration: underline;}
.swiper_box{width: 100%;height: 5.4rem;padding-top: 2.16rem;background: url(../images/item_09.jpg) no-repeat;background-size: 100%;position: relative;}
.swiper-container{width: 7.02rem;margin:0 auto;}
.swiper_box .btn_check{width: 0.58rem; height: 0.94rem;}
.swiper_box .btn_next{background: url(../images/btn_next.png) no-repeat; right: 6px; background-size: 100%;}
.swiper_box .btn_prev{background: url(../images/btn_prev.png) no-repeat; left: 6px; background-size: 100%;}
.swiper_box .btn_check:active{background-position: 0 100%;}
.swiper_box .swiper-pagination{width: 100%;text-align: center;bottom: -0.2rem;}
.swiper_box .swiper-pagination-bullet{margin:0 2px;border:1px solid #af0000;background: transparent;}
.swiper_box .swiper-pagination-bullet-active{background: #af0000;}
.modular3{height: 7.2rem;overflow: hidden;}
.modular3.height_auto{height: auto;}
.more_box{width:100%;position: absolute;left:0;top:6.3rem;height: 0.9rem;background: linear-gradient(bottom, #f6f6f6 , rgba(245,245,245,0.2));background: -webkit-linear-gradient(bottom, #f6f6f6 , rgba(245,245,245,0.2));text-align: center;}
.btn_more{display: inline-block;width: 0.48rem;height:0.4rem;background: url(../images/btn_more.png) no-repeat;background-size: 100%;text-align: center;position: absolute;left: 50%;top:0;margin-left: -0.24rem;}
.buy_txt{position: absolute;top:33%;left: 4%;font-size: 0.36rem;color: #9f0000;font-weight: bold;width: 65%;}
.buy_txt span{font-size: 0.24rem;margin-left: 0.2rem;}
.footer{width: 100%;position: fixed;left: 0;bottom: 0;z-index: 9999;}
.footer img{width: 100%;display: block;}
.footer .btn_buy{width: 1.3rem;height: 100%;display: inline-block;background: url(../images/btn_buy02.png) no-repeat;background-size: 100%;position: absolute;top:1px;right: 0;z-index: 9;}
.footer .btn_buy:active{opacity: 0.8;}
.msg{display: block; position: absolute; right: 14px; bottom: 40%; z-index: 900;}
.msg_btn{width: 45px; height: 41px; background-color: rgba(226,7,7,.7); border-radius: 100%; color: #fff; display: block; font-size: 13px; overflow: hidden; position: fixed; right: 10px; padding-top: 4px;}
.msg_btn>span{display: block; white-space: nowrap; text-align: center; line-height: 18px;}
.msg_btn:active{opacity:.9;}
.countdown{font-family: "Microsoft YaHei";font-size: 0px;position: absolute;bottom:0.18rem;left: 0.22rem;text-align: left;}
.countdown .num{font-size: 0.26rem;font-family: Arial;color: #fff;display: inline-block;text-align: center;margin:0 0.05rem;width: 0.34rem;height: 0.32rem;line-height: 0.32rem;background: url(../images/time_bg.png) no-repeat;text-align: center;background-size:100%;}
.countdown .txt{color: #797979;font-size: 0.16rem;color: #959595;line-height:0.32rem;}