/*短视频*/
.tab-nav { padding: 0 .3rem; justify-content: space-between; }
.tab-nav span, .tab-nav a { height: 1rem; line-height: 1rem; padding: 0 .1rem; font-size: .3rem; }
.tab-nav span { position: relative; }
.tab-nav .active a{ font-weight: bold; font-size: 0.4rem; }
.tab-nav .active:after { content: ''; position: absolute; left: 50%; transform: translate(-50%, 0); bottom: 8px; width: .25rem; height: 0.06rem; background: #F5301B; border-radius: .06rem; }
.tab-nav a{display:flex;align-items:center;}
.tab-nav a img{width: .3rem;height: auto;margin-right: .08rem;}

.short-con { display: flex; justify-content: space-between;padding: 0 .12rem; }
.short-con .left, .short-con .right { width: 50%; }
.short-con li { width: 3.45rem; margin: 0 auto .24rem; max-width: 95%; }
.short-con .pic { position: relative; }
.short-con .pic img { width: 3.45rem; border-radius: .1rem .1rem 0 0; max-width: 100%; }
.short-con .absinfo { position: absolute; left: 0; bottom: 0; width: 100%; height: .6rem; line-height: .6rem; padding-right: .2rem; text-align: right; font-size: .22rem; color: #fff; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7)); border-radius: 0; box-sizing: border-box; }
.short-con .collect { display: flex; position: absolute; top: .1rem; left: .1rem; width: .35rem; height: .35rem; justify-content: center; align-items: center; }

/*短剧*/
.search{display:flex;margin: .18rem .24rem;background: #F7F8FA;}
.catalog{height: 1.8rem;}
.fix{position:fixed;top:1rem;left:0;width:100%;background:#fff;z-index:6;}
.row{width:100%;height:.58rem;display:flex;overflow-x:scroll;white-space:nowrap;-webkit-overflow-scrolling:touch;}
.row li:first-child{margin-left:.2rem;}
.type{display:inline-block;height:.58rem;line-height:.58rem;font-size:.27rem;}
.cname{height: .8rem;line-height: .8rem;}
.cname .type{margin-right:.32rem;height: .8rem;line-height: .8rem;font-size:.32rem;}
.cname .active{font-size:.38rem;font-weight:bold;}
.order{margin: .1rem 0 .3rem;}
.order .type{margin-right:.2rem;padding:0 .2rem;background:#f4f4f4;border-radius:.06rem;}
.order .active{background:#FCEDE8;color:#E0501F;}

/*全球看*/
.box{margin:.1rem 0 .2rem;}
#global .search{margin-left:0;}
#global .logo img{height:.36rem;}
#global .submit-btn{opacity: .3;}
#global .fbBtn{display: block;align-items: center;height: .62rem;line-height: .38rem;margin-right: .2rem;font-size: .22rem;color:#222;}
#global .fbBtn:before{content:'';display:block;width: .32rem;height: .32rem;margin: 0 auto;background: url(../img/fbBtn.png) center center no-repeat;background-size: .3rem auto;}
.banner3 { position: relative; width: 100%; height: 5.65rem;margin-bottom:.24rem;overflow:hidden;}
.bigImg { width: 100%; height: 5.65rem; overflow: hidden; }
.bigImg li { position: relative; }
.bigImg li a, .bigImg li img { width: 100%; height: 5.65rem; }
.bigImg li a:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 5.65rem;background: linear-gradient(to bottom, rgba(247, 248, 250, 0) 36%, rgba(247, 248, 250, 1) 80%);z-index: 4;}
.bigImg .content{width: 100%;position:absolute;bottom: .2rem;z-index: 5;padding: 0 .2rem;box-sizing: border-box;}
.bigImg .content .desc{height:.36rem;line-height: .36rem;overflow:hidden;font-size:.24rem;color: #777;}
.smallImg {width:7.1rem;position: absolute;left:.2rem;right:.2rem;bottom: 1.1rem;height: 20%;box-sizing: border-box;padding: 0.2rem 0;}
.smallImg .swiper-slide { position: relative; width: 23%;min-width:1.6rem; height: 0.8rem; box-sizing: border-box; }
.smallImg  .hover { width: 1.6rem; height: 0.94rem; }
.smallImg img { display: block; width: 100%; height: 100%; border-radius: 5px; }
.smallImg  .hover img { position: absolute; top: -.05rem; }