@keyframes scals{
	0%{font-size:1rem;}
	100%{font-size:0.88rem;}
}
/*videolist*/
.videolist{margin-top: 10px;}
.videolist .navlist {height: 2.82rem;line-height: 2.82rem;box-shadow:0 3px 5px 0 #f5f7f7; width: 100%;  background: #fff;}
.videolist .navlist.act{ position:fixed; top:0; left:0;}
.videolist .navlist .swiper-wrapper .swiper-slide a{color: #333;font-size: 1rem;display: block;}
.videolist .navlist .swiper-wrapper .swiper-slide .active{color: #578bed;}
/*tab*/
.videolist .tab{height: 1.44rem;line-height: 1.44rem; margin-top:0.69rem; padding:0 1%;}
.videolist .tab .tablist{display: flex;border:1px solid #9a9b9e;border-radius: 2px;}
.videolist .tab .tablist a{font-size: 0.7rem;color: #9a9b9e;text-align: center;flex:1;}
.videolist .tab .tablist .select{background: #9a9b9e;color: #fff;}
/*classlist*/
.videolist .classlist{margin-top: 0.2rem;}
.videolist .classlist .listitem{display: inline-block;width: 48%;margin:0.3rem 1%; float:left; height:13rem;}
.videolist .classlist .listitem.mylistitem{ height:9rem;}
.videolist .classlist .listitem .a1{display: block}
.videolist .classlist .listitem .a1:hover{opacity: 0.8}
.videolist .classlist .listitem .listimg{width: 100%;height:5.94rem; position:relative; overflow:hidden; background:#f8f8f8; border:1px solid #efefef;border-radius:0.25rem;}
.videolist .classlist .listitem .listimg .lbox{ width:auto; height:auto; position:absolute; bottom:0; left:0;}
.videolist .classlist .listitem .listimg a{display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.videolist .classlist .listitem .listimg a:hover{opacity: 0.8}
.videolist .classlist .listitem .listimg img{width: 100%;border-radius: 0.25rem; height:100%;}
.videolist .classlist .listitem .listimg .buying{ color:#fff;background: linear-gradient(90deg,#fd950f 0%,#fb4d16 100%);  padding:0.1rem 0.4rem;border-radius:0.25rem; float:left;}
.videolist .classlist .listitem .listimg .livelabel{ padding:0.1rem 0.4rem;background:linear-gradient(90deg,#39e393 0%,#09d8b7 100%);border-radius:0.25rem; color:#fff; float:left;margin-right:3px;}
.videolist .classlist .listitem .listtitle{color: #333;margin-top: 0.5rem;line-height: 1.5rem;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;height:3rem;}
.videolist .classlist .listitem .listtitle a{color: #272729;font-weight: normal}
.videolist .classlist .listitem .listtitle a:hover{opacity: 0.8}
.videolist .classlist .listitem .listlearn{margin-top: 0.78rem;display: flex;align-items: center;}
.videolist .classlist .listitem .listlearn .span1{color: #333;font-size:0.75rem;line-height:0.95rem;max-width: 4rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.videolist .classlist .listitem .listlearn .span2{color: #999999;font-size: 0.75rem;line-height:0.95rem;}
.videolist .classlist .listitem .listlearn img{width: 0.81rem;height: 0.81rem;margin:0 0.4rem;}
.videolist .classlist .listitem .listprice{margin-top: 0.5rem}
.videolist .classlist .listitem .listprice .line{color: #c2c2c2;font-size: 0.94rem;background: #fff}
.videolist .classlist .listitem .listprice .span1{color: #f2551e;margin-right:0.43rem;font-weight: bold;line-height:0.63rem;}
.videolist .classlist .listitem .listprice .span1 .span3{font-size: 0.625rem;}
.videolist .classlist .listitem .listprice .span2{color: #333333;margin-left: 0.43rem}
.videolist .classlist .listitem .listprice .free{color:#578bed;margin-right: 0.43rem; font-weight:bold;line-height:0.63rem;}
.videolist .tips{color: #999999;font-size: 0.69rem;text-align: center;margin-top: 1.5rem;margin-bottom: 1.5rem;}
/*支付成功*/
.paytitle{text-align: center;background: #fff;}
.paytitle img{width: 2.4375rem;margin-top: 1.5rem;}
.paytitle .text{display: block;color: #00baa6;margin-top: 0.75rem;}
.paytitle .failtext{display: block;color: #f21e1e;margin-top: 0.75rem;}
.paytitle .price{ font-size: 1.31rem;color: #333333;font-weight:bold; margin-top:0.625rem; display:block;}
.paytitle .price .fh{font-weight:normal;}
.paybutt{padding-top: 1.9375rem;text-align: center;padding-bottom: 1.25rem;background: #fff;}
.paybutt .but1{ width: 8.75rem;border: 1px solid #c3cac8;border-radius: 1.3125rem;}
.paybutt .but1 a{font-size: 1rem;color: #333; width:100%; height:100%; display:block;line-height:2.625rem;}
.paybutt .but2{ width: 8.75rem;border: 1px solid #c3cac8;border-radius: 1.3125rem;margin-left: 0.9375rem;;}
.paybutt .but2 a{font-size: 1rem;color: #578bed; width:100%; height:100%; display:block;line-height:2.625rem;}
.command{background: #fff;height: 2.75rem;line-height: 2.75rem;text-align: center;margin-top: 0.625rem;display: flex;align-items: center;justify-content: center}
.command .line{width: 3.125rem;height: 1px;background: #efefef;display: inline-block}
.command .text{color: #666666;font-size: 0.875rem;margin:0 0.5rem;display: inline-block}
.videolist .btnbox{ padding:0 2.5rem;margin-top: 1.41rem;}
.videolist .backfirst{width: 8.75rem; height: 2.625rem; text-align: center; line-height: 2.625rem;  background: #fff; border:1px solid #efefef; color: #333; display: block; border-radius: 1.5rem; float:left;}
.videolist .paybtn{ width:8.75rem; height:2.625rem;text-align:center;line-height:2.625rem; background:#578bed; color:#fff; display:block;border-radius:1.5rem; float:right;}
/*我的页面*/
.my .head{background: linear-gradient(to right,#f3f9f8, #e6f1f0);padding-bottom: 0.94rem;}
.my .head .top{display: flex;padding-top: 0.81rem;position: relative;}
.my .head .top .headimg{ height: 3.125rem;width: 3.125rem;border-radius: 50%;position: relative; overflow:hidden;}
.my .head .top .headimg .img1{width: 100%;}
.my .head .top .headimg .img2{width: 1.81rem;position: absolute;bottom: 0;right: -0.625rem;}
.my .head .top .user{padding-top: 0.375rem;margin-left: 1.125rem;}
.my .head .top .user .name{color: #465453;font-size: 1.125rem;}
.my .head .top .user .phone{background: #dde9e8;border-radius: 0.438rem;padding-left: 0.375rem;padding-right: 0.31rem;margin-top: 0.438rem;}
.my .head .top .user .phone .fnfont{color: #3e8f86;font-size: 0.625rem;}
.my .head .top .user .phone .bindphone{color: #3e8f86;font-size: 0.625rem;}
.my .head .top .set{position: absolute;width: 1.125rem;height: 1.125rem;right: 0.94rem;}
.my .head .top  .set img{width: 100%;}
.my .head .bottom{margin-top: 0.81rem;display: flex;align-items: center}
.my .head .bottom .botcont{display: flex;}
.my .head .bottom .botcont .bottitem{text-align: center;margin-right: 1.19rem;margin-left: 1.19rem;}
.my .head .bottom .botcont .bottitem:first-child{margin-left: 0;}
.my .head .bottom .botcont .bottitem .num{color: #3e8f86;font-size: 0.875rem;}
.my .head .bottom .botcont .bottitem .text{ color: #465453;font-size: 0.69rem;margin-top: 2px;}
.line{width: 1px;background: #cfe2e0;height: 1.125rem;margin-top: 0.31rem;}
.my .head .bottom .sign{background: #fba613;color: #fff;height: 1.75rem;line-height: 1.75rem;width: 4.69rem;border-top-left-radius: 0.875rem;border-bottom-left-radius: 0.875rem;padding-left: 1rem;position: absolute;right: 0;display: flex;align-items: center}
.my .head .bottom .sign img{width: 0.875rem;}
.my .head .bottom .sign .text{margin-left: 0.438rem}

/*支付成功二维码*/
.openbox{width:100%; height:3.4rem; position:relative;}
.openbox img{ width:100%; height:auto; position:absolute; top:50%; left:50%;transform:translate(-50%,-50%);}
.codemask{width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.7); display:none;}
.codemask .joincode{ width:17.2rem; height:18.44rem; position:absolute; top:50%; left:50%; margin-top:-9.22rem;margin-left:-8.6rem; background:#fff;border-radius:0.375rem;}
.codemask .joincode .close{font-size:1.5rem; color:#dbdde0; position:absolute; top:0.625rem; right:0.625rem;}
.codemask .joincode .codebox{ width:9.7rem; height:9.875rem; margin:1.875rem auto 0; position:relative;}
.codemask .joincode .codebox img{ width:100%; height:auto; position:absolute; top:50%; left:50%;transform:translate(-50%,-50%);}
.codemask .joincode .text{ width:12.56rem; height:3.28rem; margin:1.5rem auto 0; position:relative;}
.codemask .joincode .text img{ position:absolute; width:100%; height:auto; top:50%; left:50%;transform:translate(-50%,-50%);}
/*list*/
.my .list{}
.my .list .list-item{display: block;height: 3.125rem;line-height: 3.125rem;border-bottom: 1px solid #efefef;font-size: 0.81rem;color: #333333;}
.my .list .list-item .fnfont{color: #696e6d;float: right;font-size: 1rem;}
/*蜂鸟币说明*/
.coin header .icon-left{margin-top: 0.19rem;font-size: 1.5rem;display: inline-block; position: absolute;left: 3%}
.coin header .title{color: #1b1c1e;font-weight: bold;font-size: 1rem;display: inline-block;margin: auto;width: 100%}
.coin header .search{display: flex;align-items: center;position: absolute;width: 11.875rem;box-sizing: border-box;right: 0;}
.coin header .search input{height: 2rem;line-height: 2rem;border-radius: 1rem;background: #f4f4f4;border: 0;padding-left: 30.5rem;box-sizing: border-box;width: 100%;color: #9a9b9e;font-size: 0.75rem;}
.coin header .search span{position: absolute;left: 1rem;color: #9a9b9e;font-size: 0.8125rem;}
.coin ul li{padding-top: 1rem;}
.coin ul li .linemark{float: left;width: 0.625rem;margin-right: 0.375rem;}
.coin ul li .line{background: #578bed;width: 0.625rem;height: 0.1875rem;display: inline-block; position: relative;top: -0.1875rem;}
.coin ul li .tit1{ color:#333;line-height:1rem;}
.coin ul li .tit2{color: #666666;display: block;margin-top: 0.6rem;width: 19.875rem;margin-left: 0.875rem}
/*navlist*/
.navlist{box-shadow:0 7px 5px 0 rgba(164,164,164,0.1); width:100%; height:2rem;}
.navlist .navcont{ width:100%; height:2rem;line-height:2rem;}
.navlist .navcont li .num1{margin-left:0.375rem;}
.navlist .navcont li.act{ color:#578bed; position:relative;}
.navlist .navcont li.act:after{content: '';position: absolute; left: 50%; bottom: 0.1rem; right: 0; width: 0.6rem; height: 0.19rem; background-color:#578bed;margin-left:-0.3rem;border-radius:0.53rem;}
.navlist .navcont li{ display: inline-block;text-align:center;font-size:1rem; color:#272729; width:48%;line-height:2rem; height:100%; float:left;}
.navlist .navcont li:last-child{margin-right:0;}

/*20220511 新增vip <div class="vipbtn" style="background-image: ;">
    <a href="#">vip兑换码激活</a>
</div>*/
.vipbtn{width: 90%;height: 3rem;display: block;background:  no-repeat center;background-size: cover;color: #fff;font-size: 0.9rem;text-align: center;margin: 0 auto;}
.vipbtn a{display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);color: #fff;font-size: 0.85rem;line-height: 3rem;letter-spacing: 0.1rem;}