body, ol, ul, h1, h2, h3, h4, h5, h6, p, dl, dd, form, fieldset, legend, input, textarea, select {
	margin: 0;
	padding: 0;
}
body {
	width: 100%;
	font: normal 62.5% "微软雅黑", Arial;
	-webkit-text-size-adjust: 100%;
}
a {
	text-decoration: none;
}
img {
	vertical-align: bottom;
	border: none;
}

.clearfix {
	clear: both;
}
.dn {
	display: none;
}
.downloadapp {
	width: 100%;
}
.downloadapp a {
	width: 100%;
	display: block;
	text-align: center;
}
.maindetail {
	font-size: 1.4em;
	margin: 0 auto;
	padding-left: 5px;
	padding-right: 5px;
	min-width: 300px;
	max-width: 640px;
	width: auto;
}
.maindetail h1 {
	font-size: 1em;
	height: 1em;
	padding-top: 10px;
	padding-bottom: 10px;
}
.maindetail h2 {
	font-size: 1em;
	color:#03314b;
	line-height:normal;
}
.maindetail article {
	line-height: 180%;
	word-break: break-all;
	color: #202020;
	padding: 10px;
}
.maindetail article h1 {
	font-size: 1em;
	margin-bottom: 10px;
}
.maindetail article h1 span {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
}
#play_time {
	width: 40px;
	float: left;
	display: block;
}
#all_time {
	width: 40px;
	float: right;
	display: block;
}
#freeone{background:#00c897; height:20px; border-radius:10px; padding:1px 10px 1px 10px; color:#fff;}
.main {
	margin: 0 auto;
	min-width: 320px;
	max-width: 640px;
	background:#fff;
	overflow: hidden;
}
.main h2{font-size:1em; padding:10px;background:#f1f5f4}
.header {
	color: #FFFFFF;
	height: 65px;
	line-height: 65px;
	background-color: #000;
	text-align: center;
}
.footer {
	border-top: 1px solid #dddddd;
	width: 100%;
	float: left;
	clear: both;
	color: #333333;
	height: 65px;
	line-height: 65px;
	background-color: #f9f9f9;
	text-align: center;
	font-size: 14px;
}
 
/* ------------------------------------------------------------UC-Prensent-Buy------------------------------------------------------------------*/
.p_top_btn {
	height: 70px;
}
.uc_list { 
	width:100%;
	margin:0 auto;  
}
.uc_list ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width:100%;
}
.uc_list ul li {
	height: 90px;
	background: #ffffff;
	overflow: hidden;
	border-bottom:1px solid #f1f5f4;
}
.uc_list ul li .pic {
	position:relative;
	width:80px;
	height:80px;
	float: left; 
	border:5px solid #fff;
	overflow:hidden;
}
.uc_list ul li .pic img{
	width:100%;	
	}
.pic{position:relative}
.foreign {
	background-image:url(../images/foreign.png);
	height:130px;
	width:90px;
	background-size:90px 130px;
	position:absolute; 
	top:0;
	left:2px;
}
.uc_list ul li .text {
	width: 69%;
	float: right;
	margin-right: 2%;
	line-height: 140%;
	color: #3c3c3c;
}
.uc_list ul li h3 {
	margin: 0;
	padding-top: 10px;
	font-size: 14px;
	font-weight:500;
	color: #000000;
	white-space: nowrap;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
}
.uc_list ul li p {
	height: 35px;
	font-size:12px;
	color:#999999;
	overflow: hidden;
}
.shouting {
	background: url(../images/shoutingliang.png) no-repeat;
	display: block;
	height: 20px;
	line-height: 20px;
	background-size: 20px;
	width: 20%;
	float: right;
	padding-left: 25px;
	font-size: 11px;
	color: #969696;
}
.shoucang {
	background: url(../images/shoucangliang.png) no-repeat;
	display: block;
	height: 20px;
	line-height: 20px;
	background-size: 20px;
	width: 20%;
	float: right;
	padding-left: 25px;
	font-size: 11px;
	color: #969696;
}
.pinglun {
	background: url(../images/pinglunshu.png) no-repeat;
	display: block;
	height: 20px;
	line-height: 20px;
	background-size: 20px;
	width: 20%;
	float: right;
	padding-left: 25px;
	font-size: 11px;
	color: #969696;
}
.payicon{float:left;font-size:12px;color: #969696;background-image:url(../images/price.png);background-size:20px 20px; background-position:left center; background-repeat:no-repeat; padding-left:20px;height: 20px;
	line-height: 20px;}
 
/* ------------------------------------------------------------UC-GeRenXinXi------------------------------------------------------------------*/	
.uc_list2 {
	width: 100%;
}
.uc_list2 ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.uc_list2 ul li {
	background-color: #FFF;
	width: 92%;
	height: 50px;
	padding: 10px 4% 10px 4%;
}
.uc_list2 ul li:pressed {
 background-color:#ededed;
 width: 92%;
 height: 50px;
 padding: 10px 4% 10px 4%;
}
.uc_list2 ul li.line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dcdcdc;
}
/* ------------------------------------------------------------UC------------------------------------------------------------------------------*/	
.uc_top {
	background-color: #FFF;
	margin-bottom: 30px;
	padding: 10px 0px 10px 0px;
}
.uc_top1 {
	float: left;
	width: 85%
}
.uc_top1 ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.uc_top1 ul li {
	padding-right: 3px;
	float: left;
	line-height: 40px;
	color: #364347;
}
/* ------------------------------------------------------------Login------------------------------------------------------------------------------*/	
.login_list {
	width:250px;
	margin:0 auto;
	clear:both;
}
.login_list p{width:100%; float:left; line-height:180%; font-size:1.1em; margin-bottom:20px; padding-top:10px; border-top:1px dotted #CCCCCC; text-align:center;}
.login_logo{text-align:center; clear:both; padding-top:40px; padding-bottom:10px;}
.login_title{font-size:1.4em; font-weight:500; margin:20px 0 20px 0;}
.login_sbtn{width:250px; margin:0 auto; padding-top:20px;}
.login_sbtn a{border:1px solid #13d49a; color:#13d49a; padding:3px 10px 3px 10px; float:left; margin-left:20px; border-radius:3px;}
.login_list ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.login_list ul li {
	width:100%;
	height:50px;
}
.loginsubmit{text-align:center; width:100%; float:left; clear:both; margin:10px 0 30px 0;}
.loginsubmit a{padding:8px 50px 8px 50px; font-size:1.2em; border:1px; border-radius:5px; background:#13d49a; color:#fff;}
.vercode{ height:30px; line-height:30px; text-align:center; width:90px; margin-left:10px; margin-top:1px;border: 1px solid #13d49a; background:#13d49a;border-radius:3px; color:#fff;}
.login_input{
	font-size: 1.2em;
	border: 1px solid #d6e1e5;
	border-radius:3px;
	height: 30px;
	padding:0 10px 0 10px;
	color: #999; 
	width:120px;
	float:left;
}
  
.ma_btn {
	background-color: #ebebeb;
	width: 100px;
	border: 1px solid #d6e1e5;
	text-align: center;
	border-radius: 5px;
	padding: 10px;
	color: #cccccc;
}
.mr5dian {
	margin-right: 5%;
}
.mr10dian {
	margin-right: 10%;
}
.login2 {
	padding: 0 2% 0 2%;
}
.login_btn {
	background-color: #79c1e9;
	margin: 0 10% 0 10%;
	width: 80%;
	height: 70px;
	text-align: center;
	border-radius: 5px;
	line-height: 70px;
	color: #FFF;
}

<!-- usercenter -->
.usercenter{}
.usercenter .top{width:100%;clear:both;height:10px;}
.usercenter .head{width:80px; height:80px; border:1; border-radius:40px; overflow:hidden; margin:0px auto;}
.usercenter .head img{width:80px; height:80px;}
.usercenter .name{text-align:center; font-size:20px; margin-bottom:20px;}
.usercenter p{padding:10px 0 10px 0; background:#fff; width:90%; padding-left:5%; padding-right:5%; border-bottom:3px solid #f4f5f5;line-height:180%;}
.pay{text-align:center;clear:both;height:60px;padding-top:20px;}
.paybtn{padding:6px 20px 6px 20px; margin:10px; border:1px solid #25e2ad; border-radius:20px; color:#25e2ad;font-size:16px;}
.week {
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #000;
	font-weight: 600px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.channeltitle {
	padding-left: 20px;
	height: 50px;
	line-height: 24px;
	background: url(../images/channeltitle.png) top left no-repeat;
	overflow: hidden;
	text-overflow: ellipsis;
}
.channeltitle a {
	color: #003755;
}
.videotitle {
	padding-left: 20px;
	height: 50px;
	line-height: 24px;
	background: url(../images/videotitle.png) top left no-repeat;
	overflow: hidden;
	text-overflow: ellipsis;
}
.videotitle a {
	color: #647389;
}
.videoshow {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
}
.videoshow video {
	width: 100%;
}
.play1 {
	margin: 20px 5% 20px 5%;
	padding: 10px;
	text-align: center;
	background: #0095ef;
	color: #fff;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.9;
	border: 1px solid #0087d8;
	-moz-border-radius: 10px;      /* Gecko browsers */
	-webkit-border-radius: 10px;   /* Webkit browsers */
	border-radius: 10px;            /* W3C syntax */
}
.play2 {
	padding: 20px 10% 20px 10%;
	padding-bottom: 10px;
	text-align: left;
	font-size: 20px;
}
.play3 {
	padding-top: 0px;
	padding-bottom: 20px;
	line-height: 180%;
	color: #384961;
}
.play3 p {
	margin-left: 5%;
	width: 90%;
}
.play4 {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 3%;
	padding-left: 0px;
}
.play5 {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 30px;
	padding-left: 30px;
	color: #fff;
}
.play6 {
	height: 120px;
}
.play6 ul {
	list-style: none;
	width: 100%;
}
.play6 ul li {
	width: 30%;
	float: left;
	text-align: center;
}
.zan {
	background-image: url(../images/zan.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 39px;
}
.zan_selected {
	background-image: url(../images/zan_selected.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 39px;
}
.cang {
	background-image: url(../images/cang2.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 39px;
}
.cang_selected {
	background-image: url(../images/cang3.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 39px;
}
.jindutiao {
	/*background-image: url(../images/jindutiao.png);*/
	background-size:contain;
	background-repeat: no-repeat;
	height: 28px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	position:absolute;
	z-index:1000;
}
/* ------------------------------------------------------------PinDaoZuoPin-------------------------------------------------------------*/
.menu {
	height: 60px;
	width: 100%;
	max-width: 640px;
	float: left;
	background: #333333;
	opacity: 0.98;
	position: fixed;
	z-index: 1000;
}
.menu .logo {
	width: 20%;
	height: 100%;
	float: left;
	background-image: url(../images/logo.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.menu ul {
	width: 80%;
	float: left;
	list-style: none;
}
.menu ul li {
	width:25%;
	height: 60px;
	float: left;
}
.menu ul li:hover {
	background-color: #222;
}
.xuanshu {
	background-image: url(../images/xuanshu.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.shudan {
	background-image: url(../images/shudan.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.mingrentang {
	background-image: url(../images/mingrentang.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.huiyuan {
	background-image: url(../images/huiyuan.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.ifenlei {
	width: 100%;
	max-width: 635px;
	background:#262626;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: center;
	margin-top: 60px;
	margin-bottom:10px;
}
.mtop{margin-top: 60px;}
.ifenlei a {
	display: block;
	padding: 5px;
	font-size: 14px;
	color: #ffffff;
	float: left;
	list-style: none;
}
.on {
	background-color: #222;
}
.banner {margin-bottom:10px;}
 

.error {
	width: 100%;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

#dpannel {
	height: 60px;
	width: 100%;
	background-image: url(../images/buttonbg.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #03314b;
	background-size: 400px 60px;
	opacity: 0.9;
	position: fixed;
	z-index: 10000;
	left: 0;
	bottom: 0;
}
#dpannel .maindetail a{color:#25e2ad; float:right; padding-top:5px; padding-right:5px;}
.downapp {
	display: block;
	text-align: center;
	float: right;
	width: 70px;
	height: 25px;
	line-height:20px;
	padding-left:10px;
	padding-right:10px;
	margin-top: 15px;
	margin-right: 30px;
	border: 1px solid #25e2ad;
	border-radius: 15px;
	font-size: 14px;
}
.musicpic {
	width: 150px;
	height: 150px;
	border-radius: 5px;
	margin-right: 5px;
	position:absolute;
	margin-left:-75px;
	top:50px;
	left:50%;
	right:50%;
	z-index:100;
}
.bookicon {
	background-image: url(../images/bookico.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 50px;
}
.bookplay {
	position: relative;
}
.bplay {
	display: block;
	width: 150px;
	height: 150px;
	background: url(../images/play.png) no-repeat center center;
	background-size: 50%;
	position: absolute;
	margin-left:-75px;
	top:50px;
	left:50%;
	right:50%;
	z-index:110;
}
.goon {
	display: block;
	width: 150px;
	height: 150px;
	background: url(../images/goon.png) no-repeat center center;
	background-size: 50%;
	position: absolute;
	margin-left:-75px;
	top:50px;
	left:50%;
	right:50%;
	z-index:110;
}
.bplaying {
	display: block;
	width: 150px;
	height: 150px;
	background: url(../images/playing.png) no-repeat center center;
	background-size: 50%;
	position: absolute;
	margin-left:-75px;
	top:50px;
	left:50%;
	right:50%;
	z-index:110;
}
.boyin a {
	padding: 1px 3px 1px 3px;
	border: 1px solid #00b987;
	border-radius: 5px;
	color: #00b987;
	margin-right: 3px;
	font-size: 12px;
}
ul {
	padding: 0;
	float: left;
	list-style: none;
	color: #171717;
}
.zj a {
	text-decoration: none;
	color: #171717;
	padding-right: 35px; 
}
.zjplay{background-image:url(../images/play_mark.png);background-size:contain; width:18px; height:18px; margin-right:10px; margin-top:5px; display:block; float:left; cursor:pointer;}
.zjstop{background-image:url(../images/play_mark_pause.png);background-size:contain; width:18px; height:18px; margin-right:10px; margin-top:5px; display:block; float:left;cursor:pointer;}
.zjshiting{padding:1px 5px 1px 5px; border:1px solid #eb6900; border-radius:5px; margin-right:10px; color:#eb6900; font-size:12px;}
#nav{width:100%;}
#nav h1 {
	height: 50px;
}
#nav li {
	background: #fff;
	font-size: 1.1em;
	line-height: 180%;
	width: 100%;
	float: left;
	padding:10px 0 10px 0;
}
#nav li a {
	padding: 0px;
}
#nav li ul li {
	margin: 2% 2% 2% 0;
	font-size: 1em;
	color: #202020;
}
.zjhover a {
	text-decoration: none;
	color: #171717; 
	padding-right: 35px;
	font-weight:600;
}
.hidden {
	display: none;
}
.show {
	display: block;
	font-weight:300 !important;
	font-size:1em;
}

.back {
	background-color: #000000;
	background-image: url(../images/left.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	height: 40px;
	overflow: hidden;
	line-height: 40px;
	color: #FFF;
	font-size: 1.4em;
	font-weight: 600;
	text-align: center;
}
.controls {
	margin-top:-15px;
	margin-bottom: 10px;
	position:relative;
}
.controls p {
	padding-top: 5px;
}
.playpic{width:100%; clear:both; height:250px; overflow:hidden; position:relative; border-bottom:1px solid #25e2ad;}

.dsbtitle {
	margin: 20px 0 20px 0;
	font-size: 18px;
	text-align: center;
}
.midpage {
	width: 320px;
	margin: 0 auto;
	position: relative;
}
.earth {
	background: url(../images/myposition.png) no-repeat top center;
	width: 360px;
	height: 250px;
	position: relative;
	margin: 0 auto;
	background-size: 360px 250px;
}
@media only screen and (min-device-width: 350px) {
.earth {
	background: url(../images/myposition.png) no-repeat top center;
	width: 300px;
	height: 250px;
	position: relative;
	margin: 0 auto;
	background-size: 360px 250px;
}
}
.myinfo {
	background: url(../images/mybackground.png);
	width: 120px;
	height: 60px;
	background-size: 120px 60px;
	position: absolute;
	top: 58px;
	left: 30px;
}
.myinfo .face {
	float: left;
	width: 50px;
	margin: 5px;
	border: 1px;
	border-radius: 3px;
	overflow: hidden;
}
.myinfo .myname {
	color: #ffff00;
	font-size: 0.95em;
	border-bottom: 1px solid #188e76;
	width: 55px;
	float: left;
	overflow: hidden;
	height: 16px;
	word-break: keep-all;
}
.myinfo .mybooknum {
	color: #7de7df;
	font-size: 0.7em;
	width: 55px;
	float: left;
}
.myinfo .jinji {
	width: 35px;
	background-color: #199b7f;
	border: 1px;
	border-radius: 3px;
	height: 12px;
	float: left;
	color: #ffffff;
	font-size: 0.7em;
	background-image: url(../images/uppoint.png);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-size: 9px 9px;
	background-position: left center;
	margin-top: 2px;
}
.jjtitle {
	position: absolute;
	top: 0px;
	left: 0px;
}
.guojia {
	color: #ffffff;
	overflow: hidden;
	font-size: 0.85em;
	width: 65px;
	height: 20px;
	line-height: 18px;
	border: 1px solid #024e44;
	border-radius: 3px;
	background: #024e44;
}
.meiguo {
	position: absolute;
	top: 150px;
	right: 90px;
}
.zhongguo {
	position: absolute;
	top: 175px;
	right: 10px;
}
.ouzhou {
	position: absolute;
	top: 150px;
	right: 10px;
}
.qita {
	position: absolute;
	top: 175px;
	right: 90px;
}
.tabtitle {
	background: url(../images/biaotibg.png) no-repeat top center;
	width: 300px;
	margin: 0 auto;
	height: 25px;
}
.tabline {
	background: url(../images/paihangbg.png) no-repeat top left;
	width: 300px;
	margin: 0 auto;
	height: 32px;
	line-height: 26px;
	overflow: hidden;
}
.tabline img {
	width: 26px;
	height: 26px;
	border-radius: 13px;
}
.bline{border-bottom:10px solid #f0f4f7; padding-top:10px;}
.yellow {
	color: #fff000;
}
.mybook {
	width: 300px;
	margin: 0 auto;
}
.mybook ul, mybook ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.mybook ul li {
	width: 100px;
	float: left;
	margin-bottom: 10px;
}
.mybook ul li img {
	width: 90px;
	height: 130px;
}
.video_list {
	width: 100%;
}
.video_list video {
	width: 100%;
}
.video_list p {
	width: 90%;
	margin: 0 auto;
	line-height: 180%;
}
.video_list ul, .video_list li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.video_list ul li {
	margin-bottom: 10px;
	position: relative;
}
.info {
	height: 30px;
	padding: none;
	margin: 0;
	line-height: 30px;
	width: 100%;
	background: #000;
	opacity: 0.8;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
}
.area {
	background-size: 25px;
	background-position: left center;
	background-repeat: no-repeat;
	width: 80px;
	height: 30px;
	float: left;
	padding-left: 30px;
	margin-left: 10px;
}
.bofangliang {
	background-image: url(../images/vbofangliang.png);
}
.vpinglun {
	background-image: url(../images/vpinglun.png);
}
.video_list ul li img {
	width: 100%;
	height: auto;
}
.share {
	width: 70px;
	margin-right: 20px;
	border: 1px solid #2dd2a7;
	height: 25px;
	color: #fff;
	line-height: 25px;
	cursor: pointer;
	text-align: center;
	float: right;
	border-radius: 5px;
	background: #2dd2a7;
}
.share:hover {
	background: #fff;
	color: #2dd2a7;
	border: 1px solid #2dd2a7;
}
/*主播分享*/
.reletive {
	position: reletive;
}
.blur {
	-webkit-filter: blur(10px); /* Chrome, Opera */
	-moz-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
 filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.blurback {
	background: #000;
	overflow: hidden;
	position: absolute;
	opacity: 0.5;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.anchorbgcontent {
	position: absolute;
	top: 20px;
	left: 50%;
	width: 320px;
	margin-left: -160px;
	height: 250px;
	z-index: 100;
	color: #fff;
}
.anchorface {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border: 1;
	border-radius: 50px;
	overflow: hidden;
	opacity: 1;
}
.anchorname {
	width: 200px;
	text-align: center;
	font-size: 16px;
	margin: 0 auto;
	padding: 10px;
	font-size: 20px;
}
.w40 {
	width: 35%;
	height: 16px;
	line-height: 16px;
	float: left;
	text-align: center;
	font-size: 14px;
	text-align: center;
}
.w20 {
	width: 28%;
	height: 16px;
	line-height: 16px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	float: left;
	text-align: center;
}
.anchorface img {
	width: 100px;
}
.anchordesc {
	line-height: 160%;
	font-size: 14px;
	margin-top: 10px;
	width:100%;
	height:136px;
	float:left;
	overflow-x:hidden;
	overflow-y:auto;
}
.audiocontent {
	background: #fff;
	overflow: hidden;
	position: absolute;
	top: 360px;
	padding-top:20px;
	left:0;
	right:0;
	width: 100%;
	height: auto;
	z-index: 101;
	color: #fff;
}
.audiocontent .uc_list {
	min-width: 320px;
	width:100%;
	max-width:640px;
	margin: 0 auto;
}
/*书单分享*/
.booklisttop{ height:35px; clear:both; display:none; }
.booklisttop a{width:50%; height:35px; line-height:35px; font-size:15px; text-align:center; float:left; display:block; color:#ffffff; background:#03314b;}
.active{ color:#25e2ad !important;}
.booklistbg { 
	line-height:180%;
	
}
.booklist ul{list-style:none;}
.booklist ul li { border-bottom:10px solid #F5F5F5; line-height:180%; background:#fff; overflow:hidden; position:relative; border:1px;border-radius:10px;margin:5px;}
.booklist ul li h3{font-size:16px; padding:10px 10px 0 10px;}
.booklist ul li h3 span{width:60px; float:right; color:#969696; font-size:12px; font-weight:300; background-image:url(../images/shoutingliang.png); background-position:left top; background-repeat:no-repeat; background-size:18px; padding-left:20px;}
.booklist ul li p{padding:10px;font-size:12px;}
.yellowbg{background:#fdde11; height:30px; line-height:30px;font-size:1.2em;}
.yellowbg span{width:120px; height:30px; float:right; padding:0 10px 0 20px; background-image:url(../images/me_icon_shouting.png);background-size:18px 18px; background-repeat:no-repeat; background-position:left center;}
.xsyouhui{position:absolute; z-index:9000; top:15px; left:0px; width:70px; padding-left:10px; height:30px; line-height:30px;background:#fdde11;border:1px;border-top-right-radius:15px;border-bottom-right-radius:15px;font-size:1.2em;}
.lianzai{position:absolute; width:60px; height:60px; z-index:100; top:0; right:0; background-image:url(../images/right_lzico.png); background-repeat:no-repeat; background-size:cover; }
.booklistbanner p{padding-left:10px; padding-right:10px; margin-bottom:10px;}
.booklistbanner {
	height: auto;
	overflow: hidden;
	padding-bottom: 10px;
}
.booklistbanner img {
	width: 100%;
}
.booklistbanner h1 {
	font-size: 1.5em;
	text-align: center;  
	padding-top:20px;
	padding-bottom:10px;
}
.booklistbanner p {
	line-height: 160%;
	font-size: 14px;
	width: 250px;
	max-width: 380px;
	width: auto;
	margin: 0 auto;
}
.booklistcontent {
	overflow: hidden;
	min-width: 300px;
	max-width: 600px;
	width: auto;
	margin: 0 auto;
}
/*banner*/
.banner_box {
	width: 100%;
}
.banner_box #banner img {
	width: 100%;
}
/*课程*/
.course{padding:10px; border-bottom:1px solid #f0f4f7; overflow:hidden; font-size:1.2em;}
.course h2{margin-bottom:10px; margin-top:10px; font-size:1.3em}
.course p{line-height:180%; padding-bottom:10px;}
.courselist{list-style:none; margin:0; width:100%; padding-bottom:50px;}
.courselist li{padding:5px 0 5px 0;}
.courselist li a{color:#000; text-decoration:none;}
.courselist li span{width:70px; text-align:right; float:right;}
.coursepannel{ height:50px; position:fixed;border-top:1px solid #ccc; background:#fff; overflow:hidden; bottom:0; left:0; right:0;padding-left: 5px;
	}
.shiting{ width:30%; float:left; text-align:center; display:block; background:#F5F5F5; border:1px solid #ccc; border-radius:5px; padding:10px 0 10px 0; color:#000;font-size:1.3em; margin:5px 0 0 4%;}
.download{width:55%; float:right; text-align:center; display:block; background:#25e2ad; border:1px solid #25e2ad; border-radius:5px; padding:10px 0 10px 0; color:#fff; font-size:1.3em; margin:5px 4% 0 0;}
.download i{text-decoration:line-through;color:#f1f1f1}
/*播放页*/
.blackbg {
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: #000;
	position: fixed;
	opacity: 0.6;
	z-index: 10000;
}
.tips {
	text-align: center;
	color: #000;
	line-height: 160%;
	height: 260px;
	font-size: 16px;
	position: absolute;
	z-index: 12000;
	top: 150px;
	left: 10%;
	right: 10%;
	background: #fff;
	border: 1px solid #eff3f4;
	border-radius: 10px;
}
.downbtn {
	position: absolute;
	z-index: 1300;
	top: 350px;
	left: 0;
	width: 100%;
	text-align: center;
	border: 0;/* display:none; */
}
#pay {
	display: none;
}
a:hover img {
	border: 0;
}
.vipqcode {	
	border-bottom:1px solid #25e2ad;
}

.vipqcode .kuang {
	/* border: 1px solid #ccc; */
	margin: 5%;
	width: 90%;
	height: 150px;
	
}
.vipqcode .left {
	width: 150px;
	float: left;
	position:relative;
}
.vipqcode .left img {
	height: 150px;
	margin:0 auto;
	border:1px;
	border-radius:5px;
}
.vipqcode .kuang .left a{top:0px !important; left:50% !important;}
.vipqcode .right {
	width: 45%;
	height: 150px;
	float: right;
	text-align: center;
	background: #fff;
}
.vipqcode .right img {
	width: 130px;
	margin: 10px auto;
	clear: both;
}
.vipqcode p {
	padding: 5px 0px 5px 0px;
	text-align: center;
	line-height:140%;
	font-size:16px;
}
#login a{color:#2bd2a6;}
.wechatbtn{width:210px; height:35px; line-height:35px; border:1px solid #4bb73d; background:#4bb73d; color:#fff; font-size:1.1em; border-radius:5px; margin:0 auto;}