.ui-slide {
	overflow:hidden;
	position:relative;
	width:100%;
	height:150px
}
.ui-slide-bd {
	width:100%;
	overflow:hidden
}
.ui-slide-item {
	float:left;
	width:100%;
	-webkit-transform-style:preserve-3d
}
.ui-slide-item em {
	position:absolute;
	top:0;
	left:0;
	font-size:50px;
	color:#fff
}
.ui-slide-bd img {
	opacity:0;
	width:100%
}
.ui-slide-description {
	overflow:hidden;
	position:absolute;
	left:0;
	bottom:2px;
	width:100%;
	height:35px;
	border-top:1px solid rgba(0,0,0,.5);
	color:#fff;
	font-size:16px;
	line-height:35px;
	text-indent:40px;
	background:rgba(0,0,0,.5);
	box-shadow:inset 1px 0 1px rgba(255,255,255,.35)
}
.ui-slide-description-item {
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	height:35px;
	opacity:0;
	-webkit-transition:opacity .8s ease-in-out;
	background:url(http://p9.qhimg.com/t01a373713a2fb973a5.png) 10px 50% no-repeat;
	background-size:20px 20px
}
.ui-slide-description-show {
	opacity:1
}
.ui-slide-description dt {
	display:none;
	margin-bottom:10px;
	text-align:center;
	font-size:18px;
	font-weight:800;
	color:#eee
}
.ui-slide-indexs {
	height:2px;
	width:100%;
	text-align:center
}
.ui-slide-index {
	float:left;
	width:20%;
	height:2px;
	background:#000
}
.ui-slide-index a {
	font-size:0;
	display:block;
	text-indent:-9999px
}
.ui-slide-indexcur {
	background:#32b3e2
}
.nav {
	overflow:hidden;
	width:100%;
	height:40px;
	border-bottom:1px solid #e5e5e5;
	font-size:18px;
	background:#f4f4f4
}
.nav li {
	position:relative;
	float:left;
	width:25%;
	height:38px;
	line-height:40px;
	text-align:center;
	border-bottom:2px solid #f4f4f4
}
.nav li.cur {
	border-bottom-color:#33b5e5
}
.nav li:first-child a {
	border:0
}
.nav li a {
	display:block;
	height:18px;
	margin-top:10px;
	border-left:1px solid #ccc;
	line-height:18px;
	color:#3b3b3b
}
.nav li.cur a {
	color:#20a0cf
}
.index-list .bd {
	height:330px;
	text-align:center
}
.index-list .list-item {
	float:left;
	width:33.33%
}
.index-list .list-item .le-figure {
	margin:10px auto 0
}
.index-list .tochannel {
	display:block;
	width:80%;
	height:40px;
	margin:25px auto;
	border:1px solid #e2e2e2;
	border-radius:4px;
	line-height:40px;
	text-align:center;
	background:#f3f3f3;
	font-size:18px;
	color:#2d2d2d
}
.channel-item .hd {
	height:40px;
	border-left:4px solid #459e4a;
	line-height:40px;
	font-size:16px;
	text-indent:10px;
	background:#f2f2f2
}
.channel-item .hd a {
	display:block;
	height:40px;
	color:#555
}
.channel-item .hd .more {
	float:right;
	margin-right:10px;
	font-size:14px
}
.channel-list li b {
	color:red
}
.channel-list li {
	border-bottom:1px solid #ddd
}
.channel-list li:last-child {
	border:0
}
.channel-list .list-item {
	display:block;
	padding:7px 10px
}
.channel-list .le-figure {
	width:auto;
	background:url(http://p4.qhimg.com/t0109403b53308432e0.png) right 50% no-repeat;
	background-size:8px 16px
}
.channel-list .le-figure .pic {
	float:left;
	margin:0 10px 0 0
}
.channel-list .le-figure .cont {
	text-align:left;
	overflow:hidden
}
.channel-list .le-figure .cont h3 {
	height:auto;
	margin-bottom:10px;
	font-size:18px;
	color:#333;
	line-height:1
}
.channel-list .le-figure .cont .cate {
	font-size:18px;
	color:#a1a1a1
}
.channel-list .le-figure .cont .info {
	position:relative;
	padding-left:48px;
	font-size:14px;
	color:#1e1e1e;
	margin-bottom:5px
}
.channel-list .le-figure .cont .grade {
	float:none;
	font-size:14px;
	color:#1e1e1e;
	margin-bottom:5px
}
.channel-list .le-figure .cont label {
	position:absolute;
	top:0;
	left:0;
	color:#7d7d7d
}
.channel-list .le-figure .cont .info span {
	white-space:nowrap;
	float:left;
	margin-right:10px
}
.channel-list .le-figure .cont .site {
	padding:2px 0 2px 20px;
	margin-right:10px;
	background:url(http://p7.qhimg.com/d/video/ipad/icon-youku-s.png) left no-repeat;
	background-size:18px 18px;
	font-size:14px;
	color:#3e6da3
}
.channel .readmore {
	height:46px;
	border-top:1px solid #ddd;
	text-align:center;
	line-height:46px;
	color:#7d7d7d;
	background:#f8f8f8;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.all-result {
	height:45px;
	padding-left:24px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #e5e5e5;
	color:#474747;
	font-size:20px;
	line-height:45px;
	background:#f4f4f4
}
.app-push {
	overflow:hidden;
	position:relative;
	height:0
}
.app-push a {
	display:block
}
.app-push img {
	width:100%;
	vertical-align:middle
}
.app-push .close {
	position:absolute;
	right:10px;
	top:10px;
	width:20px;
	height:20px;
	border-radius:10px;
	line-height:18px;
	color:#fff;
	text-align:center;
	background:#ccc
}
.headline .pic {
	position:relative;
	display:block;
	width:100%
}
.headline .pic img {
	width:100%
}
.headline .pic .desc {
	overflow:hidden;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:34px;
	border-top:1px solid rgba(0,0,0,.5);
	color:#fff;
	font-size:16px;
	line-height:34px;
	text-indent:40px;
	background:rgba(0,0,0,.5) url(http://p9.qhimg.com/t01a373713a2fb973a5.png) 10px 50% no-repeat;
	-webkit-background-size:20px 20px;
	-moz-background-size:20px 20px;
	background-size:20px 20px;
	box-shadow:inset 1px 0 1px rgba(255,255,255,.35)
}
.app-panel {
	display:none;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000
}
.app-panel .cover {
	position:absolute;
	top:0;
	left:0;
	width:100%
}
.app-panel .actions {
	position:absolute;
	bottom:20px;
	width:100%;
	text-align:center
}
.app-panel .actions .btn {
	position:relative;
	display:inline-block;
	height:40px;
	border-radius:5px;
	color:#fff;
	line-height:40px;
	text-align:center;
	text-indent:15px;
	font-size:12px
}
.app-panel .download-btn {
	width:190px;
	margin-right:5px;
	border:1px solid #076a00;
	text-shadow:1px 1px 1px rgba(0,0,0,.75);
	box-shadow:inset 1px 1px 1px rgba(255,255,255,0.6),1px 1px 3px rgba(0,0,0,0.5);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#3eb635),to(#118908));
	background-image:-webkit-linear-gradient(top,#3eb635,#118908);
	background-image:linear-gradient(to bottom,#3eb635,#118908)
}
.app-panel .download-btn:after {
	display:block;
	content:"";
	position:absolute;
	left:15px;
	top:14px;
	width:10px;
	height:12px;
	line-height:12px;
	background:url(http://p8.qhimg.com/t0125a912c78bd76f75.png) no-repeat
}
.app-panel .cancel-btn {
	width:90px;
	margin-left:5px;
	border:1px solid rgba(0,0,0,0.5);
	text-shadow:1px 1px 1px rgba(0,0,0,.75);
	box-shadow:inset 1px 1px 1px rgba(255,255,255,0.2),1px 1px 3px rgba(0,0,0,0.5);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#373737),to(#222));
	background-image:-webkit-linear-gradient(top,#373737,#222);
	background-image:linear-gradient(to bottom,#373737,#222)
}
.app-panel .cancel-btn:after {
	display:block;
	content:"";
	position:absolute;
	left:13px;
	top:14px;
	width:13px;
	height:13px;
	line-height:13px;
	background:url(http://p6.qhimg.com/t012439dd2fa5bcbcfc.png) no-repeat
}
.app-panel-show {
	-webkit-transition:top .3s ease-out;
	transition:top .3s ease-out
}

nav {background: #f5f5f5;overflow: hidden;border-bottom: 1px solid #d2d2d2;padding: 5px 8px 5px 8px;}
nav ul {width: 100%;}
nav ul li {margin-right: 0px;text-align: center;font-size: 14px;color: #363737;}
nav li a,nav li a:visited {width: 20%;float:left;padding: 1px 0px 1px 0px;display:block;height:24px;line-height:24px;color:#3F475C;}
nav li.current a {border-radius: 6px;text-decoration:none;color:#fff;background:#248bf2;}