@charset "UTF-8";

progress,sub,sup {
	vertical-align: baseline
}

.huya-header,footer {
	text-align: center
}

.video-title h1 em {
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
	display: block
}

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

audio:not([controls]) {
	display: none;
	height: 0
}[hidden],template {
	display: none
}

a {
	background-color: transparent
}

a:active,a:hover {
	outline-width: 0
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

mark {
	background-color: #ff0;
	color: #000
}

sub,sup {
	line-height: 0;
	position: relative
}

.header-serarch,.huya-header .logo {
	vertical-align: middle;
	display: inline-block
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

svg:not(:root) {
	overflow: hidden
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

button,input,select,textarea {
	font: inherit;
	margin: 0
}

optgroup {
	font-weight: 700
}

button,select {
	text-transform: none
}[type=button],[type=reset],[type=submit],button {
	cursor: pointer
}[disabled] {
	cursor: default
}[type=reset],[type=submit],button,html [type=button] {
	-webkit-appearance: button
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0
}

button:-moz-focusring,input:-moz-focusring {
	outline: ButtonText dotted 1px
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal
}

textarea {
	overflow: auto
}[type=checkbox],[type=radio] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

.video-author,.video-col {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
	height: auto
}[type=search] {
	-webkit-appearance: textfield
}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

.g-thide {
	text-indent: -999em
}

.clearfix {
	zoom: 1
}

.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	content: "\0020"
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font: inherit;
	font-weight: 400;
	-webkit-font-smoothing: antialiased
}

body,html {
	font-family: "Helvetica Neue",Helvetica,STHeiTi,sans-serif;
	width: 100%;
	height: auto;
//	-webkit-touch-callout: none;
//	-webkit-user-select: none;
	font-size-adjust: none;
	overflow-y: scroll;
	background: #f5f5f4
}

a:focus,a:hover {
	text-decoration: none;
	outline: 0
}

body {
	margin: 0;
	overflow-x: hidden;
	padding-bottom: 1.10667rem
}

.icon-again,.video-author-living {
	height: .32rem;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-repeat: no-repeat
}

.huya-header .logo {
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%
}

.video-fans-detail .video-icon,.video-playnum i {
	width: .26667rem;
	height: .26667rem;
	background-image: url(../img/playnum.png);
	background-repeat: no-repeat;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%
}

.header-serarch {
	height: .42667rem;
	background-repeat: no-repeat;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%
}

.header-serarch {
	width: .41333rem;
	background-image: url(../img/search.png);
	background-size: 100% 100%
}
.header-hy {
	width: .41333rem;
	height: .42667rem;
	background-image: url(../img/hy.png);
	background-repeat: no-repeat;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%
}



.video-action .share-btn i {
	width: .49333rem;
	background-image: url(../img/share-msi.png);
	background-size: 100% 100%
}

.video-action .share-btn i {
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-repeat: no-repeat
}

.video-action .share-btn i {
	width: .60rem;
	height: .63rem;
	background-image: url(../img/share.png);
	background-size: 100% 100%
}

.video-author-time {
	width: .26667rem;
	height: .26667rem;
	background-image: url(../img/time.png);
	background-repeat: no-repeat;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%
}

.video-channel-img span i {
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-repeat: no-repeat
}

.video-channel-img span i {
	background-image: url(../img/video-icon.png);
	background-size: 100% 100%
}

.share-tip2 {
	display: none;
	position: fixed
}

.bot-qrcode {
	display: block;
	width: 1.75rem;
	height: 1.75rem;
	background: url(../img/pf.png) no-repeat;
	background-size: 100%;
	position: fixed;
	right: .16625rem;
	bottom: 2.84375rem;
	z-index: 100000
}

.video-action .zan i,.video-wrap .video-btn-wrap .video-btn {
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%
}

.video-wrap .video-btn-wrap .video-btn {
	width: 1.78667rem;
	height: 1.78667rem;
	background-image: url(../img/play.png);
	background-repeat: no-repeat;
	background-size: 100% 100%
}

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

footer {
	padding: .50667rem 0 .64rem;
	height: .73333rem
}

footer p {
	font-size: .24rem;
	color: #999;
	line-height: 1.5
}

.share-tip2 {
	background: rgba(0,0,0,.75);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000
}

.huya-header {
	height: 1.18667rem;
	border-bottom: 1px solid #D7D7D7;
	line-height: 1.2rem;
	-webkit-background-size: 100%;
	background-color: #fff;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	width: 100%;
	z-index: 101
}

.huya-header .logo {
	width: 2.86rem;
	height: .88rem;
	margin-right: 0%
}

.huya-header .nav_text {
	display: inline-block;
	margin: 0 1.8%;
	position: relative;
	color: #000;
	font-size: 16px
}[data-dpr="2"] .huya-header .nav_text {
	font-size: 32px
}[data-dpr="3"] .huya-header .nav_text {
	font-size: 48px
}

.huya-header .nav_text.on {
	color: #ff9000
}

.huya-header .nav_text.on:after {
	content: '';
	position: absolute;
	bottom: 1px;
	width: 150%;
	height: .10667rem;
	background-color: #ff9000;
	left: -25%
}

.header-serarch {
	margin-left: 4%
}

.header-hy {
	display: inline-block;
	vertical-align: middle;
	margin-left: 4%
}

.video-wrap {
	width: 100%;
	height: 5.64rem;
	overflow: hidden;
	background-color: #000;
	position: relative
}

.video-content { color:#666; margin:10px; 
}


.video-wrap .video-btn-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 11
}

.video-wrap .video-btn-wrap .video-btn {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%,-50%,0);
	-moz-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0)
}

.video-wrap video {
	display: block;
	width: 100%;
	height: 100%;
	z-index: 9;
}

.video-author,.video-title {
	position: relative;
	background: #fff
}

.video-wrap video.playing {
	width: 100%;
	height: 100%;
	opacity: 1
}

.video-title {
	width: 100%;
	border-bottom: 1px solid #e1e1e1;
	padding: .4rem 0
}

.video-title h1 {
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	color: #222;
	margin: 0 0 0 .33333rem
}[data-dpr="2"] .video-title h1 {
	font-size: 30px
}[data-dpr="3"] .video-title h1 {
	font-size: 45px
}

.video-title h1 em {
	display: inline-block;
	max-width: 8.13333rem;
	white-space: nowrap;
	overflow: hidden
}

.video-playnum {
	color: #999;
	font-size: 12px;
	line-height: 1.2;
	margin-left: .33333rem;
	margin-top: .33333rem;
}[data-dpr="2"] .video-playnum {
	font-size: 24px
}[data-dpr="3"] .video-playnum {
	font-size: 36px
}

.video-playnum i {
	float: left;
	width: .33333rem;
	height: .33333rem;
	margin-right: 8px
}

.video-author {
	height: 1.6rem;
	padding-top: .33333rem;
	box-sizing: border-box;
	margin-bottom: .2rem
}

.video-author-jump {
	display: inline-block;
	width: .46667rem;
	height: .46667rem;
	overflow: hidden;
	position: absolute;
	right: .33333rem;
	top: .53333rem
}

.video-author-jump i {
	width: .4rem;
	height: .04rem;
	background: #666;
	position: absolute;
	top: .06667rem
}

.video-author-jump .line1 {
	-webkit-transform: rotate(38deg);
	-moz-transform: rotate(38deg);
	-ms-transform: rotate(38deg);
	-o-transform: rotate(38deg);
	transform: rotate(38deg);
	left: -.06667rem;
	top: .09333rem
}

.video-author-jump .line2 {
	-webkit-transform: rotate(-38deg);
	-moz-transform: rotate(-38deg);
	-ms-transform: rotate(-38deg);
	-o-transform: rotate(-38deg);
	transform: rotate(-38deg);
	left: -.06667rem;
	top: .32rem
}

.video-author-info {
	margin-left: .33333rem;
	width: 7.73333rem;
	position: relative;
	*zoom: 1
}

.video-author-info:after,.video-author-info:before {
	content: "";
	display: table;
	line-height: 0
}

.video-author-info:after {
	clear: both
}

.video-author-info img {
	float: left;
	width: .93333rem;
	height: .93333rem;
	margin-right: .26667rem;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%
}

.mplay-fans .video-author-info img {
	margin-right: .33333rem
}

.video-author-tag {
	display: block;
	width: .73333rem;
	height: .34667rem;
	-webkit-border-radius: .34667rem;
	-moz-border-radius: .34667rem;
	border-radius: .34667rem;
	color: #fff;
	font-size: 10px;
	position: absolute;
	z-index: 100;
	top: .66667rem;
	left: .37333rem;
	line-height: 1.4
}

.app-bot span,.video-author-btn {
	right: .33333rem;
	-moz-border-radius: .13333rem
}[data-dpr="2"] .video-author-tag {
	font-size: 20px
}[data-dpr="3"] .video-author-tag {
	font-size: 30px
}

.video-author-tag-onlive {
	background: #f79d04
}

.video-author-tag-playback {
	background: #35a4f4
}

.video-author-detail {
	position: relative;
	top: -.06667rem
}

.video-author-detail h2 {
	color: #333;
	font-size: 14px;
	line-height: 1.8;
	white-space: nowrap
}[data-dpr="2"] .video-author-detail h2 {
	font-size: 28px
}[data-dpr="3"] .video-author-detail h2 {
	font-size: 42px
}

.video-author-detail h2 span {
	display: inline-block;
	font-weight: 600;
	max-width: 3.73333rem;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: bottom;
	padding: 0 .06667rem
}

.video-author-detail blockquote {
	color: #999;
	font-size: 11px;
	line-height: 1
}[data-dpr="2"] .video-author-detail blockquote {
	font-size: 22px
}[data-dpr="3"] .video-author-detail blockquote {
	font-size: 33px
}

.video-author-btn {
	display: block;
	min-width: 1.73333rem;
	height: .8rem;
	line-height: .8rem;
	-webkit-border-radius: .13333rem;
	border-radius: .13333rem;
	background: #ffa200;
	color: #fff;
	font-size: 14px;
	position: absolute;
	top: .4rem;
	white-space: nowrap;
	padding: 0 .06667rem
}[data-dpr="2"] .video-author-btn {
	font-size: 28px
}[data-dpr="3"] .video-author-btn {
	font-size: 42px
}

.video-action {
	position: absolute;
	right: .4rem;
	top: .6rem
}

.video-action li {
	float: left;
	margin-right: .26667rem;
	color: #ababab;
	font-size: .29333rem;
	line-height: 1.4
}

.video-action li i {
	display: block;
	margin: 0 auto
}

.video-info {

	background: #fbfbfb;
	border-bottom: .01333rem solid #dfdfdf;
	padding: .26667rem 0;
	margin: 0 0 .2rem
}

.video-user-info {
	width: 5.14667rem;
	float: left;
	margin: .02667rem 0 0 .33333rem
}

.video-user-info img {
	display: block;
	width: .93333rem;
	height: .93333rem;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	float: left;
	margin: 0 .26667rem 0 0
}

.video-user-info p {
	font-size: .37333rem;
	color: #333;
	line-height: 1.45
}

.video-user-info p a {
	color: #333
}

.video-amount,.video-intro strong,.video-user-info blockquote {
	color: #ababab;
	font-size: .29333rem
}

.video-user-info blockquote {
	white-space: nowrap
}

.video-amount {
	float: right;
	margin: .50667rem .34667rem 0 0
}

.video-intro {
	clear: both;
	margin: .4rem .33333rem;
	padding: 0 0 .26667rem;
	border-bottom: 1px solid #dfdfdf
}

.video-intro strong {
	display: none;
	line-height: 1;
	font-weight: 400;
	margin-bottom: .2rem
}

.video-intro p {
	color: #333;
	font-size: .29333rem;
	line-height: 1.5;
	width: 100%;
	min-height: .86667rem;
	margin-bottom: .26667rem;
	display: none
}

.video-intro .video-more {
	width: 1.73333rem;
	height: .42667rem;
	position: relative;
	margin: 0 auto
}

.video-intro .video-more em {
	color: #888;
	font-size: .29333rem;
	float: left;
	font-style: normal;
	font-weight: 500
}

.video-intro .video-intro-more {
	float: left;
	position: relative;
	top: .06667rem;
	margin-left: .10667rem
}

.video-intro .video-intro-more-close {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.video-intro-more {
	display: block;
	width: .32rem;
	height: .16rem;
	overflow: hidden;
	position: relative;
	-webkit-transition: -webkit-transform .4s;
	-o-transition: -o-transform .4s;
	-moz-transition: transform .4s,-moz-transform .4s;
	transition: transform .4s;
	transition: transform .4s,-webkit-transform .4s,-moz-transform .4s,-o-transform .4s;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}

.video-intro-more span {
	width: 100%;
	height: .02667rem;
	background: #ccc;
	position: absolute;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}

.video-intro-more .line1 {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 0;
	top: 0
}

.video-intro-more .line2 {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: -.12rem;
	top: .16rem
}

.video-channel {
	background: #fff;
	padding: .3125rem .40625rem;
	border-top: .015625rem solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	margin: .234375rem 0;
	position: relative;
	overflow: hidden
}

.video-channel h2 {
	color: #333;
	font-size: .4375rem;
	margin-bottom: .390625rem;
	font-weight: 400
}


.video-channel h2  span{
	color: #ccc;
	font-size: .3375rem;
	margin-bottom: .390625rem;
	font-weight: normal; padding-left:10px;
}





.video-channel-more {
	color: #999;
	font-size: .34375rem;
	position: absolute;
	right: .40625rem;
	top: .40625rem
}

.video-channel-more span {
	display: inline-block;
	width: .1875rem;
	height: .3125rem;
	position: relative;
	overflow: hidden;
	margin-left: .078125rem;
	top: .046875rem
}

.video-channel-more span i {
	width: .46875rem;
	height: .03125rem;
	background: #ccc;
	position: absolute;
	top: .078125rem
}

.video-channel-more span .line1 {
	-webkit-transform: rotate(38deg);
	transform: rotate(38deg);
	left: -.15625rem;
	top: .03125rem
}

.video-channel-more span .line2 {
	-webkit-transform: rotate(-38deg);
	transform: rotate(-38deg);
	left: -.046875rem;
	top: .125rem
}

.video-channel-list {
	margin-right: -.78125rem
}

.video-channel-list li {
	width: 4.4375rem;
	float: left;
	margin: 0 .3125rem .3125rem 0
}

.video-channel-list .video-meta {
	font-size: .3125rem;
	margin-top: .21875rem;
	color: #999
}

.video-channel-img {
	width: 4.4375rem;
	height: 2.5rem;
	position: relative
}

.video-channel-img img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 11
}

.video-channel-img:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/bg.png);
	background-size: 100% 100%
}

.video-channel-img span {
	display: block;
	width: 4.1875rem;
	height: .703125rem;
	background: url(../img/vlistbg.png) repeat-x bottom;
	color: #ddd;
	font-size: .28125rem;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 12;
	text-align: right;
	padding-right: .25rem;
	line-height: 2.3
}

.video-channel-title {
	margin-top: .15625rem;
	color: #333;
	font-size: .34375rem;
	line-height: 1.6;
	height: 1.015625rem;
	overflow: hidden
}

.video-meta {
	margin-top: .3125rem;
	height: .34375rem;
	line-height: .34375rem
}

.video-meta span {
	display: block;
	float: left;
	color: #999;
	font-size: .3125rem
}

.video-meta span i {
	display: block;
	margin-right: .125rem;
	float: left
}

.video-user {
	margin-right: .3125rem;
	max-width: 2.65625rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	float: left;
	color: #999
}

.video-user i {
	width: .28125rem;
	height: .328125rem;
	background: url(../img/user.png) no-repeat;
	background-size: 100%
}

.video-num i {
	width: .3125rem;
	height: .25rem;
	background: url(../img/video.png) no-repeat;
	background-size: 100%
}

a.hot-link {
	color: #ff9600!important
}

.but-more-cont {
	background: #fff;
	border-bottom: 1px solid #dfdfdf;
	padding: .3125rem .390625rem;
	margin: 0 0 .234375rem
}

#but-more a {
	display: block;
	width: 100%;
	height: .9375rem;
	line-height: .9375rem;
	color: #ff9600;
	font-size: .375rem;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: .25625rem;
	-webkit-border-radius: .25625rem;
	margin-top: .1875rem;
	border-color: #ff9600
}

.c-share-list,.c-qrocde-img {
	overflow: hidden
}

.c-share-list .c-flexbox:not(:first-of-type) {
	margin-top: 12px
}

.c-qrocde-img .c-flexbox:not(:first-of-type) {
	margin-top: 12px
}

.c-share-list .c-share-btn {
	width: 25%;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	color: #666;
	text-align: center;
	font-size: 13px;
	line-height: 1
}

.c-share-list .c-share-btn .c-img {
	max-width: 50px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #f0f0f0;
	border-radius: 50%
}

.c-share-cancel-btn,.c-qrocde-cancel-btn,.c-share-copytip-cancel-btn {
	width: 100%;
	margin-top: 20px;
	color: #333;
	font-size: 16px;
	line-height: 48px;
	background: #f8f8f8;
	border-top: #eaeaea 1px solid
}

.c-share-wechat-tips {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6) url(../img/wxtips.png) right 32px top 10px/50% no-repeat
}

.c-share-copytip-content {
	padding: 0 20px;
	color: #333;
	text-align: left
}

.c-share-copytip-text {
	font-size: 16px;
	margin-bottom: 10px
}

.c-share-copytip-linkwr {
	padding: 7px 10px;
	font-size: 14px;
	line-height: 21px;
	border: 1px dotted #d9d9d9;
	word-break: break-all
}

.c-share-copytip-link:visited,.c-share-copytip-link {
	color: #333
}

.c-popup-wrapper .c-share-popup-modal {
	background-color: #f1f1f1
}

.c-popup-wrapper .c-copytip-popup-modal {
	background-color: #f1f1f1
}

.c-popup-wrapper .c-qrcode-popup-modal {
	background-color: #fff
}

.c-popup-head {
	display: none
}

.c-share-popup-modal .c-popup-content,.c-qrcode-popup-modal .c-popup-content,.c-copytip-popup-modal .c-popup-content {
	margin: 0 auto;
	padding-top: 20px
}

.c-share-popup-modal .c-share-list .c-share-btn {
	float: left;
	font-size: 11px
}

.c-share-popup-modal .c-share-list .c-share-btn .c-img {
	max-width: 60px
}

.c-share-popup-modal .c-share-list .c-flexbox:not(:first-of-type) {
	margin-top: 28px
}

.c-qrcode-popup-modal .c-qrcode-img .c-flexbox:not(:first-of-type) {
	margin-top: 28px
}

.c-share-copytip-content {
	padding: 0 20px;
	color: #333;
	text-align: left
}

.c-share-copytip-text {
	font-size: 16px;
	margin-bottom: 10px
}

.c-share-copytip-linkwr {
	padding: 7px 10px;
	font-size: 14px;
	line-height: 21px;
	border: 1px dotted #d9d9d9;
	word-break: break-all
}

.c-share-copytip-link:visited,.c-share-copytip-link {
	color: #333
}

.c-popup-wrapper {
	z-index: 900
}

.c-popup-mask {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	z-index: 901
}

.c-popup-modal {
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #fff;
	z-index: 902;
	margin: 0;
	overflow: hidden;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0)
}

.c-popup-head {
	font-size: 18px;
	margin: 10px 26px
}

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

.c-popup-remove {
	line-height: 17px;
	position: absolute;
	right: 8px;
	top: 10px
}

.c-popup-content {
	text-align: center;
	margin: 0 26px 10px
}

.c-line-clamp1 {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 10px
}

.video-tags {
	margin-left: .36rem;
	margin-top: .24rem;
	margin-bottom: .12rem;
	height: .62rem;
	line-height: .62rem;
	overflow: hidden
}

.video-tags .tag {
	float: left;
	position: relative;
	padding: .20rem .30rem .12rem .55rem;
	height: .24rem;
	line-height: .24rem;
	border: 1px solid #bbb;
	border-radius: 2px;
	font-size: 9px;
	margin-bottom: .12rem;
	margin-right: .22rem;
	color: #666
}

.video-tags .tag::before {
	content: "";
	position: absolute;
	top: 50%;
	left: .1rem;
	margin-top: -5px;
	width: 11px;
	height: 11px;
	background: url(../img/tag.png);
	background-size: 11px 11px
}

.video-tags .on::before {
	content: "";
	position: absolute;
	top: 50%;
	left: .1rem;
	margin-top: -5px;
	width: 11px;
	height: 11px;
	background: url(../img/tag-on.png);
	background-size: 11px 11px
}

.video-tags a {
	float: left;
	position: relative;
	padding: .20rem .30rem .12rem .55rem;
	height: .24rem;
	line-height: .24rem;
	border: 1px solid #bbb;
	border-radius: 2px;
	font-size: 9px;
	margin-bottom: .12rem;
	margin-right: .22rem;
	color: #666;
}

.video-tags a::before {
	background: rgba(0, 0, 0, 0) url("../img/tag.png") repeat scroll 0 0 / 11px 11px;
	content: "";
	height: 11px;
	left: 0.1rem;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	width: 11px;
}






.slideBox{width:100%;margin:0px auto;overflow:hidden;position:relative;}
.slideBox .hd{width:100%;overflow:hidden;overflow:hidden; display:none}
.slideBox .bd .pic{text-align:center;}
.slideBox .bd ul li{width:100%;overflow:hidden;}
.slideBox .bd .pic img{height:100%;overflow:hidden;width:100%;}
.slideBox .bd .tit{width:100%;overflow:hidden;margin-top:15px;}
.slideBox .bd .tit .tit_l{float:left;height:50px;font-size:20px;width:15%;min-width:50px;}
.slideBox .bd .tit .tit_l span{color:#e55656;font-size:28px;}
.slideBox .bd .tit .tit_l em{color:#666666;font-size:22px;font-style:normal;} 
.slideBox .bd .tit  .tit_r{float:right;color:#666666;width:85%;}






.fenye {text-align: center;}
.fenye a {border:1px solid #ddd;display:inline-block;margin-right:0.5em;margin-bottom:0.5em;color: #707070;height:2em;line-height:2em;font-size:1.1em;padding-right:0.4em;padding-left:0.4em;background:#FFF}
.fenye a:hover,.fenye a:active{background:#ff9000;color: #FFFFFF;text-decoration: none;}
.fenye .cur {background: #ff9000;border: 1px solid #ff9000;text-decoration: none;}
.fenye a.cur {color: #fff;}
.fenye .disabled {}


.wz-list li{height:2em; line-height:2em; font-size:.34375rem;overflow:hidden}
.wz-list li a{color:#333;}
.wz-list li::before{
      content:'';    
      width:0.3em;
      height:0.3em;
      background:#ccc;
      border-radius: 50%;
      margin-right:6px; display:inline-block
    }




.video-title h1.wz-h{text-align:center;font-size:1.4em;margin:0px; padding:0 1em; line-height:1.4em}
.video-title .wz-sj{text-align:center;font-size:1em;padding:0.5em 1em;border-bottom:1px solid #eee;}
.video-title .wz-content{padding:0.5em 1em;font-size:1.2em;line-height:1.5em;}
.video-title .wz-content img{ max-width:100%!important; height:auto!important;}









.ckgm{ padding:1em;
    border: 1px dashed #ccc;
    margin: 1em;
    background-color: #f6f6f6;
    border-radius: 1em;
    position: relative;
    font-size: 1em;}
.ckgm1{ font-size:1.6em; margin-bottom:0.1em; line-height:1.5em;text-align:center}
.ckgm2{ width:4em; 
    padding: 0.41em 1em;
    background-color: #ffffff;
    color: #f0ad4e;
    line-height: 1;
    border-radius: 20px;
    font-size: 13px;
    border: 1px solid #f0ad4e;margin:0 auto; text-align:center
}
.ckgm3{ text-align:center;font-size:0.8em; margin-top:2em;line-height:2em;}
.ckgm3 span{color:#F00}
.ckgm4{ text-align:center; margin-top:2em}
.ckgm4 a{display:inline-block;font-size:0.8em;  width:8em; margin:0 auto;  height:4em;line-height:4em; color:#fff; background:#F90; border-radius:1em;text-align:center}
.ckgm4 a.gmyd{background:#35a4f4; margin-right:10px;}