@charset "utf-8";
* {
	padding: 0;
	margin: 0
}

body {
	margin: 0;
	padding: 0;
	background-color: #f4f4f4;
	color: #666;
	line-height: 150%;
	font-family: 微软雅黑,宋体, lucida grande, Verdana, Tahoma, Lucida, Arial, Helvetica, sans-serif;
	word-break: break-all;
	word-wrap: break-word
}

.to-top {
	position: fixed;
	right: 15px;
	bottom: 30px;
	cursor: pointer;
	background: #3498db;
	color: #fff;
	padding: 5px;
	border-radius: 5px
}

img,
p,
ul,
li,
dl,
dd,
dt,
h1,
h2,
h3 {
	margin: 0;
	border: 0;
	padding: 0
}


.stui-pannel_hd{padding:10px 5px;background-color: #fff;margin-bottom: 10px;}
.stui-screen_list{padding: 5px 0 3px;}
.stui-screen_list li {float: left;margin-right: 10px;margin-bottom: 10px;}
.stui-screen_list li a {display: inline-block;color: #333;padding: 3px 10px;border-radius: 2px;}
.stui-screen_list li span {display: inline-block;padding: 3px 0 3px;}
.text-muted {color: #999999;}

.video_title_cn {
	font-size: 20px;
	font-weight: 250;
	color: #555
}

.ish2 h2 {
	font-size: 14px;
	font-weight: 400;
	display: inline
}

.mianbaoxue{padding:5px 0 0;}

.title-prefix {
	display: none
}

.title-des {
	display: none
}

em,
i {
	font-style: normal
}

img {
	display: block;
	border: 0
}

a:active {
	outline: 0
}

a:focus {
	outline: 0
}

a:link {
	color: #555;
	text-decoration: none
}

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

a:visited {
	color: #555;
	text-decoration: none
}

li {
	list-style: none
}

.clearfix:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	content: ''
}

.clearfix {
	zoom: 1
}

.mb-foot {
	display: none
}

input,
select,
textarea,
button {
	font-size: 12px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

button,
input[type=button],
input[type=submit] {
	cursor: pointer
}

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

input[type=search] {
	-webkit-appearance: textfield
}

input:focus::-webkit-input-placeholder {
	color: transparent
}

textarea {
	resize: vertical;
	overflow-y: auto
}

@-webkit-viewport {
	width: device-width;
}

@-moz-viewport {
	width: device-width;
}

@-ms-viewport {
	width: device-width;
}

@-o-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media only screen and (max-width:719px) {
	html {
		font-size: 14px
	}
	body {}
	.wrap {
		width: 96%
	}
	.header {
		background-color: #46c832
	}
	.menu .logo {
		display: block
	}
	.ihot-l {
		overflow: hidden;
		position: relative
	}
	.ihot-l .ul-l {
		margin-top: 4%
	}
	.ihot-l .ul-l .img {
		height: 0;
		padding-bottom: 50%
	}
	.ihot-r .ul-l li {
		width: 32%;
		margin: 3% 2% 0 0
	}
	.ihot-r .ul-l li:nth-child(3n) {
		margin-right: 0
	}
	.ihot-r .ul-l .img {
		height: 0;
		padding-bottom: 130%
	}
	.row-l .ul li {
		width: 32%;
		margin: 3% 2% 0 0
	}
	.row-l .ul li:nth-child(3n) {
		margin-right: 0
	}
	.row-l .ul .img {
		height: 0;
		padding-bottom: 130%;
		overflow: hidden
	}
	.chr .slide {
		height: 22px;
		line-height: 22px;
		border-radius: 5px
	}
	.chtit {
		border-bottom: 1px solid #e1e1e1
	}
	.selectlist {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #e1e1e1
	}
	.selectlist .l .sjxx {
		width: 6px;
		height: 12px;
		right: -6px;
		top: 7px;
		background-position: -162px 0
	}
	.selectlist .l {
		float: left;
		margin-top: 2.4%
	}
	.selectlist .r {
		margin-left: 60px
	}
	.selectlist .r .ul-s {
		margin-bottom: 2.5%
	}
	.selectlist .r .ul-s li {
		width: 18%;
		margin-right: 2.5%;
		margin-top: 2.5%
	}
	.selectlist .r .ul-s li:nth-child(5n) {
		margin-right: 0
	}
	.selectlist .r .ul-s li a {
		display: block;
		border: 1px solid #e1e1e1;
		background-color: #f4f4f4;
		height: 26px;
		overflow: hidden
	}
	.selectlist .r .ul-s li em {
		display: block;
		border: 1px solid #fff;
		height: 25px;
		line-height: 24px
	}
	.channelall {
		border-top: 1px solid #fff;
		padding-top: 10px
	}
	.channelname,
	.none10,
	.mb-r,
	.crlist,
	.ylink {
		display: none
	}
	.starpf {
		background-color: #f8f8f8;
		padding: 0 10px
	}
	.content .cr {
		padding-top: 10px
	}
	.content .img {
		width: 30%
	}
	.content .img {
		height: 0;
		padding-bottom: 40%
	}
	.content .info {
		margin-left: 32%
	}
	.content .info dl {
		height: 0;
		padding-bottom: 10%;
		width: 100%;
		overflow: hidden
	}
	.content .info dl dt,
	.content .info dl dd {
		height: 24px;
		line-height: 24px;
		overflow: hidden;
	}
	.content .info dl dt {
		float: left;
		width: 50px
	}
	.content .info .mb-dl-left {
		float: left;
		width: 45%
	}
	.content .info .mb-dl-right {
		float: right;
		width: 45%
	}
	.playlist .stit .from .sjxx {
		left: 42%
	}
	.playlist .ulli {
		padding: 1% 0 5%
	}
	.playlist .ulli li {
		width: 18%;
		margin: 3% 2.5% 0 0
	}
	.playlist .ulli li:nth-child(5n) {
		margin-right: 0
	}
	.content .info a.play {
		display: none
	}
	.downlist .feifan123,
	.downlist .dinput {
		width: 100%;
		text-align: center
	}
	.downlist .dinput span a {
		display: block
	}
	.downlist .adr,
	.downlist .dinput input,
	.downlist .dwon_xl,
	.downlist .dwon_tx,
	.downlist .dwon_xm,
	.downlist .dwon_yy,
	.downlist .ckall {
		display: none
	}
	.search .sul li {
		margin-top: 2%
	}
	.search .sul .play {
		width: 60px;
		height: 30px;
		line-height: 30px;
		background-position: -282px -149px
	}
	.ops .ulops li {
		margin-left: 1%;
		text-align: center
	}
	.ops .mb-no {
		display: none
	}
	.ylink .ul li {
		width: 26%
	}
}

@media only screen and (max-width:320px) {
	.wrap {
		width: 320px
	}
}

@media only screen and (min-width:720px) {
	html {
		font-size: 14px
	}
	body {
		margin-top: 130px
	}
	.topall {
		position: fixed
	}
	.wrap {
		width: 1200px
	}
	.header {
		background-color: #fff
	}
	.head {
		padding: 10px 0
	}
	.menu .ul-l li,
	.menu .ul-r li {
		font-size: 16px
	}
	.pc-r {
		display: none
	}
	.bgbtn {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: none
	}
	.bgbtn .btn-bg {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: .6;
		filter: alpha(opacity=60)
	}
	.bgbtn .btn-player {
		display: block;
		width: 50px;
		height: 50px;
		background-position: 0 -41px;
		position: absolute
	}
	.ihot-l {
		float: left;
		width: 360px;
		overflow: hidden;
		position: relative
	}
	.ihot-l .ul-l {
		margin-top: 20px
	}
	.ihot-l .ul-l .bgbtn .btn-player {
		left: 150px;
		top: 114px
	}
	.ihot-l .ul-l .img {
		height: 288px
	}
	.ihot-r {
		margin-left: 360px
	}
	.ihot-r .ul-l,
	.ihot-r .ul-l li {
		float: left
	}
	.ihot-r .ul-l li {
		width: 170px;
		margin: 20px 0 0 20px
	}
	.ihot-r .ul-l .img {
		height: 118px
	}
	.ihot-r .ul-l .bgbtn .btn-player {
		left: 60px;
		top: 32px
	}
	.row-l {
		float: left;
		width: 930px
	}
	.row-r {
		float: right;
		width: 250px
	}
	.row-l .ul {
		margin-right: -20px
	}
	.row-l .ul li {
		width: 170px;
		margin: 20px 20px 0 0
	}
	.row-l .ul .img {
		height: 224px
	}
	.channelname {
		height: 30px;
		padding-bottom: 10px
	}
	.chr .slide {
		height: 22px;
		line-height: 22px;
		border-radius: 5px
	}
	.chtit {
		border-bottom: 1px solid #e1e1e1
	}
	.selectlist {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #e1e1e1
	}
	.selectlist .l .sjxx {
		width: 6px;
		height: 12px;
		right: -6px;
		top: 7px;
		background-position: -162px 0
	}
	.selectlist .l {
		float: left;
		margin-top: .4%
	}
	.selectlist .r {
		margin-left: 60px
	}
	.selectlist .r .ul-s {
		margin-bottom: .5%
	}
	.selectlist .r .ul-s li {
		width: 6%;
		margin-right: .5%;
		margin-top: .5%
	}
	.selectlist .r .ul-s li a {
		display: block;
		border: 1px solid #e1e1e1;
		background-color: #f4f4f4;
		height: 26px;
		overflow: hidden
	}
	.selectlist .r .ul-s li em {
		display: block;
		border: 1px solid #fff;
		height: 25px;
		line-height: 24px
	}
	.content .img {
		width: 220px;
		height: 280px;
		background-color:white;

	}
	.content .info {
		width: 590px;
		height: 280px;
		float: left;
		margin-left: 20px;
		position: relative
	}
	.content .cr {
		width: 350px;
		float: right
	}
	.content .info .dl-left {
		float: left;
		width: 300px
	}
	.content .info dl dt {
		width: 45px
	}
	.content .info .dl-right {
		float: right;
		width: 270px
	}
	.content .info dl {
		height: 36px;
		line-height: 36px;
		width: 100%;
		overflow: hidden
	}
	.playlist .ulli {
		margin-right: -10px;
		padding: 10px 0 20px
	}
	.playlist .ulli li {
		width: 84px;
		margin: 10px 10px 0 0
	}
	.playlist .stit .from .sjxx {
		left: 34px
	}
	.downlist .feifan123 {
		width: 628px;
		float: left
	}
	.downlist .dinput {
		float: left
	}
	.downlist .dinput span {
		float: left;
		padding: 0 5px
	}
	.downlist .dinput input {
		float: left;
		height: 14px;
		line-height: 14px;
		border: 1px solid #eee;
		padding: 5px;
		background-color: #f9f9f9;
		color: #666
	}
	.search .sul {
		margin-right: -2%
	}
	.search .sul li {
		float: left;
		width: 48%;
		margin: 2% 2% 0 0
	}
	.search .sul .play {
		width: 80px;
		height: 40px;
		line-height: 40px;
		background-position: -278px -144px
	}
	.ops .ulops li {
		padding: 0 10px
	}
	.ylink .ul li {
		width: 200px
	}
}

.wrap {
	margin: 0 auto
}

.ico {
	background: url(../images/feifan123.png) no-repeat
}

.bg0 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-color: #000;
	opacity: 0;
	filter: alpha(opacity=0)
}

.bg1 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #000;
	opacity: .6;
	filter: alpha(opacity=60)
}

.bgb {
	position: absolute;
	left: 0;
	bottom: -51px;
	width: 100%;
	height: 75px;
	overflow: hidden
}

.bgb .bgbbg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .6;
	filter: alpha(opacity=60)
}

.bgb p {
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	margin: 0 10px;
	color: #fff;
	font-size: 12px;
	position: relative
}

.scorebg {
	position: absolute;
	left: 13px;
	top: 5px;
	display: block;
	width: 28px;
	height: 20px;
	background-position: -120px 0
}

.scorebg b {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 12px;
	color: #fff;
	width: 24px;
	line-height: 14px;
	text-align: center;
	font-weight: 400
}

.player-ico {
	position: relative;
	background-position: -120px 0;
	display: block;
	width: 40px;
	height: 40px
}

.link {
	display: block;
	cursor: pointer
}

.img {
	position: relative;
	width: 100%;
	overflow: hidden
}

#mh-box {
	background-color: #fff;
	font-size: 12px
}

#mh-title {
	line-height: 26px;
	color: #999
}

#mh-ul li {
	float: none;
	margin: 0;
	padding: 0;
	position: static;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	border-top: 1px dotted #eee
}

#mh-ul .num {
	padding-right: 5px
}

#mh-ul .libg {
	display: block;
	width: 14px;
	height: 14px;
	float: right;
	background-position: -228px -157px;
	margin-top: 6px
}

#mh-ul a:hover .libg {
	background-position: -255px -157px
}

#mh-ul li a {
	display: block;
	padding: 0
}

.starpf {
	height: 36px;
	line-height: 36px;
	position: relative
}

.starpf span {
	float: left;
	color: #888
}

.starpf img {
	float: left;
	width: 24px;
	height: 24px
}

.vpfall {
	width: 120px;
	height: 24px;
	float: left;
	margin-top: 6px
}

.vpfall b {
	position: relative;
	float: left;
	height: 24px;
	width: 24px;
	font-weight: 400;
	font-size: 12px
}

.vpfall .valt {
	position: absolute;
	left: -8px;
	bottom: 32px;
	width: 40px;
	height: 26px;
	line-height: 26px;
	background-color: #f90;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	display: none
}

.vpfall .vsj {
	position: absolute;
	bottom: -5px;
	left: 15px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-style: solid;
	border-color: #f90 transparent transparent transparent;
	border-width: 10px 5px 0;
	_border-style: solid dotted dotted
}

.vpfall .vpf2hover .valt {
	display: block
}

.starpf .fs {
	width: 60px;
	height: 36px;
	line-height: 36px;
	display: block;
	color: #7c4600;
	font-size: 26px;
	position: absolute;
	bottom: 0;
	right: 60px;
	text-align: center;
	font-family: Georgia, times new roman, Times, serif
}

.starpf .fs,
.starpf .df {
	float: left
}

.starpf .df {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #f60
}

.title1 {
	line-height: 30px
}

.con {
	padding: 10px 0
}

.stit {
	line-height: 30px
}

.stit li {
	float: left
}

.text {
	padding: 5px 0;
	position: relative
}

.text p {
	padding: 0 10px;
	height: 22px;
	line-height: 22px;
	overflow: hidden
}

.text .jq {
	font-size: 12px;
	color: #999
}

.text .textdown {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	padding: 5px 0;
	width: 100%;
	background-color: #46c832;
	color: #fff;
	display: none
}

.text .textdown .jq {
	font-size: 12px;
	color: #fff
}

.topall {
	width: 100%;
	z-index: 9999;
	_position: absolute;
	top: 0;
	_top: expression(documentElement.scrollTop+0+'px');
	left: 0
}

.header {
	width: 100%
}

.hbd {
	border-bottom: 2px solid #46c832
}

.head {
	height: 50px
}

.head .logo {
	float: left;
	display: block;
	width: 150px;
	height: 50px
}

.head .logo a {
	display: block;
	height: 50px;
	width: 170px;
	background-position: -69px -42px;
	font-size: 25px;
	font-weight: 600;
	line-height: 50px;
	/* background: linear-gradient(45deg, #46c832, #3498db, #bbbbbb);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent; */
	font-family: 'Pacifico', 'Dancing Script', 'Kaushan Script', cursive;
	/* animation: pulse 2s infinite; */
 	background: none;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    
    /* 新增彩虹动画 */
    background: linear-gradient(90deg, 
        #ff0000, #ff8000, #ffff00, 
        #80ff00, #00ff00, #00ff80, 
        #00ffff, #0080ff, #0000ff, 
        #8000ff, #ff00ff, #ff0080);
    background-size: 300% 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rainbow 4s linear infinite;	
}
@keyframes rainbow {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}
/* @keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
} */

.head .search {
	float: left;
	width: 498px;
	height: 38px;
	margin-left: 150px;
	border: 1px solid #fff;
	border-radius: 5px;
	overflow: hidden
}

.head .search:hover {
	border: 1px solid #46c832
}

.head .search .select {
	float: left;
	width: 80px;
	padding: 0 10px;
	height: 38px;
	line-height: 38px;
	border: 0;
	background-color: #eee;
	font-size: 14px
}

.head .search .input {
	width: 340px;
	padding: 0 10px;
	height: 38px;
	line-height: 38px;
	border: 0;
	background-color: #eee;
	font-size: 14px
}

.head .search .imgbt {
	float: right;
	width: 38px;
	border: 0;
	height: 38px;
	background-position: -262px -53px
}

.dlzc {
	float: right;
	line-height: 50px
}

.dlzc li {
	float: left;
	padding: 0 10px;
	position: relative;
	z-index: 10
}

.dlzc .dl {
	background-position: 0 -196px;
	padding-left: 25px
}

.dlzc .jl {
	background-position: -90px -196px;
	padding: 0 0 3px 25px
}

.dlzc li:hover .jl {
	color: #46c832
}

.dlzc .jldown {
	display: none;
	position: absolute;
	right: 0;
	top: 50px;
	background-color: #fff;
	border: 1px solid #46c832;
	padding: 0 10px
}

.dlzc .jldown .sjxx {
	position: absolute;
	right: 30px;
	top: -9px;
	display: block;
	width: 18px;
	height: 9px;
	background-position: -279px -114px
}

.menu {
	line-height: 50px
}

.menu .logo {
	float: left;
	width: 136px;
	height: 50px
}

.menu .logo a {
	display: block;
	height: 50px;
	width: 150px;
	background-position: 0 -240px
}

.menu .on {
	color: #46c832
}

.menu li {
	float: left
}

.menu .ul-l li,
.menu .ul-r li {
	float: left;
	padding: 0 10px
}

.menu .ul-r,
.menu .menu-r {
	float: right
}

.menu .ul-r li {
	font-size: 16px
}

.menu .menu-r li {
	width: 40px;
	height: 50px;
	text-align: center;
	cursor: pointer;
	position: relative
}

.menu .menu-r .wb {
	width: 40px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	position: absolute;
	color: #fff;
	left: 0;
	top: 25px
}

.menu .menu-r .ho {
	background-position: -141px -191px
}

.menu .menu-r .lei {
	background-position: -200px -191px
}

.menu .menu-r .lei1 {
	background-position: -200px -247px;
	background-color: #fff
}

.menu .menu-r .lei1 .wb {
	color: #46c832
}

.menu .menu-r .lis {
	background-position: -198px -305px
}

.menu .menu-r .lis1 {
	background-position: -198px -354px;
	background-color: #fff
}

.menu .menu-r .lis1 .wb {
	color: #46c832
}

.menu .menu-r .sh {
	background-position: -271px -191px
}

.menu-down {
	position: absolute;
	z-index: 9999;
	left: 0;
	background-color: #fff;
	width: 100%;
	display: none
}

.menu-down li {
	float: left;
	width: 20%;
	text-align: center
}

.menu-down li a {
	display: block;
	border: 1px solid #f8f8f8;
	line-height: 30px;
	margin: -1px -1px 0 0
}

.menu-down li .on {
	background-color: #daf4d6
}

#mh-box {
	font-size: 14px
}

.partlink {
	float: right
}

.history-down {
	display: none;
	position: absolute;
	z-index: 9999;
	left: 0;
	background-color: #fff;
	width: 100%
}

.history-down li {
	float: left;
	width: 100%
}

.history-down li a {
	display: block;
	line-height: 30px;
	margin: -1px -1px 0 0
}

.history-down li .on {
	background-color: #daf4d6
}

.search-down {
	position: absolute;
	left: 0;
	background-color: #fff;
	height: 40px;
	width: 96%;
	padding: 5px 2%;
	display: none
}

.search-down .shall {
	float: left;
	width: 100%;
	margin-right: -60px;
	position: relative;
	z-index: 11
}

.search-down .shclose {
	float: right;
	width: 60px;
	line-height: 38px;
	text-align: center;
	color: #f60;
	cursor: pointer;
	position: relative;
	z-index: 11
}

.search-down .shall {
	border: 0;
	line-height: 38px;
	float: left;
	width: 100%;
	margin-right: -60px
}

.search-down .shall1 {
	margin-right: 60px;
	border: 1px solid #fff;
	height: 36px;
	border-radius: 5px;
	overflow: hidden
}

.search-down .select {
	border: 0;
	float: left;
	line-height: 38px;
	width: 19%;
	padding: 0 2%;
	height: 36px;
	background-color: #eee;
	font-size: 14px
}

.search-down .input {
	border: 0;
	line-height: 38px;
	width: 61%;
	padding: 0 2%;
	margin-right: -38px;
	background-color: #eee;
	font-size: 14px
}

.search-down .imgbt {
	border: 0;
	float: right;
	width: 38px;
	line-height: 38px;
	background-position: -262px -53px
}

.ihot-l .ul-l li {
	float: left;
	background-color: #fff
}

.ihot-l .ul-l .img img {
	width: 100%;
	height: auto
}

.ihot-l .next {
	position: absolute;
	right: 0;
	top: 40%;
	display: block;
	width: 27px;
	height: 38px;
	background-position: -183px 0
}

.ihot-l .prev {
	position: absolute;
	left: 0;
	top: 40%;
	display: block;
	width: 27px;
	height: 38px;
	background-position: -232px 0
}

.ihot-r .ul-l li {
	float: left;
	background-color: #fff
}

.row-r .ihot-hit .stit li {
	width: 20%;
	font-size: 12px
}

.row-r .ihot-hit .stit .sjxx {
	left: 19px
}

.ihot-hit .ul-r {
	margin-top: 20px;
	font-size: 12px
}

.ihot-hit .ul-r li {
	background-color: #fff;
	padding: 0 10px
}

.ihot-hit .ul-r li a {
	display: block;
	height: 32px;
	line-height: 32px;
	overflow: hidden
}

.ihot-hit .ul-r li.t {
	background-color: #eee
}

.ihot-hit .ul-r .bz {
	float: right;
	color: #999
}

.ihot-hit .ul-r .num {
	display: block;
	float: left;
	margin: 8px 5px 0 0;
	text-align: center;
	width: 16px;
	height: 16px;
	line-height: 16px;
	color: #fff;
	background-position: -72px 0
}

.row-l .stit .name {
	background-color: #46c832;
	color: #fff;
	display: block;
	float: left;
	text-align: center;
	width: 80px;
	position: relative
}

.row-l .stit .sjxx {
	position: absolute;
	top: 30px;
	display: block;
	width: 12px;
	height: 6px;
	background-position: -97px 0
}

.row-l .itit .sjxx {
	left: 34px
}

.row-l .ul li {
	float: left;
	background-color: #fff
}

.row-l .ul .img img {
	width: 100%;
	height: auto
}

.row-r .stit {
	background-color: #fff
}

.row-r .stit li {
	width: 50%;
	text-align: center;
	cursor: pointer;
	position: relative
}

.row-r .stit .on {
	background-color: #46c832;
	color: #fff
}

.row-r .stit .sjxx {
	position: absolute;
	left: 56px;
	top: 30px;
	display: none;
	width: 12px;
	height: 6px;
	background-position: -97px 0
}

.row-r .stit .on .sjxx {
	display: block
}

.row-r .ul {
	margin-top: 20px
}

.row-r .ul li {
	background-color: #fff;
	padding: 0 10px
}

.row-r .ul .t,
.row-r .ul .t2,
.row-r .ul .t4,
.row-r .ul .t6,
.row-r .ul .t8,
.row-r .ul .t10,
.row-r .ul .t12,
.row-r .ul .t14,
.row-r .ul .t16,
.row-r .ul .t18,
.row-r .ul .t20,
.row-r .ul .t22,
.row-r .ul .t24,
.row-r .ul .t26,
.row-r .ul .t28,
.row-r .ul .t30,
.row-r .ul .t32,
.row-r .ul .t34,
.row-r .ul .t36 {
	background-color: #eee
}

.row-r .ul li a {
	line-height: 46px
}

.row-r .ul li a {
	display: block
}

.row-r .ul .bz {
	float: right;
	font-size: 12px;
	color: #999
}

.row-r .ul .block1,
.row-r .ul .block {
	display: block
}

.row-r .ul .num {
	display: block;
	float: left;
	color: #fff;
	font-size: 12px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	background-position: -72px 0;
	margin: 15px 5px 0 0
}

.row-r .ul .jqr:hover .num {
	background-position: -49px 0
}

.lidown {
	display: none;
	font-size: 12px;
	color: #999;
	padding: 0 15px 16px;
	position: relative
}

.lidown-l {
	float: left;
	width: 70px
}

.lidown-l img {
	width: 100%;
	height: 100px
}

.lidown-r {
	margin-left: 80px
}

.lidown-r p {
	height: 30px;
	line-height: 30px;
	overflow: hidden
}

.chr {
	position: relative
}

.chr .slide {
	display: block;
	width: 50px;
	text-align: center;
	background-color: #f60;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer
}

.chr .slide .sq,
.chr .v .zk {
	display: none
}

.chr .v .sq {
	display: block
}

.chtit {
	height: 30px
}

.chtit .type1 {
	display: block;
	float: left;
	height: 26px;
	line-height: 26px;
	margin-right: 5px;
	padding: 0 5px;
	background-color: #fff
}

.selectlist .l {
	background-color: #46c832;
	line-height: 26px;
	width: 50px;
	text-align: center;
	color: #fff;
	position: relative
}

.selectlist .l .sjxx {
	display: block;
	position: absolute
}

.selectlist .r .ul-s li {
	float: left;
	display: none
}

.selectlist .r .ul-s li.s {
	display: inline
}

.selectlist .r .ul-s li b {
	font-weight: 400
}

.selectlist .r .ul-s li a {
	text-align: center;
	font-size: 12px
}

.selectlist .r .ul-s li a.on {
	color: red
}

.channelname .name,
.channelname .type {
	display: inline-block;
	line-height: 22px;
	border: 1px solid #ccc;
	padding: 0 5px;
	margin: 0 5px;
	background-color: #fff
}

.channelname .name span {
	color: red;
	padding-left: 5px;
	cursor: pointer
}

.channelname a:hover .name {
	border: 1px solid #46c832
}

.channelname .count {
	color: red;
	padding: 0 5px
}

.channeltab {
	line-height: 26px
}

.channeltab .px {
	float: left
}

.channeltab .px a {
	float: left;
	width: 60px;
	height: 26px;
	margin-right: 10px;
	background-color: #fff;
	text-align: center;
	position: relative
}

.channeltab .px a:hover {
	background-color: #daf4d6
}

.channeltab .px .on,
.channeltab .px .on:hover {
	background-color: #46c832;
	color: #fff
}

.channeltab .px .sjxx {
	background-position: -97px 0;
	width: 12px;
	height: 6px;
	display: none;
	position: absolute;
	left: 24px;
	top: 26px
}

.channeltab .px .on .sjxx {
	display: block
}

.channeltab .sx {
	float: right;
	border: 1px solid #ccc
}

.channeltab .sx a {
	float: left;
	background-color: #fff;
	width: 50px;
	height: 24px;
	text-align: center;
	border-left: 1px solid #ccc;
	margin-left: -1px
}

.channeltab .sx a:hover {
	background-color: #daf4d6
}

.stit .sx {
	float: right;
	border: 1px solid #ccc
}

.stit .sx a {
	float: left;
	background-color: #fff;
	width: 62px;
	height: 24px;
	text-align: center;
	border-left: 1px solid #ccc;
	margin-left: -1px
}

.stit .sx a:hover {
	background-color: #daf4d6
}

.row-r .crlist .ul {
	margin-top: 0
}

.content .img {
	float: left
}

.content .img img {
	width: 100%;
	height: auto
}

.content .cr .crdown {
	margin-top: 10px
}

.content .info dl dt {
	float: left;
	color: #999
}

.content .info .play {
	display: block;
	color: #fff;
	font-weight: 600;
	width: 80px;
	padding-left: 15px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #f60;
	position: absolute;
	left: 0;
	bottom: 0;
	border-radius: 3px;
	background-position: -278px -144px
}

.content .info .play:hover {
	background-color: #46c832
}

.playlist .stit .from {
	float: left;
	color: #fff;
	background-color: #46c832;
	position: relative
}

.playlist .stit .from .sjxx {
	position: absolute;
	width: 12px;
	height: 6px;
	top: 30px;
	background-position: -97px 0
}

.playlist .stit .intro {
	float: right;
	padding-right: 5px;
	color: #999
}

.playlist .ulli li {
	float: left;
	text-align: center;
	position: relative
}

.playlist .ulli li a {
	display: block;
	border: 1px solid #dedede;
	background-color: #f1f1f1;
	height: 26px;
	line-height: 26px;
	overflow: hidden
}

.playlist .ulli li a:hover {
	background-color: #daf4d6
}

.row-r .random .stit li {
	width: 83px
}

.row-r .random .stit #tab32 {
	width: 84px
}

.row-r .random .stit .sjxx {
	left: 36px
}

.cdes .cdes1 {
	background-color: #eee;
	padding: 10px;
	margin-top: 20px
}

.cdes .ctit {
	line-height: 30px
}

.cdes .ctit .name {
	display: block;
	float: left;
	background-color: #46c832;
	color: #fff;
	text-align: center;
	position: relative
}

.cdes .ctit .name .sjxx {
	display: block;
	width: 12px;
	height: 6px;
	background-position: -97px 0;
	position: absolute;
	left: 34px;
	top: 30px
}

.playlist .ulli .col li {
	background-color: #fff;
	line-height: 26px;
	cursor: pointer
}

.playlist .ulli .col .on {
	color: #f60;
	background-color: #f9f9f9
}

.playlist .ulli .col i {
	border: 1px solid #eaeaea;
	display: block
}

.downlist {
	margin-bottom: 20px
}

.downlist .ctit {
	line-height: 30px
}

.downlist .ctit .name {
	display: block;
	float: left;
	width: 100px;
	background-color: #46c832;
	color: #fff;
	text-align: center;
	position: relative
}

.downlist .ctit .name .sjxx {
	display: block;
	width: 12px;
	height: 6px;
	background-position: -97px 0;
	position: absolute;
	left: 34px;
	top: 30px
}

.downlist .downurl {
	padding-top: 15px
}

.downlist .downurl li {
	height: 26px;
	line-height: 26px;
	padding: 10px;
	border-top: 1px dotted #ddd
}

.downlist .downurl li:nth-child(odd) {
	background-color: #eee
}

.downlist .downurl li:nth-child(even) {
	background-color: #fff
}

.downlist .feifan123 {
	font-size: 12px
}

.downlist .dwon_xl,
.downlist .dwon_tx,
.downlist .dwon_xm,
.downlist .dwon_yy {
	float: left;
	width: 60px;
	margin-left: 10px;
	text-align: center;
	font-size: 12px
}

.downlist .dwon_xl a,
.downlist .dwon_tx a,
.downlist .dwon_xm a,
.downlist .dwon_yy a {
	display: block;
	color: #fff;
	border-radius: 2px
}

.downlist .dwon_xl a:hover,
.downlist .dwon_tx a:hover,
.downlist .dwon_xm a:hover,
.downlist .dwon_yy a:hover {
	opacity: .7;
	filter: alpha(opacity=70)
}

.downlist .dwon_xl a {
	background-color: #f60
}

.downlist .dwon_tx a {
	background-color: #c00
}

.downlist .dwon_xm a {
	background-color: #880
}

.downlist .dwon_yy a {
	background-color: #c80
}

.downlist .adr {
	float: left;
	height: 14px;
	width: 14px;
	margin-top: 6px
}

.downlist .ckall {
	padding: 5px 10px;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	border-top: 1px solid #eee;
	background-color: #ddd
}

.downlist .ckall span {
	float: left
}

.downlist .ckall input {
	float: left;
	width: 14px;
	height: 14px;
	margin-top: 13px
}

.downlist .ckall em {
	float: left;
	padding: 0 5px
}

.downlist .ckall p {
	float: left
}

.downlist .ckall p a {
	border: 1px solid #ccc;
	background-color: #f5f5f5;
	border-radius: 3px;
	padding: 3px 10px
}

.ops {
	line-height: 48px;
	border-bottom: 1px solid #fff
}

.ops .ulops {
	border-bottom: 1px solid #e1e1e1
}

.ops .ulops li {
	position: relative;
	float: left;
	text-align: left;
	z-index: 1
}

.ops .ulops .sjka {
	float: right
}

.ops .ulops .sjka .opsdown {
	left: auto;
	right: 0;
	width: 100px;
	padding: 10px
}

.ops .ulops .sjka .dj {
	left: 46%
}

.ops .ulops .opspan {
	display: inline-block
}

.ops .ulops .opsdown {
	display: none;
	position: absolute;
	left: 0;
	top: 48px;
	background-color: #fff;
	border: 1px solid #ccc;
	width: 200px;
	padding: 15px 4px 15px 16px
}

.ops .ulops .opsdown .ewm {
	display: block;
	width: 100px;
	height: 100px;
	background-position: -200px -500px
}

.ops .ulops li i {
	display: block;
	float: left;
	width: 18px;
	height: 16px;
	margin: 16px 5px 0 0
}

.ops .ulops #digg_num,
.ops .ulops #tread_num {
	padding-right: 5px;
	color: #f60
}

.ops .ulops .dagou {
	background-position: -1px -580px
}

.ops .ulops .fx {
	background-position: 0 -114px
}

.ops .ulops .pl {
	background-position: -33px -114px
}

.ops .ulops .sc {
	background-position: -70px -114px
}

.ops .ulops .fk {
	background-position: -104px -114px
}

.ops .ulops .sjk {
	background-position: -195px -114px
}

.ops .ulops .digg {
	background-position: -136px -155px
}

.ops .ulops .tread {
	background-position: -165px -155px
}

.ops .ulops .down1 .fx {
	background-position: 0 -155px
}

.ops .ulops .down1 .pl {
	background-position: -33px -155px
}

.ops .ulops .down1 .sc {
	background-position: -70px -155px
}

.ops .ulops .down1 .fk {
	background-position: -104px -155px
}

.ops .ulops .down1 .sjk {
	background-position: -195px -155px
}

.ops .ulops li b {
	display: block;
	float: right;
	height: 8px;
	width: 10px;
	margin: 20px 0 0 5px
}

.ops .ulops .up {
	background-position: -150px -114px
}

.ops .ulops .down {
	background-position: -173px -114px
}

.ops .ulops .dj {
	display: block;
	height: 9px;
	width: 18px;
	background-position: -227px -114px;
	position: absolute;
	left: 23%;
	top: -9px
}

.row-r .pdes {
	background-color: #eee;
	padding: 10px;
	margin-top: 20px
}

.row-r .pdes dl {
	line-height: 26px
}

.row-r .pdes .name {
	font-weight: 600
}

.row-r .pdes dt {
	float: left;
	width: 45px;
	color: #999
}

.row-r .pdes dd {
	margin-left: 45px
}

.row-r .pdes dl span {
	color: #999
}

.row-r .pdes dl .xx {
	color: #f60
}

.rtit {
	line-height: 30px
}

.rtit .name {
	display: block;
	float: left;
	width: 84px;
	background-color: #46c832;
	color: #fff;
	text-align: center;
	position: relative
}

.rtit .name .sjxx {
	display: block;
	width: 12px;
	height: 6px;
	background-position: -97px 0;
	position: absolute;
	left: 34px;
	top: 30px
}

.prlist .ul-r li {
	padding: 6px 0;
	background-color: #fff
}

.prlist .ul-r .t {
	background-color: #eee
}

.prlist .ul-r p {
	padding: 0 10px;
	height: 24px;
	line-height: 24px;
	overflow: hidden
}

.prlist .ul-r .name {
	position: relative
}

.prlist .ul-r .actor {
	color: #999;
	font-size: 12px
}

.prlist .ul-r .sjxx2 {
	display: block;
	width: 14px;
	height: 14px;
	background-position: -228px -157px;
	position: absolute;
	right: 10px;
	top: 5px
}

.prlist .ul-r .link:hover .sjxx2 {
	background-position: -255px -157px
}

.search .sul .link {
	padding: 10px;
	border: 1px solid #e9e9e9;
	background-color: #fff;
	position: relative;
	height: 0;
	padding-bottom: 40%;
	overflow: hidden
}

.search .sul .simg {
	float: left;
	width: 30%;
	position: relative
}

.search .sul .img {
	height: 0;
	padding-bottom: 130%;
	overflow: hidden
}

.search .sul .img img {
	width: 100%;
	height: auto
}

.search .sul .stext {
	margin-left: 35%
}

.search .sul .stext p {
	height: 0;
	padding-bottom: 9%;
	overflow: hidden
}

.search .sul .stext p span {
	display: block;
	height: 22px;
	line-height: 22px;
	overflow: hidden
}

.search .sul .stext p em {
	color: #999
}

.search .sul .stext .name {
	font-weight: 600
}

.search .sul .play {
	display: block;
	color: #fff;
	font-weight: 600;
	text-align: center;
	background-color: #f60;
	padding-left: 15px;
	position: absolute;
	left: 36%;
	bottom: 12px;
	border-radius: 3px
}

.search .sul .link:hover .play {
	background-color: #46c832
}

.search .sul .scorebg {
	left: -2px;
	top: 10px
}

.page {
	height: 28px;
	line-height: 28px;
	padding: 15px 0;
	text-align: center
}

.page a,
.page em {
	display: inline-block;
	background-color: #fff;
	padding: 0 12px;
	margin: 5px 3px
}

.page em,
.page a:hover {
	background-color: #46c832;
	color: #fff
}

.ylink {
	background-color: #f8f8f8
}

.ylink .trip {
	background-color: #eee;
	line-height: 34px;
	color: #333;
	font-weight: 600;
	padding: 0 10px
}

.ylink .ul li {
	float: left;
	text-align: center
}

.ylink .ul li a {
	display: block;
	height: 34px;
	line-height: 34px;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee
}

.footer {
	text-align: center;
	padding: 20px 0
}

.gotop {
	position: fixed;
	_position: absolute;
	bottom: 100px;
	right: 60px;
	width: 47px;
	height: 44px;
	display: none;
	z-index: 99
}

.gotop a,
.gotop a:link {
	width: 47px;
	height: 78px;
	display: inline-block;
	background: url(../images/top.png) no-repeat;
	outline: 0
}

.gotop a:hover {
	background: url(../images/top.png) no-repeat;
	outline: 0
}

.ad950 {
	padding: 0;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
	margin-bottom: 8px;
	clear: both;
	background: url(../images/sponsor-icon.gif) right center no-repeat #fff
}

.bang .trip {
	line-height: 40px;
	font-size: 16px;
	font-weight: 600
}

.bang .ult {
	line-height: 30px;
	background-color: #f9f9f9;
	border-bottom: 1px solid #e1e1e1;
	padding-left: 10px
}

.bang .ul {
	float: left;
	width: 32%;
	background-color: #fff
}

.bang .ulall {
	border: 1px solid #e1e1e1
}

.bang .ul:nth-child(3n) {
	margin: 0 2%
}

.bang .ulall li {
	padding: 0 10px
}

.bang .ulall li a {
	display: block;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px dotted #e1e1e1;
	overflow: hidden
}

.bang .ulall li:last-child a {
	border-bottom: 0
}

.bang .ul .score {
	float: right
}

.bang .ul .num {
	font-size: 12px
}

.top100 {
	border: 1px solid #e1e1e1;
	background-color: #fff
}

.top100 .trip {
	line-height: 30px;
	background-color: #f9f9f9;
	padding-left: 10px
}

.top100 .num {
	color: #f60;
	padding: 0 5px
}

.top100 .name {
	float: left;
	width: 40%
}

.top100 .type {
	float: left;
	width: 10%
}

.top100 .jq {
	float: left;
	width: 30%
}

.top100 .time {
	float: left;
	width: 20%
}

.top100 .ul li a {
	display: block;
	height: 30px;
	line-height: 30px;
	border-top: 1px dotted #e1e1e1;
	overflow: hidden
}

.top100 .ul li a:hover {
	background-color: #fafafa
}

#login input,
#register input {
	height: 33px;
	line-height: 33px;
	overflow: hidden;
	color: #333;
	font-size: 14px;
	text-indent: 10px;
	float: left;
	border: 1px solid #ddd;
	background-color: #fbfbfb
}

#vdimgck {
	height: 36px;
	padding-left: 5px;
	float: left
}

#login .btn,
#register .btn {
	background: #ff885f;
	color: #fff;
	width: 140px;
	padding-left: 0
}

#login .btn:hover,
#register .btn:hover {
	background: #ff6a37
}

#login a,
#register a {
	padding-top: 30px;
	display: block
}

#register .red {
	line-height: 33px;
	color: #c33
}

#register tr {
	height: 50px
}

.leaveNavInfo h3 {
	text-align: center;
	color: #f30;
	line-height: 20px;
	padding: 10px 10px 10px 40px;
	border: 1px solid #e6d8b9;
	position: relative;
	background: 7px center no-repeat #feffe6;
	border-radius: 4px;
	margin-bottom: 20px
}

@media(max-width:640px) {}

#register .red {
	line-height: 25px
}

#login input,
#register input {
	height: 25px;
	line-height: 25px
}

#vdimgck {
	height: 25px
}

@media(max-width:767px) {
	.hy-play-list .item {
		padding: 0 5px
	}
	.hy-play-list .item .panel {
		padding: 0
	}
	.hy-play-list .item .panel .option {
		padding: 15px 0
	}
	.hy-play-list .item .panel .playlist ul {
		padding-left: 0
	}
	.hy-play-list .item .panel .playlist ul li,
	.hy-play-list.play .item .panel .playlist ul li {
		width: 25%
	}
	.hy-play-list .item .plot {
		padding: 10px 0
	}
	.hidden-xs {
	    display: none!important;
	}
}
@media (max-width: 991px) and (min-width: 768px){	
	.visible-sm{ display: block !important;}
	.hidden-sm {display: none !important;}	
}

@media screen and (min-width: 769px) {
     .notice {
    color: #fff;
    line-height: 24px;
    padding: 10px;
    position: relative;
    background: #46C832;
    margin: 0 auto;
    zoom: 1;
}
.notice p {display:inline;}
.notice h1 {
	display:inline;
	font-size:14px;}
.notice2{display:none;}	
	
}

.hy-play-list .item {
	padding: 0 10px
}

.hy-play-list .item .panel {
	margin: 0;
	background: 0 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0
}

.hy-play-list .item .panel:first-child {
	border-top: 0
}

.hy-play-list .item .panel .option {
	display: block;
	padding: 15px 0
}

.hy-play-list .item .panel .playlist ul {
	padding: 10px 0 20px
}

.hy-play-list .item .panel .playlist ul li {
	float: left;
	padding: 10px 10px 0 0;
	width: 12.5%
}

.hy-play-list .item .panel .playlist ul li a {
	display: block;
	width: 100%;
	padding: 5px;
	font-size: 12px;
	text-align: center;
	border-radius: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap
}

.hy-play-list .item .plot {
	padding: 20px 0;
	font-size: 14px;
	line-height: 25px
}

.hy-play-list .item .plot img {
	max-width: 100%
}

.hy-play-list .item .panel .downlist .table {
	margin: 0
}

.hy-play-list .item .panel .downlist .table>thead>tr>th {
	border-bottom: 0;
	font-weight: 400
}

.hy-play-list .item .panel .downlist .table label {
	font-weight: 400
}

.ops .ulops li.autonext i {
	width: 12px;
	display: inline-block;
	height: 12px;
	color: #eee;
	border: 1px solid #eee;
	clear: both
}

li.autonext.default a {
	color: #eee
}

li.autonext.default i {
	background: #eee
}

li.autonext.enabled i.icon-autonext {
	color: red;
}

li.autonext.enabled a {
	color: #666
}

li.autonext.disable i.icon-autonext {
	color: red;
	background: #fff
}

li.autonext.disable a {
	color: #666
}

.playlist .ulli li a span.new {
	top: 0;
	right: 0;
	width: 22px;
	height: 12px;
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	-webkit-text-size-adjust: none;
	background-repeat: no-repeat;
	background: url(../images/new.gif) 0 0 no-repeat
}

.ewm2 {
	width: 220px;
	height: 45px;
	margin: 1px 0;
	position: relative
}

.ewm2 ul {
	display: block;
	float: left;
	height: 37px;
	line-height: 37px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.ewm2 ul.reward {
	width: 220px;
	background: #a1d36e;
	font-size: 18px;
	color: #fff;
	text-align: center;
	text-indent: 2.5em
}

.ewm2 ul.reward a {
	color: #fff;
	display: block
}

.ewm2 ul.reward a:hover {
	text-decoration: none
}

.ewm2 ul.reward a u {
	font-style: normal;
	font-size: 14px;
	width: 32px;
	text-align: center;
	background: #c2ea98;
	color: #ff5803;
	margin: 0 9px;
	padding: 2px 5px;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.ewm2 ul.weixin {
	width: 38px;
	margin-left: 4px;
}

.ewm2 ul.weixin a {
	display: block;
	height: 35px
}

.ewm2 ul.weixin a:hover {
	text-decoration: none
}

.ewm2 .ts {
	width: 340px;
	height: 158px;
	position: absolute;
	left: 220px;
	top: -80px;
	display: none
}

.reward .c_icon {
	position: absolute;
	top: -2px;
	left: 8px;
	width: 46px;
	height: 46px;
	color: #fff;
	text-align: center;
	line-height: 28px;
	z-index: 9
}

.ewm2 .g_icon {
	background-size: 70% 70%
}

.ewm2 .s_icon {
	background-size: 70% 70%
}

.ewm2 .b_icon {
	background-size: 70% 70%
}

.ewm2 .y_icon {
	background-size: 70% 70%
}

.reward .c_icon {
	background-size: 60% 60%
}

.hy-play-list span.pcshow,
.hy-play-list .btn.pcshow,
.pcshow {
	display: inline
}

.hy-play-list span.mobileshow,
.hy-play-list .btn.mobileshow,
.mobileshow {
	display: none
}

@media only screen and (max-width:719px) {
	.hy-play-list span.pcshow,
	.hy-play-list .btn.pcshow,
	.pcshow {
		display: none
	}
	.hy-play-list .btn.mobileshow,
	.hy-play-list span.mobileshow,
	.mobileshow {
		display: inline
	}
}

.scale img {
	background-size: contain|cover;
	width: 100%;
	height: auto
}

.autocomplete-suggestions {
	padding: 0 10px;
	margin-top: 5px;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .05)
}

.autocomplete-suggestions.active {
	position: absolute;
	z-index: 9999;
	top: 37%;
	width: 480px
}

.autocomplete-suggestions.active1 {
	position: absolute;
	z-index: 9999;
	top: 100%;
	width: 100%
}

.autocomplete-suggestion1 {
	padding: 0 0;
	cursor: pointer;
	border-top: 1px solid #eee
}

.autocomplete-suggestion1:first-child {
	border-top: 0
}

.autocomplete-suggestion {
	padding: 10px 0;
	cursor: pointer;
	border-top: 1px solid #eee
}

.autocomplete-suggestion:first-child {
	border-top: 0
}

.mac_results {
	z-index: 9999;
	padding: 0 10px;
	margin-top: 5px;
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #eee;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .05)
}

.mac_results li {
	padding: 10px 0;
	cursor: pointer;
	border-top: 1px solid #eee
}

.mac_results li:first-child {
	border: 0
}

.details-nav {
	display: block;
	overflow: hidden;
	clear: both;
	margin-top: 0;
	padding: 0
}

.details-nav ul li {
	float: left;
	padding: 8px 18px;
	background-color: #e7e7e7
}

.details-nav ul li a {
	color: #9d9d9d
}

.details-nav ul li.active,
.details-nav ul li:hover {
	background-color: #09bb07
}

.details-nav ul li.active a,
.details-slide-next .iconfont,
.swiper-button-next .iconfont,
.swiper-button-prev .iconfont,
.details-nav ul li:hover a,
.player-shrink {
	color: #fff
}

@media(max-width:767px) {
	.hidden-xs {
		display: none!important
	}
	.notice{display:none;}
}



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

.test-5::-webkit-scrollbar {
	width: 10px;
	height: 1px;
}

.test-5::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: skyblue;
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.test-5::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #ededed;
	border-radius: 10px;
}

.test-5 {
	max-height: 300px;
	overflow: auto;
}

.yunplay {
	height: 500px;
}

@media(max-width:767px) {
	.hidden-xs {
		display: none;
	}

	.yunplay {
		height: 260px;
	}
	.pc-r .logo-font{
	display: block;
	height: 50px;
	width: 170px;
	background-position: -69px -42px;
	font-size: 28px;
	font-weight: normal;
	line-height: 50px;
	color: white;
	font-family: 'Dancing Script', 'Segoe Script', 'Lucida Handwriting', cursive;
	letter-spacing: 1px;
	}
}
.site_tips {
	border: 1px solid #98FB98;
	background: #98FB98;
	padding: 4px 5px;
	font-weight: 900;
	font-size: 14px;
	color: red;
	text-align: center;
	clear: both;
	margin-bottom: 0.4em;
}

.mb {
	margin-bottom: 10px;
}

.score {
	color: #7c4600 !important;
	font-size: 26px;
}