@charset "utf-8";
html,body{ height:100%;}
body{
	margin:0;
	padding:0;
	font-size:14px;
	font-family:"微软雅黑","宋体";
}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,form,input,select,textarea,table,th,td{
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}
a{
	color:#000;
	text-decoration:none;
	outline:0;
}
a:hover{
	text-decoration:underline;
}
:focus{
	outline:0;
}
.clear{
	clear:both;
	font-size:0;
	line-height:0;
}
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
.clearfix{
	display:block;
}
img{
	vertical-align:top;
	border:0;
}
input, select, textarea{
	font-family:Arial, Helvetica, sans-serif;
}
.browse{
	outline:0;
	cursor:pointer;
	text-indent:-9999em;
}
.cl1{
	color:#f00;
}
.cl2{
	color:#001eff;
}
.cl3{
	color:#c00;
}
.bcl1{
	background-color:#ff7bac;
}
.bcl2{
	background-color:#3fb6ff;
}
.rel{
	position:relative;
}
.mb10{
	margin-bottom:10px;
}
.rl10{
	margin:0 10px;
}
.point{
	color:#f00;
	font-family:"宋体";
}
.error-box{
	margin:0 auto;
	padding:20px 0;
	width:400px;
	text-align:center;
	font-size:20px;
	color:#c00;
}
.hidden{
	display:none;
}
.cmp, .cmp2{
	padding:5px 0;
	margin:0 20px;
	text-align:center;
	color:#c00;
	font-size:16px;
	background-color:#CCC;
}
.cmp2{
	margin-top:10px;
}
.break-all{
	word-break:break-all;
}

/*弹出框*/
.alert_bk{ display:none; position:absolute; left:50%; top:30%; margin:0 0 0 -227px; width:454px; height:191px; background:url(../images/alert_bg.jpg); z-index:9999; box-shadow: 3px 3px 12px #888888; border:1px solid #ccc;}
.alert_close,.alert_close1,.alert_close2{ display:inline-block; position:relative; left:420px; top:0; width:35px; height:36px; text-indent:-9999px; background-image:url(../images/alert_close.png);}
.alert_close1{ background-position:0 -36px;}
.alert_close2{ background-position:0 -72px;}
.alert_word{ width:296px; margin:25px auto 0; border-radius:15px; background:#fff; filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; line-height:30px; text-align:center; padding:30px 0; font-weight:bold;}
.alert_btn_bg,.alert_btn_go,.alert_btn_bg1,.alert_btn_go1,.alert_btn_bg2,.alert_btn_go2{ float:right; margin:10px 20px 0 0; width:76px; height:30px; line-height:30px; text-align:center; border:none; cursor:pointer; background:url(../images/alert_btn_bg.png);}
.alert_btn_bg1,.alert_btn_go1{ background-position:0 -30px;}
.alert_btn_bg2,.alert_btn_go2{ background-position:0 -60px;}

/*top banner*/
.index_banner_top{ display:block; position:relative; width:950px; height:0px; background:url(../images/index_banner_top.jpg);}
.index_banner_top_close{ position:absolute; cursor:pointer; top:-197px; right:5px; width:28px; height:28px; z-index:9999;}

/*itempage*/
.common_bg{ background:url(../images/common_bg.png) repeat-y;}
.book-box{
	width:674px;
	position:relative;
}
.d-cover img{
	width:100px;
	height:130px;
	vertical-align:bottom;
}
.b-from{
	color:#0064ff;
}
.content-box{
	margin:0 0 0 7px;
	padding:0 0 20px 22px;
	background:url(../images/user_box_bg.png) no-repeat;
}
.content-box-btm{
	position:absolute;
	bottom:-14px;
	left:7px;
	width:668px;
	height:68px;
	background:url(../images/user_box_bg1.png) no-repeat;
}
.content-wrap{
	width:582px;
	padding: 20px;
}
.detail{
	padding:15px;
	width:552px;
	font-size:12px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#fff;
}
.d-cover{
	float:left;
	position:relative;
}
.d-cover span{
	width:59px;
	height:50px;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/award_icon.png) no-repeat;
}
.d-intro{
	margin:0 0 0 115px;
	position:relative;
}
.d-name{
	width:362px;
	margin:0 0 5px 0;
}
.d-name h1{
	font-size:16px;
}
.d-inf{
	margin:0 0 5px;
	line-height:16px;
}
.level{
	position:absolute;
	top:0;
	right:0;
}
.level div{
	margin:0 0 0 3px;
	padding:2px 5px;
	font-weight:bold;
	color:#f5d16e;
	float:left;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.cf7a{
	background-color:#ff7bac;
}
.c3bf{
	background-color:#3fb6ff;
}
.weibo,.weixin{
	width:44px;
	height:14px;
	cursor:pointer;
}
.weibo{
	background:url(../images/share_icon_cn.png) 0 0 no-repeat;
}
.weibo:hover{
	background:url(../images/share_icon_cn.png) 0 -18px no-repeat;
}
.weibo:active{
	background:url(../images/share_icon_cn.png) 0 -36px no-repeat;
}
.weixin{
	background:url(../images/share_icon_cn.png) -54px 0 no-repeat;
}
.weixin:hover{
	background:url(../images/share_icon_cn.png) -54px -18px no-repeat;
}
.weixin:active{
	background:url(../images/share_icon_cn.png) -54px -36px no-repeat;
}
.awrad{
	margin:10px 0 0;
}
.awrad li{
	/*padding:0 0 0 18px;*/
	color:#F00;
	line-height:16px;
	/*background:url(../images/star.png) no-repeat 0 50%;*/
}
.d-desc{
	margin:10px 0 0;
	line-height:16px;
}
.d-pic{
	margin:10px 0 0;
}
.d-pic li{
	padding:0 5px;
	height:100px;
	float:left;
}
.d-pic li img{
	width:128px;
}
.bt-list li{
	padding:0 2px;
	float:left;
	position:relative;
}
.bt-list li a{
	display:block;
	text-indent:-9999px;
	outline:none;
	background:url(../images/button_icon.png);
}
.free_read{
	width:42px;
	height:43px;
}
.read{
	margin-top:4px;
	width:51px;
	height:40px;
}
.watch{
	margin-top:2px;
	width:44px;
	height:44px;
}
.challenge{
	margin-top:2px;
	width:50px;
	height:44px;
}
.words{
	width:49px;
	height:49px;
}
.games{
	margin-top:4px;
	width:67px;
	height:40px;
}
.add{
	margin-top:7px;
	width:40px;
	height:35px;
}
.bt-login .free_read{
	background-position:-42px -397px;
}
.bt-login .free_read:hover,.bt-unlogin .free_read:hover{
	background-position:0px -397px;
}
.bt-login .read{
	background-position:-80px 0;
}
.bt-login .read:hover{
	background-position:0 0;
}
.bt-login .watch{
	background-position:-80px -70px;
}
.bt-login .watch:hover{
	background-position:0 -70px;
}
.bt-login .challenge{
	background-position:-80px -140px;
}
.bt-login .challenge:hover{
	background-position:0 -140px;
}
.bt-login .words{
	background-position:-80px -210px;
}
.bt-login .words:hover{
	background-position:0 -210px;
}
.bt-login .games{
	background-position:-80px -350px;
}
.bt-login .games:hover{
	background-position:0 -350px;
}
.bt-login .add{
	background-position:-80px -280px;
}
.bt-login .add:hover{
	background-position:0 -280px;
}
.bt-unlogin .free_read{
	background-position:-42px -397px;
}
.bt-unlogin .read{
	background-position:-160px 0;
}
.bt-unlogin .watch{
	background-position:-160px -70px;
}
.bt-unlogin .challenge{
	background-position:-160px -140px;
}
.bt-unlogin .words{
	background-position:-160px -210px;
}
.bt-unlogin .games{
	background-position:-160px -350px;
}
.bt-unlogin .add{
	background-position:-160px -280px;
}
.down{
	padding:20px 10px 0;
	width:72px;
	height:48px;
	font-size:12px;
	font-weight:bold;
	color:#f4ea00;
	text-align:center;
	position:absolute;
	bottom:-70px;
	left:-12px;
	background:url(../images/down_box.png);
	display:none;
}
.bt-unlogin .down{
	color:#fff;
	background-position:0 -68px;