* {
	margin: 0;
	padding: 0
}

*,:after,:before {
	box-sizing: border-box
}

body,html {
	height: 100%
}

html {
	-webkit-tap-highlight-color: transparent;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	line-height: 1.6;
	font-size: 14px;
	-webkit-tap-highlight-color: transparent
}

input,button,textarea,select {
	outline: none;
	resize: none;
	border: none;
	-webkit-appearance: none;
	appearance: none;
	background: 0 0;
	color: inherit;
	font: inherit
}

body,input,textarea,select,button {
	-webkit-touch-callout: none;
	-webkit-font-smoothing: antialiased;
	font-family: -apple-system-font,BlinkMacSystemFont,helvetica neue,pingfang sc,hiragino sans gb,microsoft yahei ui,microsoft yahei,Arial,sans-serif
}

body {
	color: #282828;
}

img {
	border: none
}

em {
	font-style: normal
}

button {
	cursor: pointer;
	background: 0 0
}

button,video {
	border: none;
	outline: none
}

ol,ul,li,dl,dd,dt {
	list-style: none
}

a {
	text-decoration: none;
	color: #282828;
	outline: none
}

a:hover {
	text-decoration: none;
	color: #e50914
}

table {
	empty-cells: show;
	border-collapse: collapse
}

caption,th {
	text-align: left;
	font-weight: 400
}

select::-ms-expand,input[type=radio]::-ms-check,input[type=checkbox]::-ms-check,input[type=text]::-ms-clear,input[type=tel]::-ms-clear,input[type=number]::-ms-clear {
	display: none
}

input[type=radio],input[type=checkbox] {
	clip: rect(0,0,0,0)
}

.loading{
	flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    display: flex;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
	animation: mymove 1.5s;
	animation-iteration-count: 1;
	animation-fill-mode: both;

	/* Safari and Chrome */
	-webkit-animation: mymove 1.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: both;
}

.loading .loading-logo{
	height: 75px;
}

@keyframes mymove {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@-webkit-keyframes mymove

/* Safari and Chrome */
	{
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.color-main,.module-ranking-tab-link i,.search-tag i,.search-history-tag i,.navbar-item.active a i {
	background: -webkit-linear-gradient(0deg,#ff711f,#e50914);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.navbar .swiper-slide {
	width: auto
}

.navbar .swiper-slide,#playSwiper .swiper-slide {
	width: auto
}

.wrapper {
	width: 100%
}

.content {
	width: 100%;
	margin: 0 auto
}

.shadow-small,.module-tab-item.active {
	box-shadow: 0 0 5px 0 rgba(0,0,0,.08),0 0 1px rgba(0,0,0,.1)
}

.shadow-base,.searchbar-main.open .searchbar,.searchbar:hover {
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.1)
}

.shadow,.module-ranking-tab-link,.module-paper-item,.module-list {
	box-shadow: 0 2.75px 2.21px rgba(0,0,0,.01),0 6.65px 5.32px rgba(0,0,0,.02),0 12.5px 10px rgba(0,0,0,.01),0 22px 18px rgba(0,0,0,.03),0 42px 33.4px rgba(0,0,0,.02),0 100px 80px rgba(0,0,0,.01),0 0 1px rgba(0,0,0,.1)
}

.shadow-drop,.drop:hover .drop-content {
	box-shadow: 0 10px 70px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.18)
}

.transition {
	transition: all .3s ease-in
}

.transition-fast {
	transition: all .15s ease-in
}

.transition-bg-fast {
	transition: background .15s ease
}

.transition-bg,.shortcuts-mobile-overlay {
	transition: background .3s ease
}

.impact,.module-title-en,.module-ranking-tab-info,.module-item-top {
	font-family: impact,system-ui,helvetica neue,sans-serif;
	font-weight: 900
}

.radian,.navbar-item.active,.links {
	position: relative
}

.radian::after,.navbar-item.active::after,.radian::before,.navbar-item.active::before {
	top: -19px;
	right: 0
}

.radian::before,.navbar-item.active::before,.radian::after,.navbar-item.active::after,.radian .links::before,.navbar-item.active .links::before,.radian .links::after,.navbar-item.active .links::after {
	content: '';
	position: absolute;
	height: 20px;
	width: 20px
}

.radian::before,.navbar-item.active::before {
	background: #fff;
	border-radius: 0 0 20px 0;
	z-index: 1
}

.radian::after,.navbar-item.active::after {
	background: #f7f8f9
}

.radian .links::before,.navbar-item.active .links::before,.radian .links::after,.navbar-item.active .links::after {
	bottom: -20px;
	right: -16px
}

.radian .links::before,.navbar-item.active .links::before,.radian .links::before,.navbar-item.active .links::before {
	background: #fff;
	border-radius: 0 20px 0 0;
	z-index: 1
}

.radian .links::after,.navbar-item.active .links::after,.radian .links::after,.navbar-item.active .links::after {
	background: #f7f8f9
}

.module-item-content,.tips-box {
	transition-duration: 300ms
}

.border,.btn-block-o,.play-btn-o,.module-heading-more,.module-tab-name,.module-class,.module-item-box a,.module-info-tag-link,.module-play-list-link {
	position: relative
}

.border::after,.btn-block-o::after,.play-btn-o::after,.module-heading-more::after,.module-tab-name::after,.module-class::after,.module-item-box a::after,.module-info-tag-link::after,.module-play-list-link::after {
	border: 1px solid #e9ecef;
	border-radius: 8px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	pointer-events: none
}

@media only screen and (max-width:559px) {
	.border::after,.btn-block-o::after,.play-btn-o::after,.module-heading-more::after,.module-tab-name::after,.module-class::after,.module-item-box a::after,.module-info-tag-link::after,.module-play-list-link::after {
		width: 200%;
		height: 200%;
		-webkit-transform: scale(.5);
		transform: scale(.5);
		border-radius: 16px
	}
}

.border-top,.drop-item-link,.module-paper-item-main a,.module-info-footer,.popup-main p:last-child {
	position: relative
}

.border-top::after,.drop-item-link::after,.module-paper-item-main a::after,.module-info-footer::after,.popup-main p:last-child::after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	background-color: #f1f3f5
}

.border-bottom,.module-heading-tab,.module-tab-title,.module-class-items,.module-class-item,.module-info-introduction {
	position: relative
}

.border-bottom::after,.module-heading-tab::after,.module-tab-title::after,.module-class-items::after,.module-class-item::after,.module-info-introduction::after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #f1f3f5
}

@media only screen and (max-width:559px) {
	.border-top::after,.drop-item-link::after,.module-paper-item-main a::after,.module-info-footer::after,.popup-main p:last-child::after,.border-bottom::after,.module-heading-tab::after,.module-tab-title::after,.module-class-items::after,.module-class-item::after,.module-info-introduction::after {
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5)
	}
}

@font-face {
	font-family:iconfont;src:url(../fonts/iconfont.eot?fanger);src:url(../fonts/iconfont.eot?fanger#iefix) format("embedded-opentype"),url(../fonts/iconfont.ttf?fanger) format("truetype"),url(../fonts/iconfont.woff?fanger) format("woff"),url(../fonts/iconfont.svg?fanger#wpfont) format("svg");font-weight:400;font-style:normal;font-display:block
}[class^=icon-],[class*=" icon-"] {
	font-family: iconfont!important;
	speak: never;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: revert;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-info:before {
	content: "\e91a"
}

.icon-next:before {
	content: "\e91b"
}

.icon-share:before {
	content: "\e91c"
}

.icon-qrcode:before {
	content: "\e91d"
}

.icon-arrow-o:before {
	content: "\e919"
}

.icon-close:before {
	content: "\e917"
}

.icon-arrow:before {
	content: "\e918"
}

.icon-history:before {
	content: "\e915"
}

.icon-hot:before {
	content: "\e916"
}

.icon-jl:before {
	content: "\e913"
}

.icon-jl-o:before {
	content: "\e914"
}

.icon-arrow-go:before {
	content: "\e911"
}

.icon-arrow-right:before {
	content: "\e912"
}

.icon-ranking:before {
	content: "\e90d"
}

.icon-ranking-o:before {
	content: "\e90e"
}

.icon-update:before {
	content: "\e90f"
}

.icon-update-o:before {
	content: "\e910"
}

.icon-search:before {
	content: "\e900"
}

.icon-play:before {
	content: "\e901"
}

.icon-history-o:before {
	content: "\e902"
}

.icon-zy:before {
	content: "\e903"
}

.icon-zy-o:before {
	content: "\e904"
}

.icon-dy:before {
	content: "\e905"
}

.icon-dy-o:before {
	content: "\e906"
}

.icon-dm:before {
	content: "\e907"
}

.icon-dm-o:before {
	content: "\e908"
}

.icon-home:before {
	content: "\e909"
}

.icon-home-o:before {
	content: "\e90a"
}

.icon-tv:before {
	content: "\e90b"
}

.icon-tv-o:before {
	content: "\e90c"
}

.icon-pets:before {
	content: "\e920"
}

.icon-car:before {
	content: "\e921"
}

.icon-zhuomian:before {
	content: "\e922"
}

.icon-game:before {
	content: "\e923"
}

.icon-love:before {
	content: "\e924"
}

.icon-fun:before {
	content: "\e925"
}

.icon-sp:before {
	content: "\e926"
}

.icon-junshi:before {
	content: "\e927"
}

.icon-keji:before {
	content: "\e928"
}

.icon-gbook:before {
	content: "\e929"
}

.icon-shop:before {
	content: "\e930"
}

.icon-qi:before {
	content: "\e931"
}

.icon-food:before {
	content: "\e932"
}

.icon-music:before {
	content: "\e933"
}

.icon-nba:before {
	content: "\e934"
}

.icon-nongren:before {
	content: "\e935"
}

.icon-rijian:before {
	content: "\e936"
}

.icon-shangchuan:before {
	content: "\e937"
}

.icon-child:before {
	content: "\e938"
}

.icon-score:before {
	content: "\e939"
}

.icon-zhifeiji:before {
	content: "\e940"
}

.icon-tianjia:before {
	content: "\e941"
}

.icon-top:before {
	content: "\e942"
}

.icon-tvs:before {
	content: "\e943"
}

.icon-sports:before {
	content: "\e944"
}

.icon-vlog:before {
	content: "\e945"
}

.icon-wenhua:before {
	content: "\e946"
}

.icon-wuzhanai:before {
	content: "\e947"
}

.icon-notice:before {
	content: "\e948"
}

.icon-recreation:before {
	content: "\e949"
}

.icon-movies:before {
	content: "\e950"
}

.icon-yejian:before {
	content: "\e951"
}

.icon-diy:before {
	content: "\e952"
}

.icon-shujia:before {
	content: "\e953"
}

.icon-download:before {
	content: "\e954"
}

.icon-down:before {
	content: "\e955"
}

.icon-link:before {
	content: "\e956"
}

.icon-report:before {
	content: "\e957"
}

.icon-fenxiang:before {
	content: "\e958"
}

.icon-apple:before {
	content: "\e959"
}

.icon-android:before {
	content: "\e960"
}

.icon-windows:before {
	content: "\e961"
}

.icon-apptuisong:before {
	content: "\e962"
}

.icon-app:before {
	content: "\e963"
}

.icon-shuaxin:before {
	content: "\e964"
}

.icon-right:before {
	content: "\e965"
}

.icon-left:before {
	content: "\e966"
}

.icon-full:before {
	content: "\e967"
}

.icon-sort:before {
	content: "\e968"
}

.icon-sorts:before {
	content: "\e972"
}

.icon-sort-o:before {
	content: "\e970"
}

.icon-bilibili:before {
	content: "\e969"
}

.icon-fullscreen:before {
	content: "\e971"
}

.icon-phone-o:before {
	content: "\e973"
}

.icon-week-o:before {
	content: "\e976"
}

.icon-xiugai:before {
	content: "\e977"
}

.icon-yonghu:before {
	content: "\e978"
}

.icon-you:before {
	content: "\e979"
}

.icon-yh:before {
	content: "\e980"
}

.icon-sz:before {
	content: "\e981"
}

.icon-vip:before {
	content: "\e982"
}

.icon-exit:before {
	content: "\e983"
}

.icon-warm:before {
	content: "\e984"
}

.icon-login:before {
	content: "\e985"
}

.icon-yonghu-o:before {
	content: "\e986"
}

.icon-shoucang:before {
	content: "\e987"
}

.icon {
	width: 16px;
	height: 16px;
	font-size: 16px;
	margin-right: 5px
}

.icon64 {
	width: 64px;
	height: 64px;
	font-size: 64px
}

.icon20 {
	width: 20px;
	height: 20px;
	font-size: 20px;
	color: #fff
}

.active-bg,.module-heading-tab .module-heading-tab-link.active {
	position: relative;
	z-index: 1
}

.active-bg::after,.module-heading-tab .module-heading-tab-link.active::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -10%;
	width: 100%;
	background: #e50914;
	height: 40%;
	z-index: -1
}

.shortcuts-mobile-overlay {
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: transparent;
	content: "";
	z-index: 19
}

.flex,.logo,.header-box,.module-heading,.module-paper-item-main a,.searchbar,.footer-content {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center
}

.flex-end,.header-op,.module-tab {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
	-ms-flex-pack: flex-end
}

.flex-start,.search-box {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start
}

.nowrap,.drop-item-link,.module-item-note,.module-poster-item-info .module-item-note,.module-poster-item-title,.module-paper-item-info,.module-card-item-title,.module-info-item-content,.tips-list li,.module-play-list-link {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.clearfix {
	*zoom: 1
}

.clearfix:after,.clearfix:before {
	display: table;
	content: ""
}

.clearfix:after {
	clear: both
}

.disabled {
	cursor: not-allowed!important
}

.line {
	width: 3px;
	background: #e3e6ea;
	display: inline-block;
	height: 25px;
	margin: 0 15px
}

.slash {
	padding: 0 7px;
	color: #c2c6d0;
	font-size: 12px;
	vertical-align: top
}

.slash:last-child {
	display: none
}

.playon {
	height: 8px;
	position: absolute;
	left: calc(50% - 11px);
	bottom: 0
}

.playon i {
	width: 4px;
	height: 6px;
	border-radius: 4px 4px 0 0;
	background-color: #e50914;
	position: absolute;
	bottom: 0;
	left: 0
}

.playon i:nth-last-child(1) {
	animation: playon .8s .3s infinite
}

.playon i:nth-last-child(2) {
	animation: playon .8s .1s infinite;
	left: 6px
}

.playon i:nth-last-child(3) {
	animation: playon .6s .2s infinite;
	left: 12px
}

.playon i:nth-last-child(4) {
	animation: playon 1s .3s infinite;
	left: 18px
}

@keyframes playon {
	0% {
		height: 70%
	}

	50% {
		height: 100%
	}

	100% {
		height: 35%
	}
}

.btn-xsmall {
	padding: 0 5px;
	line-height: 20px;
	font-size: 12px;
	border-radius: 4px;
	display: inline-block!important
}

.btn-small,.drop-item-op a,.module-card-item-footer a,.module-tab-name,.module-info-tag-link {
	padding: 0 10px;
	line-height: 30px;
	height: 30px;
	font-size: 13px;
	border-radius: 8px;
	display: inline-block
}

.btn-base,.module-heading-more,.module-tab-item,.search-tag a,.search-history-tag a,.module-play-list-link,.page-more {
	padding: 0 15px;
	line-height: 34px;
	font-size: 14px;
	display: inline-block;
	border-radius: 8px
}

.btn-large,.main-btn,.module-prompt p a,.popup-btn,.app-downlist .app-downlist-go,.header-op-list-btn {
	padding: 0 15px;
	line-height: 40px;
	font-size: 14px;
	display: inline-block;
	border-radius: 8px
}

.btn-block-o {
	text-align: center
}

@media(min-width:559px) {
	.navbar .swiper-wrapper {
		flex-direction: column
	}

	.module-wrapper {
		display: flex
	}
}

@media(max-width:559px) {
	.btn-base,.module-heading-more,.module-tab-item,.search-tag a,.search-history-tag a,.module-play-list-link,.page-more {
		padding: 0 10px;
		line-height: 30px;
		font-size: 12px
	}
}

.btn-gray,.drop-item-op a {
	background: #f3f5f7
}

.btn-gray:hover,.drop-item-op a:hover {
	background: #f1f3f5
}

.btn-gray-dark {
	background: #e9ecef
}

.btn-main {
	background: #e50914;
	color: #fff
}

.btn-main-linear,.main-btn,.module-prompt p a,.popup-btn,.app-downlist .app-downlist-go {
	transition: box-shadow .2s ease;
	background: #e50914;
	color: #fff;
	background: linear-gradient(to right,#ff711f 0%,#e50914 100%);
	box-shadow: 0 10px 12px -4px rgba(229,9,20,.25)
}

.btn-main-linear:hover,.main-btn:hover,.module-prompt p a:hover,.popup-btn:hover,.app-downlist .app-downlist-go:hover,.btn-collect:hover,.header-op-user:hover,a.actor_part:hover {
	box-shadow: 0 10px 12px -4px rgba(229,9,20,.4)
}

.btn-aux-linear {
	background: #fcd877;
	background: linear-gradient(90deg,#f9f2df,#fcd877)!important
}

.main-btn,.module-prompt p a,.popup-btn,.app-downlist .app-downlist-go {
	position: relative;
	overflow: hidden;
	border-radius: 50px;
	font-weight: 700;
	padding: 0 30px
}

.main-btn:hover,.module-prompt p a:hover,.popup-btn:hover,.app-downlist .app-downlist-go:hover {
	color: #fff
}

.main-btn::after,.module-prompt p a::after,.popup-btn::after,.app-downlist .app-downlist-go::after {
	content: '';
	height: 50px;
	width: 25px;
	background: #fff;
	position: absolute;
	top: -5px;
	transform: skewX(-45deg);
	right: 115%;
	opacity: .25
}

.main-btn:hover::after,.module-prompt p a:hover::after,.popup-btn:hover::after,.app-downlist .app-downlist-go:hover::after {
	right: -44%;
	transition: right .56s ease
}

.main-btn i,.noplaylist i,.btn-collect i,.module-prompt p a i,.popup-btn i,.app-downlist .app-downlist-go i {
	margin-right: 6px;
	vertical-align: 0;
	height: 14px;
	width: 14px;
	font-size: 12px
}

.play-btn {
	background: #e50914;
	color: #fff;
	background: linear-gradient(to right,#ff711f 0%,#e50914 100%);
	color: #fff;
	padding: 0 15px
}

.play-btn:hover {
	color: #fff
}

.play-btn i {
	font-size: 12px;
	transform: scale(.8)
}

.play-btn.icon-btn {
	width: 30px;
	padding: 0;
	text-indent: 5px
}

.play-btn-o {
	background: #fff;
	color: #e50914;
	padding: 0 15px
}

.play-btn-o::after {
	border-color: #e50914
}

.play-btn-o:hover {
	background: #e50914;
	color: #fff;
	background: linear-gradient(to right,#ff711f 0%,#e50914 100%);
	color: #fff
}

.play-btn-o:hover::after {
	border-color: transparent
}

@media(max-width:1024px) {
	.main-btn::after,.module-prompt p a::after,.popup-btn::after,.app-downlist .app-downlist-go::after {
		right: -44%;
		opacity: 0;
		text-indent: 5px
	}
}

.drop-content {
	position: absolute;
	top: 40px;
	font-size: 0;
	right: -100%;
	border-radius: 8px;
	min-width: 300px;
	max-width: 330px;
	pointer-events: none;
	height: auto;
	overflow: hidden;
	z-index: 10
}

.drop-content-box {
	opacity: 0
}

.drop-content-items {
	padding: 15px;
	position: relative
}

.drop-content-items li {
	font-size: 14px
}

.drop {
	position: relative;
	display: inline-block
}

.drop:hover::before {
	content: '';
	position: absolute;
	bottom: 0;
	width: 300%;
	right: 0;
	height: 5px
}

.drop:hover .drop-content {
	pointer-events: auto;
	z-index: 20;
	background: #fff
}

.drop:hover .drop-content-box {
	opacity: 1
}

.drop-item {
	position: relative
}

.drop-item::after {
	content: '';
	border-left: 1px dashed #dbdee2;
	position: absolute;
	left: 13px;
	top: 0;
	height: 100%;
	z-index: -1
}

.drop-item.nolist::after {
	border: 0
}

.drop-item-title {
	padding-bottom: 5px
}

.drop-item-title strong {
	font-size: 16px
}

.drop-item-title i {
	width: 35px;
	padding-top: 12px;
	background: #fff;
	text-indent: 5px;
	margin: 0;
	vertical-align: -1px;
	height: 100%;
	color: #e50914
}

.drop-item-link {
	border-radius: 0;
	position: relative;
	border-radius: 8px;
	line-height: 30px;
	padding: 5px 5px 2px 35px;
	width: 100%
}

.drop-item-link::before {
	content: '';
	height: 9px;
	width: 9px;
	display: inline-block;
	position: absolute;
	left: 9px;
	border: 1px solid #e50914;
	background: #fff;
	border-radius: 50%;
	top: 15px
}

.drop-item-link::after {
	width: 90%!important;
	left: 10%!important
}

.drop-item-link:hover::before {
	background: #e50914
}

.drop-item-link::after {
	background: #f7f8f9
}

.drop-history .drop-content-items {
	padding: 10px 15px 15px
}

.drop-item-link span {
	float: right;
	color: #a0a0a0;
	overflow: hidden;
	max-width: 24%;
	min-width: 18%;
	font-size: 12px;
	text-align: right
}

.drop-item-op {
	padding-top: 10px
}

.drop-item-op a {
	width: 100%;
	text-align: center;
	cursor: pointer;
	display: block
}

.drop-item-op a:hover {
	background: #ffddd5;
	color: #e50914
}

.drop-prompt {
	padding: 130px 35px 0;
	background: url(../images/history.svg) no-repeat center 20px;
	height: 165px;
	background-size: 40%;
	text-align: center;
	color: #9e9e9e;
	font-size: 13px
}

.nolist+.drop-item-op {
	display: none
}

.sidebar-box{
	background: rgba(255, 255, 255, 0.37);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.sidebar {
	z-index: 10;
}

.logo {
	width: 200px;
	/*position: absolute;
	left: -240px;*/
	padding-left: 30px
}

.logo a {
	height: 24px
}

.logo img {
	display: block;
	height: 125%
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: calc(100% - 1px)
}

.header-box {
	position: relative;
	height: 64px;
	z-index: 9;
	width: 1190px;
}
@media (min-width: 559px) and (max-width: 1024px){
.header-box {
	position: relative;
	height: 64px;
	z-index: 9;
	width: 92%;
}
}
/*actor_vbox*/
.module-it {position: relative;width: 90px;margin: 0 20px 20px 0;display: inline-block;font-size: 14px;}
@media (max-width: 1549px){.module-it {width: 86px;}}
@media (max-width: 1329px){.module-it {width: 98px;}}
@media (max-width: 1239px){.module-it {width: calc(10% - 20px);}}
@media (max-width: 899px){.module-it {width: calc(10% - 12px);margin: 0 12px 15px 0;}}
@media (max-width: 559px){.module-it {width: calc(16.53% - 10px);margin: 0 10px 12px 0;}}
.module-item-pic .titem i {opacity: 0;transform: scale(.6);height: 30px;width: 30px;background: #fff;color: rgba(7, 7, 10, .92);border-radius: 50px;line-height: 30px;text-indent: 2.5px;font-size: 12px;}

.page-top-banner{
	margin-top: 62px;
}

.header-op {
	flex: 0 auto;
	margin-left: 10px;
	font-size: 0
}

.side-op {
	display: none
}

.header-op-search {
	display: none
}

.header-op-list-btn {
	cursor: pointer;
	color: #424242
}

.module {
	padding-bottom: 20px;
	font-size: 0
}

.module-main {
	position: relative
}

.module-heading {
	margin-bottom: 25px;
	font-size: 0;
	vertical-align: baseline;
	position: relative
}

.module-heading-tab {
	padding-bottom: 20px
}

.pianku .module-heading-tab {
	margin-bottom: -2px
}

.module-heading-tab::after {
	background: #e9ecef
}

.module-heading-tab-link,.module-title {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.1;
	position: relative;
	z-index: 2;
	flex: 1;
	-webkit-font-smoothing: subpixel-antialiased
}

.module-title span {
	cursor: pointer
}

.module-heading-tab-link {
	flex: initial;
	color: #a0a0a0;
	cursor: pointer
}

.module-heading-tab a:hover.module-heading-tab-link,.module-heading-tab-link:hover {
	color: #212121
}

.module-heading-tab a.module-heading-tab-link {
	color: #a0a0a0
}

.module-heading-tab .module-heading-tab-link.active {
	color: #212121
}

.module-heading-tab .module-heading-tab-link.active:hover {
	cursor: text
}

.module-heading-tab .module-heading-tab-link.active::after {
	bottom: -60%;
	height: 4px;
	border-radius: 18px 18px 0 0
}

.module-heading-search {
	border-bottom: 2px solid #e9ecef;
	padding-bottom: 15px
}

.module-heading-search-result {
	font-size: 20px;
	font-weight: 700
}

.module-heading-search-result strong {
	color: #e50914
}

.module-title-en,.module-ranking-tab-info {
	transition: color .3s ease;
	opacity: .12;
	background: -webkit-linear-gradient(90deg,transparent,#e50914);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	white-space: nowrap;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 38px;
	z-index: -1
}

.module-title a {
	transition: color .3s ease;
	/*display: flex;*/
    align-items: center;
}

.module-title a img{
	width:40px;
	height:40px;
	margin-right:5px;
}

.module-heading-more {
	margin: -3px 0;
	cursor: pointer
}

.module-heading-more i {
	font-weight: 900;
	font-size: 10px;
	margin: 0 -5px 0 3px;
	transform: scale(.8)
}

.module-tab {
	margin: -3px 0
}

.module-tab-name,.module-tab-title,.module-tab-input {
	display: none
}

.module-tab-item {
	color: #616161;
	text-align: center
}

.speed-prompt {
	display: none
}

.speed-level {
	position: absolute;
	top: 2px;
	left: 0;
	display: inline-block;
	width: 9px;
	height: 9px
}

.speed-level i {
	position: absolute;
	left: 0;
	display: inline-block;
	width: 2px;
	height: 40%;
	background: #757575;
	opacity: .2;
	bottom: 0;
	border-radius: 3px
}

.speed-level i:nth-child(2) {
	left: 3px;
	height: 60%
}

.speed-level i:nth-child(3) {
	left: 6px;
	height: 80%
}

.speed-level i:nth-child(4) {
	left: 9px;
	height: 100%
}

.speed.slow .speed-level i:nth-child(-n+1),.speed.fast .speed-level i:nth-child(-n+3),.speed.faster .speed-level i:nth-child(-n+2),.speed.fastest .speed-level i {
	opacity: 1
}

.speed {
	position: absolute;
	left: 7px;
	top: 3px;
	width: 100%;
	word-break: break-all;
	word-wrap: break-word;
	text-align: center
}

.speed:hover .speed-prompt {
	position: absolute;
	left: -2px;
	top: 13px;
	padding: 6px 5px;
	line-height: 1;
	font-size: 12px;
	background: #f3f5f7;
	color: #212121;
	font-weight: 400;
	width: calc(100% - 10px);
	border-radius: 5px
}

.speed.fastest .speed-prompt,.speed.faster .speed-prompt,.speed.fast .speed-prompt {
	background: #d5f7d5;
	color: green
}

.speed.slow .speed-prompt {
	background: #fff0ec;
	color: #e50914
}

.MIZHI-results {
	font-family: Helvetica,Arial,PingFang SC,Microsoft YaHei,sans-serif;
	margin: 0;
	z-index: 99;
	background-color: #fff;
	box-shadow: 0 5px 20px 0 rgb(0 0 0 / 10%);
	border-radius: 8px;
	margin-top: 2px;
}

.MIZHI-results li {
	font-size: 14px;
	display: block;
	overflow: hidden;
	padding: 10px 15px;
	line-height: 15px;
	cursor: pointer;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.MIZHI-results li strong {
	color: #e50914;
}

.MIZHI-results li.ac_over {
	background-color: #a5a5a5;
}

.module-ranking-tab {
	margin-bottom: 25px
}

.module-ranking-tab-link {
	background: #fff;
	padding: 15px 20px 40px;
	display: inline-block;
	margin-right: 15px;
	border-radius: 8px;
	position: relative;
	z-index: 1
}

.module-ranking-tab-link i {
	font-size: 20px
}

.module-ranking-tab-name {
	font-size: 18px;
	width: 100%;
	min-width: 80px;
	font-weight: 700;
	margin-top: 5px;
	display: block
}

.module-ranking-tab-info {
	font-size: 38px;
	width: 100%;
	text-align: center;
	bottom: -15px
}

.module-items {
	margin-right: -18px
}

.module-item {
	position: relative;
	display: inline-block;
	font-size: 14px;
	margin: 0 18px 23px 0
}

.module-item-cover {
	transition: box-shadow .15s ease;
	position: relative;
	height: 0;
	padding-top: 140%;
	background-position: 50% 50%;
	background-size: cover;
	overflow: hidden;
	border-radius: 8px
}

.module-item-pic,.module-item-pic img {
	height: 100%;
	width: 100%
}

.module-item-pic img {
	top: 0;
	left: 0;
	object-fit: cover;
	position: absolute
}

.module-item-nopic .module-item-pic::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	border: 2px dashed #e3e6ea;
	border-radius: 10px
}

.module-item-nopic .module-item-note {
	display: none
}

.module-item-note {
	text-align: center;
	font-size: 12px
}

.module-item-cover .module-item-note {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.4) 100%);
	padding: 50px 5px 10px;
	pointer-events: none;
	color: #fff;
	font-weight: 600
}

.module-item-cover .module-item-note::after {
	content: '';
	width: 100%;
	height: 100%
}

.module-item-top {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	border-radius: 8px;
	z-index: 1;
	color: #fff;
	font-size: 30px;
	width: 40px;
	height: 50px;
	text-indent: 9px;
	text-shadow: 1px 1px 0 rgba(0,0,0,.1);
	font-weight: 700
}

.module-item-top::after {
	content: '';
	position: absolute;
	left: -100%;
	top: -44%;
	z-index: -1;
	background: #9e9e9e;
	height: 150%;
	width: 150%;
	border-radius: 16px;
	transform: rotateZ(45deg)
}

.module-item-top.top1::after {
	background: #e50914
}

.module-item-top.top2::after {
	background: #f73
}

.module-item-top.top3::after {
	background: #ffa82e
}

.module-poster-item {
	width: calc(12.5% - 18px)
}

.module-poster-items-small .module-item-cover {
	padding-top: 58%
}

.module-topic-items-small .module-item-cover {
	padding-top: 58%;
}

.module-topic-items-small .module-poster-item {
	width: calc(25% - 18px);
}

.module-poster-item-info {
	margin-top: 12px
}

.module-poster-item-info .module-item-note {
	margin-top: 3px;
	color: #757575
}

.module-poster-item-title {
	text-align: center;
	font-size: 14px
}

.module-poster-items-small .module-item-note {
	margin: 0;
	position: absolute;
	top: 0px;
	right: 0px;
	left: initial;
	bottom: initial;
	color: #fff;
	padding: 2px 5px;
	background: #e50914;
	border-radius: 0px 5px 0px 5px
}

.module-topic-items-small .module-item-note {
	margin: 0;
	position: absolute;
	top: 5px;
	right: 5px;
	left: initial;
	bottom: initial;
	color: #fff;
	padding: 2px 8px;
	background: #f96518;
	border-radius: 8px 7px 8px 8px
}

.module-paper-item {
	width: calc(25% - 18px);
	background: #fff;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	z-index: 2
}

.module-paper-item-header {
	padding: 20px 15px 25px;
	text-align: center;
	background: url(../images/colour-bg.png) no-repeat;
	background-size: 150%;
	background-position-y: -20px
}

.module-paper-item-header>i {
	position: absolute;
	left: 38%;
	top: -15px;
	color: #e50914;
	opacity: .06
}

.module-paper-item-title {
	font-size: 18px;
	display: inline-block;
	position: relative
}

.module-paper-item-title::after {
	content: '';
	position: absolute;
	bottom: -12px;
	left: 40%;
	width: 20%;
	background: #212121;
	height: 5px;
	border-radius: 50px
}

.module-paper-item-main a {
	padding: 10px 0;
	margin: 0 10px;
	min-height: 45px
}

.module-paper-item-main a:first-child::after {
	background: 0 0
}

.module-paper-item-main a:hover {
	margin: 0;
	padding: 10px;
	background: #f7f8f9
}

.module-paper-item-main a::after {
	background: #f7f8f9
}

.module-paper-item-num {
	font-family: impact,roboto-black,helvetica neue,sans-serif;
	font-weight: 700;
	position: relative;
	color: #bcbcbc;
	font-size: 24px;
	line-height: 1;
	width: 50px;
	text-align: center
}

.module-paper-item-num-first {
	color: #e50914
}

.module-paper-item-num-second {
	color: #f73
}

.module-paper-item-num-third {
	color: #ffa82e
}

.module-paper-item-info {
	max-width: 70%
}

.module-paper-item-info p {
	color: #9e9e9e;
	font-size: 12px
}

.module-paper-item-main .icon-arrow-right {
	position: absolute;
	right: 12px;
	font-size: 10px;
	color: #c2c6d0;
	margin-top: 2px
}

.module-paper-item-main a:hover .icon-arrow-right {
	right: 22px;
	color: #e50914
}

.module-card-items {
	padding-top: 30px;
	margin-bottom: -30px
}

.module-card-item {
	width: calc(25% - 18px);
	box-shadow: 0 2px 2px rgba(0,0,0,.03);
	background: #fff;
	padding: 20px 20px 10px;
	margin-bottom: 50px!important;
	position: relative;
	border-radius: 8px
}

.module-card-item.top .module-item-cover::before {
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 7px;
	border: 3px solid #e50914;
	z-index: 2
}

.module-card-item.top2 .module-item-cover::before {
	border-color: #f73
}

.module-card-item.top3 .module-item-cover::before {
	border-color: #ffa82e
}

.module-card-item-class {
	position: absolute;
	right: 0;
	top: -25px;
	height: 40px;
	background: #e9ecef;
	color: #616161;
	font-size: 13px;
	padding: 0 10px 0 2px;
	border-radius: 8px;
	font-weight: 700;
	line-height: 26px;
	z-index: -1
}

.module-card-item-class::after {
	content: '';
	position: absolute;
	left: -13px;
	top: 0;
	background: #e9ecef;
	border-radius: 8px;
	width: 100%;
	height: 100%;
	transform: skewX(-20deg);
	z-index: -1
}

.module-card-item-class i {
	vertical-align: -1px;
	margin-right: 5px
}

.module-card-item-poster {
	width: 120px;
	margin: -45px 0 0 -10px;
	float: left;
	position: relative;
	z-index: 1
}

.module-card-item-info {
	margin-left: 130px;
	min-height: 103px
}

.module-card-item-title {
	font-size: 16px;
	margin-bottom: 8px;
	line-height: 1.2
}

.module-card-item-info .module-info-item {
	font-size: 13px;
	padding-bottom: 3px;
	color: #757575
}

.module-card-item-info .module-info-item-title {
	min-width: 37px;
	font-weight: 400
}

.module-card-item-info .module-info-item-link {
	margin-right: 8px
}

.module-card-item-footer {
	background: #f3f5f7;
	height: 30px;
	margin: 0 -10px;
	border-radius: 8px
}

.module-card-item-footer a {
	margin: 0 0 0 20px;
	z-index: 1;
	position: relative;
	top: -15px;
	float: left
}

.module-card-item-footer a::before {
	content: '';
	height: 100%;
	width: 100%;
	border-radius: 50px;
	position: absolute;
	left: -5px;
	border: 5px solid #fff;
	box-sizing: content-box;
	z-index: 1;
	top: -5px
}

.module-card-item-footer .icon-btn {
	width: auto
}

.module-card-item-footer .play-btn-o {
	padding: 0 15px
}

.module-card-item-footer .play-btn-o::after {
	border-radius: 50px
}

.search-box {
	flex: 1
}

.searchbar-main {
	width: 100%;
	max-width: 580px;
	height: 40px;
	position: relative
}

.searchbar {
	transition: background .2s ease;
	background: #e3e6ea;
	height: 40px;
	border-radius: 8px
}

.searchbar-main.open .searchbar,.searchbar:hover {
	background: #fff;
	position: relative;
	z-index: 9
}

.search-input {
	height: 100%;
	width: 100%;
	padding: 0 15px;
	flex: 1;
	display: flex
}

.search-btn {
	height: 100%;
	padding: 0 15px
}

.search-btn i {
	font-size: 16px;
	vertical-align: -2px
}

.search-recommend-box {
	display: none;
	width: 100%;
	position: absolute
}

.searchbar-main.open .search-recommend-box {
	display: inline-block
}

.search-recommend {
	position: relative;
	z-index: -1;
	width: 97%;
	left: 1.5%;
	font-size: 0
}

.search-history {
	font-size: 14px !important;
}

.search-recommend-title,.search-history-title {
	font-size: 14px;
	color: #757575;
	padding-bottom: 5px
}

.searchbar-main.open .search-recommend {
	position: absolute;
	background: #fff
}

.search-tag {
	font-size: 0;
	margin: 0 -5px
}

.search-tag a,.search-history-tag a {
	color: #424242;
	background: #e9ecef;
	padding: 0 15px;
	margin: 5px
}

.search-tag a:hover
.search-history-tag a:hover {
	background: #e3e6ea
}

.search-tag a:hover,.search-tag .hot,.search-history-tag a:hover,.search-history-tag .hot {
	color: #e50914
}

.search-tag .hot
.search-history-tag .hot {
	background: #ffeae5
}

.search-tag .hot:hover
.search-history-tag .hot:hover {
	background: #ffddd5
}

.search-tag i,.search-history-tag i {
	margin-right: 5px;
	vertical-align: -2px;
	font-size: 14px
}

.cancel-btn {
	display: none
}

.navbar-item i.icon-arrow-go {
	transition: all .2s ease;
	float: right;
	line-height: 40px;
	font-size: 12px;
	color: transparent;
	margin-right: 20px
}

.navbar-item.active a {
	color: #e50914;
	font-weight: 700
}

.tab-list {
	display: none
}

.tab-list.active {
	display: block
}

@keyframes opacity {
	0% {
		opacity: 100%
	}

	50% {
		opacity: 30%
	}

	100% {
		opacity: 100%
	}
}

@-webkit-keyframes opacity {
	0% {
		opacity: 100%
	}

	50% {
		opacity: 30%
	}

	100% {
		opacity: 100%
	}
}

.module-class::after {
	border-radius: 0
}

.module-class-items {
	padding: 0;
	margin: 0;
	display: flex
}

.module-class-items:last-child::after,.module-class-items:last-child .module-class-item::after {
	height: 0
}

.module-class-item {
	display: inline-flex;
	padding: 5px 0
}

.module-item-title {
	position: relative;
	font-size: 16px;
	font-weight: 700;
	display: inline-block;
	width: 45px;
	white-space: nowrap;
	min-height: 40px;
	line-height: 44px;
	margin-right: 20px
}

.module-item-title i {
	margin-left: 10px;
	vertical-align: initial;
	font-size: 12px;
	transform: scale(.6) rotate(270deg);
	color: #c2c6d0
}

.module-item-box {
	display: inline-block;
	margin-left: -5px
}

.module-item-box a {
	padding: 6px 12px;
	font-size: 14px;
	margin: 5px;
	white-space: nowrap;
	display: inline-block;
	border-radius: 8px
}

.module-item-box .active {
	color: #e50914;
	background: #ffddd5;
	font-weight: 700
}

.module-item-box .active::after {
	border-color: #ffddd5
}

.module-page {
	margin: 30px 0 0
}

.module-ranking {
	margin-bottom: 30px
}

.module-more,.module-footer {
	text-align: center;
	border-top: 2px solid #e9ecef;
	margin-top: 10px
}

.view .module {
	padding-bottom: 40px
}

.module-info-heading h1 {
	font-size: 30px;
	line-height: 1.38;
	margin-bottom: 10px;
	position: relative
}

.module-info-tag-link {
	background: #fff;
	margin-right: 6px;
	padding: 0 12px;
	font-size: 14px
}

.module-info-tag-link span,.module-info-tag-link a {
	color: #424242;
	cursor: pointer
}

.module-info-tag-link span:hover,.module-info-tag-link a:hover {
	color: #e50914
}

.module-info-tag-link .slash,.module-info-tag-link .slash:hover {
	color: #bcbcbc;
	cursor: auto
}

.module-info-tag-link:last-child {
	margin: 0
}

.module-info-items {
	padding: 20px 25px;
	position: relative;
	z-index: 10
}

.module-info-item {
	font-size: 14px;
	display: flex;
	padding-bottom: 5px;
	word-break: break-all
}

.module-info-item-content span:nth-child(2n-1) {
	cursor: pointer
}

.module-info-item-content span:nth-child(2n-1):hover {
	color: #e50914
}

.module-info-item-link::after {
	content: '、';
	color: #9e9e9e;
	margin-right: 2px;
	font-weight: 700
}

.module-info-item-link:last-child::after {
	content: ''
}

.module-info-item-title {
	display: inline-block;
	min-width: 46px;
	font-weight: 700
}

.module-info-introduction {
	margin-bottom: 15px;
	padding-bottom: 15px
}

.module-info-introduction-content {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-wrap: break-word;
	display: -webkit-box;
	overflow: hidden;
	max-height: 44px
}

.module-list {
	background: #fff
}

.module-play-list {
	margin: -5px;
	max-height: 380px;
	overflow-y: auto
}

.module-play-list-link {
	cursor: pointer;
	color: #424242;
	margin: 5px;
	padding: 0 10px;
	text-align: center;
	position: relative
}

.module-play-list-link.active {
	color: #e50914;
	font-weight: 700;
	background: #fff0ec!important
}

.module-play-list-link:visited {
	color: #e50914 !important
}

.module-play-list-link:hover {
	background: #fff0ec!important;
	color: #e50914
}

.module-play-list-link:hover::after {
	border: none
}

.module-play-list-link.active::after {
	border: none
}

.module-play-list-base .module-play-list-link {
	width: calc(10% - 10px)
}

.module-play-list-large .module-play-list-link {
	width: calc(14.2857% - 10px)
}

.module-play-list-larger .module-play-list-link {
	padding: 3px 20px;
	min-width: calc(20% - 10px)
}

.player-box-main {
	position: relative;
	overflow: hidden
}

.MacPlayer iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0
}

.MacPlayer {
	padding-bottom: 56.25%!important;
	display: block
}

.module-player {
	padding-bottom: 40px
}

.handle-btn {
	font-size: 14px;
	text-align: center;
	cursor: pointer
}

.module-player-handle-item.next {
	display: none
}

.prompt .main {
	padding-bottom: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center
}

.module-prompt {
	height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center
}

.module-prompt-pic {
	height: 150px;
	padding-bottom: 20px
}

.module-prompt-pic img {
	height: 100%;
	width: 100%
}

.module-prompt a {
	color: #757575
}

.module-prompt p {
	margin-top: 60px
}

.module-prompt-info {
	color: #757575;
	font-size: 14px;
	padding: 0 30px;
	width: 100%
}

.module-prompt-info-bg {
	position: relative;
	padding: 30px
}

.module-prompt-info-bg::after {
	content: '';
	position: absolute;
	height: 120px;
	width: 600px;
	background: linear-gradient(to bottom,#e9ecef 0%,#f7f8f9 50%);
	bottom: 110px;
	left: calc(50% - 300px);
	z-index: -1;
	border-radius: 50%
}

.module-jump-prompt {
	height: 80vh;
	width: 450px;
	margin: 0 auto;
	background: #fff url(../images/colour-bg.png) no-repeat;
	background-size: 150%;
	background-position-y: -30px;
	box-shadow: 0 10px 50px rgba(0,0,0,.07);
	border-radius: 18px;
	position: relative;
	top: 5vh;
	left: 0
}

.module-jump-prompt::before {
	content: '';
	position: absolute;
	left: calc(50% - 24px);
	bottom: -80px;
	width: 48px;
	height: 48px;
	background: url(../images/logo-o.svg) no-repeat;
	z-index: -1;
	background-size: contain
}

.module-jump-icon {
	height: 100px;
	width: 170px;
	margin: 0 auto 30px;
	background: url(../images/jump.svg) no-repeat 20px;
	background-size: contain
}

.spinner {
	width: 60px;
	height: 18px;
	position: relative;
	margin: 0 auto 30px;
	font-size: 14px;
	text-align: center
}

.k-loader {
	display: inline-block;
	font-size: 2em;
	margin: 0 .5em 0 .2em;
	position: relative;
	height: .5em;
	width: 1em
}

.k-loader:before,.k-loader:after {
	content: "";
	display: block;
	height: .5em;
	position: absolute;
	width: .5em;
	border-radius: 50px
}

.k-loader:before {
	animation: k-loadingK 1.2s ease-in-out infinite,k-loadingM .6s ease-in-out infinite;
	background: #e50914;
	color: #fff;
	background: linear-gradient(to right,#ff711f 0%,#e50914 100%)
}

.k-loader:after {
	animation: k-loadingL 1.2s ease-in-out infinite,k-loadingN .6s ease-in-out infinite;
	background: #fcd877;
	background: linear-gradient(90deg,#f9f2df,#fcd877)!important
}

/*.fixedGroup {
	position: fixed;
	right: 0;
	bottom: 85px;
	width: 34px;
	z-index: 10;
	box-shadow: 0 2px 10px 0 rgb(0 0 0/10%);
	box-sizing: border-box;
	border-radius: 4px;
	background-color: #fff
}*/
.fixedGroup {
    bottom: 85px;
    width: 34px;
    z-index: 10;
    box-shadow: 0 2px 10px 0 rgb(0 0 0/10%);
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #fff;
    position: fixed;
    bottom: 80px;
    right: 10px;
    z-index: 99999;
    padding: 16px 0;
    width: 35px;
    opacity: .98;
    background: #fff;
    border-radius: 20px;
}

.fixedGroup .fixedGroup-item {
	position: relative;
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 36px;
	height: 36px;
	cursor: pointer
}

.fixedGroup .retop {
	display: none
}

.fixedGroup .fixedGroup-item i {
	display: block;
	padding: 4px;
	box-sizing: border-box;
	width: 28px;
	height: 28px;
	border-radius: 4px
}

.fixedGroup .fixedGroup-item::after {
	content: "";
	position: absolute;
	right: 50%;
	bottom: 0;
	width: 20px;
	height: 1px;
	background-color: #0c0d0f0f;
	transform: translateX(50%)
}

.fixedGroup .fixedGroup-item:last-child::after {
	content: none
}

.fixedGroup .fixedGroup-item:hover i {
	background-color: #f5f5f5
}

.fixedGroup .fixedGroup-item .fixedGroup__cell {
	display: none;
	font-size: 15px;
	position: absolute;
	top: 2px;
	right: 54px;
	padding: 0 12px;
	color: #fff;
	font-size: 14px;
	border-radius: 2px;
	background-color: #4d4d4d;
	min-width: 52px;
	min-height: 32px;
	line-height: 32px;
	animation: fadeInOut .2s ease-out 0s forwards;
	transform: all .2s;
	white-space: nowrap
}

.fixedGroup .fixedGroup-item:hover .fixedGroup__cell {
	display: block
}

@keyframes fadeInOut {
	0% {
		transform: scale(.5)
	}

	100% {
		transform: scale(1)
	}
}

.fixedGroup .fixedGroup-item .fixedGroup__cell .fixedGroup__triangle {
	position: absolute;
	top: 12px;
	right: -5px;
	width: 10px;
	height: 10px;
	background-color: #4d4d4d;
	border-top-right-radius: 2px;
	transform: rotate(45deg)
}

@keyframes k-loadingK {
	0% {
		left: 0;
		transform: scale(1.2)
	}

	50% {
		left: 100%;
		transform: scale(1)
	}

	100% {
		left: 0;
		transform: scale(1.2)
	}
}

@keyframes k-loadingL {
	0% {
		left: 100%;
		transform: scale(1.2)
	}

	50% {
		left: 0;
		transform: scale(1)
	}

	100% {
		left: 100%;
		transform: scale(1.2)
	}
}

@keyframes k-loadingM {
	0% {
		z-index: 0
	}

	50% {
		z-index: 10
	}

	100% {
		z-index: -2
	}
}

@keyframes k-loadingN {
	0% {
		z-index: 1
	}

	50% {
		z-index: -2
	}

	100% {
		z-index: 10
	}
}

#page {
	padding: 15px 0;
	font-size: 0;
	text-align: center
}

.page-link {
	line-height: 34px;
	display: inline-block;
	font-size: 14px;
	border-radius: 8px;
	background: #e9ecef;
	min-width: 34px;
	position: relative;
	margin: 5px
}

.page-current:hover,.page-current {
	background: #e50914;
	color: #fff;
	background: linear-gradient(to right,#ff711f 0%,#e50914 100%);
	box-shadow: 0 10px 12px -4px rgba(229,9,20,.25);
	font-weight: 700
}

.page-previous,.page-next {
	padding: 0 18px
}

.page-more {
	background: #e9ecef;
	width: 180px;
	margin-top: -15px;
	border-radius: 0 0 18px 18px
}

.open~.shortcuts-mobile-overlay {
	background-color: rgba(57 61 73/80%);
	pointer-events: auto;
	z-index: 99
}

.none {
	display: none
}

.popupShow {
	display: block!important
}

.popup {
	box-shadow: 0 .25rem .5rem rgba(0,0,0,.05),0 1.5rem 2.2rem rgba(0,0,0,.1)!important;
	overflow: hidden;
	padding: 0 30px;
	background: #fff;
	width: 400px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999999;
	transform: translateX(-50%) translateY(-50%);
	margin: 0 auto;
	border-radius: 18px
}

.popup::after {
	content: '';
	height: 150px;
	width: 120%;
	background: #f9d342;
	position: absolute;
	bottom: -95px;
	left: -10%;
	z-index: -1;
	border-radius: 50%
}

.popup-header {
	text-align: center;
	padding: 25px 0 10px
}

.popup-title {
	position: relative;
	font-size: 20px;
	font-weight: 900;
	display: inline-block
}

.popup-title::before {
	content: '';
	position: absolute;
	width: 90px;
	height: 15px;
	left: -5px;
	background: #ffddd5;
	bottom: 3px;
	border-radius: 4px;
	transform: skewX(-15deg);
	z-index: -1
}

.popup-main {
	padding-bottom: 10px
}

.popup-main p {
	padding: 2px 0 0
}

.popup-main .pc {
	padding: 10px 0
}

.popup-main p a {
	color: #e50914
}

.popup-main p:last-child {
	padding-top: 15px;
	margin-top: 15px
}

.popup-main p:last-child::after {
	background: #e3e6ea
}

.popup-main p img {
	height: 50%;
	width: 50%;
	display: block;
	margin: 0 auto
}

.popup-footer {
	padding: 10px 0 30px;
	text-align: center
}

.popup-btn {
	cursor: pointer
}

.shortcuts-box {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	display: none;
	width: 100%;
	height: 100%
}

#shortcuts-info {
	position: absolute;
	width: 280px;
	height: auto;
	padding: 25px;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -140px;
	text-align: center;
	color: #fff;
	border: 2px solid #fff;
	background-color: #0c0d0f;
	border-radius: 8px
}

.skeleton-bg,.skeleton .module-poster-item-title,.skeleton .module-card-item-title,.skeleton .module-info-item span,.skeleton .module-card-item-footer span,.skeleton.module-play-list-link {
	background: linear-gradient(90deg,#e9ecef 25%,#e3e6ea 37%,#e9ecef 63%);
	background-size: 400% 500%;
	border-radius: 8px;
	animation: skeleton-loading 1.4s ease infinite
}

.skeleton .module-item-cover {
	background: linear-gradient(90deg,transparent 25%,#e3e6ea 37%,transparent 63%);
	background-size: 400% 500%;
	border-radius: 8px;
	animation: skeleton-loading 1.4s ease infinite
}

.skeleton .module-item-cover::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: url(../images/loading.jpg) no-repeat center;
	background-size: 100%;
	z-index: -1
}

.skeleton .module-poster-item-title {
	height: 22px
}

.skeleton .module-poster-item .module-item-cover:hover {
	box-shadow: none
}

.skeleton .module-card-item-class {
	width: 38px
}

.skeleton .module-card-item-title {
	height: 18px;
	border-radius: 4px
}

.skeleton .module-info-item span {
	height: 14px;
	width: 30px;
	margin: 3px 3px 3px 0;
	border-radius: 4px
}

.skeleton .module-card-item-footer span {
	border-radius: 50px;
	height: 30px;
	width: 60px;
	top: -15px;
	position: relative;
	z-index: 1;
	margin-left: 20px;
	display: inline-block
}

.skeleton.module-play-list-link {
	height: 34px
}

.skeleton.module-play-list-link:hover {
	background: #e9ecef!important
}

.skeleton.module-play-list-link::after {
	border-color: transparent
}

.module-play-list-larger .skeleton.module-play-list-link {
	height: 40px
}

@keyframes skeleton-loading {
	0% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0 50%
	}
}

.player-rm {
	padding: 15px 10px;
	background: #000;
	position: relative;
	z-index: 10
}

.rm-list {
	font-size: 0
}

.rm-list img {
	display: block;
	width: 100%;
	border-radius: 8px
}

.rm-two a {
	margin: 0 5px;
	display: inline-block;
	width: calc(50% - 10px)
}

.app-module {
	padding: 40px 0 80px;
	position: relative
}

.app-module::after {
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: -30px;
	background: url(../images/app-bg.png) no-repeat;
	background-size: 80%;
	z-index: -2
}

.app-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.app-title {
	font-size: 48px
}

.app-desc {
	font-size: 16px;
	color: #9e9e9e
}

.app-downlist {
	padding-top: 25px
}

.app-downlist .app-downlist-go {
	width: 200px;
	text-align: center
}

.app-downlist .app-downlist-go.disable {
	cursor: not-allowed;
	background: #c2c6d0;
	filter: grayscale(100%)
}

.app-downlist .app-downlist-go:hover.disable::after {
	height: 0
}

.app-pic {
	position: relative;
	padding: 20px 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(../images/phone.png) no-repeat center;
	height: 500px;
	width: calc(100% + 80px);
	margin: 80px -40px 0;
	background-size: contain
}

.app-pic::before,.app-pic::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	background: rgba(247,248,249,.58);
	width: calc(50% - 123px);
	z-index: -1
}

.app-pic::before {
	left: 0
}

.app-pic::after {
	right: 0
}

.app-pic-list {
	animation: move 180s linear infinite;
	position: relative;
	z-index: -2;
	top: 15px;
	height: 100%;
	width: 218%;
	white-space: nowrap;
	display: flex
}

.app-pic-list-poster {
	height: 100%;
	width: 100%
}

.app-pic-list img {
	height: 100%;
	display: block
}

@keyframes move {
	0% {
		transform: translateX(0px)
	}

	100% {
		transform: translateX(-100%)
	}
}

.app-qrcode {
	height: 180px;
	width: 180px;
	border-radius: 10px;
	background: #fff;
	overflow: hidden;
	position: absolute;
	bottom: 45px
}

.app-qrcode img {
	height: 100%
}

.links-list {
	border-top: 2px solid #f1f3f5;
	position: relative;
	padding: 25px 0;
	margin-top: 20px;
	word-break: break-word;
	font-size: 0;
}

.links-list .module-heading {
	display: inline-block;
	/*background: #f7f8f9;*/
	padding-right: 15px;
	position: absolute;
	left: 0;
	top: -13px;
	margin: 0
}

.links-list h3 {
	font-size: 16px
}

.links-list-go {
	font-size: 14px;
	margin: 0 10px 10px 0
}

.links-list-go:hover {
	text-decoration: underline
}

.footer-content {
	background: #e9ecef;
	margin: 0 -40px;
	padding: 20px 40px
}

.foot-logo {
	height: 28px
}

.foot-logo img {
	display: block;
	height: 100%
}

.foot-copyright {
	flex: 1;
	text-align: right
}

.foot-copyright a {
	margin-left: 20px;
	font-size: 13px;
	position: relative
}

.foot-copyright a::before {
	content: '/';
	position: absolute;
	left: -13px;
	color: #c2c6d0;
	bottom: -5%;
	font-size: 12px;
	font-weight: 400
}

.foot-copyright a:first-child::before {
	content: ''
}

.foot-copyright p {
	font-size: 12px;
	margin-top: 3px;
	color: #757575
}

@media(max-width:4096px) {
	.module-poster-items-aline .module-poster-item:nth-last-child(-n+2) {
		display: none
	}
}

@media(max-width:1789px) {
	.module-poster-items-small .module-poster-item:last-child {
		display: none
	}

	.module-poster-items-aline .module-poster-item:nth-last-child(-n+3),.module-poster-items-base .module-poster-item:nth-last-child(-n+2) {
		display: none
	}

	.view .module-poster-items-base .module-poster-item,.player .module-poster-items-base .module-poster-item {
		display: inline-block!important
	}

	.view .module-poster-items-base .module-poster-item:nth-child(n+15),.player .module-poster-items-base .module-poster-item:nth-child(n+15) {
		display: none!important
	}

	.module-poster-item {
		width: calc(14.285714% - 18px)
	}

	.module-card-item {
		width: calc(33.33% - 18px)
	}

	.module-title {
		font-size: 28px
	}
}

@media(max-width:1549px) {
	.module-poster-item {
		width: calc(16.666667% - 18px)
	}

	.module-poster-items-small .module-poster-item:nth-last-child(-n+2) {
		display: none
	}

	.module-poster-items-aline .module-poster-item:nth-last-child(-n+4) {
		display: none
	}

	.module-poster-items-base .module-poster-item:nth-child(n+13) {
		display: none
	}

	.view .module-poster-items-base .module-poster-item:nth-child(n+13),.player .module-poster-items-base .module-poster-item:nth-child(n+13) {
		display: none!important
	}

	.module-play-list-base .module-play-list-link {
		width: calc(12.5% - 10px)
	}

	.module-play-list-large .module-play-list-link {
		width: calc(20% - 10px)
	}

	.module-play-list-larger .module-play-list-link {
		min-width: calc(25% - 10px);
		padding: 3px
	}
}

@media(max-width:1369px) {
	.module-card-item {
		width: calc(50% - 18px)
	}
}

@media(min-width:1025px) {
	.view .module-title,.player .module-title {
		font-size: 24px
	}

	.view .module-heading.player-heading {
		height: 33px
	}

	.module-title a:hover {
		color: #e50914
	}

	.module-title a:hover .module-title-en,.module-title a:hover .module-ranking-tab-info {
		filter: grayscale(100%)
	}

	.module-poster-item .module-item-cover:hover {
		box-shadow: 0 20px 15px -10px rgba(0,0,0,.2),0 50px 35px -40px rgba(0,0,0,.4),0 50px 35px -40px rgba(243,2,2,.2)
	}

	.sidebar {
		/*width: 200px;
		padding: 64px 15px 0*/
	}

	.main,.footer {
		/*margin-left: 200px;
		padding-left: 40px;
		padding-right: 40px;*/
	}
	.footer .content .footer-content,.footer .content .links-list{
		width: 1190px;
		margin:0 auto
	}
	.main{
		width: 1190px;
		margin: 0 auto;
		padding: 15px;
	}

	.header {
		/*margin: 0 0 0 200px*/
	}

	.domain {
		position: absolute;
		bottom: 20px;
		width: 100%;
		left: 0
	}

	.domain img {
		width: 76%;
		margin-left: 12%
	}

	.navbar-item {
		font-size: 16px
	}

	.player-heading {
		margin-bottom: 17px
	}

	.player-heading .module-tab {
		margin: -8px 0 -25px
	}

	.player-list {
		height: 100%
	}

	.player-box-main {
		position: relative;
		overflow: hidden;
		display: inline-block;
		z-index: 10;
		width: calc(100% - 360px)
	}

	.player-box {
		font-size: 0;
		position: relative;
		background: #fff;
		border-radius: 0 0 18px 18px
	}

	.player-box::after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		border-radius: 0 0 18px 18px;
		z-index: 9;
		box-shadow: 0 2.75px 2.21px rgba(0,0,0,.01),0 6.65px 5.32px rgba(0,0,0,.02),0 12.5px 10px rgba(0,0,0,.01),0 22px 18px rgba(0,0,0,.03),0 42px 33.4px rgba(0,0,0,.02),0 100px 80px rgba(0,0,0,.01),0 0 1px rgba(0,0,0,.1)
	}

	.module-player-side {
		position: absolute;
		right: 0;
		top: 0;
		width: 360px;
		height: 100%;
		bottom: 0;
		z-index: 10;
		border-bottom-right-radius: 18px
	}

	.module-player-info {
		padding: 20px;
		position: relative;
		background: #e9ecef
	}

	.tips-box {
		top: 0;
		left: 0;
		padding: 0 5px;
		width: 100%;
		border-radius: 0
	}

	.tips-list {
		height: 30px
	}

	.tips-list li {
		height: 40px;
		line-height: 30px
	}

	.close-btn {
		right: 0;
		top: 0
	}

	.module-player-info .module-info-heading {
		margin: 0;
		position: relative
	}

	.module-player-info .module-info-heading h1 {
		font-size: 20px;
		position: initial;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		word-wrap: break-word;
		display: -webkit-box;
		overflow: hidden;
		max-height: 54px
	}

	.module-player-info .module-info-heading h1::before {
		left: -20px;
		height: 28px
	}

	.module-player-info .module-info-tag-link {
		background: #f7f8f9
	}

	.module-player-info .module-info-tag-link::after {
		border-color: #e3e6ea
	}

	.speed:hover .speed-prompt {
		display: block
	}

	.player .module-play-list-content {
		padding-bottom: 20px
	}

	.player .module-player .module-title {
		font-size: 14px;
		flex: 1
	}

	.player .player-heading {
		margin: 0;
		padding: 0 20px;
		background: #e9ecef
	}

	.player .player-heading .module-tab {
		margin: 0 0 -1px;
		flex: 3
	}

	.player .player-heading .module-tab-items {
		padding: 0;
		width: 100%
	}

	.player .module-list {
		box-shadow: none;
		background: 0 0;
		height: calc(100% - 205px);
		overflow: auto;
		border-radius: 0
	}

	.player .module-list.active {
		border-top: 1px solid #e3e6ea
	}

	.player .module-play-list {
		max-height: initial
	}

	.player .module-play-list-base .module-play-list-link {
		width: calc(33.33% - 10px)
	}

	.player .module-play-list-large .module-play-list-link {
		width: calc(50% - 10px)
	}

	.player .module-play-list-larger .module-play-list-link {
		min-width: calc(100% - 10px)
	}

	.player .module-tab-items {
		background: 0 0
	}

	.player .player-heading .module-tab-item.active {
		position: relative;
		z-index: 1;
		border-radius: 8px 8px 0 0;
		background: #fff;
		box-shadow: none;
		border: 1px solid #e3e6ea;
		border-bottom-color: #fff
	}

	.player .player-heading .module-tab-items-box {
		padding: 0
	}

	.player .player-heading .module-tab-item {
		line-height: 40px;
		padding: 0 12px
	}

	.module-player-handle-items {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 60px;
		z-index: 9;
		display: flex;
		align-items: center;
		border-top: 1px solid #f3f5f7;
		background: #fafafa;
		border-bottom-right-radius: 18px
	}

	.module-player-handle-item {
		font-size: 0;
		display: inline-block;
		flex: 1;
		position: relative;
		border-left: 3px solid #e3e6ea
	}

	.module-player-handle-item:first-child {
		border: none
	}

	.handle-btn {
		font-weight: 700;
		line-height: 15px
	}

	.module-player-handle-item:hover .handle-btn {
		color: #e50914
	}

	.play-btn.icon-btn span {
		display: none
	}

	.module-card-item-footer .icon-btn {
		padding: 0 8px 0 3px;
		margin-right: -15px
	}

	.module-card-item-footer .icon-btn,.module-card-item-footer .icon-btn::after {
		border-radius: 50px 18px 18px 50px
	}

	.module-card-item-footer .icon-btn::before {
		border-radius: 50px 25px 25px 50px
	}

	.module-card-item-footer .icon-btn+.play-btn-o {
		padding: 0 15px 0 13px
	}

	.module-card-item-footer .icon-btn+.play-btn-o,.module-card-item-footer .icon-btn+.play-btn-o::after {
		border-radius: 18px 50px 50px 18px
	}

	.module-card-item-footer .icon-btn+.play-btn-o::before {
		border-radius: 25px 50px 50px 25px
	}

	.handle-btn-icon {
		margin-right: 10px
	}

	.handle-btn-icon i {
		vertical-align: -1px
	}

	.drop-qrcode {
		top: inherit;
		bottom: 50px;
		width: 330px;
		right: 15px
	}

	.drop-qrcode-content {
		padding: 20px;
		font-size: 0
	}

	.drop-qrcode-info {
		text-align: center
	}

	.drop-qrcode-img {
		padding: 30px 0 15px
	}

	.drop-qrcode-img img {
		height: 160px;
		width: 160px;
		margin: 0 auto
	}

	.drop-qrcode-info-text {
		font-size: 14px;
		padding-left: 15px
	}

	.drop-qrcode-info-text p {
		color: #757575
	}

	.drop-qrcode-info-text p strong {
		font-weight: 700;
		color: #212121
	}

	.drop-qrcode-info-tips {
		font-size: 12px;
		margin: 15px 0 0;
		padding: 10px 12px;
		background: #fff0ec;
		border-radius: 8px
	}

	.player-rm {
		width: calc(100% - 360px);
		border-bottom-left-radius: 18px
	}
}

@media(max-width:1024px) {
	.domain {
		display: none
	}

	.module-paper-item {
		width: calc(33.33% - 18px)
	}

	.module-paper-item:last-child {
		display: none
	}

	.module-poster-item {
		width: calc(20% - 18px)
	}

	.module-poster-items-small .module-poster-item:nth-last-child(-n+3) {
		display: none
	}

	.module-poster-items-aline .module-poster-item:nth-last-child(-n+4) {
		display: inline-block
	}

	.module-poster-items-base .module-poster-item:nth-last-child(-n+4) {
		display: inline-block
	}

	.module-poster-items-base .module-poster-item:nth-child(n+16) {
		display: none
	}

	.view .module-poster-items-base .module-poster-item:nth-child(n+13),.player .module-poster-items-base .module-poster-item:nth-child(n+13) {
		display: inline-block!important
	}

	.view .module-poster-items-base .module-poster-item:nth-child(n+16),.player .module-poster-items-base .module-poster-item:nth-child(n+16) {
		display: none!important
	}

	.module-paper-item-main a:hover {
		box-shadow: initial
	}

	.module-item-top {
		font-size: 24px;
		text-indent: 8px
	}

	.module-item-top::after {
		left: -120%;
		top: -50%
	}

	.module-heading-tab .module-heading-tab-link.active::after {
		bottom: -75%
	}

	.module-heading-tab-link,.module-title {
		font-size: 24px
	}

	.module-title-en,.module-ranking-tab-info {
		font-size: 30px
	}

	.module-heading-tab .line {
		height: 20px
	}

	.module-heading-search-result {
		font-size: 18px
	}

	.module-info-poster {
		width: 180px!important
	}

	.player-rm {
		border-radius: 0;
		padding: 10px 5px
	}

	.module-player-info {
		background: #fff;
		border-radius: 0 0 18px 18px;
		position: relative;
		padding: 20px 0 25px;
		margin-bottom: 40px
	}

	.module-player-info::after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		border-radius: 18px;
		z-index: 1;
		box-shadow: 0 2.75px 2.21px rgba(0,0,0,.01),0 6.65px 5.32px rgba(0,0,0,.02),0 12.5px 10px rgba(0,0,0,.01),0 22px 18px rgba(0,0,0,.03),0 42px 33.4px rgba(0,0,0,.02),0 100px 80px rgba(0,0,0,.01),0 0 1px rgba(0,0,0,.1)
	}

	.module-player-info .module-info-heading {
		margin: 0 0 0 25px;
		max-width: 75%
	}

	.module-player-handle-item.qrcode {
		display: none
	}

	.module-player-handle-item.next {
		display: inline-block
	}

	.module-card-item-footer a {
		font-size: 12px
	}

	.module-card-item-footer .play-btn.icon-btn {
		text-indent: initial;
		margin-right: -5px;
		padding: 0 15px
	}

	.module-card-item-footer .play-btn i {
		margin-right: 5px
	}

	.module-card-item-footer a span {
		font-weight: 700
	}

	.module-card-item-footer .play-btn.icon-btn span {
		position: relative;
		top: -2%
	}

	.module-player-side {
		position: relative
	}

	.module-player-handle-items {
		position: absolute;
		top: 25px;
		right: 25px;
		z-index: 9
	}

	.module-player-handle-item {
		display: inline-block;
		margin-left: 10px
	}

	.handle-btn {
		border-radius: 8px;
		height: 70px;
		width: 70px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		background: #f7f8f9
	}

	.handle-btn:hover {
		background: #e9ecef
	}

	.handle-btn-icon {
		font-size: 18px
	}

	.handle-btn-name {
		font-size: 12px
	}

	.app-title {
		font-size: 38px
	}

	.app-desc {
		font-weight: 400
	}

	.app-module::after {
		background-size: 180%;
		background-position-x: -180px
	}
}

@media(min-width:900px) {
	.header .header-box {
		margin: 0 auto;
	}
}

@media(max-width:899px) {
	.header-op-list-btn span {
		display: none
	}

	.header-op-list-btn {
		padding: 0;
		width: 35px;
		text-align: center
	}

	.header-op-list-btn i {
		margin: 0;
		font-size: 18px;
		height: 18px;
		width: 18px;
		vertical-align: text-bottom;
		font-weight: 900
	}

	.module-items {
		margin-right: -15px
	}

	.module-item {
		margin: 0 15px 18px 0
	}

	.module-heading-tab {
		justify-content: center
	}

	.module-poster-item {
		width: calc(25% - 15px)
	}

	.module-card-item {
		width: calc(100% - 15px);
		margin-bottom: 40px!important
	}

	.module-poster-items-small .module-poster-item:nth-last-child(-n+3) {
		display: inline-block
	}

	.module-poster-items-aline .module-poster-item:nth-last-child(-n+2) {
		display: none
	}

	.module-poster-items-base .module-poster-item:nth-child(n+13) {
		display: none
	}

	.view .module-poster-items-base .module-poster-item:nth-child(n+16),.player .module-poster-items-base .module-poster-item:nth-child(n+16) {
		display: inline-block!important
	}

	.module-play-list-base .module-play-list-link {
		width: calc(20% - 10px)
	}

	.module-play-list-large .module-play-list-link {
		width: calc(33.3333% - 10px)
	}

	.module-play-list-larger .module-play-list-link {
		min-width: calc(33.3333% - 10px)
	}

	.module-paper-item {
		width: calc(50% - 15px)
	}

	.module-paper-item:nth-last-child(-n+2) {
		display: none
	}

	.module-item-note {
		font-size: 10px
	}

	.module-poster-items-small .module-item-note {
		padding: 3px 7px 2px;
		border-radius: 8px -2px
	}

	.module-info-poster {
		width: 140px!important;
		margin: 0 15px!important
	}

	.module-info-heading h1 {
		font-size: 24px
	}

	.module-player-info .module-info-heading {
		max-width: 65%
	}

	.app-module::after {
		background-size: 130%
	}

	.foot-logo {
		display: none
	}

	.foot-copyright {
		text-align: center;
		padding: 0 10px
	}

	#friendlink {
		display: none
	}
}
::-webkit-scrollbar
{
  width: 16px;
  height: 5px;
  background-color: #F5F5F5;
}
 
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
 
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #555;
}
@media(min-width:560px) {
	#mobile-tab-box {
		display: none!important
	}
	
	.sidebar-box{
		position: sticky;
		top: 62px;
		z-index:100
	}

	.sidebar {
		/*height: 100vh;*/
		/*background: #fff;*/
		border-right: 1px solid #e9ecef
	}
	
	/*.navbar{
		width: 1190px;
		margin: 0 auto;
	}*/

	.main {
		padding-top: 15px;
		min-height: calc(100vh - 175px)
	}

	.header {
		z-index: 11;
		/*background: rgba(247,248,249,.97);*/
		background: #ffffff;
		-webkit-backdrop-filter: saturate(180%) blur(10px)
	}

	.header .header-box {
		border-radius: 0;
		box-shadow: 0 1px 0 rgba(0,0,0,.05)
	}

	.header-op-list-btn i {
		vertical-align: text-bottom
	}

	.searchbar {
		border-radius: 8px
	}

	.searchbar-main.open .search-recommend {
		box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
		padding: 20px;
		border-radius: 0 0 8px 8px
	}

	.navbar-item {
		padding: 10px;
		height: 40px;
		line-height: 39px;
		display: flex;
		align-items: center
	}

	.navbar-item.active::before,.navbar-item.active .links::before {
		border: 1px solid #e9ecef
	}

	.navbar-item i{
		display:none;
	}

	.navbar-item.active {
		/*border-top: 4px solid #f44336;*/
	}

	.navbar-item.active a {
		/*background: linear-gradient(to right,#fff 0%,#f7f8f9 90%)*/
	}

	.navbar-item.active a .current{
		position:absolute;
		bottom:8px;
		left:0;
		right:0;
		height:8px;
		border-radius:25px;
		z-index: 9;
		background: linear-gradient(to right,#f44336 0%,#eeeeee 90%)
	}
	
	.navbar-item.active a>span{
		position: relative;
		z-index: 10;
		font-size:20px;
		font-weight:bold;
		color: #ff2a14;
	}

	.navbar-item.active::before {
		border-width: 0 1px 1px 0
	}

	.navbar-item.active .links::before {
		border-width: 1px 1px 0 0
	}
	
	.navbar-item.active .links::before,.navbar-item.active .links::after,.navbar-item.active::before,.navbar-item.active::after{
		display:none;
	}

	.navbar-item.active .icon-home-o:before {
		content: "\e909"
	}

	.navbar-item.active .icon-dy-o:before {
		content: "\e905"
	}

	.navbar-item.active .icon-tv-o:before {
		content: "\e90b"
	}

	.navbar-item.active .icon-dm-o:before {
		content: "\e907"
	}

	.navbar-item.active .icon-zy-o:before {
		content: "\e903"
	}

	.navbar-item.active .icon-update-o:before {
		content: "\e90f"
	}

	.navbar-item.active .icon-ranking-o:before {
		content: "\e90d"
	}

	.navbar-item.active .icon-jl-o:before {
		content: "\e913"
	}

	.navbar-item.active .icon-phone-o:before {
		content: "\e974"
	}

	.navbar-item.active .icon-week-o:before {
		content: "\e975"
	}

	.navbar-hr {
		margin: 10px 0;
		padding: 0;
		height: 1px;
		background: #f7f8f9
	}

	.navbar-item a {
		display: inline-block;
		width: 100%;
		height: calc(100% - 2px)
	}

	.navbar-item span {
		/*margin-left: 10px*/
		font-size:16px;
		font-weight:500;
		/*color: #777777;
		color: #000;*/
	}

	.navbar-item i {
		vertical-align: text-bottom;
		width: 19px;
		text-align: center
	}

	.navbar-item i.icon-arrow-go {
		float: right;
		line-height: 40px;
		font-size: 12px;
		color: transparent;
		margin-right: 20px
	}

	.navbar-item:hover i.icon-arrow-go {
		margin: 0;
		color: #e50914
	}

	.navbar-item.active i.icon-arrow-go {
		display: none
	}

	.module-tab {
		white-space: nowrap;
		overflow: auto;
		max-width: 85% 
	}

	.module-tab-items {
		background: #e9ecef;
		border-radius: 8px;
		padding: 3px;
		overflow: auto
	}

	.module-tab-items::-webkit-scrollbar {
		display: none
	}

	.module-tab-item {
		cursor: pointer;
		position: relative
	}

	.module-tab-item:hover {
		color: #e50914
	}

	.module-tab-item.active {
		border-radius: 6px;
		background: #fff;
		font-weight: 700;
		color: #e50914
	}

	.module-class {
		padding: 5px 0
	}

	.module-class::after {
		border-color: #e9ecef;
		border-width: 2px 0
	}

	.module-info-poster {
		width: 220px;
		float: right;
		margin: 0 25px;
		position: relative;
		z-index: 10
	}

	.module-info-heading {
		margin: 0 0 20px 25px;
		position: relative
	}

	.view .module-info-heading::after {
		content: '';
		position: absolute;
		left: -25px;
		height: 100%;
		border-left: 2px dashed #dbdee2;
		bottom: -20px;
		z-index: -1
	}

	.module-info-heading h1::before {
		content: '';
		position: absolute;
		left: -25px;
		height: 40px;
		width: 5px;
		background: #e50914;
		border-radius: 0 4px 4px 0
	}

	.module-info-tag {
		display: flex;
		align-items: center
	}

	.module-info-content {
		position: relative
	}

	.module-info-content::after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		border-radius: 18px;
		z-index: 9;
		box-shadow: 0 2.75px 2.21px rgba(0,0,0,.01),0 6.65px 5.32px rgba(0,0,0,.02),0 12.5px 10px rgba(0,0,0,.01),0 22px 18px rgba(0,0,0,.03),0 42px 33.4px rgba(0,0,0,.02),0 100px 80px rgba(0,0,0,.01),0 0 1px rgba(0,0,0,.1)
	}

	.module-info-content {
		border-radius: 0 18px 18px 18px;
		background: #fff
	}

	.module-info-items {
		min-height: 235px
	}

	.module-mobile-play,.module-poster-bg {
		display: none
	}

	.module-info-footer {
		background: #fafafa;
		z-index: 10;
		padding: 25px;
		border-radius: 0 0 18px 18px
	}

	.module-info-play {
		position: relative;
		z-index: 9;
		margin-top: -45px
	}

	.module-info-item:last-child {
		padding-bottom: 15px
	}

	.module-list {
		border-radius: 8px 0 8px 8px;
		padding: 20px
	}

	.player-heading .module-tab-items {
		padding: 0;
		border-radius: 8px 8px 0 0
	}

	.player-heading .module-tab-items-box {
		padding: 5px 5px 0
	}

	.player-heading .module-tab-item {
		line-height: 45px
	}

	.player-heading .module-tab-item.active {
		border-radius: 6px 6px 0 0
	}

	.module-player {
		margin-top: -30px
	}

	.app-downlist .app-downlist-go {
		line-height: 50px;
		font-size: 20px;
		margin-right: 20px
	}

	.app-downlist .app-downlist-go:last-child {
		margin: 0
	}

	.app-downlist .app-downlist-go::after {
		height: 55px
	}

	.app-downlist .app-downlist-go i {
		height: 20px;
		width: 20px;
		font-size: 20px;
		vertical-align: -1px
	}
}

@media(min-width:559px) and (max-width:1024px) {
	.logo {
		margin: 0;
		padding: 0;
		justify-content: center;
		width: 100px;
		left: -125px
	}

	.logo a {
		height: 32px;
		width: 32px;
		overflow: hidden
	}
    .logo img {
    display: block;
     height: 60%;
    width: 200px;
    position: absolute;
    left: -140px;
    padding-left: 30px;
}
	.sidebar {
		width: 100%;
		/*padding-top: 64px*/
	}

	.navbar-item {
		text-align: center;
		height: 78px;
		line-height: inherit;
		font-size: 14px
	}

	.navbar-item a {
		padding: 12px 0
	}

	.navbar-item.active {
		margin: 0 -1px 0 16px;
		padding: 0 15px 0 0;
		/*background: linear-gradient(to right,#fff 0%,#e9ecef 80%,#f7f8f9 80%)*/
	}

	.navbar-item i.icon-arrow-go {
		display: none
	}

	.navbar-item i {
		width: 100%;
		margin: 5px 0 2px;
		height: auto;
		font-size: 20px
	}

	.navbar-item span {
		margin: 0
	}

	.navbar-item.active .links::before,.navbar-item.active .links::after {
		bottom: -20px;
		right: -15px
	}

	.navbar-hr {
		margin: 5px 0
	}

	.main,.footer {
		/*margin-left: 100px;*/
		padding-left: 25px;
		padding-right: 25px
	}

	.footer-content {
		margin: 0 -25px;
		padding-right: 25px;
		padding-left: 25px
	}

	.header {
		/*margin: 0 0 0 100px;
		margin: 0 0 0 50px;
		width: calc(100% - 100px)*/
	}

	.header .header-box {
		margin: 0 25px
	}

	.player-heading {
		margin-bottom: 15px
	}

	.player-heading .module-tab {
		margin: -3px 0 -15px
	}

	.module-player-info .module-info-heading {
		z-index: 2
	}

	.app-pic {
		width: calc(100% + 50px);
		margin: 60px -25px 0
	}
}

@media(max-width:559px) {
	.nonenav {
		display: none
	}

	.homepage:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		background: linear-gradient(to bottom,#f1f3f5 0%,#e3e6ea 100%);
		height: 175px
	}

	.display {
		display: none
	}

	.drop:hover .shortcuts-mobile-overlay {
		background-color: rgba(0,0,0,.18)
	}

	.popup {
		width: 82%;
		padding: 0 25px
	}

	.popup-main p {
		font-size: 13px
	}

	.homepage .main {
		min-height: calc(100vh - 323px)
	}

	.page .main {
		padding-top: 54px;
		min-height: calc(100vh - 196px)
	}

	.page .header {
		display: none
	}

	.list .sidebar,.app .sidebar {
		background: #e9ecef
	}

	.page.open .header {
		display: inline-block
	}

	.open .header {
		z-index: 11
	}

	.header {
		position: relative;
		padding: 100px 15px 20px;
		height: 220px;
		width: 100%
	}

	.header-box {
		height: auto;
		justify-content: center;
		width: 100%;
	}
	.page-top-banner{
		margin-top: 0;
	}

	.header-op {
		display: none
	}

	.header-op-search {
		display: inline-block
	}

	.page .side-op {
		right: 0
	}

	.logo {
		position: initial;
		width: auto;
		padding: 0
	}

	.logo a {
		height: 32px
	}
	
	.sidebar-box{
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}

	.sidebar {
		width: 100%;
		display: flex;
		padding: 5px 0;
		position: fixed;
		left: 0;
		top: 120px;
	}

	.homepage .navbar {
		width: calc(100vw - 45px);
		transition: width .3s ease
	}

	.navbar.open,.page .navbar {
		width: calc(100vw - 85px)
	}

	.side-op {
		position: absolute;
		right: -40px;
		width: 85px;
		transition: right .3s ease;
		display: inline-block;
		font-size: 0;
		padding: 2px 10px 2px 5px;
		box-shadow: -15px 0 10px -12px rgba(0,0,0,.2)
	}

	.side-op.open {
		right: 0
	}

	.searchbar {
		background: #fff;
		box-shadow: 0 7px 21px rgba(149,157,165,.22),0 0 1px rgba(0,0,0,.1);
		height: 50px
	}

	.search-box {
		position: absolute;
		top: 50px;
		width: 100%
	}

	.searchbar-main.open {
		position: fixed;
		height: 100vh;
		left: 0;
		top: 0;
		max-width: initial;
		background: linear-gradient(to bottom,#f7f8f9 0%,#fff 100%)
	}

	.searchbar-main.open::after {
		content: '';
		position: absolute;
		height: 100%;
		width: 100%;
		background: url(../images/colour-bg.png) no-repeat;
		background-size: 100%;
		top: 0;
		z-index: -1
	}

	.searchbar-main.open .searchbar {
		margin: 15px 55px 0 15px
	}

	.searchbar-main.open .search-recommend {
		width: 100%;
		left: 0;
		z-index: 9;
		padding: 20px 15px;
		background: 0 0
	}

	.searchbar-main.open .cancel-btn {
		display: inline-block;
		margin: 0 15px 0 0;
		background: 0 0;
		pointer-events: auto;
		position: absolute;
		right: -56px;
		font-weight: 700
	}

	.search-tag a,.search-history-tag a {
		line-height: 34px;
		font-weight: 700;
		border-radius: 50px
	}

	.sidebar-bg {
		background: rgba(227,230,234,.98);
		z-index: 10
	}
	
	.page-top-banner{
		display:none
	}
	

	.navbar {
		overflow: auto;
		-webkit-overflow-scrolling: touch
	}

	.navbar::-webkit-scrollbar {
		display: none
	}

	.navbar-items {
		display: inline-flex;
		padding: 0 5px
	}

	.navbar-item {
		display: inline-block;
		white-space: nowrap
	}

	.navbar-item a {
		display: inline-block;
		font-size: 16px;
		font-weight: 700;
		color: #616161;
		padding: 0 10px;
		height: 44px;
		line-height: 44px
	}

	.navbar-item.active a {
		color: #0c0d0f
	}

	.navbar-item i {
		display: none
	}

	.navbar-item .current {
		position: absolute;
		width: 60%;
		height: 20%;
		bottom: 10px;
		left: 20%;
		z-index: -1;
		background: linear-gradient(to right, rgb(244, 67, 54) 0%, rgb(238, 238, 238) 90%);
		border-radius: 25px;
	}

	.navbar-hr {
		display: none
	}

	.radian::before,.navbar-item.active::before,.radian::after,.navbar-item.active::after,.radian .links::before,.navbar-item.active .links::before,.radian .links::after,.navbar-item.active .links::after {
		height: 0;
		width: 0
	}

	.main {
		padding: 20px 15px 0;
		position: relative
	}

	.page-heading {
		display: none
	}

	.module-heading {
		margin-bottom: 15px
	}

	.module-heading-tab {
		padding-top: 20px;
		margin: 0 -15px 15px;
		background: #e9ecef
	}

	.module-heading-tab::after {
		background: #e3e6ea
	}

	.module-heading-tab .module-heading-tab-link.active::after {
		bottom: -103%
	}

	.pianku .module-heading-tab {
		margin-bottom: -1px
	}

	.module-heading-search {
		border-bottom-width: 1px;
		padding: 25px 0 10px
	}

	.module-heading-tab .line {
		height: 18px;
		width: 3px
	}

	.module-heading-tab-link {
		font-size: 18px
	}

	.module-title {
		font-size: 20px
	}

	.module-title-en,.module-ranking-tab-info {
		opacity: .12;
		font-size: 24px;
		transform: scale(1,1.1);
		bottom: 5px
	}

	.module-heading-more {
		font-size: 13px
	}

	.module-heading-more::after {
		border-color: #c2c6d0
	}

	.module-heading-more i {
		vertical-align: 0;
		margin: 0 -2px 0 2px
	}

	.module-items {
		margin-right: -10px
	}

	.module-items.scroll-content .el-skeleton {
		width: calc(100vw - 30px)
	}

	.module-poster-item {
		margin: 0 10px 10px 0
	}

	.module-poster-item {
		width: calc(33.33% - 10px)
	}

	.module-poster-items-small .module-poster-item {
		width: 40vw;
		box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
		background: #fff;
		z-index: 1;
		border-radius: 8px
	}

	.module-topic-items-small .module-poster-item {
		width: 40vw;
		box-shadow: 0px 0 10px 0 rgba(0,0,0,0.1);
		background: #fff;
		z-index: 1;
		border-radius: 8px;
	}

	.module-poster-item-info {
		margin: 8px 0 4px
	}

	.module-paper-item-main a {
		min-height: 40px;
		padding: 8px 0;
		margin: 0 10px
	}

	.module-paper-item-main a:hover {
		padding: 8px 10px
	}

	.module-paper-item-main .icon-arrow-right {
		right: 8px
	}

	.module-paper-item-main a:hover .icon-arrow-right {
		right: 18px
	}

	.module-paper-item-main a:nth-last-child(-n+5) {
		display: none
	}

	.module-paper-item-num {
		font-size: 18px;
		width: 38px
	}

	.module-poster-items-small .module-item-nopic .module-item-pic::before {
		border: none
	}

	.module-poster-items-base .module-poster-item:nth-child(n+13) {
		display: none
	}

	.module-poster-items-aline .module-poster-item:nth-last-child(-n+2) {
		display: inline-block
	}

	.module-poster-items-aline .module-poster-item:nth-last-child(-n+1) {
		display: none
	}

	.view .module-poster-items-base .module-poster-item:nth-child(16),.player .module-poster-items-base .module-poster-item:nth-child(16) {
		display: none!important
	}

	.module-paper-item:nth-last-child(-n+2) {
		display: inline-block
	}

	.module-poster-items-small .module-item-cover {
		padding-top: 55%;
		border-radius: 8px 8px 0 0
	}

	.module-topic-items-small .module-item-cover {
		padding-top: 55%;
		border-radius: 8px 8px 0 0
	}

	.module-poster-items-small .module-poster-item-info {
		padding: 0 10px;
		margin: 6px 0 7px
	}

	.module-card-item {
		width: calc(100% - 10px);
		box-shadow: 0 15px 40px rgba(0,0,0,.05)
	}

	.module-card-item-poster {
		width: 110px;
		margin: -40px 0 0 -20px
	}

	.module-card-item:after {
		border: none
	}

	.module-card-item-info {
		margin-left: 105px;
		min-height: 95px
	}

	.module-card-item-class,.module-card-item-info .module-info-item {
		font-size: 12px
	}

	.module-card-item-footer a {
		margin: 0 -5px 0 15px
	}

	.module-tab-items {
		display: none
	}

	.module-tab-item {
		width: calc(33.33% - 10px);
		margin: 5px;
		border-radius: 8px;
		background: #f1f3f5;
		color: #424242;
		padding: 0 15px;
		position: relative;
		text-align: center;
		line-height: 40px;
		font-size: 14px
	}

	.module-tab-item.active {
		color: #e50914;
		background: #ffeae5;
		font-weight: 700;
		box-shadow: none
	}

	.module-tab-item span {
		width: calc(100% + 30px);
		height: 100%;
		display: inline-block;
		margin: 0 -15px
	}

	.module-tab-items-box {
		margin: 0 -5px;
		padding-bottom: 15px
	}

	.module-tab-drop {
		position: relative
	}

	.speed {
		left: 10px;
		top: 5px
	}

	.module-tab .module-tab-items {
		position: fixed;
		width: 100%;
		padding: 15px 25px 0;
		min-height: 50vh;
		max-height: 80vh;
		border-radius: 18px 18px 0 0;
		display: inline-block;
		left: 0;
		bottom: 0;
		z-index: 5000;
		background: #fff url(../images/colour-bg.png) no-repeat;
		transition-duration: 300ms;
		background-size: 150%;
		background-position-y: -20px;
		transform: translate3d(0,100%,0);
		visibility: hidden;
		transition: transform .25s cubic-bezier(.4,0,.2,1),visibility .25s linear 0s
	}

	.module-tab.module-tab-drop .module-tab-items {
		transform: translateZ(0)
	}

	.module-tab-drop+.shortcuts-mobile-overlay {
		top: 0;
		background-color: rgba(0,0,0,.6);
		pointer-events: auto
	}

	.module-tab-title {
		position: relative;
		display: block;
		text-align: center;
		font-size: 18px;
		font-weight: 700;
		padding: 10px 5px 15px;
		margin-bottom: 10px
	}

	.module-tab-name {
		font-size: 13px;
		display: inline-block!important;
		padding: 0 12px;
		background: #e9ecef
	}

	.module-tab-name i {
		font-size: 10px;
		transform: scale(.6);
		margin: -10px 0 0 3px;
		font-weight: 900;
		vertical-align: 0
	}

	.close-drop {
		position: absolute;
		left: 0;
		top: 9px;
		height: 30px;
		width: 30px;
		line-height: 28px;
		border-radius: 50px
	}

	.close-drop:hover {
		background: #fff0ec;
		color: #e50914
	}

	.close-drop i {
		font-size: 12px;
		transform: scale(.8);
		font-weight: 700;
		vertical-align: 0
	}

	.module-page {
		margin-top: 15px
	}

	.module-class {
		margin: 0 -15px;
		background: #fff;
		padding: 8px 15px
	}

	.module-class-items {
		padding: 0 15px!important
	}

	.module-class-item {
		padding: 2px 0
	}

	.module-item-title {
		margin-right: 12px;
		width: 40px;
		line-height: 40px;
		font-size: 14px
	}

	.module-item-title i {
		margin-left: 4px
	}

	.module-item-box {
		display: inline-flex
	}

	.module-item-box a {
		padding: 5px 10px;
		color: #424242;
		font-size: 13px;
		margin-right: 0
	}

	.module-item-box a::after {
		border: 0
	}

	.module-footer {
		border: none;
		margin: 0
	}

	.module-list {
		padding: 15px;
		border-radius: 8px
	}

	.module-play-list-link::after {
		border-color: #dbdee2
	}

	.module-play-list-base .module-play-list-link {
		width: calc(25% - 10px)
	}

	.module-play-list-large .module-play-list-link {
		width: calc(50% - 10px)
	}

	.module-play-list-larger .module-play-list-link {
		min-width: calc(50% - 10px)
	}

	.module-mobile-play {
		text-align: center;
		padding: 30px 0 10px
	}

	.module-info .module-main {
		position: relative;
		z-index: 9;
		border-radius: 18px 18px 8px 8px;
		box-shadow: 0 2.75px 2.21px rgba(0,0,0,.01),0 6.65px 5.32px rgba(0,0,0,.02),0 12.5px 10px rgba(0,0,0,.01),0 22px 18px rgba(0,0,0,.03),0 42px 33.4px rgba(0,0,0,.02),0 100px 80px rgba(0,0,0,.01),0 0 1px rgba(0,0,0,.1);
		background: #fff url(../images/colour-bg.png) no-repeat;
		background-size: 150%;
		background-position-y: -20px;
		margin-top: 210px
	}

	.module-poster-bg {
		width: 100%;
		position: absolute;
		top: -170px;
		left: 0;
		overflow: hidden;
		border-radius: 0
	}

	.module-poster-bg::before {
		content: '';
		height: 100%;
		width: 100%;
		bottom: 0;
		border-radius: 0;
		position: absolute;
		z-index: 2;
		background: rgba(255,255,255,.68);
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px)
	}

	.module-poster-bg:after {
		content: '';
		position: absolute;
		z-index: 2;
		opacity: .1;
		height: 100%;
		width: 100%;
		top: 0;
		background-image: url(../images/frosted.png);
		background-size: 30%;
		filter: invert(100%)
	}

	.module-poster-bg .module-item-cover:after {
		content: '';
		position: absolute;
		z-index: 2;
		opacity: .26;
		height: 100%;
		width: 100%;
		top: 0;
		background-image: url(../images/frosted.png);
		background-size: 29%
	}

	.module-poster-bg .module-item-cover:before {
		content: '';
		position: absolute;
		z-index: 2;
		height: 30%;
		width: 100%;
		bottom: 0;
		background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,#fff 100%)
	}

	.module-poster-bg .module-item-cover {
		border-radius: 0;
		width: 100%;
		left: 0%
	}

	.module-info-poster {
		position: relative;
		top: -180px;
		margin: 0 auto -160px!important;
		width: 170px!important
	}

	.module-info-poster .module-item-cover {
		box-shadow: 0 20px 15px -10px rgba(0,0,0,.2),0 50px 35px -40px rgba(0,0,0,.4),0 50px 35px -40px rgba(0,0,0,.2)
	}

	.module-info-poster .module-item-nopic .module-item-pic::before {
		border: none
	}

	.view .module-info-heading {
		text-align: center;
		padding: 5px 0 0
	}

	.view .module-info-heading h1 {
		padding: 0 20px
	}

	.module-info-items {
		padding: 20px
	}

	.module-info-introduction::after {
		background: #e3e6ea
	}

	.module-info-introduction-content {
		-webkit-line-clamp: 5;
		max-height: 111px
	}

	.module-info-tag-link {
		margin-right: 6px
	}

	.module-info-tag-link a {
		color: #757575
	}

	.module-info-footer {
		display: none
	}

	.module-info-item:last-child {
		padding-bottom: 0
	}

	.player-box,.module-player-info {
		margin: 0 -15px;
		border-radius: 0
	}

	.module-player-info::after {
		border-radius: 0;
		box-shadow: 0 1px 0 #f1f3f5
	}

	.module-player-info {
		padding: 15px 0 20px;
		margin-bottom: 30px
	}

	.module-player-info .module-info-heading {
		max-width: 50%;
		margin: 0 0 0 15px;
		position: relative;
		z-index: 9
	}

	.module-player-info .module-info-heading h1 {
		font-size: 20px;
		margin-bottom: 6px
	}

	.module-player-info .module-info-tag-link {
		font-size: 12px;
		height: 26px;
		line-height: 26px;
		padding: 0 1px
	}

	.module-player-handle-items {
		top: 12px;
		right: 0
	}

	.module-player-handle-item {
		margin-left: 0
	}

	.handle-btn {
		height: 35px;
		width: 40px;
		background: 0 0
	}

	.handle-btn-name {
		display: none
	}

	.handle-btn-icon {
		font-size: 16px
	}

	.handle-btn-icon i {
		vertical-align: -1px
	}

	.module-jump-prompt {
		width: 90vw;
		left: 5vw;
		top: 4vh;
		margin: 0;
		height: 70vh
	}

	.player-rm {
		padding: 0;
		z-index: 9
	}

	.rm-two a {
		margin: 5px;
		width: calc(100% - 10px)
	}

	.rm-two a:last-child {
		margin-top: 0
	}

	.app-module::after {
		background-size: 140%;
		background-position-x: -130px
	}

	.app-info {
		text-align: center;
		padding: 0 20px
	}

	.app-title {
		font-size: 30px
	}

	.app-desc {
		font-size: 14px
	}

	.app-downlist {
		text-align: center
	}

	.app-downlist .app-downlist-go {
		margin: 10px 5px!important;
		width: 130px;
		padding: 0 15px
	}

	.app-downlist .app-downlist-go i {
		font-size: 14px;
		vertical-align: -1px
	}

	.app-pic {
		width: calc(100% + 30px);
		margin: 40px -15px 0;
		height: 350px
	}

	.app-pic::before,.app-pic::after {
		width: calc(50% - 80px);
		background: rgba(247,248,249,.8)
	}

	.app-pic-list {
		-webkit-animation: move 180s linear infinite;
		width: 600%
	}@	-webkit-keyframes move {
		0%{transform: translateX(0px)
	}

	100% {
		transform: translateX(-100%)
	}
}

.skeleton.module-play-list-link {
	height: 30px
}

.module-play-list-larger .skeleton.module-play-list-link {
	height: 36px
}

.module-shadow .scroll-box {
	margin-bottom: -80px;
	padding-bottom: 100px
}

.scroll-box {
	margin: 0 -15px;
	padding: 0 15px 15px;
	overflow-y: auto;
	webkit-overflow-scrolling: touch
}

.scroll-content {
	display: inline-flex
}

.scroll-content .module-paper-item {
	width: 68vw;
	margin: 1px 15px 0 0
}

.scroll-box::-webkit-scrollbar {
	display: none
}

.footer .content {
	margin: 0 15px;
	width: auto
}

.footer-content {
	margin: 0 -15px;
	padding: 20px 0
}

.foot-copyright a:first-child {
	margin: 0
}

.links-list .module-main {
	margin: 0 -5px
}

.links-list-go {
	width: calc(50% - 10px);
	margin: 5px;
	display: inline-block;
	color: #616161;
	line-height: 34px;
	padding: 0 12px;
	border-radius: 8px;
	background: #fff
}

.m-module-tab-week {
	width: 100%;
	display: flex;
	justify-content: space-between;
	background: 0 0!important
}

.m-module-heading {
	display: flex;
	flex-direction: column;
	align-items: baseline
}

.m-module-tab {
	width: 100%
}

.m-module-tab-week {
	width: 100%;
	display: flex;
	justify-content: space-between;
	background: 0 0!important
}

.m-tab-item.active {
	background: 0 0!important
}

.m-tab-item {
	width: auto;
	padding: 0;
	margin: 0;
	background: 0 0!important
}}

.module-tab-item small {
	background: linear-gradient(90deg,#fafafa,#fff0ec);
	color: #757575;
	box-shadow: 0 3px 10px rgba(0,0,0,.2);
	position: absolute;
	right: -3px;
	top: -3px;
	transform: scale(.8);
	transform-origin: top right;
	font-weight: 400;
	padding: 0 6px;
	border-radius: 8px;
	height: 19px;
	line-height: 18px;
	font-size: 12px
}

.module-tab-item small.no {
	right: 0;
	top: -1px;
	height: 16px;
	line-height: 15px;
	padding: 0 4px
}

.module-tab-item.active small {
	background: #e50914;
	color: #fff;
	background: linear-gradient(to right,#ff711f 0%,#e50914 100%);
	color: #fff
}

.container-slide {
	position: relative
}

.swiper {
	width: 100%;
	overflow: hidden
}

.swiper-big .swiper-slide .banner {
	position: relative;
	display: block;
	height: 28vw;
	min-height: 180px;
	max-height: 520px;
	border-radius: 8px;
	overflow: hidden
}

.swiper-big .swiper-slide .banner::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: rgba(1,1,1,.2);
	pointer-events: none
}

.swiper-big {
	min-height: 180px;
	max-height: 520px;
	margin: 0 0 20px;
	border-radius: 8px
}

.swiper-big img {
	width: 100%;
	height: 370px;
	object-fit: cover
}

.sm-swiper {
	position: absolute;
	right: 100px;
	top: 50%;
	z-index: 9;
	width: 220px;
	transform: translateY(-50%)
}

.swiper-small {
	width: 85%;
	margin: 0 auto
}

.swiper-small .swiper-slide .pic {
	width: 126px;
	height: 168px;
	margin: 0 auto;
	background-color: #373737;
	border-radius: 5px;
	overflow: hidden
}

.swiper-small .swiper-slide .pic img {
	width: 100%;
	object-fit: cover
}

.swiper-small .swiper-slide {
	display: block;
	padding-left: 10px;
	width: 100%;
	height: 100%
}

.swiper-small .swiper-slide {
	color: #fff
}

.swiper-small .swiper-slide .title a {
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 24px;
	color: #fff;
	padding: 15px 0
}

.swiper-small .swiper-slide .ins p {
	color: #fff;
	font-size: 14px;
	opacity: .7;
	padding: 3px 0;
	margin: 0
}

.swiper-small .swiper-slide .ins {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.swiper-button-next::after,.swiper-button-prev::after {
	content: ""!important
}

.swiper-button-next,.swiper-button-prev {
	-webkit-tap-highlight-color: transparent!important;
	-webkit-user-drag: none!important;
	-webkit-user-select: none!important;
	-moz-user-select: none!important;
	-ms-user-select: none!important;
	user-select: none!important;
	width: 20px!important;
	height: 20px!important;
	outline: none!important
}

.swiper-button-next {
	right: -10px!important
}

.swiper-button-prev {
	left: -10px!important
}

.swiper-pagination {
	width: 90%!important;
	left: 50%!important;
	transform: translateX(-50%)!important
}

.swiper-pagination span {
	margin: 0 7px
}

.swiper-pagination-bullet-active {
	transform: scaleX(2.66)!important;
	background-color: #e50914!important
}

.mobile-v-info {
	display: none
}

.swiper-pagination-bullet {
	width: 6px!important;
	height: 6px!important;
	border-radius: 0!important;
	cursor: pointer!important
}

@media screen and (max-width:720px) {
	.swiper-big .swiper-slide .banner {
		padding-top: 50%
	}
}

@media screen and (max-width:1024px) {
	.sm-swiper {
		display: none
	}

	.mobile-v-info {
		position: absolute;
		left: 0;
		bottom: 0;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		width: 100%;
		height: 100%;
		z-index: 9;
		padding: 10px;
		background-color: rgba(1,1,1,.2);
		color: #fff;
		pointer-events: none
	}

	.mobile-v-info .v-title {
		padding: 5px 0;
		font-size: 24px
	}

	.mobile-v-info .v-ins p {
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		width: 50%;
		font-size: 14px;
		opacity: .7;
		margin: 0 0 5px
	}
}

@media screen and (max-width:1300px) {
	.swiper-pagination {
		display: none
	}
}

@media screen and (max-width:1200px) {
	.sm-swiper {
		display: none
	}

	.mobile-v-info {
		position: absolute;
		left: 0;
		bottom: 0;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		width: 100%;
		height: 100%;
		z-index: 9;
		padding: 10px;
		background-color: rgba(1,1,1,.2);
		color: #fff;
		pointer-events: none
	}

	.mobile-v-info .v-title {
		padding: 5px 0;
		font-size: 24px
	}

	.mobile-v-info .v-ins p {
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		width: 50%;
		font-size: 14px;
		opacity: .7;
		margin: 0 0 5px
	}
}

#report-popup .popup-main {
	padding-bottom: 30px;
	min-height: 291px
}

.popup-main p {
	padding: 12px 0 0
}

.report-content {
	width: 100%;
	min-height: 100px;
	padding: 15px;
	margin: 10px 0 5px;
	resize: auto;
	background: #eaedf1;
	border-radius: 10px
}

.popup strong {
	color: #ff2a14
}

.report-input,.report-verify {
	padding: 0;
	width: 45%;
	min-height: auto;
	height: 35px;
	line-height: 35px;
	float: left;
	text-align: center;
	border-radius: 10px;
	margin: 0
}

.report-verify {
	float: right
}

.verify-box {
	overflow: hidden;
	margin-bottom: 15px
}

img.report-verify {
	vertical-align: middle;
	height: 35px!important;
	width: 45%!important
}

.gbook_submit.popup-btn {
	width: 100%
}

.close-popup {
	position: absolute;
	right: calc(8% - 20px);
	border-radius: 50px;
	top: 10px;
	width: 34px;
	line-height: 34px;
	height: 32px;
	text-align: center;
	cursor: pointer;
	box-shadow: 0 7px 21px rgb(149 157 165/22%);
	background: #fff
}

.close-popup i {
	transform: scale(.88);
	font-size: 12px;
	color: #282828;
	margin-right: 0
}

.close-popup:hover i {
	color: #ff2a14
}

.message .msg-content .msg-send {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 24px 0
}

.message .msg-content .msg-send .check span {
	display: inline-block;
	padding: 10px;
	background-color: #ececec
}

.mac_total {
	margin-right: 0!important
}

.message .msg-content .msg-wrap .msg-item .msg-item-left .content {
	color: #282828;
	word-break: break-word;
	margin: 0 0 5px;
	line-break: anywhere;
	text-align: justify
}

.msg-item,.msg-item-left,.info {
	color: rgba(0,0,0,.6)
}

.msg-item-right {
	position: absolute;
	right: 0;
	top: 0
}

.msg-item {
	position: relative
}

.message .msg-content textarea {
	width: 100%;
	resize: none;
	background-color: #f2f2f2;
	outline: none;
	border: none;
	padding: 20px;
	border-radius: 8px
}

.message .msg-content .msg-wrap .msg-all {
	padding-bottom: 0!important
}

.message .msg-content .msg-send .btn button {
	display: inline-block;
	padding: 6px 26px;
	color: #fff;
	outline: none;
	border: none;
	border-radius: 5px;
	background-color: #e50914;
	cursor: pointer
}

.message .msg-content .msg-wrap .msg-item {
	display: flex;
	justify-content: space-between;
	margin-top: 24px
}

.message .msg-content .msg-wrap .msg-item .msg-item-left .uname {
	color: #333;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 700
}

.message .module-title {
	padding-bottom: 20px
}

.form-control.verify {
	width: 90px;
	text-align: center;
	margin-right: 10px;
	display: inline-block;
	background-color: #f5f5f5;
	color: #999;
	border: 1px solid #eee;
	border-radius: 5px;
	height: 35px;
	padding: 0 10px;
	font-size: 12px;
	line-height: 20px
}

img#verify_img {
	width: 98px;
	margin-right: 10px;
	border: 0;
	vertical-align: middle;
	height: 35px
}

.text-muted {
	font-size: 16px
}

.message .msg-content .msg-wrap .msg-item {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px
}

.glyreply {
	color: red;
	display: block;
	margin: 0 0 5px
}

.gg-icon {
	position: absolute;
	left: 5px;
	width: 38px;
	height: 22px;
	margin-right: 3px;
	z-index: 8;
	vertical-align: middle;
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAAsCAMAAAD4va5DAAAAolBMVEX///8AAAAAAAAAAAAAAAACAgIAAAAAAAAGBgb5+fns7OwAAACBgYHq6ur9/f17e3tgYGD09PSoqKiLi4sAAAANDQ3V1dW6urqPj48DAwMAAAD////u7u7j4+MbGxv////b29vBwcH19fXt7e3GxsaLi4ukpKRTU1P4+Pjl5eXh4eHX19fLy8vb29v4+PisrKwvLy86Ojr7+/vy8vK4uLhVVVX0WqNFAAAANnRSTlOZAgULFR0IACCBYxIvW4sxJmk0HxoXU0grJQ6TZl0cj1RFcmtENTUmfGFYTUlGcT4rI4dyMhsJ24tXAAABiElEQVRIx+3XyW6DMBCA4WnAzrCUJUDYCpQAIWuTdHn/V6sNqZqFAwSfqv4HJHP4ZECIAabT6ZOQGARnazKqhuBYI1EqjYjSxpsCt6gUaZr8cJoWSZRr0FiObcCIDNvhWoNJTgYjyxypxWhkw+jsiHJsQjVjPGZodMIxSQMBaVKLySIw+R/jxX5lXK2LFYDqK4/tLCeby+UadwA7XAzECj/Py7KcuXVZ5rnv+zHfmEXYzvbuUOwVyU+IGIYhxxLipp4ne15K2Dm/P0Y2ylV8tyQNWF+yEwS6ac4HYC9w0wLT5vr28tvgy7zD3msbhGHqRm369LZqW/Y4FiJxWR7LdQnBMFR6Ylss4KYkSZ4vYkujJ7bDhbjX6YAruGu9nLGW7THvj1Vo3GNzcrIsq64tFtH7YyeELuz3qaT9MQUrcZiKW3HYISw6MSvQddM0dT0gvbH4eIy7MLS41Who9r9nc+hoXX3Auazy/84HZSAmdjwQOriIHKmEDnuCx1ChA7LI0V3sT4XQ351vRIIkxg4KQCAAAAAASUVORK5CYII=);background-size: cover
}

.module-adslist {
	border-radius: 5px;
	margin-top: 10px
}

.ads_w a {
	width: 100%;
	display: block;
	padding: 3px;
	position: relative
}

.ads_w img {
	border-radius: 4px
}

.copyright {
	background: #000;
	overflow: hidden;
	position: relative
}

.copyright .vague {
	object-fit: cover;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 6px;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	filter: blur(60px);
	-webkit-filter: blur(60px);
	-moz-filter: blur(60px);
	-ms-filter: blur(60px);
	-o-filter: blur(60px)
}

.copyright .txt {
	color: #fff;
	font-size: 20px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 99%;
	text-align: center
}

.module-play-list::-webkit-scrollbar-track,.v3-app-layout__side__Short::-webkit-scrollbar-track,.module-play-list::-webkit-scrollbar-track,.v3-app-layout__side__Short::-webkit-scrollbar-track {
	background: 0 0
}

.module-play-list::-webkit-scrollbar,.v3-app-layout__side__Short::-webkit-scrollbar,.player .module-list::-webkit-scrollbar,.v3-app-layout__side__Short::-webkit-scrollbar {
	width: 5px
}

.module-play-list::-webkit-scrollbar-thumb,.v3-app-layout__side__Short::-webkit-scrollbar-thumb,.player .module-list::-webkit-scrollbar-thumb,.v3-app-layout__side__Short::-webkit-scrollbar-thumb {
	border-radius: 5px;
	height: 10px;
	background: #c1c1c1
}

.player .module-list::-webkit-scrollbar-track,.v3-app-layout__side__Short::-webkit-scrollbar-track {
	background: #e9ecef
}

.module-tab-week {
	background: #e9ecef;
	border-radius: 8px;
	padding: 3px;
	overflow: auto
}

.module-item-new {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	border-radius: 0 5px 0 5px;
	padding: 0 5px;
	background: #e50914;
	z-index: 1;
	font-size: 12px
}

.header-op-user {
	padding: 0 16px;
	height: 36px;
	font-size: 14px;
	background: linear-gradient(90deg,#ff9800,#ff2a14);
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 88px;
	border-radius: 42px;
	color: #fff;
	margin-left: 10px;
	cursor: pointer
}

.header-op-user:hover {
	background: linear-gradient(to right,#ff711f 0%,#e50914 100%)
}

.header-op-list {
	display: flex;
	align-items: center;
	font-size: 14px
}

.member_group {
	position: relative;
	margin-left: 10px
}

.member_group a {
	display: block
}

.member_group:hover .user_list_drop,.user_list_drop:hover {
	display: block
}

.drop_content {
	width: 132px;
	overflow: hidden;
	border-radius: 4px;
	padding: 8px;
	box-shadow: 0 2px 4px rgb(0 0 0/5%),0 4px 16px rgb(0 0 0/10%);
	background: #fff
}

.member_group .user_list_drop {
	position: absolute;
	top: 36px;
	right: 0;
	display: none;
	padding-top: 8px
}

.member_group .user_list_drop ul {
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(12,13,15,.06)
}

.member_group .user_list_drop .logout {
	padding-top: 8px
}

.member_group .user_list_drop .logout a,.member_group .user_list_drop li a {
	display: flex;
	align-items: center;
	width: fit-content;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	margin: auto;
	padding: 0 12px
}

.member_group .user_list_drop .logout a:hover,.member_group .user_list_drop li a:hover {
	background-color: rgba(0,0,0,.04);
	color: #282828
}

.member_group .user_list_drop .logout a .icon,.member_group .user_list_drop li a .icon {
	margin-right: 12px;
	line-height: 18px
}

.member_group .useimg {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	cursor: pointer;
	vertical-align: middle
}

.input-list {
	margin-bottom: 2rem
}

.input-list .mac_login_form li {
	padding: 10px
}

.mac_login_form .user-verify {
	float: right;
	height: 40px!important;
	line-height: 40px;
	border-radius: 8px;
	margin-right: 0!important;
	width: 40%!important
}

.mac_login_form .form-control {
	width: 100%;
	font-size: 12px;
	line-height: 20px;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	background-color: #f5f5f5;
	border-radius: 5px;
	padding: 0 10px;
	color: #999;
	height: 40px;
	border-bottom: .0625rem solid #e2e2e2;
	border: 1px solid #eee
}

.mac_login_form .login_form_submit {
	width: 100%
}

.input-list .mac_login_form a {
	width: 25%;
	float: left;
	text-align: center
}

@media(max-width:320px) {
	.popup {
		width: 90%;
		padding: 0 10px
	}
}

.mac_login_form .form-control:focus {
	border-color: #f90
}

.noplaylist {
	background: #d7dae1;
	color: #8f8f8f!important;
	border-radius: 50px;
	padding: 0 30px;
	position: relative;
	overflow: hidden;
	cursor: not-allowed
}

.btn-collect {
	background-color: #fc000c;
	background: linear-gradient(to right,#fc000c 0,#f9444d 100%);
	cursor: pointer;
	border-radius: 50px;
	padding: 0 30px;
	color: #fff!important;
	position: relative;
	overflow: hidden;
	margin-left: 10px
}

.links small {
	background: linear-gradient(to right,#ff711f 0%,#e50914 100%);
	color: #fff;
	box-shadow: 0 3px 10px rgb(0 0 0/20%);
	position: absolute;
	right: 15px;
	transform: scale(.8);
	transform-origin: top right;
	font-weight: 400;
	padding: 0 6px;
	border-radius: 8px;
	height: 19px;
	line-height: 18px;
	font-size: 12px
}

@media(min-width:559px) and (max-width:1024px) {
	.links small {
		display: none
	}
}

@media(max-width:559px) {
	.links small {
		right: -10px!important
	}
}

.nofound {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 5px
}

.mx-mac_msg_jump {
	box-shadow: 0 7px 21px rgba(149,157,165,.22);
	margin: 35px auto;
	padding: 50px 25px;
	width: 100%;
	border-radius: 4px
}

.mx-mac_msg_jump .msg_jump_tit {
	margin-bottom: 25px;
	text-align: center;
	line-height: 26px;
	color: #222;
	font-size: 1.5rem;
	font-weight: 700
}

.mx-mac_msg_jump .text {
	margin-bottom: 6px;
	color: #222;
	font-size: 14px
}

.mx-mac_msg_jump .title {
	margin-bottom: 6px;
	color: #666;
	font-size: 14px
}

@media(min-width:768px) {
	.mx-mac_msg_jump {
		margin: 35px auto;
		padding: 50px;
		width: 400px
	}
}

.mx-mac_msg_jump .form .item1 {
	position: relative;
	border: 1px solid;
	border-radius: 4px;
	line-height: 43px;
	border-color: #f2f2f2
}

.mx-mac_msg_jump .form .item1 input {
	display: inline-block;
	padding: 0 10px;
	width: 65%;
	border: none;
	background: 0 0;
	line-height: inherit
}

.mx-mac_msg_jump .form .item1 .get-pwd {
	float: right;
	display: inline-block;
	padding-right: 10px;
	width: 35%;
	text-align: right;
	line-height: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.btnpwd {
	display: inline-block;
	margin-top: 25px;
	width: 100%;
	border: none;
	border-radius: 4px;
	line-height: 45px;
	cursor: pointer;
	text-align: center;
	background: #ff2a14;
	color: #fff
}

.btnpwd:hover {
	background: linear-gradient(90deg,#ff9800,#ff2a14)!important;
	color: #fff
}

.btnlogin {
	display: inline-block;
	margin: 5px 10px 0;
	padding: 0 32px;
	border-radius: 32px;
	line-height: 36px;
	background: #ff2a14;
	color: #fff
}

.btnlogin:hover {
	background: linear-gradient(90deg,#ff9800,#ff2a14)!important;
	color: #fff
}

.btncz {
	display: inline-block;
	margin: 5px 10px 0;
	padding: 0 32px;
	border-radius: 32px;
	line-height: 36px;
	border: 1px solid #ff2a14;
	color: #ff2a14
}

.item1 input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset
}

.weui_msg_jump {
	padding-top: 20%;
	text-align: center
}

.weui_icon {
	margin-bottom: .75rem
}

.weui_icon i {
	font-size: 3.5rem;
	color: #f44336;
	line-height: 1em
}

.weui_text {
	margin-bottom: .625rem;
	padding: 0 .5rem
}

.weui_msg_title {
	margin-bottom: .5rem;
	font-weight: 400;
	font-size: 2rem
}

.weui_text p {
	line-height: 2.5rem
}

.weui_text .weui_xtts {
	color: #333;
	font-size: 1.3rem
}

.weui_text .weui_tips {
	color: #999;
	font-size: .325rem
}

.weui_text .weui-p {
	padding: .25rem 0
}

.weui_text .weui-a {
	background: 0 0;
	border: 1px solid #ccc;
	color: #333
}

.weui_text .weui_tzt a {
	color: #10aeff
}

.bstyle {
	color: #fe3355
}

@media (max-width:1024px) {
	.app-qrcode {
		height: 180px;
		width: 180px;
	}
}

@media (max-width:540px) {
	.app-qrcode {
		height: 120px;
		width: 120px;
	}
}

.input-list .mac_login_form a:last-child {
	float: right
}

.full {
	position: fixed!important;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9999999;
	border: 0
}

#btn-fullweb-hide {
	display: none
}

.close-full {
	background-color: #fff;
	position: fixed;
	text-align: center;
	z-index: 998999;
	display: block;
	top: 0;
	right: 0;
	opacity: .3;
	cursor: pointer;
	width: 30px;
	line-height: 30px;
	font-size: 28px;
	border-radius: 30px;
	border-top-right-radius: 0;
	color: #000
}

.close-full:hover {
	opacity: 1
}

.play-full {
	display: none;
	position: absolute;
	top: 0;
	z-index: 9999900;
	color: #fff;
	right: 0;
	font-size: 16px;
	text-shadow: 0 0 3px rgb(0 0 0/50%)
}

.player-size {
	padding-bottom: 56.25%!important
}

.module-item-douban {
	font-size: 12px
}

.module-item-cover .module-item-douban {
	border-radius: 0px 12px 12px 0px;
    left: 0px;
    height: 24px;
    color: rgb(255, 255, 255);
    line-height: 24px;
    padding-right: 10px;
    padding-left: 5px;
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 0px;
    background: rgb(65 172 82 / 95%);
}

.module-item-cover .module-item-douban::after {
	content: '';
	width: 100%;
	height: 100%
}

.module-item-cover .module-item-IMDb {
    border-radius: 0px 12px 12px 0px;
    left: 0px;
    top: 15px;
    height: 24px;
    color: rgb(255, 255, 255);
    line-height: 24px;
    padding-right: 10px;
    padding-left: 5px;
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 30px;
    background: rgba(245, 153, 9, 0.70);
}

.module-item-IMDb {
    font-size: 12px;
}

.topic-main {
	display: flex;
	border-radius: 10px;
	box-shadow: 15px 15px 15px #C0C0C0;
}

.topic-pic-box {
	flex: 1;
	height: 300px;
	border-radius: 10px 0 0 10px;
	background: #EBEBEB;
	background-position: 50% 50%;
	background-size: cover;
}

.topic-info-main {
	flex: 1;
	height: 300px;
	border-radius: 0 10px 10px 0;
	padding: 20px;
	overflow: hidden;
}

.topic-info-heading {
	width: 100%;
	height: auto;
	clear: both;
	border-bottom: 1px solid #909090;
	padding: 10px;
}

.topic-info-heading h1 {
	width: 100%;
	line-height: 30px;
	font-size: 2rem;
	text-align: left;
	font-weight: 700;
}

.topic-info-content {
	width: 100%;
	height: auto;
	clear: both;
}

.topic-info-content p {
	width: 100%;
	height: auto;
	clear: both;
	text-align: left;
	line-height: 30px;
	font-size: 14px;
	padding: 10px;
}

@media (max-width:600px) {
	.module-info .topic-main {
		margin-top: 10px;
	}

	.topic-main {
		display: flex;
		flex-direction: column;
		box-shadow: none;
		margin-top: 10px;
		padding-top: 20px;
		border-radius: 20px;
	}

	.topic-pic-box {
		flex: none;
		margin: auto;
		width: 90%;
		height: 180px;
		border-radius: 10px;
	}

	.topic-info-heading h1 {
		text-align: center;
	}
}

.pannel {
	width: 100%;
	height: auto;
}

.pannel .pannel-head {
	width: 100%;
	height: auto;
}

.pannel .pannel-head .title {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	text-align: left;
	position: relative;
}

.pannel .pannel-head .title::before {
	content: '';
	position: absolute;
	left: -15px;
	height: 30px;
	width: 5px;
	background: #f96518;
	border-radius: 0 4px 4px 0;
}

.art-list-box {
	width: 100%;
	display: flex;
}

.art-list-main {
	width: 75%;
	padding: 0 40px;
}

.art-list-relates {
	flex: 1;
}

.art-relates {
	width: 100%;
	height: auto;
	border-radius: 10px;
	border: 1px solid #C0C0C0;
	box-shadow: 10px 10px 10px #C0C0C0;
	padding: 0 20px;
	margin-top: 10px;
}

.art-relates li {
	width: 100%;
	height: auto;
	padding: 20px 0;
	border-top: 1px solid #C0C0C0;
}

.art-relates li:first-child {
	border: none;
}

.art-relates li a {
	width: 100%;
	height: auto;
	display: flex;
	font-size: 16px;
}

.artlr-tit {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.artlr-tit .artlr-name {
	height: 20px;
	line-height: 20px;
	text-align: left;
	font-size: 14px;
	color: #999;
}

.artlr-tit .artlr-b {
	flex: 1;
}

.art-nav-box {
	width: 100%;
	height: auto;
}

.art-nav-box ul {
	width: 100%;
	height: auto;
	white-space: nowrap;
}

.art-nav-box ul li {
	float: left;
	width: 80px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 20px;
	margin-right: 15px;
}

.art-nav-box ul li.icon {
	width: 10px;
}

.art-nav-box ul li.active {
	border-bottom: 2px solid #f96518;
}

.art-nav-list {
	width: 100%;
	height: auto;
	height: 30px;
	line-height: 30px;
	text-align: left;
	display: flex;
	justify-content: left;
}

.art-nav-list i.icon-wenhua {
	margin-right: 5px;
}

.art-nav-list i:before {
	width: 10px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.art-nav-list i.icon-arrow-right:before {
	font-size: 8px;
	color: #999;
}

.art-nav-list a,.art-nav-list span {
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.art-nav-list a {
	width: 70px;
}

.art-nav-list span {
	flex: 1
}

.art-nav-list a:hover {
	color: #f96518;
}

.art-list-row {
	width: 100%;
	height: auto;
	display: flex;
	margin-top: 10px;
}

.artlist {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
}

.artlist-item {
	width: 100%;
	height: auto;
	display: flex;
	padding: 20px 0;
	border-top: 1px solid #C0C0C0;
}

.artlist-txt {
	flex: 1;
	height: 120px;
	overflow: hidden;
}

.artlist-info {
	width: 100%;
	height: 100%;
	padding-right: 20px;
	display: flex;
	flex-direction: column;
}

.artlist-title {
	width: 100%;
	flex: 1;
	line-height: 30px;
	font-size: 18px;
	color: #000;
}

.artlist-info p {
	margin: 0.25rem 0 0;
	line-height: 30px;
	color: #7C7C7F;
}

.artlist-info .artzy {
	width: 100%;
	flex: 1;
	line-height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.artlist-info .artty {
	width: 100%;
	height: 30px;
}

.artlist-info .artty .artyd {
	float: right;
}

.artlist-img {
	width: 180px;
	height: 120px;
	overflow: hidden;
	border-radius: 5px;
}

.artlist-thumb {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/load.gif);
	background-position: 50% 50%;
	background-size: cover;
}

.artlr-pic {
	width: 120px;
	height: 72px;
	overflow: hidden;
}

.art-detail-box {
	width: 100%;
	padding: 20px;
}

.article-box .article-header {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #C0C0C0;
}

.article-box .article-title {
	width: 100%;
	height: auto;
	line-height: 40px;
	font-size: 26px;
	text-align: center;
	font-weight: bolder;
}

.article-box .article-meta {
	width: 100%;
	height: 20px;
	line-height: 20px;
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

.article-box .article-meta span {
	display: block;
	width: 160px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	color: #999;
}

.article-box .article-meta span.item-w {
	width: 70px;
}

.article-box .article-content p {
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px 0;
	line-height: 24px;
	text-align: left;
	white-space: normal;
	text-indent: 34px;
}

.article-box .article-content img {
	display: block;
	max-width: 100% !important;
	border-radius: 4px;
	margin: auto;
}

.article-box .article-content p img {
	display: block;
	max-width: 100% !important;
	border-radius: 4px;
	margin: auto;
}

@media (max-width:1200px) {
	.art-list-relates {
		display: none;
	}

	.art-list-main {
		width: 100%;
		padding: 0;
	}
}

@media (max-width:500px) {
	.art-nav-box {
		margin-top: 20px;
	}

	.art-list-relates {
		display: none;
	}

	.art-list-main {
		width: 100%;
		padding: 1px 0;
	}

	.article-box .article-title {
		line-height: 30px;
		font-size: 20px;
	}

	.art-nav-list a {
		width: 60px;
	}

	.art-nav-list span {
		font-size: 14px;
	}
}

.notice-box {
	width: 60%;
	height: 50px;
	float: right;
	position: relative;
	z-index: 10;
	top: -55px;
	right: 0;
	display: flex;
	margin-bottom: -55px;
}

.notice-icon {
	float: left;
	width: 50px;
	height: 50px;
}

.notice-cont {
	float: left;
	flex: 1;
	height: auto;
	line-height: 30px;
	text-align: left;
	padding-left: 5px;
	color: #AAAAAA;
	font-size: 16px;
}

@media (max-width:830px) {
	.notice-box {
		display: none;
	}
}

.pannel {
	width: 100%;
	height: auto;
}

.pannel .pannel-head {
	width: 100%;
	height: auto;
}

.pannel .pannel-head .title {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	text-align: left;
	position: relative;
}

.pannel .pannel-head .title::before {
	content: '';
	position: absolute;
	left: -15px;
	height: 30px;
	width: 5px;
	background: #f96518;
	border-radius: 0 4px 4px 0;
}

.art-list-box {
	width: 100%;
	display: flex;
}

.art-list-main {
	width: 75%;
	padding: 0 40px;
}

.art-list-relates {
	flex: 1;
}

.art-relates {
	width: 100%;
	height: auto;
	border-radius: 10px;
	border: 1px solid #C0C0C0;
	box-shadow: 10px 10px 10px #C0C0C0;
	padding: 0 20px;
	margin-top: 10px;
}

.art-relates li {
	width: 100%;
	height: auto;
	padding: 20px 0;
	border-top: 1px solid #C0C0C0;
}

.art-relates li:first-child {
	border: none;
}

.art-relates li a {
	width: 100%;
	height: auto;
	display: flex;
	font-size: 16px;
}

.artlr-tit {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.artlr-tit .artlr-name {
	height: 20px;
	line-height: 20px;
	text-align: left;
	font-size: 14px;
	color: #999;
}

.artlr-tit .artlr-b {
	flex: 1;
}

.art-nav-box {
	width: 100%;
	height: auto;
}

.art-nav-box ul {
	width: 100%;
	height: auto;
	white-space: nowrap;
}

.art-nav-box ul li {
	float: left;
	width: 80px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 20px;
	margin-right: 15px;
}

.art-nav-box ul li.icon {
	width: 10px;
}

.art-nav-box ul li.active {
	border-bottom: 2px solid #f96518;
}

.art-nav-list {
	width: 100%;
	height: auto;
	height: 30px;
	line-height: 30px;
	text-align: left;
	display: flex;
	justify-content: left;
}

.art-nav-list i.icon-wenhua {
	margin-right: 5px;
}

.art-nav-list i:before {
	width: 10px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.art-nav-list i.icon-arrow-right:before {
	font-size: 8px;
	color: #999;
}

.art-nav-list a,.art-nav-list span {
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.art-nav-list a {
	width: 70px;
}

.art-nav-list span {
	flex: 1
}

.art-nav-list a:hover {
	color: #f96518;
}

.art-list-row {
	width: 100%;
	height: auto;
	display: flex;
	margin-top: 10px;
}

.artlist {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
}

.artlist-item {
	width: 100%;
	height: auto;
	display: flex;
	padding: 20px 0;
	border-top: 1px solid #C0C0C0;
}

.artlist-txt {
	flex: 1;
	height: 120px;
	overflow: hidden;
}

.artlist-info {
	width: 100%;
	height: 100%;
	padding-right: 20px;
	display: flex;
	flex-direction: column;
}

.artlist-title {
	width: 100%;
	flex: 1;
	line-height: 30px;
	font-size: 18px;
	color: #000;
}

.artlist-info p {
	margin: 0.25rem 0 0;
	line-height: 30px;
	color: #7C7C7F;
}

.artlist-info .artzy {
	width: 100%;
	flex: 1;
	line-height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.artlist-info .artty {
	width: 100%;
	height: 30px;
}

.artlist-info .artty .artyd {
	float: right;
}

.artlist-img {
	width: 180px;
	height: 120px;
	overflow: hidden;
	border-radius: 5px;
}

.artlist-thumb {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/load.gif);
	background-position: 50% 50%;
	background-size: cover;
}

.artlr-pic {
	width: 120px;
	height: 72px;
	overflow: hidden;
}

.art-detail-box {
	width: 100%;
	padding: 20px;
}

.article-box .article-header {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #C0C0C0;
}

.article-box .article-title {
	width: 100%;
	height: auto;
	line-height: 40px;
	font-size: 26px;
	text-align: center;
	font-weight: bolder;
}

.article-box .article-meta {
	width: 100%;
	height: 20px;
	line-height: 20px;
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

.article-box .article-meta span {
	display: block;
	width: 160px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	color: #999;
}

.article-box .article-meta span.item-w {
	width: 120px;
}

.article-box .article-content p {
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px 0;
	line-height: 24px;
	text-align: left;
	white-space: normal;
	text-indent: 34px;
}

.article-box .article-content img {
	display: block;
	max-width: 100% !important;
	border-radius: 4px;
	margin: auto;
}

.article-box .article-content p img {
	display: block;
	max-width: 100% !important;
	border-radius: 4px;
	margin: auto;
}

@media (max-width:1200px) {
	.art-list-relates {
		display: none;
	}

	.art-list-main {
		width: 100%;
		padding: 0;
	}
}

@media (max-width:500px) {
	.art-nav-box {
		margin-top: 20px;
	}

	.art-list-relates {
		display: none;
	}

	.art-list-main {
		width: 100%;
		padding: 1px 0;
	}

	.article-box .article-title {
		line-height: 30px;
		font-size: 20px;
	}

	.art-nav-list a {
		width: 60px;
	}

	.art-nav-list span {
		font-size: 14px;
	}
}

.video-info-share {
	float: right;
	margin: 20px -25px 0 0;
	position: relative
}

.video-info-share .icon-fenxiang {
	position: absolute;
	font-weight: 700;
	background-image: -webkit-linear-gradient(45deg,#ff9800,#ff2a14);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	right: 25px;
	bottom: 16px;
	font-size: 18px
}

.video-info-share:hover .icon-fenxiang:before {
	content: "\e91c"
}

.video-info-share button {
	height: 50px;
	padding: 0 56px 0 35px;
	z-index: 2;
	border-radius: 0 0 18px 0;
	position: relative;
	overflow: hidden
}

.video-info-share button::before {
	content: '';
	border-radius: 0 0 18px 0;
	border: 1px solid #efddcb;
	border-width: 0 1px 1px 0;
	position: absolute;
	z-index: -1;
	left: 5px;
	top: 0;
	height: 100%;
	width: calc(100% - 5px)
}

.video-info-share button::after {
	content: '';
	border: 2px solid #efddcb;
	border-width: 1px 0 0 1px;
	box-shadow: 5px 5px 2px #f6e9dc inset;
	transform: skewX(-12deg);
	background: #fef0e5;
	border-radius: 8px 0 0 0;
	position: absolute;
	z-index: -2;
	right: -10px;
	top: 0;
	height: 100%;
	width: 100%
}

.video-info-share button:hover::after {
	background: #fde6dd;
	box-shadow: 5px 5px 2px #fcdfd3 inset
}

.library-box,#friendlink {
	position: relative
}

.library-box::after,#friendlink::after {
	display: none
}

.library-box::after,#friendlink::after,.library-box {
	margin-top: 10px;
	padding-top: 10px
}

.library-box-first::after {
	height: 2px;
	top: inherit;
	bottom: -10px
}

.library-box-first .library-list {
	margin: 0 auto
}

.library-box-first .library-item {
	font-size: 18px;
	padding: 0 15px;
	font-weight: 700
}

.library-box-first .library-item.selected {
	background: 0 0;
	position: relative
}

.library-box-first .library-item.selected::after {
	content: '';
	height: 3px;
	background: #ff2a14;
	width: 50%;
	border-radius: 50px;
	position: absolute;
	bottom: -11px;
	left: 25%;
	z-index: 1
}

.library-box::after {
	background: #f3f5f7
}

.library-box .scroll-content {
	display: flex
}

.library-box:first-child {
	padding-top: 0 !important;
	margin-top: 0 !important
}

.library .library-box:last-child {
	text-align: center;
	padding-top: 20px
}

.library .library-box:last-child::after {
	height: 3px
}

.library-list {
	display: inline-block
}

.library-item {
	white-space: nowrap;
	border-radius: 5px
}

.library-item.selected {
	color: #ff2a14;
	background: #fef0e5;
	font-weight: 700
}

.library-item-first {
	max-height: 35px
}

.library-stat {
	font-size: 14px;
	color: rgba(0,0,0,.62)
}

.library-box {
	margin: 10px 0 0;
	padding: 10px 0 0
}

.library-item {
	padding: 0 15px
}

.library-box-first {
	overflow: initial
}

.library-box-first::after {
	height: 5px;
	bottom: -12px
}

.library-box-first .library-item.selected::after {
	height: 3px
}

@media (max-width:559px) {
	.video-info-share {
		display: none;
	}
}

@media (max-width:899px) {
	.video-info-share {
		margin-right: -20px;
	}
}

.video-info-share {
	float: right;
	margin: 20px -25px 0 0;
	position: relative;
	font-size: 14px;/*后期增加*/
}

.video-info-share button {
	padding: 0 56px 0 35px;
	z-index: 2;
	border-radius: 40px 0 18px 0;
	position: relative;
	overflow: hidden;
}

@media (max-width:559px) {
	.module-blocklist {
		margin-top: 0 !important;
		padding-bottom: 0 !important;
	}
}

@media (max-width:559px) {
	.scroll-box {
		margin: 10px -15px 0 !important;
		padding: 0 15px !important;
	}
}

@media (max-width:559px) {
	.module-player-list {
		padding: 15px;
		margin: 10px -15px 20px;
	}
}

@media (max-width:899px) {
	.scroll-box {
		margin: 15px -20px 0;
		padding: 0 20px 20px;
		overflow-y: auto;
		webkit-overflow-scrolling: touch;
	}
}

@media (max-width:899px) {
	.module-blocklist {
		margin-top: 0 !important;
		padding-bottom: 0 !important;
	}
}

@media (max-width:899px) {
	.module-player-list {
		padding: 20px;
		border-radius: 0;
		/*原有 margin:15px -20px 20px;*/
	}
}

.module-blocklist {
	margin: -5px;
}

.module-player-list {
	padding: 15px;
	margin-bottom: 20px;
	border-radius: 10px 0 10px 10px;
}

.scroll-box-y {
	max-height: 30vh;
	overflow-y: auto;
}

@media(min-width:767px) {
	.mxprofoot {
		display: none !important;
	}

	.in {
		animation: ac 1s;
	}

	.out {
		position: fixed;
		bottom: 10%;
		right: 2%;
		z-index: 9999;
		animation: an .5s
	}
}

.mxprofoot {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 5px 0 0;
	z-index: 999;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	border-top: 1px solid #fff;
	background: #fff;
}

.size20 {
	font-size: 18px !important;
	line-height: 0;
}

.mxprofoot .item {
	display: block;
	text-align: center;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	margin-top: 5px;
	margin-bottom: 5px;
}

@media(min-width:559px) {
	.mxprofoot {
		display: none !important;
	}
}

.tips-box {
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	position: absolute;
	top: 8px;
	left: 8px;
	padding: 0 12px;
	border-radius: 10px;
	z-index: 8;
	width: calc(100% - 16px);
	background: rgba(0,0,0,.38);
	backdrop-filter: saturate(0%) blur(10px);
	-webkit-backdrop-filter: saturate(100%) blur(10px)
}

.tips-box.up {
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
	top: 0
}

.tips-list {
	width: 100%;
	height: 40px;
	overflow: hidden
}

.tips-list li {
	max-width: 90%;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #e3e6eb
}

.tips-list span {
	margin-right: 8px
}

.close-btn {
	position: absolute;
	right: 5px;
	top: 5px;
	text-align: center;
	width: 30px;
	cursor: pointer;
	z-index: 2;
}

.close-btn i {
	transform: scale(.68);
	font-size: 10px;
	color: rgba(255,255,255,.5);
	font-weight: 900;
	line-height: 30px
}

.close-btn:hover:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	height: 20px;
	width: 20px;
	border-radius: 7px;
	z-index: -1;
	background: rgba(0,0,0,.38)
}

.btn-main,.popup-btn {
	background: #ff2a14;
	color: #fff
}

.btn-yellow {
	background: #ff9800;
	color: #fff
}

.btn-main-linear,.btn-important {
	background: #ff2a14;
	background: linear-gradient(90deg,#ff9800,#ff2a14) !important
}

.btn-aux-linear,.btn-aux,.btn-aux-o:hover,.extra-tips {
	background: #34a853;
	background: linear-gradient(90deg,#7ec53d,#34a853)
}

.border,.btn-block-o,.btn-aux-o,.grid-more-link,.popup-btn-o {
	position: relative
}

.border::after,.btn-block-o::after,.btn-aux-o::after,.grid-more-link::after,.popup-btn-o::after {
	border: 1px solid rgba(0,0,0,.2);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	pointer-events: none
}

@media only screen and (max-width:1024px) {
	.border::after,.btn-block-o::after,.btn-aux-o::after,.grid-more-link::after,.popup-btn-o::after {
		width: 200%;
		height: 200%;
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}
}

.border-top,#footer,.btn-block-o {
	text-align: center;
	width: 70px;
	display: inline-block;
	height: 70px;
	padding: 10px 0
}

.btn-block-o::after {
	border-radius: 10px
}

.btn-block-o i {
	font-size: 18px;
	line-height: 30px;
	color: rgba(0,0,0,.51);
	display: block
}

.btn-no {
	background: rgba(0,0,0,.28);
	cursor: not-allowed
}

.video-player-handle .btn-block-o {
	cursor: pointer;
	font-size: 12px
}

.video-player-handle .handle-btn {
	margin-left: 8px;
	color: #8f8f8f
}

.video-player-handle .handle-btn em:hover {
	color: #fff
}

.video-player-handle .handle-btn em {
	color: rgba(7,7,10,.92);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	transform: scale(.78);
	transform-origin: top right;
	border-radius: 5px 5px 0 5px
}

.video-player-handle .drop:hover .handle-btn,.video-player-handle .drop:hover .handle-btn i,.video-player-handle .handle-btn:hover i,.video-player-handle .handle-btn:hover {
	color: #ff2a14
}

.video-player-handle .handle-btn:hover em {
	color: rgba(7,7,10,.92)
}

.video-player-handle .handle-btn:hover i,.video-player-handle .drop:hover .handle-btn i,.video-player-handle .drop:hover .block-name,.video-player-handle .handle-btn:hover .block-name {
	position: relative;
	z-index: 2
}

.video-player-handle .drop:hover .handle-btn::after,.video-player-handle .handle-btn:hover::after {
	z-index: 1
}

.video-player-handle .drop,.video-player-handle-more {
	display: inline-block
}

.video-player-handle .drop .drop-content {
	min-width: 365px;
	top: 55px
}

.video-player-handle .drop .drop-content-items {
	padding: 10px 20px
}

.video-player-handle .drop .drop-content-items::before {
	right: 25px
}

.handle-more-drop .btn-block-o {
	background: 0 0;
	width: 100%;
	height: auto;
	padding: 10px 5px;
	text-align: inherit
}

.handle-more-drop .btn-block-o:hover strong {
	color: #ff2a14
}

.handle-more-drop .btn-block-o::after {
	border-width: 1px 0 0;
	border-top-color: #e3e6eb;
	border-radius: 0 !important
}

.handle-more-drop .btn-block-o i {
	width: 50px;
	line-height: 50px;
	vertical-align: 5px;
	font-size: 26px;
	color: rgba(0,0,0,.83);
	text-align: center;
	display: inline-block;
	border-radius: 50px
}

.handle-more-drop .block-name {
	padding-top: 4px;
	display: inline-block;
	margin-left: 10px;
	color: rgba(0,0,0,.51)
}

.handle-more-drop .block-name strong {
	font-size: 16px;
	color: rgba(0,0,0,.83)
}

.handle-more-drop .btn-block-o:first-child {
	margin: 0
}

.handle-more-drop .btn-block-o:first-child::after {
	border: none
}

.video-player-handle .btn-block-o::after {
	border-radius: 18px
}

.video-player-handle .handle-btn em,.video-player-handle .handle-btn em {
	background: #34a853;
	background: linear-gradient(90deg,#7ec53d,#34a853)
}

.video-player-handle .btn-block-o {
	cursor: pointer;
	font-size: 12px
}

.video-player-handle .handle-btn {
	margin-left: 8px;
	color: #8f8f8f
}

.video-player-handle .handle-btn em:hover {
	color: #fff
}

.video-player-handle .handle-btn em {
	color: rgba(7,7,10,.92);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	transform: scale(.78);
	transform-origin: top right;
	border-radius: 5px 5px 0 5px
}

.video-player-handle .drop:hover .handle-btn,.video-player-handle .drop:hover .handle-btn i,.video-player-handle .handle-btn:hover i,.video-player-handle .handle-btn:hover {
	color: #ff2a14
}

.video-player-handle .handle-btn:hover em {
	color: rgba(7,7,10,.92)
}

.video-player-handle .handle-btn:hover i,.video-player-handle .drop:hover .handle-btn i,.video-player-handle .drop:hover .block-name,.video-player-handle .handle-btn:hover .block-name {
	position: relative;
	z-index: 2
}

.video-player-handle .drop:hover .handle-btn::after,.video-player-handle .handle-btn:hover::after {
	z-index: 1
}

.video-player-handle .drop,.video-player-handle-more {
	display: inline-block
}

.video-player-handle .drop .drop-content {
	min-width: 365px;
	top: 55px
}

.video-player-handle .drop .drop-content-items {
	padding: 10px 20px
}

.video-player-handle .drop .drop-content-items::before {
	right: 25px
}

.handle-more-drop .btn-block-o {
	background: 0 0;
	width: 100%;
	height: auto;
	padding: 10px 5px;
	text-align: inherit
}

.handle-more-drop .btn-block-o:hover strong {
	color: #ff2a14
}

.handle-more-drop .btn-block-o::after {
	border-width: 1px 0 0;
	border-top-color: #e3e6eb;
	border-radius: 0 !important
}

.handle-more-drop .btn-block-o i {
	width: 50px;
	line-height: 50px;
	vertical-align: 5px;
	font-size: 26px;
	color: rgba(0,0,0,.83);
	text-align: center;
	display: inline-block;
	border-radius: 50px
}

.handle-more-drop .block-name {
	padding-top: 4px;
	display: inline-block;
	margin-left: 10px;
	color: rgba(0,0,0,.51)
}

.handle-more-drop .block-name strong {
	font-size: 16px;
	color: rgba(0,0,0,.83)
}

.handle-more-drop .btn-block-o:first-child {
	margin: 0
}

.handle-more-drop .btn-block-o:first-child::after {
	border: none
}

.video-player-handle .qrcode-img,.video-player-handle .btn-qrcode img {
	height: 90px;
	width: 90px
}

.video-player-handle .btn-qrcode {
	display: flex;
	align-items: center;
	padding: 10px 0
}

.video-player-handle .btn-qrcode .block-name {
	font-size: 14px
}

.video-player-handle .btn-qrcode .block-name strong {
	font-size: 14px
}

.video-player-handle .btn-qrcode .block-name p {
	margin-bottom: 5px
}

.video-player-handle .btn-qrcode:hover {
	color: inherit
}

.video-player-handle .drop:hover .handle-btn::after,.video-player-handle .handle-btn:hover::after {
	background: #232328
}

.video-player-handle .handle-btn::after {
	border-color: #232328
}

.video-player-handle .handle-btn i {
	color: #8f8f8f
}

.video-player-handle .handle-btn:hover em,.player-info .video-info-header {
	max-width: 72%
}

.video-player-handle .handle-btn em,.video-player-handle .handle-btn:hover em {
	color: #fff
}

.video-player-handle .drop:hover .handle-btn,.video-player-handle .handle-btn:hover {
	background: #fff;
	z-index: 10;
	position: relative
}

.video-player-handle .handle-btn {
	border-radius: 10px
}

.video-player-handle .handle-btn {
	height: 40px;
	width: 60px;
	padding: 0
}

.video-player-handle>.handle-btn {
	margin: 0 8px 0 0
}

.video-player-handle .handle-btn i {
	font-size: 18px;
	line-height: 40px
}

.video-player-handle-more {
	float: right
}

.video-player-handle .handle-btn .block-name {
	display: none
}

.video-player-handle .drop .drop-content {
	top: 40px
}

.video-player-handle .handle-btn em {
	border-radius: 20px 20px 20px 0;
	top: -6px;
	right: -12px
}

.clearfix {
	*zoom: 1
}

.clearfix:after,.clearfix:before {
	display: table;
	content: ""
}

.clearfix:after {
	clear: both
}

@media (max-width:991px) {
	.news-nav li {
		float: left;
		margin-left: 10px;
		margin-right: 10px
	}

	.news-nav li.top-line-dot:before {
		display: none;
	}

	.news-nav li a {
		padding: 0;
		white-space: nowrap
	}
}

.mxone-vodlist__thumb {
	display: block;
	position: relative;
	padding-top: 150%;
	background-position: 50% 50%;
	background-size: cover;
	border-radius: 5px;
}

.mxone-vodlist__thumb.active {
	padding-top: 60%;
	background-position: 50% 50%;
	background-size: cover;
}

.mxone-vodlist__media li {
	padding: 10px 0 10px;
}

.mxone-vodlist__media li .thumb,.mxone-vodlist__media .detail {
	display: table-cell;
	vertical-align: top;
}

.mxone-vodlist__media li .thumb .w-thumb {
	width: 190px;
}

.mxone-vodlist__media li .detail {
	width: 100%;
	padding: 0 20px 0;
}

.badge {
	background-color: #EEEEEE;
}

.badge-first {
	background-color: #FF4A4A !important;
	color: #FFFFFF;
}

.badge-second {
	background-color: #FF7701 !important;
	color: #FFFFFF;
}

.badge-third {
	background-color: #FFB400 !important;
	color: #FFFFFF;
}

.badge {
	display: inline-block;
	margin-right: 10px;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	border-radius: 2px;
	font-size: 12px;
}

.badge-radius {
	border-radius: 50%;
}

.news-title {
	margin: 0 0 10px;
	font-size: 18px;
	line-height: 30px;
	font-weight: 700;
}

.news-content {
	line-height: 25px;
}

.news-content img {
	max-width: 100%;
	height: auto;
}

.top12 {
	top: 12px !important;
}

.width165 {
	width: calc(16.66% - 18px);
	margin: 0 18px 15px 0;
}

@media (max-width:899px) {
	.width165 {
		width: calc(25% - 15px);
		margin: 0 15px 20px 0;
	}
}

@media (max-width:559px) {
	.width165 {
		width: calc(33.33% - 10px);
		margin: 0 10px 12px 0;
	}
}

@media (max-width:374px) {
	.visible-mi {
		display: block !important;
	}

	.hidden-mi {
		display: none !important;
	}

	.mxone-vodlist__media li .thumb .v-thumb {
		width: 90px;
	}

	.mxone-vodlist__media li .thumb .w-thumb {
		width: 100px;
	}

	.mxone-vodlist__media li .thumb .f-thumb {
		width: 50px;
	}
}

.nav-head>li.active>a,.nav-tabs>li.active>a {
	border-bottom: 2px solid #25252b;
	color: #25252b;
}

.mxone-vodlist__text li a {
	display: block;
	padding: 10px 15px 10px 0;
}

.mxone-vodlist__text.active li a {
	padding: 10px 0 10px;
}

.mxone-vodlist__text.active li:first-child a {
	padding-top: 0;
}

.mxone-vodlist__text.striped li {
	padding: 10px 0 10px;
}

.mxone-vodlist__text.striped li a {
	display: inline-block;
	padding: 0;
}

.mxone-vodlist__text.striped .striped-head {
	padding: 10px;
	border-radius: 5px;
}

.mxone-vodlist__text.to-color li {
	padding: 10px;
	border-radius: 5px;
}

.mxone-vodlist__text.to-color li a {
	padding: 0;
}

.mxone-vodlist__text.downlist {
	padding-top: 0;
}

.mxone-vodlist__text.downlist li {
	padding: 10px 0;
}

.mxone-vodlist__text.downlist li .text {
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}

.mxone-vodlist__text.downlist li a {
	display: inline-block;
	padding: 0;
}

.mxone-vodlist__text.downlist li a.btn {
	padding: 4px 12px;
	margin-left: 10px;
}

.mxone-vodlist__text.striped .striped-head,.mxone-vodlist__text.to-color li:nth-of-type(odd) {
	background-color: #f5f5f5;
}

.news-nav {
	position: relative;
}

.news-nav li a {
	display: block;
	padding: 15px 0;
	font-size: 16px;
	text-align: center;
}

.news-nav li.active a {
	color: #FF9900;
}

.newsbg {
	background: #f3f5f7;
	border-radius: 5px;
}

.newsactive a {
	color: #ff2a14;
}




































/*后期增加*/  
.badges {
	display:inline-block;
	min-width:10px;
	padding:3px 7px;
	font-size:12px;
	font-weight:bold;
	line-height:1;
	color:#fff;
	text-align:center;
	white-space:nowrap;
	vertical-align:baseline;
	background-color:#999;
	border-radius:10px;
}
.module-item-cover .module-item-ru {
	position:absolute;
	height:18px;
	line-height:18px;
	right:0;
	top:0;
	font-size:12px;
	z-index:1;
}
.module-item-cover .module-item-ru span {
	border-radius:0 5px 0 5px;
	padding:0px 8px;
	display:block;
}
.module-item-cover .module-item-ru .vip {
	background:#ffdd9a;
	color:#4e2d03;
}
.module-item-cover .module-item-ru .rebo {
	background:#ff008c;
	color:#fff;
}
.module-item-cover .module-item-ru .tuijian {
	background:#cc00ff;
	color:#fff;
}
.module-item-cover .module-item-ru .shoufa {
	background:#08cc7e;
	color:#fff;
}
.module-item-cover .module-item-ru .yugao {
	background:#03c8d4;
	color:#fff;
}

i.size {
    background-color: #2aa461;
    color: #fff!important;
    padding: 3px 5px;
    border-radius: 4px;
    font-weight:500;
    font-style:normal
}
/*二次增加*/
.module-player-tab .module-tab-item.selected {
   color: #ff2a14;
    background: #fef0e5;
}
.module-player-tab .module-tab-item {
    line-height: 50px;
    margin-left: 3px;
    border-radius: 10px 10px 0 0;
}
.module-tab-item.selected {
 /*background: #fff;*/
    font-weight: 700;
    color: #e50914;
}


.module-player-tab .module-tab-item {
    line-height: 40px;
    margin-left: 3px;
    display: inline-block;/*新增*/
    /*border-radius: 10px 10px 0 0;*/
    border-radius: 10px;
}
.btn-gray:hover, .more:hover, .load-all:hover, .module-tab-item:hover, .module-blocklist a:hover, .video-info-aux .tag-link:hover, .page-number:hover {
    /*background: #eaedf1;*/
   background: #fff;
}
.module-tab-item {
    margin-left: 5px;
    border-radius: 18px;
    cursor: pointer;
    position: relative;
}
/*.btn-gray, .more, .load-all, .module-tab-item, .module-blocklist a, .video-info-aux .tag-link, .page-number {
    background: #f3f5f7;
    color: rgba(0, 0, 0, .68);
}*/
.btn-base, .more, .search-tag a, .module-tab-item, .module-blocklist a, .library-item, .video-serial {
    padding: 0 20px;
    line-height: 35px;
    font-size: 14px;
    display: inline-block;
    border-radius: 10px;
}
.tab-list.selected, .module-downlist.selected {
    display: block;
}
.module-player-list {
    padding: 15px;
    background: #eaedf1;
    margin-bottom: 20px;
    border-radius: 10px 0 10px 10px;
}
.module-list {
    font-size: 0;
}
.tab-list, .module-downlist {
    display: none;
}
.scroll-box-y {
    max-height: 30vh;
    overflow-y: auto;
}
.module-row-info:nth-child(odd) {
    background: #f7f8f9;
}
.module-row-info {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    margin-bottom: 1px;
    border-radius: 10px;
    position: relative;
}
.module-downlist.selected .module-row-text, .tab-list.selected .module-blocklist a {
    animation: opacity .2s;
    -webkit-animation: opacity .2s;
}
.module-row-info a {
    font-size: 14px;
    color: rgba(0, 0, 0, .83);
}
.module-row-text {
    width: 100%;
}
.module-row-text .icon-download {
    font-size: 24px;
    color: #34a853;
    position: absolute;
    top: 17px;
}
.module-row-title {
    width: 85%;
    margin-left: 35px;
}
.module-row-title h4 {
    max-width: 90%;
    font-size: 14px;
}
.nowrap, .list-item-link, .module-blocklist a, .module-item-caption span, .module-item-style.video-name, .module-item-style.video-tag a, /*.module-item-title,*/ .module-item-text, .text-list-title, .text-list-title h3, .text-list-title p, .module-row-title h4, .module-row-title p, .video-subtitle, .video-info-aux, .video-info-items .video-info-actor, .tips-list li, .module-search-item .video-info-header h3, .module-search-item .video-info-items:nth-child(3) .video-info-item {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.module-row-title p {
    max-width: 90%;
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
}

.module-row-shortcuts {
	position: absolute;
	right: 15px
}

.module-row-shortcuts a {
	padding: 2px 20px;
	position: relative;
	z-index: 3;
	color: rgba(0, 0, 0, .68)
}

.module-row-shortcuts a:hover {
	color: #fff
}

.module-row-shortcuts a::after {
	content: '';
	width: 2px;
	height: 12px;
	position: absolute;
	right: -1px;
	top: 10px;
	z-index: 1;
	background: #c2c6d0
}

.module-row-shortcuts a:hover::after {
	top: 12px
}

.module-row-shortcuts a:hover {
	padding: 9px 20px
}

.module-row-shortcuts a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 50px;
	z-index: 2
}

.module-row-shortcuts a:hover::before {
	background: #34a853;
	margin: 0 2px
}

.module-row-shortcuts a:last-child:hover::before {
	margin: 0 -2px
}

.module-row-shortcuts a:last-child::after {
	width: 0
}

.module-row-shortcuts i {
	font-size: 12px;
	position: relative;
	z-index: 2
}

.module-row-shortcuts span {
	margin-left: 5px
}

.module-row-shortcuts span {
	z-index: 3;
	position: relative
}

.module-row-shortcuts .btn-copyurl span {
	margin-left: 8px
}
.module-row-shortcuts {
		right: 10px
	}
	.module-row-shortcuts a,
	.module-row-shortcuts a:hover {
		padding: 7px 20px
	}

	.module-row-shortcuts a:last-child:hover::before {
		margin: 0
	}

@media(max-width:899px) {

	.btn-pc {
		display: none !important
	}
.article-bg {
    height: 80px;
    border-radius: 0;
}
	
}

@media(min-width:559px) {
.module-player-tab .module-tab-item.selected {
    background: #fff;
    font-weight: 700;
    color: #e50914;
    
}
	.recommend-list .pc {
		display: block !important
	}
	.article-bg {
    height: 80px;
    border-radius: 0;
}
}
.shadow-large, #search-content .search-box, .homepage .header-content .search-box, .box, .box::after, .box::before {
    box-shadow: 0 7px 21px rgba(149, 157, 165, .22);
}
.box {
    padding: 25px;
    background: #fff;
    border-radius: 18px;
    margin: 10px -0px 30px;
    position: relative;
}
.box::before {
    content: '';
    bottom: -6px;
    left: 6px;
    width: calc(100% - 12px);
    z-index: -1;
    background: #fff;
}
.box::after, .box::before {
    position: absolute;
    border-radius: 18px;
}
@media (max-width: 899px){
.box {
    margin: 10px -20px 50px;
    padding: 30px 20px 20px;
    border-radius: 18px 18px 18px 18px;
}
}
@media (max-width: 559px){
.box {
    margin: 10px 0px 15px;
    padding: 15px;
}
}
@media (max-width: 559px){
.box::before {
    bottom: -4px;
}
}
.article-content {
    padding: 0 260px 0 30px;
    z-index: 2;
    position: relative;
}
.article-content h2 {
    font-size: 26px;
    font-weight: 700;
    margin: 25px 0;
    position: relative;
}
.article-content p {
    font-size: 16px;
    margin: 20px 0;
    line-height: 1.88;
}
.article-content ul {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.article-content li {
    font-size: 16px;
    list-style: circle;
    line-height: 1.88;
}
.article-bg {
    background-position: right;
    border-radius: 0 18px 0 0;
    top: 0;
}
.article-bg, .article-bg01 {
    background: url(../images/article.png) no-repeat;
    position: absolute;
    z-index: 1;
    right: 0;
    width: 100%;
    height: 130px;
    background-size: contain;
}
@media (max-width: 559px){
.article-content .article-btn {
    text-align: center;
}
}
.article-content {
    padding: 0 10px 0 18px;
}
.article-content h2 {
    font-size: 18px;
}
.article-content li, .article-content p {
    font-size: 14px;
}

}
/*后期增加3*/

	/*.article-content a {
    color: #ff2a14;
}*/
.article-content h2 {
    font-size: 26px;
    font-weight: 700;
    margin: 25px 0;
    position: relative;
}
.article-content h2::after {
	content: '';
	position: absolute;
	bottom: -10px;
	width: 38px;
	left: 1px;
	height: 4px;
	background: #ff2a14;
	background: linear-gradient(90deg, #ff9800, #ff2a14) !important;
	border-radius: 50px
}


.article-content hr {
	height: 2px;
	background: #e3e6eb;
	border: none;
	margin: 40px 0
}

.article-content a {
	color: #ff2a14
}

.article-content b {
	position: relative
}

.article-content b::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 10px;
	background: #ffd41e;
	z-index: -3;
	left: 0;
	bottom: -3px
}
.article-content .article-btn {
    border-radius: 50px;
    font-weight: 900;
    color: #fff;
    margin-right: 10px;
    padding: 0 25px;
}
@font-face {
  font-family: "iconfont"; /* Project id 3627314 */
  src: url('//at.alicdn.com/t/c/font_3627314_bv61gohprh7.woff2?t=1662176975556') format('woff2'),
       url('//at.alicdn.com/t/c/font_3627314_bv61gohprh7.woff?t=1662176975556') format('woff'),
       url('//at.alicdn.com/t/c/font_3627314_bv61gohprh7.ttf?t=1662176975556') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-zhankai2:before {
  content: "\e62f";
}

.icon-tabshouqi1:before {
  content: "\e6db";
}

/*yunpan*/
.arrow-bottom,.drop-content-items::before{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:8px solid rgba(7,7,10,.92)}
.arrow-top,.module-wp-item.selected::after{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid rgba(7,7,10,.92)}
.flex-end,.nav,.nav-search .search-box,.module-wp{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:flex-end}
.btn-base,.more,.search-tag a,.module-wp-item,.module-blocklist a,.library-item,.video-serial{padding:0 12px;line-height:35px;font-size:14px;display:inline-block;border-radius:10px}

.btn-gray,.more,.load-all,.module-wp-item,.module-blocklist a,.video-info-aux .tag-link,.page-number{background:#eaedf1;color:rgba(0,0,0,.68)}
.btn-gray:hover,.more:hover,.load-all:hover,.module-wp-item:hover,.module-blocklist a:hover,.video-info-aux .tag-link:hover,.page-number:hover{background:#eaedf1}

.noplaylist .extra-tips{line-height:22px;padding:0 7px;top:-8px;right:-8px}
a.btn-large.btn-collect:hover{color:#fff}
@media only screen and (max-width:559px) {
.btn-base,.more,.search-tag a,.module-wp-item,.module-blocklist a,.library-item,.video-serial{font-size:12px}
}
.module-wrapper{display:flex}
.module-side{margin-left:20px;width:200px}
.tab-list,.module-downlist{display:none}
.tab-list.selected,.module-downlist.selected{display:block}
.module-downlist.selected .module-row-text,.tab-list.selected .module-blocklist a{animation:opacity .2s;-webkit-animation:opacity .2s}
.wp-list,.module-downlist{display:none}
.wp-list.selected,.module-downlist.selected{display:block}
.module-downlist.selected .module-row-text,.wp-list.selected .module-blocklist a{animation:opacity .2s;-webkit-animation:opacity .2s}
@keyframes opacity {
0%{opacity:100%}
50%{opacity:30%}
100%{opacity:100%}
}
@-webkit-keyframes opacity {
0%{opacity:100%}
50%{opacity:30%}
100%{opacity:100%}
}
.module-heading .more{position:absolute;right:0;top:0;border-radius:18px}
.module-title{font-size:20px;font-weight:400;line-height:1.3}
.module-title span{padding:0 3px;position:relative;top:-2px}
.page-title{font-size:38px;font-weight:700}
.sort-list .module-wp,.module-wp-name,.module-wp-title,.module-wp-input{display:none;display:none}
.module-wp{flex:1;white-space:nowrap}
.module-wp-items::-webkit-scrollbar{display:none}
.module-wp-item{margin-left:5px;border-radius:18px;cursor:pointer;position:relative}
.module-wp-item.selected{background:#ff2a14;font-weight:700;color:#fff}
.module-wp-item.selected::after{content:'';position:absolute;top:99%;left:50%;display:inline-block;margin-left:-7px;border-top:6px solid #ff2a14}
.module-wp-item i{margin-right:5px;color:#ff2a14}
.module-wp-item small{position:absolute;right:0;top:0;transform:scale(.8);transform-origin:top right;font-weight:400;background:rgba(0,0,0,.05);-webkit-backdrop-filter:saturate(180%);color:rgba(0,0,0,.4);padding:0 6px 0 5px;border-radius:0 13px 0 5px;height:19px;line-height:20px;font-size:12px}
.module-player-wp .module-wp-items{overflow:auto}
.module-player-wp .module-wp-item{line-height:50px;margin-left:3px;border-radius:10px 10px 0 0}
.module-player-wp .module-wp-item.selected{background:#fff;color:#ff2a14}
.module-player-wp .module-wp-item.selected::after{border:none}
.module-list{font-size:0}
.module-player-list{padding:15px;background:#eaedf1;margin-bottom:20px;border-radius:10px 0 10px 10px}
.module-blocklist{margin:-5px}
.play .module-wp,.view .module-wp{height:50px;overflow:hidden;margin:0 0 -15px 20px;width:90%}
@media(max-width:899px) {.module-player-wp .module-wp-item{padding:0 18px}}
@media(max-width:559px) {
.module-wp{white-space:normal}
.module-wp-content{text-align:inherit}
.module-wp-items{display:none}
.module-wp-drop{position:relative}
.module-wp .module-wp-items{position:fixed;width:100%;padding:15px;min-height:40vh;max-height:65vh;border-radius:18px 18px 0 0;display:inline-block;left:0;bottom:0;z-index:5000;background-color:#fff;transition-duration:300ms;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.module-wp.module-wp-drop .module-wp-items{transform:translateZ(0);-webkit-transform:translateZ(0)}
.module-wp-drop+.shortcuts-mobile-overlay{top:0;background-color:rgba(0,0,0,.6);pointer-events:auto}
.module-wp-drop .module-wp-item{width:calc(33.33% - 10px);margin:5px;border-radius:10px;line-height:40px;font-size:14px}
.module-wp-title{position:relative;display:block;text-align:center;font-size:18px;font-weight:700;padding:5px 5px 10px}
.module-wp-name{display:block;font-size:14px}
.module-wp-name i{font-size:10px;transform:scale(.88);font-weight:900;margin:0 0 0 5px;vertical-align:1px}
.module-player-wp .module-wp-name{border-radius:10px 10px 0 0;background:#eaedf1;color:rgba(0,0,0,.68);padding:0 16px;line-height:45px;margin:0 0 -15px}
.module-wp-drop .module-wp-item{text-align:center;color:rgba(0,0,0,.83)}
.module-wp-drop .module-wp-item span{display:inline-block;width:calc(100% + 36px);margin:0 0 0 -18px}
.module-wp-drop .module-wp-item.selected{color:#ff2a14;background:#fef0e5}
.module-wp-item.selected:after{border:none}
}
/*首页轮播效果css后期增加4 /cdn/Swiper/6.8.4/swiper-bundle.min.css*/
/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.module-item-pic img{
width: 100%;
/*height: auto;*/
position: absolute;
/* 过渡配置 */
transition: transform 0.3s ease-out;
/* transform-origin: top left; */
/*-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;*/
}   
.module-item-pic:hover img{
transform: scale(1.5);
}   
.xiangqi { position: relative;/*margin: 10px 0;*/ padding: 20px;border-radius: 2px;/*background-color: #34a86c9c;*/border: 1px dashed #282828;background: #d7dae1;}
 @media (max-width: 559px){.xiangqi {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}} 
/*vod_banner效果*/
#container  a {
  color: #fff;
  text-decoration: none;
}


#container {
  padding: 20px 0;/*原50*/
  overflow: hidden;
 /* margin:100px auto;*/
}

#sliderContainer {
  position: relative;
  width:100%;
  /*max-width: 972px;*/
  margin: 0 auto;
}

#slider {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  border: #DEDEDE solid 1px;
  padding: 10px;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
}

#slider img {
  width: 100%;
  height: auto;
  display: block;
}

.slide {
  position: absolute;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
}

.slide.actioe {
  position: relative;
  z-index: 1;
  opacity: 1;
  pointer-events: auto;
}

.slideCopy {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  background-color: #fff;
  color: #333;
}

.slideCopy p { font-size: 18px; }

.arrow {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 50%;
  background-color: #fff;
  margin: auto 0;
  cursor: pointer;
  z-index: 100;
  background-size: 10px;
  background-repeat: no-repeat;
  pointer-events: none;
  opacity: 0;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}

#prev {
  left: 30px;
  background-image: url(../images/arrow-left.png);
  background-position: 13px center;
  transform: translateX(20px);
  -webkit-transform: translateX(20px);
}

#next {
  right: 30px;
  background-image: url(../images/arrow-right.png);
  background-position: 16px center;
  transform: translateX(-20px);
  -webkit-transform: translateX(-20px);
}

.sliderHovered .arrow {
  opacity: 1;
  pointer-events: auto;
}

.sliderHovered #prev {
  transform: translateX(0);
  -webkit-transform: translateX(0);
}

.sliderHovered #next {
  transform: translateX(0);
  -webkit-transform: translateX(0);
}
/*vodbox*/
.vodlist_top {
  font-style: normal;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  font-size: 0.3rem;
  color: #fff;
  top: 0.35rem;
  right: -14rem;
  transition: all .4s;
}
.post-list:hover .vodlist_top {
  right: 0.35rem;
}


.module-item-ru {
    position: absolute;
    height: 18px;
    line-height: 18px;
    right: 0;
    top: 0;
    font-size: 12px;
}
.module-item-ru span {
    border-radius: 0 5px 0 5px;
    padding: 0px 8px;
    display: block;
}

.module-item-ru .vip {
    background: #ffdd9a;
    color: #4e2d03;
}


.module-item-ru .rebo{
    background: #ff008c;
    color: #fff;
}
.module-item-ru .tuijian{
    background: #cc00ff;
    color: #fff;
}
.module-item-ru .shoufa{
    background: #08cc7e;
    color: #fff;
}
.module-item-ru .yugao{
    background: #03c8d4;
    color: #fff;
}
/*vod_desc*/
.douban {/*color: green;*/font-weight: 700;background: url(../images/pic_xt.png) 0px -238px no-repeat;padding: 0 0 0 36px;color: #007711;}
.imdb {font-weight: 700;background: url(../images/pic_xt.png) 0px -196px no-repeat;padding: 0 0 0 36px;color: #d0a20f;}
.code, .quote, pre, blockquote { border: 1px dashed #1e742e;background: #FAFAFA;padding: 12px;font-size: 12px;margin-top: 4px;margin-bottom: 4px;margin-left: 0px;margin-right: 0px;}
.imdb-rating {border-radius: 3px;color: #fff;cursor: default;font-weight: 700;margin-left: 5px;padding: 2px 5px;}
/*二次增加*/
@media (min-width: 1200px){
.wide-screen .row {
    margin-right: -10px;
    margin-left: -10px;
}}
.article-content table td, .article-content table th {
    padding: 5px 10px;
    vertical-align: middle;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
@media (min-width: 1200px){
.wide-screen [class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
}}
.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
}
@media (min-width: 992px){
.row {
    margin-right: -5px;
    margin-left: -5px;
}
.col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}}
@media (min-width: 992px){
.col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}}
.article-content table {
    width: 100%;
    table-layout: fixed;
}
/*.text-muted {
    color: #6c757d!important;
}*/
.table-bordered {
    border: 1px solid #dee2e6;
}
.small, small {
    font-size: 80%;
    font-weight: 400;
}
/* table {
    border-collapse: collapse;
}*/
.article-content table td, .article-content table th {
    padding: 5px 10px;
    vertical-align: middle;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
}
.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
.text-center {
    text-align: center!important;
}
.overline {
    max-width: 8000px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.article-content audio, .article-content img, .article-content video {
    max-width: 100%;
    vertical-align: top;
}
.article-content img {
    height: auto;
}
/*平板显示尺寸*/
.navbar {
    width: 1190px;
    margin: 0 auto;
}
@media screen and (min-width:600px) and (max-width:768px){
.navbar {
    width: 100%;
    margin: 0 auto;
}
}
@media screen and (min-width:768px) and (max-width:1024px){
.navbar {
    width: 100%;
    margin: 0 auto;
}
}
/*网盘*/

	.cbody {
		position: fixed;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.4);
		z-index: 99999;
	}

	.addcontent {
		position: fixed;
		top: 300px;
		left: -300px;
		width: 600px;
		height: 500px;
		background-color: #fff;
		margin-left: 50%;
		border-radius: 5px;
	}
@media (max-width: 559px){
	.addcontent {
position: fixed; */
    /* top: 300px; */
    /* left: -300px; */
    /* width: 600px; */
    height: 500px;
    background-color: #fff;
    /* margin-left: 50%; */
    border-radius: 5px;
    width: 80%;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 1rem;
    border-radius: 0.3rem;
    z-index: 1000;
    margin-left: 0%;
	}
}
	.tjlj {
		padding: 0 80px 0 20px;
		height: 50px;
		line-height: 50px;
		border-bottom: 1px solid #F0F0F0;
		font-size: 14px;
		color: #333;
		overflow: hidden;
		border-radius: 2px 2px 0 0;
	}

	.layui-layer-setwin {
		position: absolute;
		right: 15px;
		*right: 0;
		top: 17px;
		font-size: 0;
		line-height: initial;
	}

	.layui-layer-page .layui-layer-content {
		position: relative;
		overflow: auto;
	}

	#panvalue {
		padding: 20px;
		font-size: 14px;
	}

	#panvalue label {
		margin-top: 10px;
		display: block;
	}

	#panvalue input {
		border-radius: 5px;
		margin-top: 10px;
		width: 100%;
		padding: 10px;
		border: 1px solid #a8a6a6;
	}

	#panvalue button {
		margin-top: 20px;
		border-radius: 5px;
		padding: 10px 30px;
		font-size: 16px;
		color: #FFF;
		background-color: #008ee6;
		cursor: pointer;
		filter: var(--brightness85);
	}

	.wplx {
		border: 1px solid #b8afaf;
		padding: 5px 10px;
		width: 100%;
		margin-top: 10px;
		border-radius: 4px;
	}
/*actor_vbox*/
.module-it {position: relative;width: 90px;margin: 0 20px 20px 0;display: inline-block;font-size: 14px;}
@media (max-width: 1549px){.module-it {width: 86px;}}
@media (max-width: 1329px){.module-it {width: 98px;}}
@media (max-width: 1239px){.module-it {width: calc(10% - 20px);}}
@media (max-width: 899px){.module-it {width: calc(10% - 12px);margin: 0 12px 15px 0;}}
@media (max-width: 559px){.module-it {width: calc(16.53% - 10px);margin: 0 10px 12px 0;}}
.module-item-pic .titem i {opacity: 0;transform: scale(.6);height: 30px;width: 30px;background: #fff;color: rgba(7, 7, 10, .92);border-radius: 50px;line-height: 30px;text-indent: 2.5px;font-size: 12px;}
/*actor_type show*/
.library-box {text-align: center;padding-top: 20px;}
.stui-header__search {position: relative;width: 200px;}
@media (max-width: 559px){.stui-header__search {position: relative;width: 100px;}}
.stui-header__search .form-control {border: 1px solid #020411;background-color: #323232;}
.stui-header__search .search-btn .icon-search {font-size: 14px;color: #999;}
.stui-header__search .search-btn {display: block;position: absolute;top: 0;right: 0;line-height: 40px;text-align: center;background: none;border: 0;cursor: pointer;}
/* text */
h1,h2,h3,h5,h6{ font-weight: 400; margin-bottom:10px}
button{ border: 0;}
button:hover,input.btn{ cursor: pointer;}
a:focus,a:hover,a:active{ text-decoration:none;}
/* form */
.form-control{ background-color:#F5F5F5; color: #999999; border: 1px solid #eee;}
.form-control:focus{ border-color:#ff9900; -webkit-box-shadow:inset 0 1px 1px rgba(255,136,0,.075),0 0 8px rgba(255,136,0,.6);}
select{cursor: pointer; border: none; outline: none;}
input,textarea{outline: medium none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input.form-control,input.btn{ outline:0px; -webkit-appearance: none;}
input[type="checkbox"]{ vertical-align: -2px;}
.form-control{display:block; width:100%; height:35px; padding: 0 10px; font-size:12px; line-height: 20px; border-radius:4px; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
textarea.form-control{ height: auto; padding: 10px;}
.form-control.verify{ width: 90px; text-align: center; margin-right: 10px; display: inline-block;}
/*fancybox.css*/
.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}
/*网址导航页*/
.row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}.col-2a {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}.url-card .url-body {transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);will-change: transform;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}.url-card a.card {justify-content: center;}.card, .block {background: #fff;border-width: 0;margin-bottom: 1rem;box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 20%);transition: background-color .3s;}.mb-4, .my-4 {margin-bottom: 1.5rem!important;}.card {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid rgba(0,0,0,.125);border-radius: 0.25rem;}.url-card .card-body {position: relative;padding: 0.938rem;}.align-items-center {-ms-flex-align: center!important;align-items: center!important;}.d-flex {display: -ms-flexbox!important;display: flex!important;}.card-body {-ms-flex: 1 1 auto;flex: 1 1 auto;min-height: 1px;padding: 1.25rem;}.url-card .url-img {width: 25px;height: 25px;-webkit-box-flex: 0;-ms-flex: none;flex: none;background: rgba(128,128,128,.1);overflow: hidden;}.mr-2, .mx-2 {margin-right: 0.5rem!important;}.align-items-center {-ms-flex-align: center!important;align-items: center!important;}.justify-content-center {-ms-flex-pack: center!important;justify-content: center!important;}.d-flex {display: -ms-flexbox!important;display: flex!important;}.rounded-circle {border-radius: 50%!important;}.url-card .url-img>img {max-height: 100%;vertical-align: unset;}.url-card .url-info {overflow: hidden;padding-right: 5px;}.flex-fill {-ms-flex: 1 1 auto!important;flex: 1 1 auto!important;}.overflowClip_1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}.overflowClip_1 {overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}.text-sm {font-size: .875rem!important;}.article-content p {font-size: 16px;margin: 20px 0;line-height: 1.88;}.overflowClip_1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}.overflowClip_1 {overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}.text-xs {font-size: .75rem!important;}/*.text-muted {color: #6c757d!important;}*/.m-0 {margin: 0!important;}/*.text-muted {color: #999999;}*/.url-card .url-body {transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);will-change: transform;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease }.url-card .url-body:hover {transform: translateY(-6px);-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);box-shadow: 0 26px 40px -24px rgba(0,36,100,.3);-webkit-box-shadow: 0 26px 40px -24px rgba(0,36,100,.3);-moz-box-shadow: 0 26px 40px -24px rgba(0,36,100,.3) }@media (min-width:576px) {.col-sm-1a {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100% }.col-sm-2a {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50% }.col-sm-3a {-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333% }.col-sm-4a {-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25% }.col-sm-5a {-webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20% }.col-sm-6a {-webkit-box-flex: 0;-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667% }.col-sm-7a {-webkit-box-flex: 0;-ms-flex: 0 0 14.285714%;flex: 0 0 14.285714%;max-width: 14.285714% }.col-sm-8a {-webkit-box-flex: 0;-ms-flex: 0 0 12.5%;flex: 0 0 12.5%;max-width: 12.5% }.col-sm-9a {-webkit-box-flex: 0;-ms-flex: 0 0 11.111111%;flex: 0 0 11.111111%;max-width: 11.111111% }.col-sm-10a {-webkit-box-flex: 0;-ms-flex: 0 0 10%;flex: 0 0 10%;max-width: 10% }}@media (min-width:768px) {.col-md-1a {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100% }.col-md-2a {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50% }.col-md-3a {-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333% }.col-md-4a {-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25% }.col-md-5a {-webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20% }.col-md-6a {-webkit-box-flex: 0;-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667% }.col-md-7a {-webkit-box-flex: 0;-ms-flex: 0 0 14.285714%;flex: 0 0 14.285714%;max-width: 14.285714% }.col-md-8a {-webkit-box-flex: 0;-ms-flex: 0 0 12.5%;flex: 0 0 12.5%;max-width: 12.5% }.col-md-9a {-webkit-box-flex: 0;-ms-flex: 0 0 11.111111%;flex: 0 0 11.111111%;max-width: 11.111111% }.col-md-10a {-webkit-box-flex: 0;-ms-flex: 0 0 10%;flex: 0 0 10%;max-width: 10% }}@media (min-width:992px) {.col-lg-1a {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100% }.col-lg-2a {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50% }.col-lg-3a {-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333% }.col-lg-4a {-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25% }.col-lg-5a {-webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20% }.col-lg-6a {-webkit-box-flex: 0;-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667% }.col-lg-7a {-webkit-box-flex: 0;-ms-flex: 0 0 14.285714%;flex: 0 0 14.285714%;max-width: 14.285714% }.col-lg-8a {-webkit-box-flex: 0;-ms-flex: 0 0 12.5%;flex: 0 0 12.5%;max-width: 12.5% }.col-lg-9a {-webkit-box-flex: 0;-ms-flex: 0 0 11.111111%;flex: 0 0 11.111111%;max-width: 11.111111% }.col-lg-10a {-webkit-box-flex: 0;-ms-flex: 0 0 10%;flex: 0 0 10%;max-width: 10% }}@media (min-width:1200px) {.col-xl-1a {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100% }.col-xl-2a {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50% }.col-xl-3a {-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333% }.col-xl-4a {-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25% }.col-xl-5a {-webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20% }.col-xl-6a {-webkit-box-flex: 0;-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667% }.col-xl-7a {-webkit-box-flex: 0;-ms-flex: 0 0 14.285714%;flex: 0 0 14.285714%;max-width: 14.285714% }.col-xl-8a {-webkit-box-flex: 0;-ms-flex: 0 0 12.5%;flex: 0 0 12.5%;max-width: 12.5% }.col-xl-9a {-webkit-box-flex: 0;-ms-flex: 0 0 11.111111%;flex: 0 0 11.111111%;max-width: 11.111111% }.col-xl-10a {-webkit-box-flex: 0;-ms-flex: 0 0 10%;flex: 0 0 10%;max-width: 10% }}@media (min-width:1400px) {.container-lg,.container-md,.container-sm,.container-xl {max-width: 1320px }.d-xxl-block {display: block!important }.col-xxl-auto {-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: 100% }.col-xxl-1 {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333% }.col-xxl-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667% }.col-xxl-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25% }.col-xxl-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333% }.col-xxl-5 {-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667% }.col-xxl-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50% }.col-xxl-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333% }.col-xxl-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667% }.col-xxl-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75% }.col-xxl-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333% }.col-xxl-11 {-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667% }.col-xxl-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100% }.col-xxl-1a {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100% }.col-xxl-2a {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50% }.col-xxl-3a {-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333% }.col-xxl-4a {-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25% }.col-xxl-5a {-webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20% }.col-xxl-6a {-webkit-box-flex: 0;-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667% }.col-xxl-7a {-webkit-box-flex: 0;-ms-flex: 0 0 14.285714%;flex: 0 0 14.285714%;max-width: 14.285714% }.col-xxl-8a {-webkit-box-flex: 0;-ms-flex: 0 0 12.5%;flex: 0 0 12.5%;max-width: 12.5% }.col-xxl-9a {-webkit-box-flex: 0;-ms-flex: 0 0 11.111111%;flex: 0 0 11.111111%;max-width: 11.111111% }.col-xxl-10a {-webkit-box-flex: 0;-ms-flex: 0 0 10%;flex: 0 0 10%;max-width: 10% }.mx-xxl-n5 {margin-left: -5rem!important;margin-right: -5rem!important }.container-lg,.container-md,.container-sm,.container-xl {max-width: 1500px }}@media (min-width:768px) {.io-mx-n2 {margin-left: -.825rem!important;margin-right: -.825rem!important }.io-px-2,.io-mx-n2 .url-card {padding-left: .825rem!important;padding-right: .825rem!important }}@media (min-width:768px) and (max-width:991.98px) {.row-md {margin-left: -.5rem;margin-right: -.5rem }.row-md [class*="col-"],.row-md .col {padding-left: .5rem;padding-right: .5rem }}@media (max-width:991.98px) {.padding {padding: 1.5rem }.row-lg {margin-left: -.5rem;margin-right: -.5rem }.row-lg [class*="col-"],.row-lg .col {padding-left: .5rem;padding-right: .5rem }}@media (max-width:767.98px) {.padding {padding: 1rem }.container {padding-right: .625rem;padding-left: .625rem }.row {margin-right: -.5rem;margin-left: -.5rem }.row [class*="col-"] {padding-right: .5rem;padding-left: .5rem }.row-md {margin-left: -.5rem;margin-right: -.5rem }.row-md [class*="col-"],.row-md .col {padding-left: .5rem;padding-right: .5rem }}

/*弹窗*/
.popup-main p.popup-domain span {position: absolute;left: 0;top: -20px;font-size: 12px;background: #ffddd5;border-radius: 6px 6px 0 0;padding: 0 6px;height: 32px;line-height: 22px;color: #e50914;z-index: -1;}  
 
/*.popup-main p.popup-domain:nth-child(2) {margin-top: 45px;}*/
.popup-main p.popup-domain {
    margin: 35px 0 25px;
    background: #f3f5f7;
    text-align: center;
    position: relative;
    border-radius: 10px;
    padding: 10px 0;} 
@media (max-width: 559px){
.popup-main p.popup-domain strong {font-size: 18px;}
}
.popup-main p.popup-domain a {color: #0c0d0f;}
.popup-main p a {color: #e50914;display: inline-block !important;}
.popup-main p {padding: 2px 0 0;}
i.site {
    background-color: #3598dc;
    color: #fff !important;
    padding: 3px 5px;
    border-radius: 4px;
    font-weight: 500;
    font-style: normal;
}
.adpc {display: block;}
@media (max-width: 767px) {.adpc {display: none;}}  

/*快捷域名*/
.scroll-domain-prompt {
    margin: -5px;
    font-size: 0;
}
.module-domain-prompt {
    border: 2px solid #e9ecef;
    padding: 10px 20px;
    border-radius: 8px;
    position: relative;
    display: inline-block;
    margin: 5px 5px 30px;
    width: calc(50% - 10px);
}
.module-domain-title {
    position: absolute;
    left: 5px;
    top: -10px;
    font-size: 14px;
    padding: 0 10px;
    background: #f7f8f9;
    color: #757575;
}
.module-domain-main {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
.module-domain-main strong {
    color: #34a853;
}
.module-domain-main em {
    color: #dbdee2;
    padding: 0 15px;
}

@media (max-width: 559px) {
    .scroll-box.scroll-domain-prompt {
        padding: 2px 10px 15px;
    }
    .scroll-content {
        display: inline-flex;
    }
    .module-domain-prompt {
        padding: 12px 16px;
        width: max-content;
        margin-bottom: 20px;
    }
    .module-domain-title {
        font-size: 13px;
        /*top: -12px;*/
    }
    .module-domain-main em {
        padding: 0 10px;
    }
    .scroll-box {
        margin: 10px -15px 0 !important;
        padding: 0 15px !important;
    }
    .scroll-box {
        margin: 0 -15px;
        padding: 0 15px 15px;
        overflow-y: auto;
        webkit-overflow-scrolling: touch;
    }    
}
@media (max-width: 899px) {
    .scroll-box {
        margin: 15px -20px 0;
        padding: 0 20px 20px;
        overflow-y: auto;
        webkit-overflow-scrolling: touch;
    }
}
#test {animation: change 1s linear(0.81 8.09%, 1 100%) 0s infinite;}@keyframes change {0% {color: red;}25% {color: green;}50% {color: pink;}100% {color: yellow;}}

/*留言虚线*/
.top-line, .bottom-line {
    position: relative;
}
.bottom-line:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #EEEEEE;
}