html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

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
}

progress {
	vertical-align: baseline
}[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
}

b,strong {
	font-weight: bolder
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

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

small {
	font-size: 80%
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

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

code,kbd,pre,samp {
	font-family: monospace,monospace;
	font-size: 1em
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

button,input,select,textarea {
	font: inherit
}

optgroup {
	font-weight: 700
}

button,input,select {
	overflow: visible
}

button,input,select,textarea {
	margin: 0
}

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: 1px dotted ButtonText
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

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

textarea {
	overflow: auto
}[type=checkbox],[type=radio] {
	box-sizing: border-box;
	padding: 0
}[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
}

.clearfix {
	zoom: 1;
	*font-size: 0;
	*line-height: 1em
}

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

header {
	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
}

body {
	background: #f0f0f0;
	font-family: "hiragino sans gb",Arial,sans-serif;
	color: #fff;
	-webkit-tap-highlight-color: transparent;
	width: 100%;
	overflow-x: hidden;
	font-size-adjust: none
}

#cont {
	position: relative;
	z-index: 10000;
	background: #f0f0f0
}

.share-tip1 {
	display: none;
	width: 7.1875rem;
	height: 1.84375rem;
	background: rgba(255,255,255,.95);
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	-webkit-border-radius: .15625rem;
	-moz-border-radius: .1rem;
	border-radius: .15625rem;
	-webkit-transform: translate3d(-50%,-50%,0);
	-moz-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	padding-top: .37rem;
	-webkit-box-shadow: 0 0 1.40625rem rgba(0,0,0,.51);
	-moz-box-shadow: 0 0 1.40625rem rgba(0,0,0,.51);
	box-shadow: 0 0 1.40625rem rgba(0,0,0,.51);
	z-index: 9999
}

.share-tip1 p {
	color: #000
}

.dir-list {
	background: #fbfbfb;
	border-top: 1px solid #dfdfdf
}

.dir-list h2 {
	padding: .390625rem 0 .390625rem .390625rem;
	color: #333;
	font-size: .4375rem;
	margin: 0 0 .234375rem;
	font-weight: 400;
	border-bottom: 1px solid #dfdfdf
}

.dir-list h2 a {
	display: inline-block;
	margin-right: .546875rem
}

.dir-list h2 a.on {
	color: #ff9600
}

.dir-list .tab-cont {
	display: none
}

.dir-list .tab-cont-show {
	display: block
}

.dir-list li {
	padding: .46875rem .390625rem;
	border-bottom: .015625rem solid #dfdfdf
}

.dir-list li em {
	display: inline-block;
	float: left;
	width: .75rem
}

.dir-list li em i {
	display: block;
	width: .421875rem;
	height: .421875rem;
	background: #ababab;
	color: #fbfbfb;
	font-style: normal;
	text-align: center;
	font-size: .34375rem;
	line-height: 1.2
}

.dir-list li .hot i {
	width: .484375rem;
	height: .515625rem;
	background: url(../img/rank.png);
	background-size: 100%;
	text-align: left;
	text-indent: .125rem;
	line-height: 1.4
}

.dir-list li a {
	display: block;
	height: 1.84375rem
}

.dir-list li img {
	display: inline-block;
	width: 3.28125rem;
	height: 1.84375rem;
	float: left;
	margin-right: .3125rem
}

.dir-list li p {
	color: #333;
	font-size: .46875rem;
	line-height: 1.2;
	height: 1.09375rem;
	overflow: hidden
}

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

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

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

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

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

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

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

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.swiper-wrapper {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate(0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-item {
	position: relative;
	width: 100%;
	height: 100%
}

.swiper-item img {
	width: 100%;
	display: block
}

.swiper-slide {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-ms-flex: 0 0 auto;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}

.swiper-slide a {
	display: block
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: 300ms;
	transition: 300ms;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 10
}

.swiper-container-horizontal>.swiper-pagination {
	padding: 0;
	bottom: .3125rem;
	right: .40625rem;
	width: 100%
}

.swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet {
	float: right;
	margin: 0 .078125rem 0 0;
	width: .1875rem;
	height: .1875rem;
	border: 1px solid #fbfbfb;
	background-color: #c6c6c6;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	opacity: .45
}

.swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #ff9600!important;
	border-color: #ff9600;
	opacity: 1
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
	margin: 0 .046875rem
}

.dir-tag .current {
	background: #ff9600;
	color: #fff
}

.dir-tag a {
	display: inline-block;
	padding: 0 .28125rem;
	height: .65625rem;
	line-height: .6875rem;
	font-size: .34375rem;
	color: #ff9600;
	border: 1px solid #ff9600;
	-webkit-border-radius: .65625rem;
	border-radius: .65625rem;
	margin-right: .21875rem;
	position: relative
}

a.duowan {
	color: #bbb;
	font-size: .4375rem;
	font-weight: 700;
	position: absolute;
	right: .390625rem;
	top: .3125rem
}

.chanel-top {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999
}

.chanel-top .link-wrap2 {
	top: 1.359375rem
}

footer {
	padding: .59375rem 0 .75rem;
	text-align: center;
	height: .859375rem
}

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

.bot-comment {
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	background: url(../img/comment.png) no-repeat;
	background-size: 100%;
	position: fixed;
	right: .15625rem;
	bottom: 2.34375rem;
	z-index: 100000
}

#gotop {
	display: none;
	width: 1.50rem;
	height: 1.50rem;
	background: url(../img/goto.png) no-repeat;
	background-size: 100%;
	position: fixed;
	right: .15625rem;
	bottom: .9375rem;
	z-index: 100000
}

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

html {
	font-size: 64px
}

body {
	padding-top: 0
}

header {
	position: relative
}

a:active,a:hover {
	text-decoration: none
}

.banner-wrap {
	background: #fbfbfb;
	padding: .3125rem 0;
	border-top: .015625rem solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	margin: .234375rem 0
}

.banner-wrap img {
	display: block;
	width: 9.21875rem;
	height: 2.28125rem;
	margin: 0 auto
}

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

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

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

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

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

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

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

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

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

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

.dir-channel-img {
	width: 4.4375rem;
	height: 2.5rem;
	margin-bottom: .0825rem;
	position: relative
}

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

.dir-channel-img img {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 11
}

.dir-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: left;
	padding-left: .15rem;
	overflow: hidden;
	line-height: 2.3;
	height: 2.3
}

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

.dir-upload-forupload {
	border: 1px solid #EAEAEA;
	margin: .78125rem 0;
	color: #1d1d1d;
	padding: 0 .15625rem
}

.dir-upload-forupload h3 {
	text-align: center;
	padding-top: .15625rem;
	font-size: .46875rem
}

.dir-upload-forupload .desc {
	line-height: .375rem;
	text-indent: 2em;
	padding: .3125rem .15625rem
}

.dir-upload-forupload .desc p {
	font-size: .375rem;
	line-height: 1.5;
	margin-bottom: .3125rem
}

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

.v-alist-title {
	color: #888;
	height: .46875rem;
	line-height: .46875rem;
	position: relative
}

.v-alist-title a,.v-alist-title h2 {
	font-size: .34375rem
}

.v-alist-title #v-alist-more {
	position: absolute;
	right: 0;
	top: 2px
}

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

.huya-header {
	margin: 0;
}

.huya-header .logo,.live_tab {
	background-repeat: no-repeat;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%
}

.dir-author-living {
	width: .32rem;
	height: .32rem;
	background-image: url(../img/living.png);
	background-size: 100% 100%
}

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

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

.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;
	text-align: center
}

.huya-header .logo {
	display: inline-block;
	width: 2.8rem;
	height: .88rem;
	vertical-align: middle;
	margin-right: 3%
}

.huya-header .nav_text {
	display: inline-block;
	margin: 0 3.2%;
	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 {
	display: inline-block;
	vertical-align: middle;
	margin-left: 4%
}