.mt10{margin-top: 1rem;}
.orange{color: #ed6c1e}
.c66{color: #666}
.fs12{font-size: 1.2rem !important;}
.btn.red{background: #b31e23; color: #fff;}
.btn.sizex { width: 100%; height: 5rem; line-height: 5rem;font-size: 1.6rem;}

.top{padding:10px;display: flex;justify-content: space-between;align-items: center;background: #efefef }
.top .info{width: 80%;display: flex;}
.top .pos{text-align: right; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex: 1 1}
.top .pos a{display: inline;}
.top .logo{height: 35px;}
.top .user{margin-left: 25px;background: url(/uploads/image/blriico/u.png) no-repeat 0 center/auto 16px;padding-left: 20px;}
[data-action]{cursor: pointer;}

.slide{height: 16rem;overflow: hidden;}
.slide a{background-repeat: no-repeat;background-position: center;background-size: cover;}

.page .menu{background: #fff;display: flex;justify-content:space-around;}
.page .menu a{background: url(/uploads/image/blriico/m1.png) no-repeat center 1rem/auto 4.5rem;padding: 6rem 2.4rem 1rem;}
.page .menu a.i2{background-image: url(/uploads/image/blriico/m2.png);}
.page .menu a.i3{background-image: url(/uploads/image/blriico/m3.png);}

.area{background: #fff;}
.kind {padding: 1.5rem;}
.kind.m {color: #000;padding: 1.7rem 1.5rem .8rem;background: #efefef}
.kind .k{font-size: 1.6rem;}
.kind .s{margin-left: 1rem;}
.kind.m2{display: flex;justify-content: space-between;}

.vipp .pics a{display: block; margin-top: 1rem;}
.vipp .pics img{display: block; width: 100%}

.listvideo li:not(:first-child){border-top: 1px solid #e7e7e7;}
.listvideo li{cursor: pointer;}

.video{color: #000}
.video .imgtxt{background: #ccc no-repeat center center/cover;height: 20.5rem;display: flex;flex-direction: column; }
.video .imgtxt .info{margin-top: auto; height: 3rem;line-height: 3rem; background: rgba(0,0,0,.6);font-size: 1.2rem;color: #fff;display: flex;justify-content: space-between;padding: 0 1.5rem;}
.video .imgtxt .state.ing{color: #ffc304}
.video .detail{padding:1.2rem 1.5rem;}
.video .detail h3{color: #000;font-size: 1.6rem;font-weight: bold;}
.video .detail .info{color: #666;font-size: 1.4rem;}
.video .detail .user{margin-top: .5rem;color: #999;}
.video .detail .price{color: #b31e23;font-size: 1.6rem;}

.video.h{padding: 1.5rem;display: flex;}
.video.h .imgtxt{width: 14rem;height: 14rem;}
.video.h .imgtxt .info{height: 2rem;line-height: 2rem; font-size: 1rem;padding: 0 .5rem;}
.video.h .detail{font-size: 1.2rem; flex: 1 1;padding: 0 0 0 .8rem;display: flex;flex-direction: column;}
.video.h .detail h3{font-size: 1.4rem;}
.video.h .detail .bt2{color: #999;margin-top: auto;}
.video.h .detail .limit{max-width: 19.5rem;}

.video.locked .imgtxt{position: relative;}
.video.locked .imgtxt:before{content: ''; position: absolute;left: 0;right: 0;top: 0;bottom: 0;background:rgba(0,0,0,.4);}
.video.locked .imgtxt:after{content: ''; position: absolute;width: 1.8rem;height: 2.7rem;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background: url(/uploads/image/blriico/lock.png) no-repeat 0 0/contain;}

.detailh .head{height: 16rem;background: none no-repeat center center/cover}
.detailh .info{padding: .8rem 1.5rem;}
.detailh .total{display: flex;justify-content: space-between; margin:.5rem 1.5rem 0; padding: 1rem 0;border-top: 1px solid #f0f0f0}

.teacher{padding: 1.5rem;}
.teacher .base {display: flex;align-items: center;}
.teacher .base img{border-radius: 100%;width: 4.5rem;height: 4.5rem;margin-right: 1rem;}
.teacher .teacher{color: #666;}
.teacher .teacher .author{font-weight: bold; color: #000;font-size: 1.5rem;}
.teacher .info{margin-top: 1rem;}
.teacher.m .base{font-size: 1.5rem;}
.teacher.m .base .summ{font-size: 1.2rem;}
.teacher.m .base img{width: 5rem;height: 5rem;}

.dir{padding: 1.5rem;}
.dir .listvideo{padding-bottom: 1.5rem;border-bottom: 1px solid #f0f0f0}
.dir .video{padding: 0;}
.dir .video .imgtxt{width: 8rem;height: 8rem;}
.dir .chapter:first-child{margin-top: 0}
.chapter{margin-top: 1.2rem;}
.chapter>h3{color: #000;font-weight: bold;}
.course li{padding: 1rem 0;display: flex;justify-content: space-between;cursor: pointer;}
.course .fst{padding-left: 1.5rem;position: relative; flex: 1 1}
.course .sec{margin-left: 1rem;}
.iplay:before{content: '';display: inline-block;width: 0;height: 0;border-width: 0.4rem 0.6rem;border-style: solid; border-color: transparent;border-left-color: #999; }
.course .iplay:before{position: absolute;left: 0;top:.6rem;}
.course li.disabled h4{color: #666}
.course h4{color: #000}
.course .time{color: #666}
.iplay2{display: inline-block; width: 1.5rem;height: 1.5rem; background: url(/uploads/image/blriico/play.png) no-repeat 0 0/contain;}
.ilock{display: inline-block; width: .9rem;height: 1.4rem; background: url(/uploads/image/blriico/lock2.png) no-repeat 0 0/contain;}
.course .iplay2,
.course .ilock{margin-top: .3rem;}

.buya{height: 5rem;}
.buya a{position: fixed;bottom: 0;}

.ladderp.play {display: flex;flex-direction: column; height: 100vh;}
.ladderp.play .ifr{border: none;height: 56.25vw;max-height: 450px;}
.ladderp.play.m .ifr{max-height: none; flex: 1 1;}
.ladderp.play .course{margin-top: -1.5rem;}

.tb3w {margin-top: .8rem;}
.tb3w .tb3{margin-top: -1.5rem;}
.tb3{padding:0 1.5rem;}
.tb3 table{width: 100%;}
.tb3 td{height: 8rem;}
.tb3 tr:not(:last-child) td{border-bottom: 1px solid #eee}
.tb3 .token{margin-top: .5rem;}
.token{display: inline-block;border: 1px solid;color: #e25c0a;font-size: 1.2rem;padding: 0 .2rem;}
.token.blue{color: #265fab}
.token.gray{color: #666}

.xgallery .bnum{text-align: center; left: 0;right:0;bottom:0;padding: .3rem;}
.xgallery .bnav .bitem{width:.6rem;height:.6rem;}
.xgallery>.bitems *{height: 100%;width: 100%;}

.richtextp{padding: 2rem 0;background: #fff}
.richtextp .title2{color: #000;font-size: 3rem;text-align: center;}
.richtextp .brief{margin-top: 1rem; background: #f1f1f1;font-size: 1.5rem;padding: 1rem 1.5rem;border-left: .3rem solid #b31e23;}
.richtextp .brief .date{font-size: 1.2rem;margin-top: .5rem;}
.richtextp .richtext{padding:0 1.5rem;text-align: justify;}
.richtextp .richtext>*{margin-top: 1rem;}
.richtextp .richtext h3{text-align: center;font-weight: bold;}
.richtextp .richtext h3 span{display: inline-block;padding: 0 2.5rem;font-size: 1.8rem;background: #ffeeca;background: linear-gradient(0deg, #ffeeca, #ffeeca 60%, transparent 60%)}
.richtextp .richtext .img{text-align: center;}
.richtextp .richtext .img img{max-width: 100%;}

@media (min-width: 700px){
  html.r10{font-size: 10px!important;background: #fff6f2 }
  .page{max-width: 800px;margin: 0 auto;}
  .buya a{max-width: 800px;}
  .slide,.detailh .head{height: 32rem;}
  .listvideo:not(.m){display: flex;background:#efefef;flex-wrap: wrap; }
  .listvideo:not(.m) li{margin: 15px 0 0 15px;background: #fff;flex: 1 1; max-width: calc(50% - 7.5px);flex-basis: 270px;}
  .listvideo:not(.m) li.none{max-width: none;cursor: default;}
  .listvideo:not(.m) li:nth-child(2n 1){margin-left: 0}
  .kind .listvideo li:nth-child(-n 2){margin-top: 0}
}