vsmov-rrdyw/resources/assets/statics/css/stui_block.css

@charset "utf-8";
	html {
	height:100%
}
body {
	margin:0;
	font-family:'Helvetica Neue','STHeiti','微软雅黑','Microsoft YaHei',Helvetica,Arial,sans-serif;
	font-size:14px;
	line-height:140%
}
ul,ol,li {
	margin:0;
	padding:0;
	list-style:none
}
dl {
	margin-top:0;
	margin-bottom:0
}
p {
	margin:0 0 10px
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
:after,:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.container {
	position:relative;
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto
}
.row {
	position:relative;
	margin-right:-15px;
	margin-left:-15px
}
.container:before,.container:after,.row:before,.row:after,.clearfix:before,.clearfix:after {
	display:table;
	content:" ";
	clear:both
}
.col-pd,.col-lg-1,.col-lg-10,.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-md-1,.col-md-10,.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-sm-1,.col-sm-10,.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-xs-1,.col-xs-10,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
	position:relative;
	min-height:1px;
	padding:10px
}
.col-xs-1,.col-xs-10,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-wide-1,.col-xs-wide-10,.col-xs-wide-15,.col-xs-wide-2,.col-xs-wide-25,.col-xs-wide-3,.col-xs-wide-35,.col-xs-wide-4,.col-xs-wide-45,.col-xs-wide-5,.col-xs-wide-55,.col-xs-wide-6,.col-xs-wide-65,.col-xs-wide-7,.col-xs-wide-75,.col-xs-wide-8,.col-xs-wide-85,.col-xs-wide-9,.col-xs-wide-95 {
	float:left
}
.col-xs-10 {
	width:10%
}
.col-xs-9 {
	width:11.1111111%
}
.col-xs-8 {
	width:12.5%
}
.col-xs-7 {
	width:14.2857143%
}
.col-xs-6 {
	width:16.6666667%
}
.col-xs-5 {
	width:20%
}
.col-xs-4 {
	width:25%
}
.col-xs-3 {
	width:33.3333333%
}
.col-xs-2 {
	width:50%
}
.col-xs-1 {
	width:100%
}
.col-xs-wide-10 {
	width:10%
}
.col-xs-wide-9 {
	width:90%
}
.col-xs-wide-8 {
	width:80%
}
.col-xs-wide-7 {
	width:70%
}
.col-xs-wide-6 {
	width:60%
}
.col-xs-wide-5 {
	width:50%
}
.col-xs-wide-4 {
	width:40%
}
.col-xs-wide-3 {
	width:30%
}
.col-xs-wide-2 {
	width:20%
}
.col-xs-wide-15 {
	width:15%
}
.col-xs-wide-95 {
	width:95%
}
.col-xs-wide-85 {
	width:85%
}
.col-xs-wide-75 {
	width:75%
}
.col-xs-wide-65 {
	width:65%
}
.col-xs-wide-55 {
	width:55%
}
.col-xs-wide-45 {
	width:45%
}
.col-xs-wide-35 {
	width:35%
}
.col-xs-wide-25 {
	width:25%
}
@media (min-width:768px) {
	.col-sm-1,.col-sm-10,.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-wide-1,.col-sm-wide-10,.col-sm-wide-15,.col-sm-wide-2,.col-sm-wide-25,.col-sm-wide-3,.col-sm-wide-35,.col-sm-wide-4,.col-sm-wide-45,.col-sm-wide-5,.col-sm-wide-55,.col-sm-wide-6,.col-sm-wide-65,.col-sm-wide-7,.col-sm-wide-75,.col-sm-wide-8,.col-sm-wide-85,.col-sm-wide-9,.col-sm-wide-95 {
	float:left
}
.col-sm-10 {
	width:10%
}
.col-sm-9 {
	width:11.1111111%
}
.col-sm-8 {
	width:12.5%
}
.col-sm-7 {
	width:14.2857143%
}
.col-sm-6 {
	width:16.6666667%
}
.col-sm-5 {
	width:20%
}
.col-sm-4 {
	width:25%
}
.col-sm-3 {
	width:33.3333333%
}
.col-sm-2 {
	width:50%
}
.col-sm-1 {
	width:100%
}
.col-sm-wide-10 {
	width:10%
}
.col-sm-wide-9 {
	width:90%
}
.col-sm-wide-8 {
	width:80%
}
.col-sm-wide-7 {
	width:70%
}
.col-sm-wide-6 {
	width:60%
}
.col-sm-wide-5 {
	width:50%
}
.col-sm-wide-4 {
	width:40%
}
.col-sm-wide-3 {
	width:30%
}
.col-sm-wide-2 {
	width:20%
}
.col-sm-wide-15 {
	width:15%
}
.col-sm-wide-95 {
	width:95%
}
.col-sm-wide-85 {
	width:85%
}
.col-sm-wide-75 {
	width:75%
}
.col-sm-wide-65 {
	width:65%
}
.col-sm-wide-55 {
	width:55%
}
.col-sm-wide-45 {
	width:45%
}
.col-sm-wide-35 {
	width:35%
}
.col-sm-wide-25 {
	width:25%
}
}@media (min-width:992px) {
	.col-md-1,.col-md-10,.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-wide-1,.col-md-wide-10,.col-md-wide-15,.col-md-wide-2,.col-md-wide-25,.col-md-wide-3,.col-md-wide-35,.col-md-wide-4,.col-md-wide-45,.col-md-wide-5,.col-md-wide-55,.col-md-wide-6,.col-md-wide-65,.col-md-wide-7,.col-md-wide-75,.col-md-wide-8,.col-md-wide-85,.col-md-wide-9,.col-md-wide-95 {
	float:left
}
.col-md-10 {
	width:10%
}
.col-md-9 {
	width:11.1111111%
}
.col-md-8 {
	width:12.5%
}
.col-md-7 {
	width:14.2857143%
}
.col-md-6 {
	width:16.6666667%
}
.col-md-5 {
	width:20%
}
.col-md-4 {
	width:25%
}
.col-md-3 {
	width:33.3333333%
}
.col-md-2 {
	width:100%
}
.col-md-1 {
	width:100%
}
.col-md-wide-10 {
	width:10%
}
.col-md-wide-9 {
	width:90%
}
.col-md-wide-8 {
	width:80%
}
.col-md-wide-7 {
	width:70%
}
.col-md-wide-6 {
	width:60%
}
.col-md-wide-5 {
	width:50%
}
.col-md-wide-4 {
	width:40%
}
.col-md-wide-3 {
	width:30%
}
.col-md-wide-2 {
	width:20%
}
.col-md-wide-15 {
	width:15%
}
.col-md-wide-95 {
	width:95%
}
.col-md-wide-85 {
	width:85%
}
.col-md-wide-75 {
	width:75%
}
.col-md-wide-65 {
	width:65%
}
.col-md-wide-55 {
	width:55%
}
.col-md-wide-45 {
	width:45%
}
.col-md-wide-35 {
	width:35%
}
.col-md-wide-25 {
	width:25%
}
}@media (min-width:1200px) {
	.col-lg-1,.col-lg-10,.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-wide-1,.col-lg-wide-10,.col-lg-wide-15,.col-lg-wide-2,.col-lg-wide-25,.col-lg-wide-3,.col-lg-wide-35,.col-lg-wide-4,.col-lg-wide-45,.col-lg-wide-5,.col-lg-wide-55,.col-lg-wide-6,.col-lg-wide-65,.col-lg-wide-7,.col-lg-wide-75,.col-lg-wide-8,.col-lg-wide-85,.col-lg-wide-9,.col-lg-wide-95 {
	float:left
}
.col-lg-10 {
	width:10%
}
.col-lg-9 {
	width:11.1111111%
}
.col-lg-8 {
	width:12.5%
}
.col-lg-7 {
	width:14.2857143%
}
.col-lg-6 {
	width:16.6666667%
}
.col-lg-5 {
	width:20%
}
.col-lg-4 {
	width:25%
}
.col-lg-3 {
	width:33.3333333%
}
.col-lg-2 {
	width:50%
}
.col-lg-1 {
	width:100%
}
.col-lg-wide-10 {
	width:10%
}
.col-lg-wide-9 {
	width:90%
}
.col-lg-wide-8 {
	width:80%
}
.col-lg-wide-7 {
	width:70%
}
.col-lg-wide-6 {
	width:60%
}
.col-lg-wide-5 {
	width:50%
}
.col-lg-wide-4 {
	width:40%
}
.col-lg-wide-3 {
	width:30%
}
.col-lg-wide-2 {
	width:20%
}
.col-lg-wide-15 {
	width:15%
}
.col-lg-wide-95 {
	width:95%
}
.col-lg-wide-85 {
	width:85%
}
.col-lg-wide-75 {
	width:75%
}
.col-lg-wide-65 {
	width:65%
}
.col-lg-wide-55 {
	width:55%
}
.col-lg-wide-45 {
	width:45%
}
.col-lg-wide-35 {
	width:35%
}
.col-lg-wide-25 {
	width:25%
}
}@media (max-width:767px) {
	[class*=col-] {
	padding:5px
}
}h1 {
	font-size:22px;
	line-height:28px
}
h2 {
	font-size:20px;
	line-height:26px
}
h3 {
	font-size:18px;
	line-height:24px
}
h4 {
	font-size:16px;
	line-height:22px
}
h5 {
	font-size:14px;
	line-height:20px
}
h6 {
	font-size:12px;
	line-height:18px
}
h1,h2,h3,h4,h5,h6 {
	font-weight:400;
	margin-top:10px;
	margin-bottom:10px
}
a,button {
	text-decoration:none;
	outline:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
a:focus,a:hover,a:active {
	text-decoration:none
}
.icon {
	font-size:16px
}
.font-14 {
	font-size:14px
}
.font-12 {
	font-size:12px
}
.text-center {
	text-align:center
}
.text-left {
	text-align:left
}
.text-right {
	text-align:right
}
.text-overflow {
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap;
	text-align:center
}
img {
	border:0;
	vertical-align:middle
}
.img-circle {
	border-radius:50%
}
.img-rounded {
	border-radius:5px
}
.img-thumbnail {
	padding:5px;
	border-radius:5px
}
.img-responsive {
	display:block;
	max-width:100%;
	height:auto
}
input {
	outline:medium none;
	outline:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.form-control {
	display: block;
    width: 100%;
    height: 33px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 33px;
	color: #868686;
    border: 1px solid #19b955;
    border-radius: 1.875rem;
}
textarea.form-control {
	height:auto
}
.split-line {
	display:inline-block;
	margin-left:12px;
	margin-right:12px;
	width:1px;
	height:14px;
	vertical-align:-2px
}
.top-line,.top-line-dot,.bottom-line,.bottom-line-dot {
	position:relative
}
.top-line:before,.top-line-dot:before {
	content:" ";
	position:absolute;
	left:0;
	top:0;
	right:0;
	width:100%;
	height:1px
}
.bottom-line:after,.bottom-line-dot:before {
	content:" ";
	position:absolute;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:1px
}
.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%
}
.btn {
	display:inline-block;
	padding:5px 25px;
	font-size:12px;
	border-radius:4px
}
.btn .icon {
	font-size:12px
}
.btn-lg {
	padding:8px 30px
}
.btn-block {
	display:block
}
.btn.disabled {
	cursor:not-allowed
}
.tag {
	padding-left:10px
}
.tag li {
	float:left
}
.tag-btn,.tag-type {
	padding-top:10px;
	padding-left:10px
}
.tag-btn li,.tag-type li {
	padding:0 10px 10px 0
}
.tag-btn li a,.tag-type li a {
	display:block;
	padding:0 10px;
	height:28px;
	line-height:28px;
	text-align:center;
	font-size:12px;
	border-radius:2px
}
.tag-btn.active li a,.tag-type.active li a {
	border-radius:14px
}
.tag-text li {
	padding-right:10px;
	padding-bottom:10px
}
.nav {
	height:30px
}
.nav > li {
	float:left
}
.nav-head > li {
	margin-top:5px;
	margin-right:30px
}
.nav-head > li > a {
	padding-bottom:12px;
	font-size:16px
}
.nav-tabs > li {
	margin-left:30px
}
.nav-tabs > li > a {
	display:inline-block;
	padding:8px 0 10px
}
.nav-tag > li {
	margin-left:10px
}
.nav-tag > li > a {
	display:inline-block;
	padding:0 10px;
	height:25px;
	line-height:23px;
	font-size:12px;
	border-radius:20px
}
.nav-text > li {
	line-height:30px
}
.nav-text > li.active > a {
	color:#f80
}
.nav-page {
	margin-left:10px
}
.nav-page > li {
	margin-left:5px
}
.nav-page > li > a {
	display:inline-block;
	font-size:12px;
	padding:0 6px;
	height:25px;
	line-height:23px
}
.nav-page > li > a > .icon {
	font-size:12px
}
.nav-page > li:first-child {
	margin-left:0
}
.nav-page > li:first-child > a {
	border-radius:4px 0 0 4px
}
.nav-page > li:last-child > a {
	border-radius:0 4px 4px 0
}
.pic-tag {
	position:absolute;
	z-index:99;
	padding:2px 5px;
	font-size:12px;
	border-radius:2px
}
.pic-tag-t {
	top:5px;
	left:5px
}
.pic-tag-l {
	bottom:5px;
	left:5px
}
.pic-tag-b {
	bottom:5px;
	right:5px
}
.pic-tag-r {
	top:5px;
	right:5px
}
.pic-tag-h {
	left:0;
	top:0;
	padding:2px 8px;
	border-radius:0 0 8px 0
}
.pic-tag-lg {
	padding:4px 10px
}
.pic-text {
	display:block;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	padding:5px 10px;
	font-size:12px;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap
}
.pic-text-silde {
	padding-bottom:20px;
	font-size:14px
}
.pic-text-lg {
	padding:8px 20px;
	font-size:14px
}
.pic-title-t {
	display:block;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	padding:5px 10px 10px;
	font-size:12px;
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden
}
.pic-title-b {
	display:block;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	padding:5px 10px;
	font-size:12px;
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden
}
.stui-pannel {
	position:relative;
	margin-bottom:20px
}
.stui-pannel.stui-pannel-x {
	margin:-10px -10px 10px
}
.stui-pannel-bg {
	border-radius:2px
}
.stui-pannel-side {
	padding:0 0 0 20px
}
.stui-pannel-box {
	padding:10px
}
.stui-pannel-box.active {
	padding:0;
	margin:-10px
}
.stui-pannel_hd {
	padding:10px
}
.stui-pannel__head {
	position:relative;
	height:30px
}
.stui-pannel__head.active {
	height:40px
}
.stui-pannel__head .title {
	float:left;
	margin:0;
	padding-right:10px;
	line-height:24px
}
.stui-pannel__head .title img {
	display:inline-block;
	width:24px;
	height:24px;
	margin-right:10px;
	vertical-align:-5px
}
.stui-pannel__head .more {
	line-height:30px
}
.stui_nav__taddar .item {
	display:block;
	text-align:center
}
.stui_nav__taddar .item .icon {
	display:block;
	text-align:center;
	font-size:20px;
	line-height:20px
}
.stui_nav__taddar .item .icon-img {
	display:inline-block;
	width:24px;
	height:24px
}
.stui_nav__taddar .item .title {
	display:block;
	margin-top:3px;
	font-size:12px
}
.stui_nav__taddar.fixed {
	position:fixed;
	bottom:0;
	width:100%;
	padding:5px 0 0
}
.stui-vodlist__thumb {
	display:block;
	position:relative;
	padding-top:150%;
	background:url(../img/load.gif) no-repeat;
	background-position:50% 50%;
	background-size:cover;
	border-radius:13px
}
.stui-vodlist__thumb.square {
	padding-top:100%;
	background:url(../img/load.gif) no-repeat;
	background-position:50% 50%;
	background-size:cover
}
.stui-vodlist__thumb.active {
	padding-top:60%;
	background:url(../img/load.gif) no-repeat;
	background-position:50% 50%;
	background-size:cover
}
.stui-vodlist__thumb.picture {
	background:none;
	overflow:hidden
}
.stui-vodlist__thumb.picture img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.stui-vodlist__thumb .play {
	display:none;
	position:absolute;
	top:0;
	z-index:1;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.1) url(../img/play.png) center no-repeat;
	border-radius:13px
}
.stui-vodlist__thumb .play.active {
	display:block
}
.stui-vodlist__thumb:hover .play {
	display:block
}
.stui-vodlist__detail.active {
	padding:0 10px 10px
}
.stui-vodlist__detail .title {
	font-size:14px;
	margin-bottom:0
}
.stui-vodlist__detail .title.active {
	font-size:16px;
	margin-bottom:10px
}
.stui-vodlist__detail .text {
	min-height:19px;
	font-size:12px;
	margin-bottom:0;
	margin-top:5px
}
.stui-vodlist__detail .text-title {
	font-size:14px;
	line-height:18px;
	margin:11px 0 0;
	height:36px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
}
.stui-vodlist__text li a {
	display:block;
	padding:10px 15px 10px 0
}
.stui-vodlist__text.active li a {
	padding:10px 0 10px
}
.stui-vodlist__text.active li:first-child a {
	padding-top:0
}
.stui-vodlist__text.striped li {
	padding:10px 0 10px
}
.stui-vodlist__text.striped li a {
	display:inline-block;
	padding:0
}
.stui-vodlist__text.striped .striped-head {
	padding:10px;
	border-radius:5px
}
.stui-vodlist__text.to-color li {
	padding:10px
}
.stui-vodlist__text.to-color li a {
	padding:0
}
.stui-vodlist__text.downlist {
	padding-top:0
}
.stui-vodlist__text.downlist li {
	padding:10px 0
}
.stui-vodlist__text.downlist li .text {
	line-height:30px
}
.stui-vodlist__text.downlist li a {
	display:inline-block;
	padding:0
}
.stui-vodlist__text.downlist li a.btn {
	padding:4px 12px;
	margin-left:10px
}
.stui-vodlist__media li {
	padding:10px 0 10px
}
.stui-vodlist__media.active li:first-child {
	padding-top:0
}
.stui-vodlist__media.active li:last-child {
	padding-bottom:0
}
.stui-vodlist__media li .thumb,.stui-vodlist__media .detail {
	display:table-cell;
	vertical-align:top
}
.stui-vodlist__media li .thumb .w-thumb {
	width:190px
}
.stui-vodlist__media li .thumb .v-thumb {
	width:120px
}
.stui-vodlist__media li .thumb .f-thumb {
	width:120px
}
.stui-vodlist__media li .thumb .m-thumb {
	width:65px
}
.stui-vodlist__media li .detail {
	width:100%;
	padding:0 20px 0
}
.stui-vodlist__media li .detail-side {
	padding:0 10px 0
}
.stui-vodlist__media li .detail-left {
	padding:0 20px 0 0
}
.stui-vodlist__media li .detail .title {
	margin:10px 0 10px
}
.stui-vodlist__screen {
	padding:10px 0 5px
}
.stui-vodlist__screen:first-child {
	padding-top:0
}
.stui-vodlist__screen:last-child {
	padding-bottom:0
}
.stui-vodlist__screen li {
	float:left;
	width:25%;
	margin-bottom:5px
}
.stui-vodlist__rank li {
	margin-bottom:35px
}
.stui-vodlist__rank li:last-child {
	margin-bottom:0
}
.stui-link__text li {
	float:left;
	margin-right:15px;
	margin-bottom:10px
}
.stui-link__pic li a {
	display:block;
	padding:10px 20px;
	border-radius:4px
}
.stui-link__pic li a img {
	max-width:100%
}
.stui-content__playlist {
	position:relative
}
.stui-content__playlist.overflow {
	max-height:300px;
	overflow-y:scroll
}
.stui-content__playlist li {
	float:left;
	margin-bottom:10px;
	margin-right:10px
}
.stui-content__playlist li a {
	display:inline-block;
	padding:5px 20px;
	border-radius:5px
}
.stui-content__playlist.full li {
	float:none;
	width:100%;
	margin-right:0
}
.stui-content__playlist.column3 li {
	width:33.3333333%;
	padding:0 5px;
	margin-right:0
}
.stui-content__playlist.column6 li {
	width:16.6666667%;
	padding:0 5px;
	margin-right:0
}
.stui-content__playlist.column10 li {
	padding:0 5px;
	margin-right:0
}
.stui-content__playlist.full li,.stui-content__playlist.column3 li,.stui-content__playlist.column6 li,.stui-content__playlist.column10 li {
	}.stui-content__playlist.full li a,.stui-content__playlist.column3 li a,.stui-content__playlist.column6 li a,.stui-content__playlist.column10 li a {
	display:block;
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap
}
.flickity-enabled {
	position:relative
}
.flickity-enabled:focus {
	outline:0
}
.flickity-viewport {
	overflow:hidden;
	position:relative;
	cursor:-webkit-grab;
	cursor:grab
}
.flickity-viewport.is-pointer-down {
	cursor:-webkit-grabbing;
	cursor:grabbing
}
.flickity-prev-next-button {
	position:absolute;
	top:50%;
	width:30px;
	height:60px;
	border:none;
	background-color:rgba(0,0,0,.6);
	cursor:pointer;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
.flickity-prev-next-button.previous {
	left:10px;
	border-radius:0 10px 10px 0
}
.flickity-prev-next-button.next {
	right:10px;
	border-radius:10px 0 0 10px
}
.flickity-prev-next-button:disabled {
	opacity:0;
	cursor:auto
}
.flickity-prev-next-button svg {
	position:absolute;
	left:20%;
	top:20%;
	width:60%;
	height:60%
}
.flickity-prev-next-button .arrow {
	fill:#fff
}
.flickity-prev-next-button.no-svg {
	color:#fff;
	font-size:18px
}
.flickity-page-dots {
	position:absolute;
	width:100%;
	bottom:20px;
	left:0;
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
	line-height:1
}
.flickity-page-dots .dot {
	display:inline-block;
	width:30px;
	height:3px;
	margin:0 5px;
	background:#f80;
	opacity:.25;
	cursor:pointer
}
.flickity-page-dots .dot.is-selected {
	opacity:1
}
.flickity-page {
	padding-bottom:15px;
	overflow:hidden
}
.flickity-page .flickity-page-dots {
	bottom:5px
}
.carousel {
	position:relative
}
.carousel .list {
	padding:0;
	margin-right:20px
}
.carousel .wide {
	width:100%
}
.carousel_center {
	padding-bottom:20px
}
.carousel_center .list a {
	position:relative
}
.carousel_center .list a:before {
	content:"";
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.6)
}
.carousel_center .list.is-selected a:before {
	display:none
}
.popup {
	position:fixed;
	right:-100%;
	top:0;
	z-index:1001;
	width:100%;
	height:100%;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	-webkit-transition:.5s;
	-o-transition:.5s;
	-moz-transition:.5s;
	-ms-transition:.5s;
	transition:.5s
}
.popup-visible {
	right:0
}
.popup-head {
	padding:15px 10px;
	margin-bottom:10px
}
.popup-head .title {
	display:inline-block;
	margin:0
}
.popup-head .icon {
	font-size:20px
}
.embed-responsive {
	position:relative;
	display:block;
	overflow:hidden;
	padding:0
}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
	top:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	border:0
}
.autocomplete-suggestions {
	padding:0 10px;
	margin-top:5px;
	border-radius:4px
}
.autocomplete-suggestions.active {
	position:absolute;
	z-index:9999;
	top:100%;
	width:100%
}
.autocomplete-suggestion {
	padding:10px 0;
	cursor:pointer
}
.autocomplete-suggestion:first-child {
	border-top:0
}
.fade {
	opacity:0;
	-webkit-transition:opacity .15s linear;
	-o-transition:opacity .15s linear;
	transition:opacity .15s linear
}
.fade.in {
	opacity:1
}
.tab-content>.tab-pane,.carousel-inner>.item {
	display:none
}
.tab-content>.tab-pane.active,.carousel-inner>.item.active {
	display:block
}
.dropdown {
	position:relative
}
.dropdown-menu {
	display:none;
	position:absolute;
	top:100%;
	left:-80%;
	z-index:1000;
	padding:10px 0;
	border-radius:2px
}
.dropdown-menu:before {
	content:" ";
	width:10px;
	height:10px;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	border-width:1px 1px 0 0;
	position:absolute;
	top:-6px;
	right:20px;
	border-style:solid
}
.dropdown-menu>li>a {
	display:block;
	padding:6px 20px;
	text-align:center
}
.open>.dropdown-menu {
	display:block
}
.mobile-share {
	position:fixed;
	z-index:999;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	animation:fade-in;
	animation-duration:.5s;
	-webkit-animation:fade-in .5s
}
.share-weixin {
	background:url(../img/share_weixin.png/index.html) rgba(0,0,0,.8) no-repeat;
	background-position:right top 10px;
	background-size:80%
}
.share-other {
	background:url(../img/share_other.png/index.html) rgba(0,0,0,.8) no-repeat;
	background-position:center bottom 10px;
	background-size:80%
}
.relative {
	position:relative
}
.top-fixed-up {
	margin-top:0 !important
}
.bottom-fixed-up {
	margin-bottom:0 !important
}
.top-fixed,.bottom-fixed {
	-webkit-transition:.5s;
	-o-transition:.5s;
	-moz-transition:.5s;
	-ms-transition:.5s;
	transition:.5s
}
.pull-left {
	float:left !important
}
.pull-right {
	float:right !important;
}
.margin-0 {
	margin:0 !important
}
.padding-0 {
	padding:0 !important
}
.margin-t0 {
	margin:0 !important
}
.padding-t0 {
	padding:0 !important
}
.margin-b0 {
	margin:0 !important
}
.padding-b0 {
	padding:0 !important
}
.block {
	display:block !important
}
.inline-block {
	display:inline-block !important
}
.hide,.visible-lg,.visible-md,.visible-sm,.visible-xs,.visible-mi {
	display:none !important
}
.mask {
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	z-index:999;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.2);
	animation:fade-in;
	animation-duration:.5s;
	-webkit-animation:fade-in .5s
}
@keyframes fade-in {
	0% {
	opacity:0
}
40% {
	opacity:0
}
100% {
	opacity:1
}
}@-webkit-keyframes fade-in {
	0% {
	opacity:0
}
40% {
	opacity:0
}
100% {
	opacity:1
}
}@media (min-width:1200px) {
	.visible-lg {
	display:block !important
}
.hidden-lg {
	display:none !important
}
}@media (max-width:1199px) and (min-width:992px) {
	.visible-md {
	display:block !important
}
.hidden-md {
	display:none!important
}
}@media (max-width:991px) and (min-width:768px) {
	.visible-sm {
	display:block !important
}
.hidden-sm {
	display:none !important
}
}@media (max-width:991px) {
	.stui-pannel-side {
	padding:0
}
.stui-vodlist__detail .title.active {
	font-size:14px;
	margin-bottom:0
}
.stui-vodlist__media li .thumb .v-thumb {
	width:90px
}
.stui-vodlist__media li .thumb .w-thumb {
	width:130px
}
.stui-vodlist__media li .thumb .f-thumb {
	width:70px
}
.stui-content__playlist.column3 li {
	width:50%
}
.stui-content__playlist.column6 li {
	width:25%
}
.stui-content__playlist.column10 li {
	width:20%
}
}@media (max-width:767px) {
	.visible-xs {
	display:block !important
}
.hidden-xs {
	display:none!important
}
body {
	font-size:12px
}
h1 {
	font-size:20px;
	line-height:24px
}
h2 {
	font-size:18px;
	line-height:22px
}
h3 {
	font-size:16px;
	line-height:20px
}
h4 {
	font-size:14px;
	line-height:18px
}
h5 {
	font-size:12px;
	line-height:16px
}
h6 {
	font-size:10px;
	line-height:14px
}
.btn {
	padding:5px 15px
}
.nav {
	height:20px
}
.nav-head > li {
	margin-top:2px;
	margin-right:20px
}
.nav-head > li > a {
	padding-bottom:10px;
	font-size:14px
}
.nav-tabs > li {
	margin-left:20px
}
.nav-tabs > li > a {
	padding:6px 0 6px
}
.nav-page > li > a {
	padding:0 3px;
	height:20px;
	line-height:18px
}
.top-line:before,.top-line-dot:before {
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
	-webkit-transform:scaleY(0.5);
	transform:scaleY(0.5)
}
.bottom-line:after,.bottom-line-dot:before {
	-webkit-transform-origin:0 100%;
	transform-origin:0 100%;
	-webkit-transform:scaleY(0.5);
	transform:scaleY(0.5)
}
.m-top-line,.m-top-line-dot,.m-bottom-line,.m-bottom-line-dot {
	position:relative
}
.m-top-line:before,.m-top-line-dot:before {
	content:" ";
	position:absolute;
	left:0;
	top:0;
	right:0;
	width:100%;
	height:1px;
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
	-webkit-transform:scaleY(0.5);
	transform:scaleY(0.5)
}
.m-bottom-line:after,.m-bottom-line-dot:before {
	content:" ";
	position:absolute;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:1px;
	-webkit-transform-origin:0 100%;
	transform-origin:0 100%;
	-webkit-transform:scaleY(0.5);
	transform:scaleY(0.5)
}
.stui-pannel {
	margin-bottom:10px
}
.stui-pannel.stui-pannel-x {
	margin:0 0 5px
}
.stui-pannel-bg {
	border-radius:0
}
.stui-pannel-box {
	padding:10px 5px
}
.stui-pannel-box.active {
	margin:5px
}
.stui-pannel_hd {
	padding:5px
}
.stui-pannel__head {
	height:20px
}
.stui-pannel__head.active {
	height:30px
}
.stui-pannel__head .title,.stui-pannel__head .title a {
	font-size:18px
}
.stui-pannel__head .title img {
	width:18px;
	height:18px;
	margin-right:5px;
	vertical-align:-2px
}
.stui-pannel__head .more {
	line-height:20px
}
.stui-vodlist__thumb .tag {
	padding:0 5px
}
.stui-vodlist__thumb .silde-title {
	font-size:12px
}
.stui-vodlist__detail .title,.stui-vodlist__detail .title.active {
	margin-bottom:0;
	font-size:12px
}
.stui-vodlist__media li .thumb .v-thumb {
	width:80px
}
.stui-vodlist__media li .thumb .w-thumb {
	width:130px
}
.stui-vodlist__media li .thumb .f-thumb {
	width:70px
}
.stui-vodlist__media li .detail {
	padding-left:10px
}
.stui-vodlist__media li .detail.active {
	padding-left:0;
	padding-right:10px
}
.stui-vodlist__text li a {
	padding:10px 0
}
.stui-vodlist__text.downlist li {
	padding:5px 0 0
}
.stui-content__playlist.column3 li {
	float:none;
	width:100%
}
.stui-content__playlist.column6 li,.stui-content__playlist.column10 li {
	width:33.3333333%
}
.carousel .list {
	margin-right:10px
}
.flickity-prev-next-button {
	display:none
}
.flickity-prev-next-button.previous {
	left:5px;
	border-radius:0 5px 5px 0
}
.flickity-prev-next-button.next {
	right:5px;
	border-radius:5px 0 0 5px
}
}@media (max-width:374px) {
	.visible-mi {
	display:block !important
}
.hidden-mi {
	display:none !important
}
.stui-vodlist__media li .thumb .v-thumb {
	width:60px
}
.stui-vodlist__media li .thumb .w-thumb {
	width:100px
}
.stui-vodlist__media li .thumb .f-thumb {
	width:50px
}
.stui-vodlist__media li .detail {
	padding-left:10px
}
}.MacPlayer #rightlist h2 {
	color:#fff
}