@charset "utf-8";

html {
	color: #222;
	background-color: #f3f4f4;
	-webkit-text-size-adjust: none !important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

article,
aside,
footer,
header,
nav,
section {
	display: block
}

audio,
canvas,
video {
	display: inline-block
}

body,
button,
input,
select,
textarea {
	font: 16px/1.5 PingFangSC-Regular, "Helvetica Neue", tahoma, arial, sans-serif;
	word-wrap: break-word;
	word-break: break-word
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 1em
}

a,
a:visited {
	color: #222;
	text-decoration: none;
	-webkit-touch-callout: none
}

a:active {
	outline: 0 none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

em,
i,
strong {
	font-size: 1em;
	font-style: normal;
	font-weight: 400
}

button,
input,
select,
textarea {
	font-size: 1em
}

textarea {
	resize: vertical;
	overflow: auto;
	vertical-align: top
}

input[type=text]:focus,
textarea:focus {
	outline: 0 none
}

button,
input[type=button],
input[type=reset],
input[type=submit],
input[type=text],
textarea {
	-webkit-appearance: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

iframe,
img {
	border: 0 none
}

img {
	display: inline-block;
	vertical-align: bottom;
	-webkit-touch-callout: none
}

iframe {
	display: block
}

ol,
ul {
	list-style: none
}

li {
	vertical-align: top
}

.cl {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	line-height: 0
}

.cf:after,
.cf:before {
	content: '';
	display: table
}

.cf:after {
	clear: both
}

.none {
	display: none
}

.mark_clips,
.mark_definition,
.mark_first,
.mark_free_limit,
.mark_fullversion,
.mark_internet,
.mark_lightspot,
.mark_microfilm,
.mark_original,
.mark_serial,
.mark_special,
.mark_summary,
.mark_theatrical,
.mark_titbit,
.mark_topic,
.mark_trailer,
.mark_vip_coupon,
.mark_vip_free,
.mark_vod {
	display: block;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 50px;
	line-height: 12px !important;
	font-size: 10px !important;
	padding: 1px 0 0;
	overflow: hidden;
	color: #fff;
	text-align: center;
	background-color: #ff8406;
	-webkit-transform: rotate(-45deg) translate(-13px, -7px);
	transform: rotate(-45deg) translate(-13px, -7px)
}

.mark_internet,
.mark_microfilm,
.mark_trailer {
	width: 60px;
	-webkit-transform: rotate(-45deg) translate(-16px, -6px);
	transform: rotate(-45deg) translate(-16px, -6px);
	font-size: 10px !important
}

.mark_free_limit,
.mark_vip_coupon,
.mark_vip_free,
.mark_vod {
	font-size: 9px !important;
	width: 68px;
	-webkit-transform: rotate(-45deg) translate(-19px, -6px);
	transform: rotate(-45deg) translate(-19px, -6px);
	background-color: #ff2600
}

.mark_vip_free {
	background-color: #87b211
}

.mark_free_limit {
	background-color: #ff8406
}

.mark_btn_trailer,
.mark_custom {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 2px;
	height: 14px;
	line-height: 14px;
	overflow: hidden;
	font-size: 10px;
	background-color: #ff8406;
	color: #fff
}

.mark_custom .mark_inner {
	font-size: 11px !important
}

.mark_btn_trailer {
	background: #e92600
}

.mark_triangle_vip_coupon,
.mark_triangle_vip_free {
	position: absolute;
	display: block;
	left: -44px;
	top: -44px;
	width: 0;
	height: 0;
	font-size: 0;
	border: 44px solid transparent;
	border-bottom-color: #458203;
	-webkit-transform: rotate(-45deg);
	z-index: 6
}

.mark_triangle_vip_coupon em,
.mark_triangle_vip_free em {
	position: absolute;
	width: 88px;
	left: -45px;
	bottom: -40px;
	text-align: center;
	color: #fff;
	font-size: .75rem;
	text-shadow: 0 1px 2px rgba(4, 0, 0, .33)
}

.mark_triangle_vip_coupon {
	border-bottom-color: #d12f13
}

.mark_triangle_vip_free em {
	text-shadow: none
}

.mark_text,
.mark_text_free,
.mark_text_new,
.mark_text_trailer,
.mark_text_vip {
	position: absolute;
	top: 0;
	right: 0;
	padding: 1px 1px;
	background-color: #ff8406;
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	line-height: 1;
	overflow: hidden
}

.mark_text_trailer {
	background-color: #7d8184
}

.mark_text_vip {
	background-color: #e92600
}

.mark_pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 33px;
	background-size: auto 33px
}

.mark_v {
	position: absolute;
	pointer-events: none;
	right: 5px;
	top: 5px
}

.mark_v img {
	position: relative !important;
	vertical-align: top
}

.episodes_box .episode_item .mark_v,
.link_list .item .mark_v {
	right: 0;
	top: 0
}

.search_item .figure_info .figure_head .mark_v {
	position: relative;
	top: 0;
	right: 0
}

@-webkit-keyframes downloadingProgress {
	0% {
		width: 0
	}

	100% {
		width: 90%
	}
}

@keyframes downloadingProgress {
	0% {
		width: 0
	}

	100% {
		width: 90%
	}
}

.tvp_app_bar,
.tvp_app_bar * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	user-select: none
}

.tvp_app_bar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 70px;
	z-index: 1000;
	background: rgba(255, 255, 255, .8);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, .8) 0, rgba(244, 244, 244, .8) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, .8) 0, rgba(244, 244, 244, .8) 100%);
	box-shadow: 0 -2px 2px 0 rgba(228, 229, 229, .3);
	-webkit-backdrop-filter: blur(6px) brightness(1.1)
}

.tvp_app_bar .tvp_bar_inner {
	display: block;
	padding: 8px 0 0;
	overflow: hidden
}

.tvp_app_bar .tvp_close {
	position: relative;
	float: left;
	width: 22px;
	height: 55px
}

.tvp_app_bar .tvp_icon_close {
	position: absolute;
	top: 18px;
	left: 13px
}

.tvp_app_bar .tvp_icon_close:after,
.tvp_app_bar .tvp_icon_close:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 18px;
	background-color: #efefef;
	-webkit-transform: rotate(-45deg)
}

.tvp_app_bar .tvp_icon_close:after {
	-webkit-transform: rotate(45deg)
}

.tvp_app_bar .tvp_app_pic {
	float: left;
	margin: 0 0 0 8px
}

.tvp_app_bar .tvp_app_logo {
	display: inline-block;
	margin: 0;
	width: 55px;
	height: 55px;
	background: url(img/common/app_icon_video_white.png) 0 0 no-repeat;
	background-size: contain;
	vertical-align: top
}

.tvp_app_bar .tvp_app_wording {
	float: left;
	margin: 12px 0 0 8px
}

.tvp_app_bar .tvp_wording_desc,
.tvp_app_bar .tvp_wording_title {
	display: block;
	line-height: 16px;
	color: #212223;
	overflow: hidden;
	white-space: nowrap
}

.tvp_app_bar .tvp_wording_title {
	max-width: 10em;
	font-size: 15px
}

.tvp_app_bar .tvp_wording_desc {
	width: 12em;
	margin: 4px 0 0 0;
	font-size: 13px;
	color: #3f4244
}

.tvp_app_bar .tvp_app_btn {
	position: absolute;
	right: 10px;
	top: 22px;
	width: 66px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	border-radius: 2px;
	background-color: #ff890b;
	box-shadow: 0 1px 3px 0 rgba(230, 230, 230, .1);
	overflow: hidden
}

.tvp_app_bar .tvp_btn_text {
	position: relative;
	display: block;
	margin-top: -1px;
	font-size: 16px;
	text-shadow: 0 1px 2px rgba(230, 230, 230, .1)
}

.tvp_app_bar .tvp_btn_text:after,
.tvp_app_bar .tvp_wording_desc:after,
.tvp_app_bar .tvp_wording_title:after {
	display: block;
	content: attr(data-text);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tvp_app_bar .tvp_progress {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%
}

.tvp_app_bar .tvp_progress_current {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 2px;
	background-color: #62b403;
	-webkit-transition: width .1s linear;
	background-clip: padding-box
}

.tvp_app_bar .tvp_app_btn[data-status=open],
.tvp_app_bar .tvp_app_btn[data-status=speed] {
	background-color: #5fb154
}

.tvp_app_bar .tvp_app_btn[data-status=downloading],
.tvp_app_bar .tvp_app_btn[data-status=install],
.tvp_app_bar .tvp_app_btn[data-status=pause] {
	background-color: #4d8fd9
}

.tvp_app_bar .tvp_app_btn[data-status=install] .tvp_progress_current {
	width: 100%
}

.tvp_app_btn[data-status=downloading] .tvp_progress_current,
.tvp_app_btn[data-status=pause] .tvp_progress_current {
	-webkit-animation-name: downloadingProgress;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: both;
	-webkit-animation-duration: 20s;
	animation-name: downloadingProgress;
	animation-timing-function: linear;
	animation-duration: 20s;
	animation-fill-mode: both
}

.tvp_app_btn[data-status=pause] .tvp_progress_current {
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.tvp_nonauto .tvp_progress .tvp_progress_current {
	width: auto;
	-webkit-animation-name: none;
	-webkit-animation-name: none
}

.tvp_app_bar .tvp_app_btn_wire {
	background: 0 0;
	color: #ff7000;
	border: 1px solid #ff7000;
	border-radius: 35px
}

.tvp_app_bar .tvp_app_btn_wire .tvp_progress {
	border-radius: 35px;
	overflow: hidden
}

.tvp_app_bar .tvp_app_btn_wire .tvp_btn_text {
	border-radius: 35px
}

.tvp_app_bar .tvp_progress_current {
	background-color: #f9ceac;
	border-radius: 32px 0 0 32px;
	border-radius: 32px 0 0 32px/32px 32px;
	-webkit-mask-image: url(img/banner/btn_mask.png)
}

.tvp_app_bar .tvp_app_btn_wire[data-status=open],
.tvp_app_bar .tvp_app_btn_wire[data-status=speed] {
	background: 0 0;
	border-color: #5aba4a;
	color: #5aba4a
}

.tvp_app_bar .tvp_app_btn_wire[data-status=downloading],
.tvp_app_bar .tvp_app_btn_wire[data-status=pause] {
	background: 0 0;
	border-color: #ff7000;
	color: #ff7000
}

.tvp_app_bar .tvp_app_btn_wire[data-status=install] {
	background-color: #50b1e9;
	border-color: #50b1e9;
	color: #fff
}

.tvp_app_bar .tvp_app_btn_wire[data-status=install] .tvp_progress_current {
	background-color: transparent
}

.tvp_app_bar_dark {
	background: rgba(33, 35, 36, .85)
}

.tvp_app_bar_dark .tvp_wording_title {
	color: #fff
}

.tvp_app_bar_dark .tvp_wording_desc {
	color: #9f9f9f
}

.tvp_app_bar_dark .tvp_app_logo {
	background-image: url(img/common/app_icon_video.png)
}

@media screen and (min-width:340px) {
	.tvp_app_bar .tvp_wording_title {
		font-size: 16px
	}

	.tvp_app_bar .tvp_wording_desc {
		font-size: 14px
	}

	.tvp_app_bar .tvp_app_btn {
		width: 74px;
		height: 34px;
		line-height: 35px
	}
}

html {
	width: 100%;
	min-height: 100%;
	height: 100%
}

body {
	position: relative;
	width: 100%;
	min-height: 100%;
	margin: auto
}

.show {
	display: block !important
}

.container {
	position: relative;
	min-height: 100%;
	padding-bottom: 48px
}

.mod_box {
	margin: 0 auto 0
}

.mod_box .mod_title {
	font-size: 18px;
	font-weight: 400;
	padding: 5px 6px
}

.mod_hd {
	position: relative;
	margin: 0 6px 5px
}

.mod_hd .mod_hd_more {
	position: absolute;
	right: 0;
	top: 0
}

.mod_hd .mod_title {
	padding: 0 0
}

.mod_hd .mod_title .mark_custom {
	right: auto;
	top: 8px;
	margin-left: 4px;
	top: 10px
}

.mod_bd {
	padding: 0 3px
}

.mod_title {
	font-weight: 400
}

.show_more {
	display: block;
	line-height: 2rem;
	margin: 14px auto 0;
	text-align: center;
	color: #898989;
	border: 1px solid #cacdd0;
	background-color: #f6f8f8;
	box-shadow: inset 0 0 15px 3px rgba(239, 239, 239, .4)
}

.show_more .arrow_down {
	position: relative;
	top: 0;
	left: 5px
}

.show_less .arrow_down {
	top: -4px;
	background-position: 0 0
}

.mod_footer .mod_footer_inner {
	position: relative;
	background-color: #eaeaea;
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .05)
}

.mod_footer .copyright {
	padding: 15px 0;
	font-size: .6em;
	color: #b3b3b3;
	text-shadow: 0 1px 0 #fff;
	text-align: center
}

.mod_footer .icon_back_top {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -6px
}

.mod_loading {
	text-align: center;
	margin: 10px auto
}

.mod_loading .icon_loading,
.mod_loading .icon_loading_medium {
	vertical-align: middle;
	margin-right: 5px
}

.mod_loading .icon_text {
	display: inline-block;
	font-size: 13px;
	color: #898989
}

.mod_no_result {
	text-align: center;
	margin: 40px auto
}

.mod_no_result .icon_video_search {
	display: block;
	margin: auto
}

.mod_no_result .result_text {
	margin: 20px auto
}

.mod_title_simple {
	position: relative;
	display: block;
	margin: 15px 12px 5px;
	padding-left: 8px;
	color: #898989;
	font-weight: 400;
	font-size: 16px;
	font-weight: 700
}

.mod_title_simple:before {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 3px;
	height: 12px;
	overflow: hidden;
	background-color: #898989
}

.mod_backtop {
	position: fixed;
	display: block;
	right: 6px;
	bottom: 10px;
	width: 45px;
	height: 45px;
	z-index: 10;
	overflow: hidden;
	background-color: rgba(0, 0, 0, .8);
	background-image: url(img/common/icon_backtop.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 18px;
	background-size: 18px
}

.mod_backtop .icon_backtop {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 100;
	overflow: hidden
}

.btn_cache,
.btn_follow {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 13px
}

.btn_cache .icon_cache,
.btn_follow .icon_follow {
	display: block;
	width: 22px;
	height: 20px;
	margin: auto;
	background: url(img/common/sprite_icon.png) 0 0 no-repeat;
	background-size: 65px 20px
}

.btn_cache .icon_cache {
	background-position: -44px 0
}

.btn_cache .icon_text,
.btn_follow .icon_text {
	display: block;
	margin-top: 2px;
	letter-spacing: -1px
}

.btn_follow .btn_followed {
	color: #ff7f05
}

.btn_followed .icon_follow {
	background-position: -22px 0
}

.mod_simple_tips {
	position: fixed;
	z-index: -1;
	opacity: 0;
	top: 0;
	left: 0;
	top: -1000%;
	margin: auto;
	width: 100%;
	height: 100%;
	text-align: center;
	-webkit-transition: opacity .2s ease
}

.mod_simple_tips .tips_inner {
	display: inline-block;
	line-height: 1.3;
	margin: auto;
	padding: 6px 18px;
	max-width: 70%;
	background-color: rgba(0, 0, 0, .75);
	color: #fff;
	border-radius: 5px
}

.mod_simple_tips.show {
	opacity: 1;
	z-index: 10000;
	top: 50%
}

.pop_hint_simple {
	position: fixed;
	z-index: 200;
	top: 280px;
	left: 50%;
	max-width: 90%;
	margin: auto;
	padding: 10px 15px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	background-color: rgba(0, 0, 0, .7);
	border-radius: 5px;
	white-space: nowrap;
	-webkit-transform: translateX(-50%);
	-webkit-transform-origin: center center !important
}

@-webkit-keyframes loading {
	from {
		background-position: 0 0
	}

	to {
		background-position: 0 -300px
	}
}

.loading_wrap {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	-webkit-flex-direction: column;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #333;
	font-size: 14px
}

.loading_wrap .icon_loading {
	display: block;
	width: 27px;
	height: 10px;
	margin: 0 auto 10px;
	background: url(img/common/loading.png) 0 0 no-repeat;
	-webkit-background-size: 27px 300px;
	background-size: 27px 300px;
	-webkit-animation: loading 1s steps(30) infinite
}

.nowrap {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.nowrap_two {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-wrap: break-all;
	word-break: normal
}

.nowrap_three {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	word-wrap: break-all;
	word-break: normal
}

.mod_figure {
	padding: 0;
	margin: 0;
	font-size: 0;
	letter-spacing: -3px;
	width: 100%
}

.mod_figure li {
	display: inline-block;
	width: 50%;
	margin-bottom: 17px;
	letter-spacing: normal;
	padding: 0 3px;
	vertical-align: top;
	line-height: 1.5
}

.mod_figure .figure img {
	display: block;
	width: 100%
}

.figure {
	display: inline-block;
	position: relative;
	width: 100%;
	vertical-align: top;
	text-align: center
}

.figure .figure_pic {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	background: #dddedf url(img/common/imgholder.png) center center no-repeat;
	-webkit-background-size: 40px auto;
	background-size: 40px auto;
	text-align: left;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.figure .mask_duration,
.figure .mask_info,
.figure .mask_rank {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 1px 2px 0 3px;
	color: #fff;
	font-size: .75rem;
	background-color: rgba(0, 0, 0, .6)
}

.figure .mask_info {
	right: auto;
	left: 0
}

.figure .mask_rank {
	color: #ff8406
}

.figure .figure_mask_single {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 2px;
	line-height: 18px;
	height: 18px;
	background-color: rgba(0, 0, 0, .6);
	color: #fff
}

.figure .figure_mask_single .mask_txt {
	font-size: 12px
}

.figure .figure_mask {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	line-height: 18px;
	background-color: rgba(0, 0, 0, .6);
	color: #fff;
	font-size: 12px
}

.figure .figure_mask .mask_txt {
	display: block;
	padding: 2px 24px 0 4px;
	font-size: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.figure .figure_mask .mask_title {
	display: block;
	height: 1.1rem;
	line-height: 1.1rem;
	width: 100%;
	padding: 0 2px 0;
	font-size: .85rem;
	overflow: hidden
}

.figure .figure_mask .mask_date,
.figure .figure_mask .mask_scroe {
	position: absolute;
	top: 2px;
	right: 4px;
	height: auto;
	padding: 0;
	background: 0 0;
	font-size: 12px
}

.figure .figure_mask_two {
	padding-top: 4px
}

.figure .figure_mask_two .mask_txt {
	display: block;
	margin-top: -2px;
	padding-top: 0
}

.figure .mask_scroe_single {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 18px;
	line-height: 18px;
	background-color: rgba(0, 0, 0, .6)
}

.figure .mask_scroe {
	position: relative;
	padding: 0 4px 0 4px;
	line-height: 18px;
	color: #ff8406;
	font-size: 12px
}

.figure .figure_titles {
	display: block;
	width: 100%;
	max-height: 36px;
	line-height: 1.1rem;
	margin-top: 5px;
	overflow: hidden;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.figure .figure_titles .mark_custom {
	position: relative;
	margin-right: 4px;
	top: -1px
}

.figure .figure_title {
	display: block;
	line-height: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px
}

.figure .figure_title_multirow {
	display: -webkit-inline-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	vertical-align: top
}

.figure .figure_desc {
	display: block;
	width: 100%;
	line-height: 18px;
	font-size: 13px;
	color: #898989;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.mod_figures_v .item {
	width: 33.333%
}

.mod_figures_v .figure_title_multirow {
	height: 36px;
	margin-top: 5px;
	overflow: hidden;
	font-size: 14px
}

.mod_figures_v .figure_titles .figure_title_multirow {
	margin-top: 0
}

.mod_figures_list .mod_figure {
	display: block
}

.mod_figures_list .mod_figure li {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 0
}

.mod_figures_list .figure {
	display: block;
	padding: 10px;
	width: auto;
	overflow: hidden
}

.mod_figures_list .figure:active {
	background-color: #f8f8f8
}

.mod_figures_list .figure_pic {
	position: relative;
	float: left;
	width: 33.33%
}

.mod_figures_list .figure_info {
	display: block;
	width: 100%;
	min-height: 56px;
	padding-left: 36%
}

.mod_figures_list .figure_info .figure_title {
	display: block;
	height: 40px;
	line-height: 20px;
	font-size: 14px;
	margin-top: -1px;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.mod_figures_list .figure_desc_date {
	display: block;
	padding-right: 10px;
	color: #787878;
	font-size: 11px
}

.mod_figures_list .figure_vv {
	display: block;
	padding-right: 10px;
	color: #787878;
	font-size: 11px;
	margin-top: 4px
}

.mod_figures_list .figure_vv .icon {
	margin-top: 2px
}

.mod_figures_list .figure_vv .icon_text {
	display: inline-block;
	margin-left: 5px;
	margin-top: -2px
}

.mod_figures_list .figure_meta {
	position: absolute;
	bottom: 10px;
	padding-right: 15px;
	width: 64%;
	font-size: 12px;
	overflow: hidden;
	color: #979797
}

.mod_figures_list .figure_meta .figure_count {
	float: left
}

.mod_figures_list .figure_meta .figure_date {
	float: right
}

.mod_figures_multipage {
	position: relative;
	width: 100%;
	margin-bottom: -7px;
	overflow: hidden
}

.mod_figures_multipage .mod_figure {
	white-space: nowrap;
	padding-bottom: 7px;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch
}

.mod_figures_multipage .mod_figure::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0)
}

.mod_figures_multipage .mod_figure::-webkit-scrollbar {
	display: none
}

.mod_figures_multipage:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 7px;
	background-color: #f3f4f4
}

.mod_figures_multipage .mod_figure li {
	padding: 0;
	margin-right: 10px;
	margin-bottom: 0
}

.mod_figures_multipage.mod_figures_v .item {
	width: 98px;
	padding: 0;
	margin-right: 10px;
	margin-bottom: 0;
	overflow: hidden
}

.mod_figures_multipage .mod_figure li:last-child {
	margin-right: 5px !important
}

.mod_figures_multipage.mod_figures_h .mod_figure li {
	width: 120px;
	margin-right: 10px;
	margin-bottom: 0;
	padding: 0
}

.mod_figures_multipage.mod_figures_v .item {
	width: 100px;
	padding: 0;
	margin-right: 10px;
	margin-bottom: 0;
	overflow: hidden
}

.figure .figure_pic:before {
	content: '';
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 56.29%
}

.figure .figure_pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.mod_figures_v .figure_pic:before {
	padding-bottom: 140.24%
}

.figure_include {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 35%;
	line-height: 1;
	background-color: rgba(0, 0, 0, .8)
}

.figure_include_inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 12px;
	color: #999;
	text-align: center;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	-webkit-flex-direction: column;
	display: flex;
	align-items: center;
	justify-content: center
}

.figure_include .figure_num {
	display: block;
	margin: 0 0 4px;
	color: #fff;
	font-size: 18px
}

@media (min-width:370px) {
	.mod_figures_multipage.mod_figures_h .mod_figure li {
		width: 130px
	}

	.mod_figures_multipage.mod_figures_v .mod_figure li {
		width: 118px
	}
}

@media (min-width:400px) {
	.mod_figures_multipage.mod_figures_h .mod_figure li {
		width: 140px
	}

	.mod_figures_multipage.mod_figures_v .mod_figure li {
		width: 120px
	}
}

.search_prepare .mod_hd {
	position: relative;
	padding: 10px 10px 5px;
	font-size: 13px;
	color: #8d8d8d
}

.search_tags {
	padding-left: 10px;
	font-size: 0;
	overflow: hidden
}

.search_tags.relevant {
	max-height: 120px;
	margin-bottom: -10px
}

.search_tags .tag {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	margin: 0 10px 10px 0;
	font-size: 14px;
	background-color: #f7f7f7;
	border-radius: 2px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-decoration: none;
	color: #4c4c4c;
	max-width: -webkit-calc(100% - 10px);
	max-width: calc(100% - 10px)
}

.search_hot .search_tags .tag {
	display: block;
	position: relative;
	background: #fff;
	margin: 10px 0 0 0;
	padding: 0 30px 10px 0;
	box-sizing: content-box
}

.search_hot .search_tags .tag:not(:last-child) {
	border-bottom: 1px solid #ebebeb
}

.search_hot .search_tags .tag span {
	vertical-align: middle;
	display: inline
}

.search_hot .search_tags .tag .num {
	background: #e6e6e6;
	color: #878787;
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	line-height: 16px;
	text-align: center;
	margin-right: 5px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 12px
}

.search_hot .search_tags .tag:nth-child(1) .num {
	background: #e42818;
	color: #fff
}

.search_hot .search_tags .tag:nth-child(2) .num {
	background: #ff7100;
	color: #fff
}

.search_hot .search_tags .tag:nth-child(3) .num {
	background: #ffb900;
	color: #fff
}

.search_tags .tag:active {
	background-color: #dcdcdc
}

.search_tags .tag.hot:active {
	background-color: #feca95
}

.search_history .search_tags {
	max-height: 74px
}

.icon_del,
.icon_refresh {
	display: inline-block;
	height: 15px;
	background: url(img/sprite_search.png) 0 0 no-repeat;
	-webkit-background-size: 48px 26px;
	background-size: 48px 26px
}

.icon_del {
	width: 14px
}

.icon_refresh {
	width: 14px;
	background-position: -15px 0
}

.btn_del,
.btn_refresh {
	position: absolute;
	right: 5px;
	top: 5px;
	padding-top: 7px;
	width: 30px;
	height: 30px;
	text-align: center
}

.search_utopia {
	background-color: #efefef
}

.search_utopia .mod_headline {
	height: 180px;
	background: url(//i.gtimg.cn/qqlive/images/20150429/bg_utopia.jpg) 0 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover
}

.search_utopia .mod_headline .figure {
	position: relative;
	height: 100%;
	-webkit-user-select: none;
	user-select: none
}

.search_utopia .mod_headline .figure .figure_pic {
	position: absolute;
	right: 15px;
	top: 22px;
	display: block;
	width: 100px;
	height: 140px;
	background-color: #3a6d87;
	box-shadow: 0 0 6px rgba(0, 0, 0, .6)
}

.search_utopia .mod_headline .figure .figure_pic:before {
	padding-bottom: 140.24%
}

.search_utopia .mod_headline .figure_info {
	padding-top: 40px;
	padding-right: 120px;
	padding-left: 10px;
	padding-bottom: 30px;
	height: 100%;
	font-size: 13px;
	color: #fff
}

.search_utopia .mod_headline .figure_info .figure_title {
	display: inline-block;
	font-size: 18px;
	color: #fff
}

.search_utopia .mod_headline .figure_info .figure_head {
	display: block;
	margin-bottom: 5px
}

.search_utopia .mod_headline .figure_head .mark_custom,
.search_utopia .mod_headline .figure_source .mark_custom {
	position: relative;
	display: inline-block;
	vertical-align: 1px;
	border-radius: 2px
}

.search_utopia .mod_headline .figure_info p {
	margin-bottom: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.search_utopia .mod_headline .figure_source {
	position: relative
}

.search_utopia .mod_headline .figure_info .figure_desc {
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.search_utopia .mod_headline .figure_source .mark_custom {
	position: relative;
	display: inline-block
}

.search_utopia .mod_headline .figure_info .sl {
	display: inline-block;
	font-size: 11px;
	color: #d7d7d7;
	vertical-align: 1px
}

.search_utopia .mod_headline .figure_info .figure_play {
	position: relative;
	margin: 15px 0 0 0
}

.search_utopia .mod_headline .figure_info .btn_em {
	display: inline-block;
	width: 93px;
	height: 28px;
	line-height: 28px;
	background-color: #ff8200;
	text-align: center;
	border-radius: 2px;
	color: #fff;
	font-size: 14px
}

.search_utopia .mod_headline .figure_info .btn_em:active {
	background-color: #b25c02
}

.search_utopia .mod_headline .figure_info .figure_record {
	padding-left: 5px;
	color: #ff8200
}

.search_utopia .episodes_box {
	margin: 0;
	border: none;
	background-color: #fff
}

.search_utopia .episodes_list {
	border: none
}

.search_utopia .episodes_box .episode_item {
	border-bottom: 1px solid #e8e8e8
}

.search_utopia .link_list {
	margin: 8px 0 0;
	background-color: #fff
}

.mod_utopia_news {
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: #fff
}

.mod_utopia_news .mod_figures_title {
	padding: 10px 10px 0;
	font-size: 14px;
	border-top: 1px solid #e8e8e8
}

.mod_utopia_citizen {
	margin-top: 8px;
	padding: 10px 0 0;
	background-color: #fff
}

.mod_utopia_citizen .mod_title {
	padding: 0 10px 10px;
	font-size: 14px
}

.mod_characters {
	text-align: center;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: justify;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	-webkit-justify-content: space-between;
	font-size: 0;
	letter-spacing: -3px
}

.mod_characters .character {
	position: relative;
	width: 60px;
	margin-right: 12px;
	letter-spacing: normal;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	vertical-align: top
}

.mod_characters .avatar {
	display: block;
	margin: auto;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background-image: url(//imgcache.gtimg.cn/tencentvideo_v1/vstyle/mobile/v2/style/img/common/default_avatar.png);
	-webkit-background-size: cover;
	background-size: cover
}

.mod_characters .career,
.mod_characters .name {
	display: block;
	width: 100%;
	margin-top: 4px;
	font-size: 13px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.mod_characters .career {
	margin-top: 2px;
	color: #acacac;
	font-size: 12px
}

.mod_characters .career .sl {
	font-size: 11px;
	color: #d7d7d7;
	padding: 0 2px
}

.mod_characters_multipage {
	padding-bottom: 10px;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch
}

.mod_multipage_inner {
	width: 100%;
	padding-left: 10px;
	white-space: nowrap
}

.mod_characters_multipage .character {
	display: inline-block
}

body .tvp_app_bar .tvp_wording_desc {
	width: 14em
}

@media (max-width:320px) {
	body .tvp_app_bar_dark .tvp_wording_desc {
		font-size: 12px
	}
}

.search_item.search_item_race {
	padding: 0
}

.team_wrapper {
	position: relative;
	background: #fff;
	font-size: 16px
}

.team_wrapper .search_filter {
	border-top: none
}

.mod_team_list .list_item {
	padding: 10px 0;
	width: 100%;
	height: 75px;
	overflow: visible;
	position: relative
}

.mod_team_list .list_item,
.team_wrapper .search_filter {
	background-image: -webkit-linear-gradient(top, transparent, transparent 50%, #e8e8e8 50%);
	background-image: linear-gradient(to bottom, transparent, transparent 50%, #e8e8e8 50%);
	background-size: 200% 1px;
	background-repeat: no-repeat;
	background-position: bottom
}

.mod_team_list .list_item .match_season {
	background: #545454;
	min-width: 32px;
	padding: 0 3px;
	height: 16px;
	line-height: 16px;
	font-size: .75em;
	position: absolute;
	text-align: center;
	overflow: visible;
	right: 0;
	top: 0;
	color: #fff
}

.mod_team_list .list_item .match_status {
	display: inline-block;
	height: 34px;
	height: 16px;
	line-height: 16px;
	padding: 0 3px;
	border-radius: 2px;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	background: #ff8200;
	font-size: 12px
}

.mod_team_list .list_item .match_status_live {
	background: #64a803
}

.mod_team_list .list_item .match_status_finish {
	background: #b4b4b4
}

.list_item .match_time {
	height: 20px;
	line-height: 20px
}

.match_time .time {
	line-height: 1ex;
	font-size: 1em;
	color: #8d8d8d
}

.match_time .icon_watch {
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 1ex;
	margin-top: 2px;
	margin-right: 3px;
	border: 1px solid #cdcdcd;
	border-radius: 7px;
	vertical-align: top
}

.match_time .icon_watch:after,
.match_time .icon_watch:before {
	content: "";
	position: absolute;
	background: #cdcdcd
}

.match_time .icon_watch:before {
	height: 6px;
	width: 1px;
	left: 6px;
	top: 1px
}

.match_time .icon_watch:after {
	height: 1px;
	width: 4px;
	left: 2px;
	top: 6px
}

.match_info {
	clear: both;
	color: #8d8d8d;
	font-size: .8125em;
	line-height: 20px
}

.match_info p a {
	color: #ff8200
}

.score .bold {
	font-size: 1em;
	color: #ff8200
}

.score i {
	color: #8d8d8d
}

.match_info a,
.match_info a:visited {
	color: #ff8200
}

.match_info .vline {
	color: #e8e8e8;
	margin: 0 5px
}

.list_item .match_date {
	height: 20px;
	line-height: 20px
}

.match_date .date {
	color: #9f9f9f;
	font-size: .65em;
	display: inline-block
}

.mod_team_list .team_left {
	float: left;
	width: 25%;
	text-align: center
}

.mod_team_list .team_right {
	float: left;
	width: 25%;
	text-align: center
}

.mod_team_list .match_dtail {
	float: left;
	width: 40%;
	text-align: center
}

.list_item img {
	display: block;
	vertical-align: bottom;
	width: 35px;
	height: 35px;
	margin: 0 auto
}

.list_item .team_name {
	display: block;
	line-height: 30px;
	vertical-align: bottom;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: .6875em;
	color: #5d5d5d;
	white-space: nowrap
}

.more_item {
	position: relative;
	height: 45px;
	line-height: 45px;
	color: #8d8d8d;
	text-align: center;
	font-size: 14px
}

.more_item a,
.more_item a:visited {
	color: #8d8d8d
}

.more_item .icon_arrow {
	display: inline-block;
	margin-top: 18px;
	margin-left: 5px;
	width: 6px;
	height: 6px;
	border: 1px solid #8d8d8d;
	border-top-color: transparent;
	border-right-color: transparent;
	vertical-align: top
}

.more_item .icon_arrow_down {
	-webkit-transform: rotate(-45deg)
}

.more_item .icon_arrow_up {
	-webkit-transform: rotate(135deg);
	margin-top: 22px
}

.iconfont {
	display: none !important
}

.icon,
.icon_gg,
.icon_l,
.icon_lg,
.icon_sm,
.icon_xl,
.icon_xs,
.icon_xsm,
.icon_xxl,
.icon_xxxl {
	display: inline-block;
	color: inherit
}

.icon {
	width: 20px;
	height: 20px
}

.icon_sm {
	width: 16px;
	height: 16px
}

.icon_lg {
	width: 36px;
	height: 36px
}

.icon_gg {
	width: 56px;
	height: 56px
}

.icon_xl {
	width: 72px;
	height: 72px
}

.icon_xsm {
	width: 12px;
	height: 12px
}

.icon_xs {
	width: 10px;
	height: 10px
}

.icon_l {
	width: 50px;
	height: 50px
}

.icon_xxl {
	width: 90px;
	height: 90px
}

.icon_xxxl {
	width: 160px;
	height: 160px
}

.svg_icon {
	display: inline-block;
	width: 100%;
	height: 100%;
	vertical-align: top;
	pointer-events: none
}

.svg_icon path,
.svg_icon use {
	fill: currentColor
}

.txp_svg_sprite {
	display: none
}

.icon_mark {
	display: inline-block;
	width: 23px;
	height: 14px
}

.icon_vplus .svg_path_1 {
	color: #fff
}

.icon_qqmusic_sm .svg_path_1 {
	color: #f5d11e
}

.icon_qqmusic_sm .svg_path_2 {
	color: #0fb053
}

.icon_checked_xs circle {
	fill: currentColor
}

.icon_checked_xs path {
	fill: #fff
}

.icon_fantuan .svg_path_1,
.icon_fantuan_lg .svg_path_1,
.icon_fantuan_sm .svg_path_1 {
	fill: #ff5945
}

.icon_fantuan .svg_path_2,
.icon_fantuan_lg .svg_path_2,
.icon_fantuan_sm .svg_path_2 {
	fill: #fff
}

.icon_fantuan .svg_path_3,
.icon_fantuan_lg .svg_path_3,
.icon_fantuan_sm .svg_path_3 {
	fill: #333
}

.txp_svg_sprite {
	display: none
}

.icon .svg_icon,
.icon_l .svg_icon,
.icon_lg .svg_icon,
.icon_mark .svg_icon,
.icon_sm .svg_icon,
.icon_xl .svg_icon,
.icon_xs .svg_icon,
.icon_xxl .svg_icon,
.icon_xxxl .svg_icon {
	display: inline-block;
	width: 100%;
	height: 100%;
	vertical-align: top
}

.svg_icon_more_down_sm {
	-webkit-transform: rotate(180deg)
}

.icon_qq_sm {
	border-radius: 100%;
	background-color: #12b7f5
}

.icon_wechat_sm {
	border-radius: 100%;
	background-color: #51c332
}

.icon_vip {
	position: relative;
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../../style/img/personal/sprite_icon_vip_lv.svg) 0 0 no-repeat;
	background-size: 240px auto;
	-webkit-background-size: 240px auto
}

.icon_vip_l {
	width: 33px;
	background-position: -22px 0
}

.icon_vipyear {
	width: 41px;
	background-position: -60px 0
}

.icon_vip_num {
	position: absolute;
	top: 7px;
	left: 8px;
	width: 10px;
	height: 10px;
	background: url(../../style/img/personal/sprite_icon_vip_lv.svg) 0 -46px no-repeat;
	background-size: 240px auto;
	-webkit-background-size: 240px auto
}

.icon_vip_l .icon_vip_num,
.icon_vipyear .icon_vip_num {
	background-position: 0 -66px;
	width: 5px;
	height: 6px;
	top: 8px;
	left: 24px
}

.icon_vip_lv2 .icon_vip_num {
	background-position: -10px -46px
}

.icon_vip_lv3 .icon_vip_num {
	background-position: -20px -46px
}

.icon_vip_lv4 .icon_vip_num {
	background-position: -30px -46px
}

.icon_vip_lv5 .icon_vip_num {
	background-position: -40px -46px
}

.icon_vip_lv6 .icon_vip_num {
	background-position: -50px -46px
}

.icon_vip_lv7 .icon_vip_num {
	background-position: -60px -46px
}

.icon_vip_l .icon_vip_num,
.icon_vipyear .icon_vip_num {
	background-position-y: -66px
}

.icon_vipyear_lv2 .icon_vip_num {
	background-position: -10px -66px
}

.icon_vipyear_lv3 .icon_vip_num {
	background-position: -20px -66px
}

.icon_vipyear_lv4 .icon_vip_num {
	background-position: -30px -66px
}

.icon_vipyear_lv5 .icon_vip_num {
	background-position: -40px -66px
}

.icon_vipyear_lv6 .icon_vip_num {
	background-position: -50px -66px
}

.icon_vip_lv7 {
	background-position: -105px 0
}

.icon_vip_grey.icon_vip_lv7 {
	background-position: -105px -22px
}

.icon_vip_l.icon_vip_lv7 {
	background-position: -130px 0
}

.icon_vipyear.icon_vip_lv7,
.icon_vipyear.icon_vipyear_lv7 {
	background-position: -170px 0
}

.icon_vipyear.icon_vip_grey.icon_vip_lv7 {
	background-position: -170px -22px
}

.icon_vip_l.icon_vip_lv7 {
	background-position: -130px 0
}

.icon_vip_grey.icon_vip_l.icon_vip_lv7 {
	background-position: -130px -22px
}

.icon_vip_l.icon_vip_lv7 .icon_vip_num,
.icon_vipyear.icon_vip_lv7 .icon_vip_num,
.icon_vipyear_lv7 .icon_vip_num {
	background: 0 0
}

.icon_vip_grey {
	background-position: 0 -22px
}

.icon_vip_grey .icon_vip_num {
	background-position-y: -56px
}

.icon_vip_l.icon_vip_grey {
	background-position: -22px -22px
}

.icon_vipyear.icon_vip_grey {
	background-position: -60px -22px
}

.icon_vip_grey.icon_vip_l .icon_vip_num,
.icon_vip_grey.icon_vipyear .icon_vip_num {
	background-position-y: -76px
}

body {
	background-color: #fff
}

a:visited {
	color: #383838
}

.container {
	padding-bottom: 70px;
	height: 100%
}

.search_container {
	padding-top: 55px
}

.mod_footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

.search_result .hl,
.search_smartbox em {
	color: #ff8200
}

.icon_loading {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(img/common/loading.gif);
	background-size: contain
}

.mod_loading {
	margin: auto;
	padding: 10px
}

input[type=search]::-webkit-search-cancel-button {
	display: none
}

.icon_count,
.icon_time,
.icon_vplus {
	display: inline-block;
	height: 15px;
	background: url(img/sprite_search.png) 0 0 no-repeat;
	-webkit-background-size: 48px 26px;
	background-size: 48px 26px
}

.icon_vplus {
	width: 17px;
	background-position: right 0
}

.icon_count {
	width: 11px;
	height: 11px;
	background-position: 0 -15px
}

.icon_time {
	width: 11px;
	height: 11px;
	background-position: -12px -15px;
	position: relative;
	top: 1px
}

.search_smartbox {
	background-color: #fff;
	margin-top: 10px
}

.search_smartbox .item {
	position: relative;
	margin: 0 10px;
	font-size: 14px;
	border-bottom: 1px solid #e8e8e8
}

.search_smartbox .item a {
	display: block;
	padding: 15px 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.search_smartbox .item a:active {
	background-color: #f8f8f8
}

.search_smartbox .item:last-child {
	background-image: none
}

.mod_figures_list .mod_figure li,
.result_filter,
.search_smartbox .item {
	border-bottom: none;
	background-image: -webkit-linear-gradient(top, transparent, transparent 50%, #e8e8e8 50%);
	background-image: linear-gradient(to bottom, transparent, transparent 50%, #e8e8e8 50%);
	background-size: 200% 1px;
	background-repeat: no-repeat;
	background-position: bottom
}

.search_match {
	padding: 12px 10px 0;
	text-align: center;
	font-size: 14px;
	background: #efefef
}

.search_match .hl {
	color: #ff8200
}

.mod_search {
	padding: 10px;
	background-color: #fff;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1
}

.mod_search .logo_search {
	position: absolute;
	left: 0;
	top: 2px;
	width: 75px;
	height: 29px;
	background: url(img/common/search_logo.png) 0 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	font-size: 0;
	color: transparent;
	overflow: hidden
}

.mod_search .search_box {
	position: relative;
	padding: 1px;
	margin-left: 83px;
	margin-right: 38px;
	line-height: 33px;
	font-size: 14px;
	border-radius: 33px;
	background: #03b0ff;
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #5dcf0c), color-stop(30%, #2dbe8f), color-stop(100%, #03b0ff));
	background-image: -webkit-linear-gradient(left, #5dcf0c 0, #2dbe8f 30%, #03b0ff 100%);
	background-image: linear-gradient(to right, #5dcf0c 0, #2dbe8f 30%, #03b0ff 100%);
	background-clip: padding-box
}

.search_box_inner {
	padding: 0 10px 0 10px;
	background-color: #fff;
	border-radius: 33px
}

.mod_search .search_box .inp_text {
	width: 100%;
	height: 33px;
	line-height: 16px;
	padding: 8px 0 8px;
	border: none;
	font-size: 14px;
	background-color: transparent;
	padding-right: 20px
}

.mod_search .search_box .inp_text:focus {
	outline: 0
}

.mod_search .search_box .inp_text::-webkit-input-placeholder {
	display: block;
	padding-top: 3px;
	line-height: 12px
}

.mod_search .search_cancel {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 33px;
	font-size: 14px
}

.mod_search .icon_search {
	display: none
}

.mod_search .icon_search:after {
	content: '';
	position: absolute;
	left: 14px;
	top: 13px;
	width: 2px;
	height: 5px;
	background-color: #898989;
	-webkit-transform: rotate(-45deg) translateZ(0);
	transform: rotate(-45deg) translateZ(0)
}

.search_clear {
	position: absolute;
	right: 3px;
	top: 2px;
	z-index: 10;
	height: 30px;
	width: 30px
}

.search_clear .icon_clear {
	position: absolute;
	top: 6px;
	right: 4px;
	width: 19px;
	height: 19px;
	background-color: #cdcdcd;
	border-radius: 100%
}

.search_clear .icon_clear:after,
.search_clear .icon_clear:before {
	content: '';
	position: absolute;
	left: 9px;
	top: 5px;
	width: 1px;
	height: 9px;
	background-color: #fff;
	-webkit-transform: rotate(45deg)
}

.search_clear .icon_clear:after {
	-webkit-transform: rotate(-45deg)
}

.search_form {
	position: relative
}

.search_result {
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #efefef
}

.search_item {
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 10px;
	background-color: #fff
}

.search_item .mod_title {
	padding: 0 0 10px;
	font-size: 14px
}

.search_item .figure {
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: start;
	-webkit-box-align: start;
	display: -webkit-flex;
	-webkit-align-items: flex-start;
	-webkit-flex-direction: row;
	display: flex;
	align-items: flex-start;
	flex-direction: row;
	-webkit-user-select: none;
	user-select: none
}

.search_item .figure:active {
	background-color: #f8f8f8
}

.search_item .figure .figure_pic {
	display: block;
	width: 33.33%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 33.33%;
	background-color: #dddedf
}

.search_item .figure .figure_pic:before {
	padding-bottom: 140.24%
}

.search_item .figure_info {
	-webkit-box-flex: 1;
	-webkit-flex: 2 1 66.66%;
	padding-left: 10px;
	padding-bottom: 30px;
	width: 66.6%;
	height: 100%;
	font-size: 13px;
	color: #8d8d8d;
	text-align: left
}

.search_item .figure_info .figure_title {
	display: inline;
	font-size: 14px;
	color: #383838;
	white-space: normal
}

.search_item .figure_info .figure_head {
	display: block;
	margin-bottom: 5px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis
}

.search_item .figure_head .mark_custom,
.search_item .figure_source .mark_custom {
	position: relative;
	display: inline-block;
	vertical-align: 1px;
	border-radius: 2px
}

.search_item .figure_info p {
	margin-bottom: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.search_item .figure_source {
	position: relative
}

.search_item .figure_info .figure_desc {
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.search_item .figure_source .mark_custom {
	position: relative;
	display: inline-block
}

.search_item .figure_info .sl {
	display: inline-block;
	font-size: 11px;
	color: #d7d7d7;
	vertical-align: 1px
}

.search_item .figure_info .figure_play {
	position: absolute;
	margin-bottom: 0;
	bottom: 0
}

.search_item .figure_info .btn_em {
	display: inline-block;
	width: 93px;
	height: 28px;
	line-height: 28px;
	background-color: #ff8200;
	text-align: center;
	border-radius: 2px;
	color: #fff;
	font-size: 14px
}

.search_item .figure_info .btn_em:active {
	background-color: #b25c02
}

.search_item .figure_info .figure_record {
	padding-left: 5px;
	color: #ff8200
}

.episodes_box {
	margin: 10px -10px -10px;
	overflow: hidden
}

.episodes_list {
	font-size: 0;
	letter-spacing: -3px;
	background: -webkit-linear-gradient(top, #e8e8e8, #e8e8e8 50%, transparent 50%) 0 0 no-repeat, -webkit-linear-gradient(top, transparent, transparent 50%, #e8e8e8 50%) 0 bottom no-repeat;
	background: linear-gradient(to bottom, #e8e8e8, #e8e8e8 50%, transparent 50%) 0 0 no-repeat, linear-gradient(to bottom, transparent, transparent 50%, #e8e8e8 50%) 0 bottom no-repeat;
	background-size: 200% 1px
}

.episodes_box .episode_item {
	position: relative;
	display: inline-block;
	width: 16.666667%;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	letter-spacing: normal;
	font-size: 14px;
	text-align: center;
	letter-spacing: normal;
	background: -webkit-linear-gradient(left, transparent, transparent 50%, #e8e8e8 50%) right 0 no-repeat;
	background-size: 1px 100%
}

.episodes_box .episode_item:nth-child(6n) {
	width: 16.65%;
	border-right: none;
	background: 0 0
}

.episodes_box .episode_item a {
	display: block;
	color: #969696
}

.episodes_box .episode_item a:active {
	background-color: #ff8200;
	color: #fff
}

.search_item_profile {
	margin-bottom: 12px;
	background-color: #fff;
	padding-bottom: 1px
}

.search_item_profile .btn_more {
	display: block;
	height: 40px;
	margin: 15px 10px;
	font-size: 13px;
	line-height: 40px;
	text-align: center;
	background: #f5f7f9;
	border-radius: 4px
}

.search_item_profile .btn_arrow {
	position: relative;
	top: -1px;
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-left: 3px;
	border-top: 1px solid #686868;
	border-right: 1px solid #686868;
	-webkit-transform: rotate(45deg)
}

.search_item .figure_profile .figure_pic:before {
	padding-bottom: 100%
}

.figure_profile .figure_info {
	padding-bottom: 0
}

.search_item_profile .figure_head .figure_title {
	display: inline-block;
	white-space: normal
}

.mod_figures_multipage.mod_figures {
	padding-left: 10px;
	padding-top: 10px;
	margin-bottom: 0
}

.mod_figures_multipage .figure .figure_titles {
	margin-top: 5px;
	max-height: 40px;
	line-height: 20px;
	text-align: left
}

.mod_figures_multipage .figure .figure_title {
	max-height: 40px;
	height: auto;
	line-height: 20px;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all
}

.mod_figures_multipage .figure_titles_singleline .figure_title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.mod_figures_v .figure .figure_titles {
	text-align: center
}

.search_item_profile .search_item+.search_item {
	margin-top: 0
}

.search_filter {
	overflow: hidden;
	border-left: none;
	border-right: none
}

.search_filter ul {
	white-space: nowrap;
	padding: 10px;
	overflow: auto;
	font-size: 0;
	-webkit-overflow-scrolling: touch
}

.search_filter .item {
	display: inline-block;
	margin-right: 3px;
	padding: 0 10px;
	line-height: 26px;
	font-size: 14px;
	vertical-align: top;
	border-radius: 15px
}

.search_filter .current {
	background-color: #ff8200;
	color: #fff
}

.search_filter .item.current a {
	color: #fff
}

.search_item .search_filter_source {
	margin: 10px 0 0 -10px
}

.search_item .search_filter_source .item {
	margin-right: 8px
}

.search_item .search_filter_source .icon_text {
	display: inline-block;
	vertical-align: middle
}

.mark_sup {
	position: relative;
	padding: 1px 2px 0 3px;
	font-size: 11px
}

.mark_sup:after {
	content: '';
	position: absolute;
	left: -50%;
	top: -50%;
	right: -50%;
	bottom: -50%;
	margin-left: 2px;
	border: 1px solid #fff;
	-webkit-transform: scale(.5);
	border-radius: 3px
}

.result_list {
	margin-top: 12px;
	background-color: #fff
}

.result_list .mod_figures_list .figure_info {
	text-align: left
}

.result_filter {
	padding-top: 1px;
	background: #efefef
}

.filter_head {
	position: relative;
	padding: 0 10px;
	font-size: 0;
	line-height: 18px;
	color: #4c4c4c;
	-webkit-user-select: none;
	user-select: none;
	background: #fff
}

.filter_head .filter {
	display: inline-block;
	padding: 12px 10px 12px 5px;
	margin-right: 5px;
	vertical-align: top;
	font-size: 14px
}

.filter_head .current {
	color: #ff8200
}

.filter_head .filter_opt {
	position: absolute;
	right: 10px;
	padding: 12px 20px 12px 20px;
	font-size: 14px
}

.filter_head .filter_opt:before {
	content: '';
	position: absolute;
	left: 0;
	top: 12px;
	height: 18px;
	width: 1px;
	background-color: #e8e8e8
}

.filter_head .filter_opt .icon_arrow {
	position: absolute;
	right: 6px;
	top: 16px;
	width: 6px;
	height: 6px;
	border: 1px solid #4c4c4c;
	border-top-color: transparent;
	border-right-color: transparent;
	-webkit-transform: rotate(-45deg)
}

.filter_head .current .icon_arrow {
	top: 19px;
	border: 1px solid #ff8200;
	border-top-color: transparent;
	border-right-color: transparent;
	-webkit-transform: rotate(135deg)
}

.result_filter .filters {
	padding: 12px 10px;
	-webkit-user-select: none;
	user-select: none;
	background: #fff
}

.result_filter .filters .item {
	display: inline-block;
	margin-right: 4px;
	margin-bottom: 5px;
	padding: 0 3px;
	line-height: 20px;
	font-size: 14px;
	vertical-align: top;
	border-radius: 2px;
	color: #8d8d8d;
	vertical-align: top
}

.result_filter .filters .item:active {
	background-color: #f8f8f8
}

.result_filter .filters .current {
	background-color: #ff8200;
	color: #fff
}

.result_filter .filters+.filters {
	padding-top: 0;
	padding-bottom: 5px
}

.result_list .hl {
	color: #ff8200
}

.mod_figures_list .figure_meta i {
	margin-right: 3px;
	vertical-align: -1px
}

.link_list {
	margin: 0 -10px -10px
}

.figure+.link_list {
	margin-top: 10px
}

.link_list .item {
	position: relative;
	padding: 15px 10px;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.link_list .item a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.link_list .item:active {
	background-color: #f8f8f8
}

.link_list .item .date {
	margin-right: 10px;
	color: #8d8d8d
}

.link_list .item_more {
	text-align: center
}

.link_list .item_more a {
	color: #1d65a8
}

.filter_head+.filters,
.link_list .item,
.mod_figures_multipage.mod_figures,
.search_filter,
.search_item_profile .mod_figures_title,
.search_item_profile .search_item+.search_item {
	background-image: -webkit-linear-gradient(top, #e8e8e8, #e8e8e8 50%, transparent 50%);
	background-image: linear-gradient(to bottom, #e8e8e8, #e8e8e8 50%, transparent 50%);
	background-size: 200% 1px;
	background-repeat: no-repeat;
	background-position: top
}

.icon_livemusic {
	display: inline-block;
	width: 21px;
	height: 19px;
	background: url(//i.gtimg.cn/qqlive/images/20150327/logo_livemusic.png) 0 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	vertical-align: middle
}

.search_item_live .live_head {
	display: block;
	margin-bottom: 10px;
	line-height: 20px
}

.search_item_live .live_head .icon_livemusic {
	margin-right: 5px
}

.search_item_live .live_head .figure_title {
	line-height: 20px;
	vertical-align: middle
}

.search_item_live .figure_mask {
	text-align: center
}

.search_item_live .figure_mask .mask_txt {
	padding: 0
}

.figure .figure_mask_1 {
	background-color: rgba(255, 130, 0, .8)
}

.figure .figure_mask_2 {
	background-color: rgba(100, 168, 3, .8)
}

.search_item_profile .mod_figures_title {
	padding: 10px 10px 0;
	font-size: 13px
}

.mod_figures_multipage.mod_figures_h {
	background-image: none
}

.mod_figures_multipage.mod_figures_h .item {
	width: 114px
}

.search_item_profile .icon_vplus {
	vertical-align: -2px;
	margin-right: 5px
}

.search_item_vip .link_list .item {
	padding-left: 24px
}

.pop_hint_simple {
	position: fixed;
	top: 280px;
	left: 50%;
	max-width: 250px;
	margin: auto;
	padding: 10px 15px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	background-color: rgba(0, 0, 0, .7);
	border-radius: 5px;
	-webkit-transform: translateX(-50%);
	-webkit-transform-origin: center center !important
}

.mod_no_result {
	margin: auto;
	padding: 40px 0;
	background-color: #fff;
	-webkit-user-select: none;
	user-select: none
}

.result_list .mod_no_result {
	padding: 0 0 20px
}

.mod_figures_multipage .item,
.search_filter .item {
	-webkit-transform: translateX(0)
}

body .tvp_app_bar .tvp_app_btn_wire .tvp_btn_text:active {
	background-color: #ff7000;
	color: #fff
}

.search_utopia {
	padding-bottom: 1px
}

.mod_utopia_citizen {
	margin-bottom: 7px
}

.mod_figures_multipage:after {
	background: #fff
}

.search_item_h {
	margin-top: 8px;
	margin-bottom: 8px
}

.search_item_h .figure {
	display: block;
	padding: 10px;
	width: auto;
	overflow: hidden;
	background: #fff
}

.search_item_h .figure .figure_pic {
	position: relative;
	float: left;
	width: 33.33%;
	display: block;
	overflow: hidden;
	background: #dddedf url(img/common/imgholder.png) center center no-repeat;
	-webkit-background-size: 40px auto;
	background-size: 40px auto;
	text-align: left;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.search_item_h .figure .figure_title {
	white-space: normal;
	max-height: 36px;
	margin-top: -2px
}

.search_item_h .figure .figure_info {
	display: block;
	width: 100%;
	min-height: 56px;
	padding-left: 36%;
	text-align: left
}

.search_item_h .figure .figure_meta {
	position: absolute;
	bottom: 6px;
	padding-right: 15px;
	width: 64%;
	font-size: 12px;
	overflow: hidden;
	color: #979797
}

.mod_figures_multipage.mod_figures_v {
	background-image: none
}

.search_intention {
	background-color: #fff;
	padding-bottom: 1px;
	margin-bottom: 8px
}

.search_intention .mod_figures_title {
	padding: 10px 10px 0;
	font-size: 14px
}

.search_intention .mod_figures_v .figure .figure_titles {
	text-align: left
}

.search_intention .figure_desc {
	text-align: left
}

.search_intention .btn_more {
	display: block;
	height: 40px;
	margin: 15px 10px;
	font-size: 13px;
	line-height: 40px;
	text-align: center;
	background: #f5f7f9;
	border-radius: 4px
}

.search_intention .btn_arrow {
	position: relative;
	top: -1px;
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-left: 3px;
	border-top: 1px solid #686868;
	border-right: 1px solid #686868;
	-webkit-transform: rotate(45deg)
}

.search_intention_more {
	overflow-x: hidden;
	background-color: #fff;
	padding-top: 10px;
	margin-bottom: -1px
}

.search_intention_more .mod_figures {
	padding: 0 3px
}

.search_intention_more .mod_figure .figure_titles {
	max-height: 40px;
	line-height: 20px;
	text-align: left
}

.search_intention_more .mod_figure .figure_title {
	max-height: 40px;
	height: auto;
	line-height: 20px;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all
}

.result_title {
	position: relative;
	text-align: center
}

.result_title .title {
	display: block;
	height: 45px;
	line-height: 45px;
	background-color: #fff
}

.result_title .back_arrow {
	position: absolute;
	top: 0;
	left: 0;
	width: 45px;
	height: 45px
}

.result_title .back_arrow .inner {
	position: absolute;
	top: 17px;
	left: 17px;
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-left: 3px;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	-webkit-transform: rotate(-45deg)
}

.result_more_filter .filters {
	white-space: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding: 10px
}

.result_more_filter .filters::-webkit-scrollbar {
	opacity: 0;
	height: 0
}

.result_more_filter .filters .item {
	margin-right: 6px;
	margin-bottom: 7px
}

.result_more_filter .filters+.filters {
	padding-bottom: 10px
}

.result_more_filter .filters:last-child {
	padding-bottom: 3px
}

@media screen and (max-width:340px) {
	.search_item_h .figure .figure_title {
		white-space: nowrap
	}
}

.search_intention .mod_figures_title .sub {
	color: #999
}

.mod_people_figure {
	position: relative;
	font-size: 0;
	margin-top: 12px;
	margin-bottom: -5px
}

.mod_people_figure .people_list::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0)
}

.mod_people_figure .people_list::-webkit-scrollbar {
	display: none
}

.mod_people_figure:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 7px;
	background-color: #fff
}

.people_list {
	padding-left: 15px;
	white-space: nowrap;
	padding-bottom: 7px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

.people_list .list_item {
	display: inline-block;
	vertical-align: top;
	width: 90px;
	margin-right: 15px;
	text-align: center
}

.people_list .people_avatar {
	display: block;
	width: 90px;
	height: 90px;
	border-radius: 50%
}

.people_list .people_name {
	display: block;
	font-size: 14px;
	color: #4f5257;
	margin-top: 6px;
	overflow: hidden;
	text-overflow: ellipsis
}

.search_intention_more .mod_people_figure {
	margin-bottom: 0;
	margin-top: 5px
}

.search_intention_more .mod_people_figure:after {
	display: none
}

.search_intention_more .people_list {
	overflow-x: hidden;
	padding-right: 15px
}

.search_intention_more .people_list .list_item {
	position: relative;
	display: block;
	width: 100%;
	text-align: left;
	min-height: 70px;
	padding-left: 80px;
	margin-bottom: 14px
}

.search_intention_more .people_list .people_avatar {
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	height: 70px
}

.search_intention_more .people_list .people_name {
	margin-top: 0;
	margin-bottom: 2px;
	padding-top: 6px
}

.search_intention_more .people_desc {
	margin-bottom: 1px;
	font-size: 13px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis
}

.search_intention_more .people_desc .desc_txt {
	margin-right: 10px
}

.link_list .item {
	border-bottom: 1px solid #e8e8e8
}

.link_list .item:first-child {
	border-top: 1px solid #e8e8e8
}

@keyframes accelerateAnim {

	0%,
	100% {
		-webkit-transform: scale3d(1, 1, 1)
	}
}

@-webkit-keyframes accelerateAnim {

	0%,
	100% {
		-webkit-transform: scale3d(1, 1, 1)
	}
}

.mod_bd.mod_tab_box {
	position: relative
}

.mod_hotlist_nav {
	position: -webkit-sticky;
	position: sticky;
	top: 55px;
	left: 0;
	right: 0;
	width: 100%;
	overflow: hidden;
	background: #fff;
	z-index: 1;
	overflow-x: auto;
	padding: 6px 0
}

.search_prepare.current .mod_hotlist_nav {
	position: fixed;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.search_prepare.current .mod_bd.mod_tab_box {
	padding-top: 40px
}

.mod_hotlist_nav::-webkit-scrollbar {
	overflow: hidden;
	display: none
}

.mod_nav_list {
	display: inline-block;
	position: relative;
	white-space: nowrap;
	margin: 0 8px
}

.mod_hotlist_nav .list_item {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	cursor: pointer;
	color: #222;
	padding-bottom: 5px;
	margin-bottom: 5px;
	margin: 0 8px;
	font-size: 14px
}

.mod_hotlist_nav .list_item.current {
	position: relative;
	font-weight: 700;
	color: #ff7000
}

.mod_hotlist_nav .list_item.current:after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	width: -webkit-calc(100% - 10px);
	width: calc(100% - 10px);
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: #ff7000
}

.search_tags .icon_xs {
	position: absolute;
	width: 14px;
	height: 14px;
	right: 10px;
	top: 10px
}

.search_tags .icon_rise_xs {
	color: #f93154
}

.search_tags .icon_hold_xs {
	color: #9b9b9b
}

.search_tags .icon_decline_xs {
	color: #67bb62;
	right: 9px
}
