* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0
}
::-webkit-scrollbar {
  display: none;
}
::-webkit-scrollbar-track {
  display: none;
}
::-webkit-scrollbar-thumb {
 display: none;
}

html {
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
}

body {
	font-family: Microsoft JhengHei, Source Sans Pro, sans-serif;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: transparent;
	overscroll-behavior: none
}

li {
	list-style: none
}

a {
	text-decoration: none
}

@media screen and (max-width:999px) {
	html {
		font-size: 14px
	}
}

@media screen and (max-width:320px) {
	html {
		font-size: 12px
	}
}

.video-group {
	padding: 10px 10px 10px 10px;
	background: #ffffff
}

.video-group:not(:last-of-type) {
	border-bottom: 10px solid #ffffff
}

.video-group .title-content {
	margin-bottom: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	background-color: #ff9400;
}

.video-group .title-content h3 {
	font-size: 1.3rem
}

.video-group .title-content .right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: auto;
	font-size: 14px
}

.video-group .title-content.search {
	color: #ff557f
}

.video-group .video-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -5px
}

.video-group .video-wrap.long .col-style.horizontal .videoBox .videoBox-content {
	padding-bottom: 66.76470588%
}

.video-group .video-wrap.long .col-style.vertical .videoBox .videoBox-content {
	padding-bottom: 143.030303%
}

.video-group .video-wrap.long .col-style .videoBox .videoBox-info h4 {
	text-overflow: ellipsis;
	white-space: nowrap
}

.video-group .video-wrap.short .col-style.horizontal .videoBox .videoBox-content {
	padding-bottom: 100%
}

.video-group .video-wrap.short .col-style .videoBox .videoBox-info h4 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	white-space: normal;
	/*! autoprefixer: off */
	-ms-box-orient: vertical;
	-o-box-orient: vertical;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical
}

.video-group .video-wrap.actor .col-style .videoBox .videoBox-content {
	border-radius: 50%
}

.video-group .video-wrap.actor .col-style .videoBox .videoBox-info h4 {
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center
}

.video-group .video-wrap.category .col-style .videoBox .videoBox-info h4 {
	text-align: center
}

.video-group .video-wrap .col-style {
	position: relative;
	padding: 0 5px 10px
}

.video-group .video-wrap .col-style.col-style-1 {
	width: 100%
}

.video-group .video-wrap .col-style.col-style-2 {
	width: 50%
}

.video-group .video-wrap .col-style.col-style-3 {
	width: 33.33333%
}

.video-group .video-wrap .col-style.col-style-4 {
	width: 25%
}

.video-group .video-wrap .col-style.horizontal .videoBox .videoBox-content {
	padding-bottom: 67.25%
}

.video-group .video-wrap .col-style.vertical .videoBox .videoBox-content {
	padding-bottom: 143.5%
}

.video-group .video-wrap .col-style.square .videoBox .videoBox-content {
	padding-bottom: 100%
}

.video-group .video-wrap .col-style .videoBox .videoBox-content {
	position: relative;
	height: 0;
	overflow: hidden;
	background-color: #2a2b2c
}

.video-group .video-wrap .col-style .videoBox .videoBox-content .videoBox-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	object-fit: cover;
}

.video-group .video-wrap .col-style .videoBox .videoBox-content .collect {
	position: absolute;
	top: 7px;
	right: 7px;
	height: 35px;
	width: 35px;
	background-image: url(../img/collect_btn.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50%;
	-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .24);
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .24)
}

.video-group .video-wrap .col-style .videoBox .videoBox-content .collect.active {
	background-image: url(../img/collect_btn_active.png)
}

.video-group .video-wrap .col-style .videoBox .videoBox-content .videoBox-bottom {
	position: absolute;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	width: 100%;
	padding: 7px;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8));
	color: #fff;
	font-size: 12px
}

.video-group .video-wrap .col-style .videoBox .videoBox-content .videoBox-bottom .tag_con {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.video-group .video-wrap .col-style .videoBox .videoBox-content .videoBox-bottom .tag_con .kind {
	margin-left: 5px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center
}

.video-group .video-wrap .col-style .videoBox .videoBox-content .videoBox-bottom .tag_con .kind.ch {
	background-color: #aa4ac5
}

.video-group .video-wrap .col-style .videoBox .videoBox-content .videoBox-bottom .tag_con .kind.pi {
	background-color: #6084ff
}

.video-group .video-wrap .col-style .videoBox .videoBox-content .video-tag {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: 22px;
	line-height: 22px;
	color: #7fff00;
	text-align: center;
	font-weight: 900;
	letter-spacing: 1px
}

.video-group .video-wrap .col-style .videoBox .videoBox-content .video-tag.free {
	background: -webkit-gradient(linear, left top, right top, from(#f94d43), to(#b83cd7));
	background: linear-gradient(90deg, #f94d43, #b83cd7);
	z-index: 3
}

.video-group .video-wrap .col-style .videoBox .videoBox-content .video-tag.vip {
	background: #fa9028;
	z-index: 2
}

.video-group .video-wrap .col-style .videoBox .videoBox-content .video-tag.cate {
	background: #ff557f;
	z-index: 1
}

.video-group .video-wrap .col-style .videoBox .videoBox-info {
	margin-top: 5px
}

.video-group .video-wrap .col-style .videoBox .videoBox-info h4 {
	color: #000000;
	overflow: hidden
}

.video-group .video-wrap .col-style .actorBox {
	margin-top: 3px
}

.video-group .video-wrap .col-style .actorBox .actorBox-content {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/*! autoprefixer: off */
	-ms-box-orient: vertical;
	-o-box-orient: vertical;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	white-space: normal;
	color: #999;
	overflow: hidden
}

.video-group .video-wrap .col-style .collectBox {
	margin: 5px 5px 0;
	padding: 1px;
	background-image: -webkit-gradient(linear, left top, right top, from(#f94d43), to(#b83cd7));
	background-image: linear-gradient(90deg, #f94d43, #b83cd7);
	border-radius: 50px
}

.video-group .video-wrap .col-style .collectBox .btn {
	padding: 3px 0;
	border-radius: 50px;
	background: #131415;
	text-align: center;
	color: #fff
}

.video-group .video-wrap .col-style .collectBox .btn.collect {
	background-image: -webkit-gradient(linear, left top, right top, from(#f94d43), to(#b83cd7));
	background-image: linear-gradient(90deg, #f94d43, #b83cd7)
}

.video-group .actor-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff
}

.video-group .actor-info .img {
	width: 80px;
	height: 80px;
	border-radius: 50px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #ddd
}

.video-group .actor-info .info {
	margin-left: 20px;
	font-size: 1.2rem
}

.video-group .actor-info .info p:not(:first-of-type) {
	margin-top: 10px;
	font-size: 1rem;
	color: #999
}

.video-group .actor-info .btn {
	margin: 0 5px 0 auto;
	padding: 1px;
	width: 80px;
	font-size: 12px;
	line-height: 23px;
	text-align: center;
	background-image: -webkit-gradient(linear, left top, right top, from(#f94d43), to(#b83cd7));
	background-image: linear-gradient(90deg, #f94d43, #b83cd7);
	border-radius: 50px
}

.video-group .actor-info .btn .btn-text {
	padding: 3px;
	border-radius: 50px;
	background: #131415
}

.video-group .actor-info .btn .btn-text.collect {
	background-image: -webkit-gradient(linear, left top, right top, from(#f94d43), to(#b83cd7));
	background-image: linear-gradient(90deg, #f94d43, #b83cd7)
}

.video-group .actor-info .more {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-item-align: end;
	align-self: flex-end;
	margin-left: auto;
	margin-bottom: 15px
}

.video-group .actor-info .more i.fa-angle-right {
	font-size: 16px
}

.tab-wrapper header {
	top: 0;
	left: 0;
	right: 0;
	max-width: 768px;
	width: 100%;
	margin: 0 auto;
	background: #ffffff;
	z-index: 10
}

.tab-wrapper header .cube-tab-bar {
	height: 40px;
	line-height: 40px;
	overflow: auto;
    overflow-y: hidden;
    -ms-flex-pack: initial;
    justify-content: initial;
	background-color: rgb(253 109 101 / 80%);
}

.tab-wrapper header .cube-tab-bar .cube-tab {
	padding: 0;
	color: #ffffff;
	font-size: 16px;
	font-weight: 900;
	width: 20%;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
	margin:5px 0 5px 0;
}

.tab-wrapper header .cube-tab-bar .cube-taber {
	padding: 0;
	color: #999;
	font-size: 16px;
	font-weight: 900
	
}

.cube-taber {
   -webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	padding: 7px 0;
	color: #666;
	text-align: center
}

@media (min-width: 768px){
	.tab-wrapper header .cube-tab-bar .cube-tab {
	padding: 0;
	color: #ffffff;
	font-size: 16px;
	font-weight: 900;
	width: 80px;
	-ms-flex: 0 0 auto;
	}
}


.tab-wrapper header .cube-tab-bar .cube-tab_active {
	color: #ffffff
}

.tab-wrapper header .cube-tab-bar.policy .cube-tab_active {
	color: #ffffff
}

.tab-wrapper header .cube-tab-bar .cube-tab-bar-slider {
	background: -webkit-gradient(linear, left top, right top, from(#f94d43), to(#b83cd7));
	background: linear-gradient(90deg, #f94d43, #b83cd7)
}

.tab-wrapper.search .cube-tab-bar {
	background: #131415
}

.tab-wrapper.search .cube-tab-bar .cube-tab_active {
	color: #fff
}

.top-content {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 768px;
	width: 100%;
	height: 40px;
	margin: 0 auto;
	color: #ff557f;
	border-bottom: 1px solid #2e2e2e;
	background: #000;
	z-index: 2000
}

.top-content.rel {
	position: relative
}

.top-content .btn {
	left: 10px;
	width: 25px;
	height: 25px;
	background-image: url(../img/chevron_left.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.top-content .btn,
.top-content i {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.top-content i {
	right: 15px;
	font-size: 16px;
	color: #999
}

.main-content {
	/*position: fixed;*/
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 768px;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 4rem;
	background: #ffffff;
}

.main-content.gray {
	background: #131415;
}

.main-content.play {
	padding-top: 56.25%
}


.main-content.top2 {
	padding-top: 40px
}

.main-content.top3 {
	padding-top: 0px
}

.fix-bottom {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 768px;
	margin: 0 auto;
	z-index: 12
}

.fix-bottom .tag-wrap {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 0 10px;
	color: #fff;
	background: #131415
}

.fix-bottom .tag-wrap .top-inner-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 40px
}

.fix-bottom .tag-wrap .top-inner-content .close {
	height: 24px;
	width: 24px;
	background-image: url(../img/close.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.fix-bottom .tag-wrap p {
	margin: 10px 0;
	color: #999
}

.fix-bottom .tag-wrap .tag-content .tag {
	color: #fff
}

.fix-bottom .tag-wrap .tag-content .tag label {
	display: block;
	border-radius: 50px;
	background: #131415
}

.fix-bottom .tag-wrap .tag-content .tag input {
	display: none
}

.fix-bottom .tag-wrap .tag-content .tag input:checked~label {
	background-image: -webkit-gradient(linear, left top, right top, from(#f94d43), to(#b83cd7));
	background-image: linear-gradient(90deg, #f94d43, #b83cd7)
}

.fix-bottom .tag-wrap .btn {
	width: 50%;
	margin: 10px auto 31px;
	border-radius: 50px;
	padding: 10px;
	text-align: center;
	font-weight: 700;
	background: #2b2b2b;
	color: #fff
}

.fix-bottom .tag-wrap .btn.active {
	background-image: -webkit-gradient(linear, left top, right top, from(#f94d43), to(#b83cd7));
	background-image: linear-gradient(90deg, #f94d43, #b83cd7)
}

.fix-bottom .bg {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6)
}

.tag-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -5px
}

.tag-content .tag {
	width: calc((100% - 40px)/4);
	height: 30px;
	line-height: 28px;
	margin: 0 5px 10px;
	border-radius: 0px;
	padding: 1px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.tag-content .tag .tag-text {
	color: #fff;
	border-radius: 0px;
	background: #131415
}

.static-content {
	color: #fff;
	line-height: 1.5;
	white-space: normal
}

.static-content h3 {
	font-size: 16px;
	margin-bottom: 5px
}

.static-content p:not(:last-of-type) {
	margin-bottom: 20px
}

.static-content>div {
	margin-bottom: 10px
}

.cube-scroll-wrapper.collect {
	background: #131415
}

.cube-pullup-wrapper {
	color: #999
}

.cube-pulldown,
.cube-pullup-wrapper .cube-loading-spinners {
	color: #ff557f
}


.line-title {
	padding: 5px;
	border-bottom: 1px solid #a0a0a0;
	font-size: 14px;
	text-align: center
}



@supports (padding-bottom:constant(safe-area-inset-bottom)) {
	.main-content {
		padding-bottom: calc(4rem + constant(safe-area-inset-bottom))
	}

	.form-btn.fixed {
		bottom: calc(4rem + constant(safe-area-inset-bottom))
	}
}

@supports (padding-bottom:env(safe-area-inset-bottom)) {
	.main-content {
		padding-bottom: calc(1rem + env(safe-area-inset-bottom))
	}

	.form-btn.fixed {
		bottom: calc(4rem + env(safe-area-inset-bottom))
	}
}

#container {
	position: relative;
	max-width: 768px;
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	background: #000;
	-webkit-box-shadow: 0 0 3px #ccc;
	box-shadow: 0 0 3px #ccc;
	/*overflow: hidden*/
}


#dragger {
	position: fixed;
	bottom: 10px;
	right: 0;
	width: 70px;
	height: 70px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 12
}

.search-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 35px;
	padding: 10px 10px 0
}

.search-wrap .search-bar {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	border-radius: 50px;
	padding: 0 10px;
	color: #777;
	background: #2b2b2b
}

.search-wrap .search-bar i {
	font-size: 12px
}

.search-wrap .search-bar span {
	margin-left: 10px;
	font-size: 12px
}

.search-wrap .btn {
	margin-left: 10px;
	padding: 1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 50px;
	color: #fff;
	text-align: center;
	background-image: -webkit-gradient(linear, left top, right top, from(#f94d43), to(#b83cd7));
	background-image: linear-gradient(90deg, #f94d43, #b83cd7)
}

.search-wrap .btn span {
	padding: 0 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 23px;
	border-radius: 50px;
	background: #131415
}

.search-wrap .btn span i {
	margin-left: 5px;
	width: 100%;
	background: -webkit-gradient(linear, left top, right top, from(#f94d43), to(#b83cd7));
	background: linear-gradient(90deg, #f94d43, #b83cd7);
	-moz-background-clip: text;
	-webkit-background-clip: text;
	-o-background-clip: text;
	-webkit-text-fill-color: transparent
}



.logo-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 60px;
	padding: 0 10px
}

.logo-content img {
	height: 70%;
	width: 150px;
}

.logo-content .right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: auto
}

.logo-content .right .btn {
	margin-left: 10px;
	border-radius: 5px;
	padding: 3px 12px;
	color: #fff;
	background: -webkit-gradient(linear, left top, right top, from(#f94d43), to(#b83cd7));
	background: linear-gradient(90deg, #f94d43, #b83cd7)
}


.mix-wrapper {
	margin-bottom: 10px
}

.mix-wrapper:last-of-type {
	margin-bottom: 0
}

.mix-wrapper .video-mix-wrap:nth-child(n+3) {
	margin-top: 10px
}

.mix-wrapper .video-mix-wrap.video-layout-bg {
	background-image: url(../img/carousel-bg.png);
	margin-bottom: 20px
}

.mix-wrapper .video-mix-wrap.video-layout-bg .video-wrap.long .col-style .videoBox .videoBox-info h4 {
	color: #fff
}

.mix-wrapper .video-mix-wrap.layout6 .video-wrap .col-style:first-of-type,
.mix-wrapper .video-mix-wrap.layout8 .video-wrap .col-style:first-of-type {
	width: 100%
}

.mix-wrapper .video-mix-wrap.layout6 .video-wrap .col-style:first-of-type .videoBox .videoBox-content,
.mix-wrapper .video-mix-wrap.layout8 .video-wrap .col-style:first-of-type .videoBox .videoBox-content {
	padding-bottom: 66.76470588%
}

.mix-wrapper .video-mix-wrap .more-btn {
	display: inline-block;
	width: 100%;
	padding: 1px;
	margin-bottom: 10px;
	border-radius: 50px;
	color: #fff;
	text-align: center;
	background-image: -webkit-gradient(linear, left top, right top, from(#f94d43), to(#b83cd7));
	background-image: linear-gradient(90deg, #f94d43, #b83cd7)
}

.mix-wrapper .video-mix-wrap .more-btn .btn-text {
	padding: 7px;
	border-radius: 50px;
	background: #131415
}

.video-horizontal-wrap .cube-scroll-content {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.video-horizontal-wrap .video-wrap {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	white-space: nowrap;
	padding: 10px 10px 0
}

.video-horizontal-wrap .video-wrap .col-style {
	width: 37.03704vw !important
}


.play-content {
	top: 0;
	left: 0;
	right: 0;
	max-width: 768px;
	width: 100%;
	margin: auto;
	background: #000;
	z-index: 11
}

.play-content .play-wrapper {
	position: relative;
	width: 100%;
	height: 200px;
}

.play-content .play-wrapper .back {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 35px;
	height: 35px;
	background-image: url(../img/play_back.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 9999
}

.video-content {
	/*position: absolute;*/
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	padding-top: 56.25%;
	padding-bottom: 4rem
}

.video-content .video-group.info .title-content {
	margin-bottom: 5px
}

.video-content .video-group.info .title-content h2 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 20px;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.video-content .video-group.info .title-content .right .btn {
	width: 15px;
	height: 15px;
	margin-left: 3px;
	background-image: url(../img/chevron_right.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.video-content .video-group.info .date {
	color: #999;
	font-size: 12px
}

.video-content .video-group.info img {
	display: block;
	width: 100%;
	background: #ccc
}

.video-content .video-group.info .r-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.video-content .video-group.info .r-btn img {
	width: 20px;
	height: 20px;
	background: transparent
}

.video-content .video-group.info .video-action {
	margin-top: 10px;
	margin-bottom: 10px
}

.video-content .video-group.info .video-action,
.video-content .video-group.info .video-action .switch-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.video-content .video-group.info .video-action .switch-btn {
	font-size: 12px;
	color: #fff
}

.video-content .video-group.info .video-action .switch-btn.line .img {
	background-image: url(../img/action_global.png)
}

.video-content .video-group.info .video-action .switch-btn.pixel {
	margin-left: 20px
}

.video-content .video-group.info .video-action .switch-btn.pixel .img.sd {
	background-image: url(../img/SD.png)
}

.video-content .video-group.info .video-action .switch-btn.pixel .img.hd {
	background-image: url(../img/HD.png)
}

.video-content .video-group.info .video-action .switch-btn.act {
	color: #fff
}

.video-content .video-group.info .video-action .switch-btn .img {
	width: 20px;
	height: 20px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 3px
}

.video-content .video-group.info .video-action .switch-btn i {
	margin-left: 3px;
	font-size: 18px
}

.video-content .video-group.info .video-action .switch-btn:active {
	color: #c2c2c2
}

.video-content .video-group.info .video-action .btn-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: auto;
	color: #fff
}

.video-content .video-group.info .video-action .btn-content .btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0 10px
}

.video-content .video-group.info .video-action .btn-content .btn .img {
	width: 15px;
	height: 15px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 5px
}

.video-content .video-group.info .video-action .btn-content .btn .text {
	font-size: 12px
}

.video-content .video-group.info .video-action .btn-content .btn.report .img {
	background-image: url(../img/action_report.png)
}

.video-content .video-group.info .video-action .btn-content .btn.download .img {
	background-image: url(../img/action_download.png)
}

.video-content .video-group.info .video-action .btn-content .btn.collect .img {
	background-image: url(../img/action_collect.png)
}

.video-content .video-group.info .video-action .btn-content .btn.collect.active .img {
	background-image: url(../img/action_collect_active.png)
}

.video-content .video-group.info .video-action .btn-content .btn.share .img {
	background-image: url(../img/action_share.png)
}

.video-content .video-group.info .line-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 30px;
	line-height: 29px;
	margin-bottom: 10px;
	white-space: nowrap;
    overflow-x: scroll;
}

.video-content .video-group.info .line-content a {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border: 1px solid #999;
	border-radius: 5px;
	background: #131415;
	color: #fff;
	text-align: center;
	font-size: 12px
}

.video-content .video-group.info .line-content a:not(:last-of-type) {
	margin-right: 10px
}

.video-content .video-group.info .line-content a.active {
	border: none;
	padding: 1px;
	background: -webkit-gradient(linear, left top, right top, from(#f94d43), to(#b83cd7));
	background: linear-gradient(90deg, #f94d43, #b83cd7)
}

.video-content .horizontal-wrap .cube-scroll-content {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.video-content .horizontal-wrap .video-wrap {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	white-space: nowrap
}

.video-content .horizontal-wrap .video-wrap .col-style {
	width: 22.22222vw !important
}

.video-info {
	position: absolute;
	top: 0;
	left: -300%;
	width: 100%;
	height: 100%;
	padding-top: 56.25%;
	padding-bottom: 4rem;
	background: #131415;
	-webkit-transition: left .3s;
	transition: left .3s;
	z-index: 1
}

.video-info.show {
	left: 0;
	right: 0
}

.video-info .top-inner-content {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	color: #ff557f;
	z-index: 2
}

.video-info .top-inner-content .close {
	height: 24px;
	width: 24px;
	background-image: url(../img/close.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.video-info .video-group {
	padding-top: 40px
}

.video-info .video-group h3 {
	margin-bottom: 10px;
	color: #fff
}

.video-info .video-group>div {
	color: #999;
	margin-bottom: 10px
}

@media only screen and (max-device-width:900px) and (orientation:landscape) {
	.play-content .play-wrapper {
		height: 100vh;
		padding-top: 0
	}
}

@supports (padding-bottom:constant(safe-area-inset-bottom)) {
	.video-content {
		padding-bottom: calc(4rem + constant(safe-area-inset-bottom))
	}
}

@supports (padding-bottom:env(safe-area-inset-bottom)) {
	.video-content {
		padding-bottom: calc(4rem + env(safe-area-inset-bottom))
	}
}

@media screen and (min-width:768px) {
	.video-content .horizontal-wrap .video-wrap .col-style {
		width: 170.66667px !important
	}
}


.cube-tab-bar {
	position: relative;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

.cube-tab-bar,
.cube-tab-bar_inline .cube-tab {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.cube-tab-bar_inline .cube-tab {
	-webkit-align-content: center;
	align-content: center
}

.cube-tab-bar-slider {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 20px;
	background-color: #e8864c
}

.cube-tab {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	padding: 7px 0;
	color: #666;
	text-align: center
}

.cube-tab_active {
	color: #e8864c
}

.cube-tab_active ,.cube-tab_active:link{
	position:relative;
}

.cube-tab_active:after{
	content: "";
	height: 2px;
	position: absolute;
	bottom: 0;
	background: linear-gradient(90deg,#f94d43,#b83cd7);
	transition: all .2s;
}

.cube-tab_active :hover:after,.cube-tab_active.on:after{
	left: 0%;
	width: 100%;
}

.cube-slide {
	min-height: 1px
}

.cube-slide,
.cube-slide-group {
	position: relative;
	height: 100%;
	overflow: hidden
}

.cube-slide-group {
	white-space: nowrap;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}

.cube-slide-dots {
	position: absolute;
	bottom: 2px;
	right: 0;
	left: 0;
	padding: 0 6px;
	font-size: 0;
	text-align: center;
	-webkit-transform: translateZ(1px);
	transform: translateZ(1px)
}

.cube-slide-dots>span {
	display: inline-block;
	vertical-align: bottom;
	margin: 0 1px;
	width: 10px;
	height: 1px;
	background: #ccc
}

.cube-slide-dots>span.active {
	background: #fc9153
}

.cube-slide-item {
	float: left;
	box-sizing: border-box;
	height: 100%;
	width: 100%
}

.cube-slide-item>a {
	overflow: hidden;
	text-decoration: none
}

.cube-slide-item>a,
.cube-slide-item>a>img {
	display: block;
	height: 100%
}

.cube-scroll-wrapper {
	position: relative;
	height: 100%;
	overflow: hidden
}

.cube-scroll-list-wrapper {
	overflow: hidden
}


.cube-pullup-wrapper {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

.cube-pullup-wrapper .before-trigger {
	padding: 22px 0;
	min-height: 1em
}

.cube-pullup-wrapper .after-trigger {
	padding: 19px 0
}

.cube-scroll-content {
	position: relative;
	z-index: 1
}

.cube-scroll-item {
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	padding-left: 20px
}



#gototop{
	position: fixed; 
	bottom: 156px; 
	right: 10px; 
	cursor: pointer; 
	display: block;
	z-index: 12;
}
.hidden{
	display: none;
}
.hide{
	display: none;
}
.MaDouYm{
display: inline-block;
    width: 100%;
    padding: 1px;
    margin-bottom: 10px;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    background-image: -webkit-gradient(linear,left top,right top,from(#f94d43),to(#b83cd7));
    background-image: linear-gradient(90deg,#f94d43,#b83cd7);
}
.MaDouYm .btn-text{
	padding: 7px;
    border-radius: 50px;
    background: #131415;
}

  .pager { width: 100%; }

  .pager-row {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;

    display: flex;
    align-items: center;
    justify-content: center;   /* 内容整体居中 */
    gap: .6rem;

    white-space: nowrap;

    font-size: clamp(12px, 1.8vw, 16px);
    line-height: 1.4;
    font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial;
    text-align: center;
  }

  .pager-info {
    color: #374151;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .pager-label { color: #374151; }

  .pager-select {
    min-width: 8rem;                 /* 基础宽度 */
    max-width: min(40vw, 16rem);     /* 小屏自适应收缩 */
    padding: .3rem .5rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #fff;
    color: #111827;
  }
  .pager-select:focus {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37,99,235,.15);
  }

  @media (max-width: 360px) {
    .pager-row { gap: .4rem; font-size: 12px; }
    .pager-select { min-width: 6.5rem; }
  }