/*各详情页 CSS  */
a{text-decoration:none;color:#000;}
html{width:100%;height:100%; overflow:hidden; -webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch}
img{border:0}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, a, span,em{border:0 none;margin:0;padding:0; font-style:normal;}
ol,ul,li,dl,dt,dd{list-style:none}
input,textarea,a{outline:none}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}
i{font-style:normal}
strong{ font-weight: normal;}
body {  word-break:break-all; font-family:"黑体","微软雅黑","宋体";}


body{background-color: #eee; overflow: hidden; overflow-y: auto; height:100%; min-width: 260px;}
.hh{width: 1px;height: 22px;}
/*******************************评价页********************************* **/
.evaluation{width:100%; margin-top:10px;  overflow: hidden;}
.eva_title{width:100%; margin:0 auto;  background: #fff;}
.eva_title h2{font-size: 32px; font-family: "黑体"; color:#000; line-height: 96px; width:90%; margin:0 auto; }
.eva_con{width:100%; margin:0 auto;  background: #fff; overflow: hidden; border-bottom: 10px solid #eee;}
.eva_pic{width:100%; border-bottom: 1px solid #eee; overflow: hidden; }
.eva_pic_con{display: block; width:90%; margin:20px auto; overflow: hidden;}
.eva_pic_t_l{float:left; width:20%; margin-right: 5%;}
.eva_pic_con img{display: block; float:left; width:100%; height:100%; max-width: 110px;  }
.eva_pic_t{float:left; width:75%; font-size: 16px; font-family: "黑体"; color:#000; line-height: 2em;}
.eva_con_c{width:90%; margin:0 auto; margin-top:10px; box-sizing: border-box; }
.eva_con_c textarea{border-color: #fff;resize: none;width: 100%;}
.eva_text{display: block; height:100%; font-size: 14px; font-family: "黑体" ; color:#ababab; border: none; line-height: 2em;}
.eva_zishu{width:90%; margin:20px auto; font-size: 16px; font-family: "黑体"; color:#ababab; font-weight: normal; text-align: right;}
.eva_zishu b{font-weight: normal;}

.eva_submit{display: block; width:80%;  margin:0 auto;  border-radius: 8px; background: #f55853; color:#fff; text-align: center; line-height: 70px; font-size:30px;  margin-top: 30px;margin-bottom: 30px;}


@media(max-width:600px){
	
	.eva_title h2{font-size:16px; line-height: 62px; }
	/*.eva_con_c{ margin-top:20px;  }*/
	.eva_submit{ height:40px;  line-height: 40px; font-size:24px;  }

}
@media(max-width:480px){
	.eva_pic_t{font-size: 14px;  line-height: 1.5em;}
}

@media(max-width:360px){
	.eva_pic_t{font-size: 14px;  line-height: 1.5em;}
}

@media(max-width:320px){
	.eva_pic_t{font-size: 14px; line-height: 1.5em;}

	.eva_zishu{margin:10px auto; }

	.eva_submit{ height:30px;  line-height: 30px; font-size:16px;  }
}

/******************************评价页end**********************************/



/******************************图书列表**********************************/
.booklist{background: #fff;}
/*banner轮播*/
.index_banner{width:100%; max-width: 100%; overflow: hidden; position: relative;}
.slideBox{ position:relative; overflow:hidden; margin:0 auto; width:100%;  max-width:100%;/* 设置焦点图最大宽度 */ }
.slideBox .hd{ position:absolute; height:38px; line-height:28px; bottom:0; width:100%; z-index:1; }
.hd ul {width:100%; text-align:center; }
.slideBox .hd li{ display:inline-block; width:22px; height:3px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#c1c1c1;  overflow:hidden; margin:0 3px;   }
.slideBox .hd li.on{ background:#f55853;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{   vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

/*搜索条*/
.index_search{width:79%; height:22%; overflow: hidden;  box-sizing: border-box; position: absolute; top:10%; left:83%; /* margin-left:-40%; */}
.index_re{display: block; width:9%; float:left; margin-right:8%; }
.index_re img{display: block; max-width: 100%; max-height: 100%;}
.index_sear_con{background-color: #fff;float:left; border:1px solid #f55853; border-radius:5px; width:66%; height:100%; max-width: 100%; max-height: 50px; background: rgba(255,255,255,0.8); box-sizing: border-box; overflow: hidden; margin-right:8%; }
.index_sear_con img{display: block; width:6%; max-width: 28px; max-height: 28px; margin-left:3%; margin-top:4%; float: left; }
.index_sear_con input{display: block; float: left;  color:#ababab; font-family: "黑体"; margin-left: 4%; width:80%; line-height: 14%; background: rgba(255,255,255,0); border: none; height: 100%; font-size: 16px; }
.index_gwc{display: block; width:12%; float:left;}
.index_gwc img{display: block; max-width: 100%; max-height: 100%;}
/*banner投影 add by zfj 无效代码 */
/*.banner_touying{width:100%; height:20%; position: absolute; bottom: 0; left:0; background: url(../images/banner_touying.png) repeat-x left bottom;}*/


@media(min-width:750px){
	.index_sear_con img{display: block; width:5%; max-width: 28px; max-height: 28px; margin-left:3%; margin-top:4%; float: left; }

}

@media(min-width:1024px){
	.index_sear_con img{display: block; width:5%; max-width: 28px; max-height: 28px; margin-left:3%; margin-top:2%; float: left; }

}
@media(min-width:1030px){
	.index_sear_con img{display: block; width:5%; max-width: 28px; max-height: 28px; margin-left:3%; margin-top:1%; float: left; }

}



/*跳转按钮*/
.booklist_link{width:100%; overflow: hidden; }
.bl_link_con{width:90%; margin:0 auto; margin-top:33px; overflow: hidden;}

.bl_link_con li{width:33%; float:left; overflow: hidden; margin-bottom: 33px;}
/*.bl_link_con li:nth-child(3){width:34%;}
.bl_link_con li:nth-child(4){margin-top: 20px;}
.bl_link_con li:nth-child(5){margin-top: 20px;}
.bl_link_con li:last-child{width:34%; }*/
.bl_link_con li a{display: block; width:100%; height:100%; overflow: hidden;}
.bl_link_con li a img{display: block; width:64px; height:64px; float: left; margin-right:10px; border-radius: 64px;}
.bl_link_con li a span{display: block; float: left; font-size: 28px; color:#777; line-height: 64px;}

/*图书列表内容*/
.bl_main{width:100%; overflow: hidden;}
.bl_main_t{width:90%; margin:0 auto; padding-left:5%; padding-right:5%; background: #eee; overflow: hidden;}
.bl_main_tl{width:25%; float: left;font-size: 26px; color:#919191;  text-align: left; box-sizing: border-box; margin:20px 0;}
.bl_main_t ul{width:75%; overflow: hidden; float: left;}
.bl_main_t ul li{width:33%; float: left; box-sizing: border-box;text-align: center;}
.bl_main_t ul li a{display: block; margin:20px 10%; font-size: 26px; color:#000;  text-align: center; box-sizing: border-box; border-radius: 4px; }
.bl_main_t ul li.on a{background: #f55853; color:#fff;}
/*.bl_main_t ul li a:hover{background: #f55853; color:#fff;}*/
.bl_main_t ul li a b{font-weight: normal;}

/*排序三角样式!!!*/
.paixu{display: inline-block; position: relative; width:10px; height:14px;}
.paixu_up{display: block; width: 0;height: 0; border-right: 5px solid transparent; border-bottom: 6px solid #f55853; border-left: 5px solid transparent;  position: absolute; top:0; left:0;}
.paixu_down{display: block;width: 0;height: 0; border-right: 5px solid transparent; border-top: 6px solid #f55853; border-left: 5px solid transparent; position: absolute; bottom:0; left:0;}

.paixu_up1{display: block; width: 0;height: 0; border-right: 5px solid transparent; border-bottom: 6px solid #fff; border-left: 5px solid transparent; position: absolute; top:0; left:0;}
.paixu_down1{display: block;width: 0;height: 0; border-right: 5px solid transparent; border-top: 6px solid #fff; border-left: 5px solid transparent; position: absolute; bottom:0; left:0;}


/*图书条目样式*/
.hot_book{width:100%; overflow: hidden; }
.hot_book:nth-child(2){display: none;}
.hot_book:last-child{display: none;}
.hb_con_out{width:100%; overflow: hidden; border-bottom: 1px solid #eee;}
.hb_con{ width:90%; margin:25px auto;  overflow: hidden;}
/*.hb_con_out:nth-child(3) .hb_con{margin-top:35px;}
.hb_con_out:nth-child(4) .hb_con{margin-top:35px;}*/
.hb_con_l{display: block; width:30%; margin-right:5%; float:left; max-height: 196px;}
.hb_con_l img{display: block; width:100%;height:100%; max-width: 196px; max-height: 196px;}
.hb_con_r{float:left; width:65%; max-height: 196px;}
.hb_con_r h3{width:100%; height:80px; font-size: 26px; font-family: "黑体"; color:#000; float:left; line-height: 1.4em; font-weight: normal;}
.hb_con_r p{width:100%; font-size: 22px; font-family: "黑体"; color:#919191; line-height: 32px; margin-bottom:20px;}
.hb_price{font-size: 26px; width:100%; overflow: hidden;}
.hb_price span{float: left;display: inline-block; color:#ff1313; font-family: "微软雅黑"; margin-right:30px;}
.hb_price del{float: left;display: inline-block;}
.hb_price img{float: right;display: inline-block;  width:20px; margin-top:3px; }


@media(max-width:749px){
	/*搜索条*/
	.index_sear_con input{ font-size: 16px;}
	
	/*跳转按钮*/
	.bl_link_con li a img{width:50px;  height:50px;border-radius: 50px;display: block;}
	.bl_link_con li a span{font-size: 22px; line-height: 50px;}
	
	/*图书列表切换标题区域*/
	.bl_main_tl{font-size: 22px; }
	.bl_main_t ul li a{  font-size: 22px;  }
	
	/*热门书籍*/
	/*.hb_con{ margin-bottom: 20px;}
	.hb_con_out:nth-child(3) .hb_con{margin-top:20px;}
	.hb_con_out:nth-child(4) .hb_con{margin-top:20px;}*/
	.hb_con_l{width:30%; margin-right:5%; float:left; max-height: 196px;}
	.hb_con_l img{display: block; width:100%;height:100%; max-width: 196px; max-height: 196px;}
	.hb_con_r h3{height:80px; font-size: 20px; }
	.hb_con_r p{width:100%; font-size: 16px; line-height: 32px; margin-bottom:10px;}
	.hb_price{font-size: 20px;  }
	.hb_price span{ margin-right:20px;}
	
}

@media(max-width:600px){
	/*搜索条*/
	.index_sear_con input{ font-size: 14px;}
	
	/*跳转按钮*/
	.bl_link_con{ margin-top:20px; }
	.bl_link_con li{margin-bottom:20px; }
	.bl_link_con li a img{width:34px;height:34px; }
	.bl_link_con li a span{font-size: 16px; line-height: 34px;}
	
	/*图书列表切换标题区域*/
	.bl_main_tl{font-size: 18px; }
	.bl_main_t ul li a{  font-size: 18px;  }
		
	/*热门书籍*/
	.hb_con_r h3{height:50px; font-size: 16px; }
	.hb_con_r p{width:100%; font-size: 14px; line-height: 24px; margin-bottom:10px;}
	.hb_price{font-size: 16px;  }
	.hb_price span{ margin-right:20px;}
	
}

@media(max-width:480px){
	/*搜索条*/
	.index_sear_con input{font-size: 12px; }
	
	/*跳转按钮*/
	.bl_link_con li a img{width:30px; margin-right:5px; height:30px;border-radius: 30px; }
	.bl_link_con li a span{font-size: 14px; line-height: 24px;}
	
	/*图书列表切换标题区域*/
	.bl_main_tl{font-size: 14px;margin:15px 0; }
	.bl_main_t ul li a{  font-size: 14px; margin:15px 5%;  }
	.paixu{display: inline-block; position: relative; width:10px; height:10px;}

	.paixu_up{ border-right: 4px solid transparent; border-bottom: 4px solid #f55853; border-left: 4px solid transparent; position: absolute; top:0; left:0;}
	.paixu_down{ border-right: 4px solid transparent; border-top: 4px solid #f55853; border-left: 4px solid transparent; position: absolute; bottom:0; left:0;}
	
	.paixu_up1{ border-right: 4px solid transparent; border-bottom: 4px solid #fff; border-left: 4px solid transparent; }
	.paixu_down1{ border-right: 4px solid transparent; border-top: 4px solid #fff; border-left: 4px solid transparent; }
		
	/*热门书籍*/
	.hb_con_r h3{height:35px; font-size: 14px; }
	.hb_con_r p{width:100%; font-size: 12px; line-height: 18px; margin-bottom:10px;}
	.hb_price{font-size: 14px;  }
	.hb_price span{ margin-right:20px;}
	.hb_price img{width:14px; margin-top:3px; }


	
}

@media(max-width:320px){
	/*搜索条*/
	.index_sear_con input{font-size: 10px; }
		
	/*跳转按钮*/
	.bl_link_con{ margin-top:10px; margin-bottom:10px; }
	.bl_link_con li a img{ float: none; margin:0 auto;}
	.bl_link_con li a span{ float: none; text-align: center;}
	
	/*图书列表切换标题区域*/
	.bl_main_tl{font-size: 12px;margin:15px 0; }
	.bl_main_t ul li a{  font-size: 12px; margin:15px 0;  }
	.paixu_up{ border-right: 4px solid transparent; border-bottom: 4px solid #f55853; border-left: 4px solid transparent; }
	.paixu_down{ border-right: 4px solid transparent; border-top: 4px solid #f55853; border-left: 4px solid transparent; margin-top:1px;}
	.paixu_up1{ border-right: 4px solid transparent; border-bottom: 4px solid #fff; border-left: 4px solid transparent; }
	.paixu_down1{ border-right: 4px solid transparent; border-top: 4px solid #fff; border-left: 4px solid transparent; }
	
		
	/*热门书籍*/
	.hb_con_r h3{height:30px; font-size: 12px; }
	.hb_con_r p{width:100%; font-size: 10px; line-height: 18px; margin-bottom:10px;}
	.hb_price img{width:12px; margin-top:3px; }
	
}


/********************************图书列表end**********************************/


/********************************图书详情**********************************/
/*头部*/
.bookdetail{background: #fff;}
.bookdetail_top{width:100%; overflow: hidden; background: url(../images/bd_banner.jpg) no-repeat center top; background-size: 100% 42%; border-bottom:10px solid #eee;padding-bottom: 12px;}

.bd_top_con{width:90%; margin:0 auto; margin-top:40px; overflow: hidden;}
.bd_top_l{width:40%; float: left; margin-right:5%; overflow: hidden;}
.bd_top_l img{max-width:135px; max-height:135px; }
.bd_top_l p{font-size: 16px; color:#000; line-height: 1.5em;}
.bd_top_r{width:55%; float:left; overflow: hidden;}
.bd_top_r h2{font-size: 20px; margin-top:13px; color:#fff; font-weight: normal; line-height:1.4em}
.bd_top_r_xia{width:100%;  }
.bd_top_r_xia p{font-size: 16px; color:#000; line-height: 1.5em;font-family: "黑体";}
.bd_top_r_xia p strong{ color:#ff1313; margin-right:25px;}
.bd_top_r_xia del{color: #919191;}

/*商品数量*/
.bd_shuliang{width:100%; border-bottom:10px solid #eee; overflow: hidden;}
.bd_shuliang_con{width:90%; margin:20px auto; overflow: hidden; font-size: 14px; line-height: 1.4em; }
.bd_shuliang_con p{float: left; color:#000; }
.bd_shuliang_con a{display: block; float: right; color:#f55853;}

/*图书简介*/
.bd_intro{width:100%; overflow: hidden; border-bottom:10px solid #eee;}
.bd_intro_con{width:90%; margin:20px auto; overflow: hidden;}
.bd_intro_con h3{font-size: 16px; margin-bottom:20px;}
.bd_intro_con p{font-size: 14px; color:#919191; line-height: 20px;}
.bd_intro_con img{max-width: 100%;max-height: 100%}
/*目录*/
.bd_mulu{width:100%; overflow: hidden; border-bottom:10px solid #eee;}
.bd_mulu_con{width:90%; margin:0 auto; margin-top:20px; overflow: hidden;}
/*.bd_mulu_con ul:last-child{display: none;}*/
.bd_mulu_con h3{font-size: 16px; margin-bottom:20px;}
.bd_mulu_con li{font-size: 14px; color:#919191; line-height: 2em;}
.bd_mulu_con li b{font-weight: normal;}
.bd_mulu_more{display: block; width:100%; border-top:1px solid #eee; font-size: 16px; text-align: center; line-height: 1.4em; padding:20px 0; cursor: pointer;color: #919191;}
.bd_mulu_more img{margin-left:10px;}


/*相关电子资源*/
.bd_ziyuan{width:100%; overflow: hidden; border-bottom:16px solid #eee;}
.bd_ziyuan_con{width:100%; margin:0 auto; margin-top:33px; overflow: hidden;}
.bd_ziyuan_con>h3{width:90%; margin:0 auto; font-size: 20px; }

/*评价*/
.bd_eva{width:100%; margin-bottom:90px; overflow: hidden; }
.bd_eva_con{width: 90%;margin: 0 auto; margin-top:20px; font-size: 20px;}
.bd_eva_con h3{width:90%;  font-size: 16px;}
.bd_eva_out{width:100%; border-bottom:1px solid #eee;}
.bd_eva_con1{display: block; width:90%; margin:33px auto; overflow: hidden;}
.bd_con1_l{float:left; width: 20%; margin-right: 5%; max-height: 118px; overflow: hidden;}
.bd_con1_l img{display: block; width: 52px;height:52px;border-radius: 52px;}
.bd_con1_r{width:75%; float:left; overflow: hidden;}
.bd_con1_r_shang{width:100%; overflow: hidden; margin-bottom: 20px;}
.bd_con1_r_shang h4{float:left; font-size: 15px; color:#000;}
.bd_con1_r_shang time{font-size: 14px; color:#ababab; float:right;}
.bd_con1_r p{font-size: 14px; color:#000; width:100%; line-height: 24px;}

/*评价无*/
.bd_eva_none{width:70%; margin:33px auto; overflow: hidden;}
.bd_eva_none_l{width:25%; margin-right: 5%; float: left;}
.bd_eva_none img{display: block;  width:100%; max-width: 70px; }
.bd_eva_none p{width:70%; float:left; font-family: "方正稚艺简体"; font-size: 18px; color:#ababab; margin-top:20px;}


/*底部*/
.bd_footer{width:100%; height:60px; overflow: hidden; position: fixed; bottom:0; left:0;}
.bd_f_l{width:46%; height:60px; float:left; overflow: hidden;box-sizing: border-box;}
.bd_f_l a{display: block; width:50%; height:60px; box-sizing: border-box; float:left; border-right:1px solid #dad7d7; background: #eee; text-align: center;}
.bd_f_l a:last-child{border-right:none;}
.bd_f_l a img{display: block; width:24px; height:28px; margin:10px auto 0px;}
.bd_f_l a span{font-size: 14px; color:#000;}
.bd_f_r{width:54%; height:60px; float: left;overflow: hidden;box-sizing: border-box;}
.bd_f_r a{display: block; width:50%; box-sizing: border-box; float:left; border-right:1px solid #ababab; background: #edbe59; text-align: center; color:#fff; font-size: 16px; line-height: 60px;border: none;}
.bd_f_r a:last-child{background: #f55853;}

/*弹出层*/
.bd_tanchu{width:100%; height:100%;  position: fixed; top:100%; left:0; z-index:12; overflow: hidden; }
.bd_tan_cover{width:100%; background: rgba(0,0,0,0.6); }
.bd_tan_con{width:100%; background: #fff;  z-index: 114;box-sizing:border-box;}
.bd_tan_con_out{width:100%; border-bottom: 1px solid #eee; display: table;box-sizing:border-box;}
.bd_tan_h{width:90%; margin-left:5%; display: table; box-sizing:border-box;}
.bd_tan_h_l{float:left; margin-top:-20px; margin-bottom: 20px; box-sizing:border-box;}
.bd_tan_h_l img{display: block; width:80px; height:80px; border:4px solid #fff; border-radius: 6px; box-shadow:0 0 16px rgba(0,0,0,0.88); }
.bd_tan_h_r{float:left; margin-left: 5%; width:60%; overflow: hidden;}
.bd_tan_h_r h3{font-size: 16px; font-family: "黑体"; color:#000; font-weight: normal; line-height: 1.2em; margin-top: 10px; }
.bd_tan_h_r p{font-size: 14px; font-family: "微软雅黑"," 黑体"; color:#ff1313;margin-top: 10px;}

.bd_tan_shu_out{ box-sizing: border-box; overflow: hidden; margin-bottom:20px;}
.bd_tan_shu{width:90%; margin:0 auto;}
.bd_tan_shu h4{font-size: 16px; font-family: "黑体"; color:#000; font-weight: normal; line-height: 1.4em; margin-top: 20px; margin-bottom:20px;}
.bd_tan_shu_out a{display: block; border:1px solid #cfcfcf; box-sizing: border-box; font-size: 12px; line-height: 18px; width: 18px; height: 18px; background: #f5f5f5; float :left;  text-align: center; cursor: pointer;}
.tan_shu_con{display: block; float:left; box-sizing: border-box; width:30px; height:16px; line-height: 14px; font-size: 12px; text-align: center; outline: none; border: none; }
.bd_tan_shu_out span{display: block; float:left; border: 1px solid #cfcfcf; }

.bd_tan_total{width:90%; margin:20px auto; font-size: 16px; color:#000; }
.bd_tan_total strong{color:#ff1313; font-weight: normal;}

.bd_tan_sub{display: block; width:100%; height:60px; background: #f55853; font-size: 16px; text-align: center; line-height: 60px; color:#fff;}
	.bd_top_r_xia{margin-top: 2em}
@media(min-width:461px){
	.bd_eva_none{width:60%; margin:33px auto; overflow: hidden;}
	.bd_eva_none img{margin-right: 3%;}
	.bd_eva_none p{width:70%; font-size: 20px; margin-top:25px;}
	
}

@media(max-width:460px){
	.bookdetail_top{ background: url(../images/bd_banner.jpg) no-repeat center top; background-size: 100% 40%; }
	.bd_top_con{ margin-top:40px; }
	
	.bd_top_l p{font-size: 14px; }
	.bd_top_r{width:55%; float:left; overflow: hidden;}
	.bd_top_r h2{font-size: 18px;  }
	.bd_top_r_xia p{font-size: 14px;}
	
	.bd_eva_none p{width:70%; font-size: 18px; margin-top:20px;}
	

}

@media(max-width:390px){
	.bookdetail_top{ background: url(../images/bd_banner.jpg) no-repeat center top; background-size: 100% 50%; }
	.bd_top_r h2{font-size: 18px; }
	.bd_eva_con1{ margin:20px auto;}
	.bd_con1_r_shang h4{font-size: 15px; }
	.bd_con1_r_shang time{font-size: 12px; }
	.bd_con1_r p{font-size: 12px;  line-height: 20px;}
	
	.bd_eva_none p{width:70%; font-size: 16px; margin-top:15px;}
	
}

@media(max-width:380px){
	.bookdetail_top{  background-size: 100% 42%; }
	.bd_top_r h2{font-size: 18px;  }
	
}

@media(max-width:360px){
	.bookdetail_top{  background-size: 100% 40%; }
	.bd_top_r h2{font-size: 18px; }
	.bd_eva_none p{width:70%; font-size: 14px; margin-top:15px;}
	
}

@media(max-width:340px){
	.bookdetail_top{  background-size: 100% 44%; }
	.bd_top_r h2{font-size: 18px; }
	
}

@media(max-width:320px){
	.bookdetail_top{  background-size: 100% 42%; }
	.bd_top_r h2{font-size: 18px;  }
	
	.bd_shuliang_con{ margin:20px auto;  font-size: 14px; }
	/* .bd_eva_none p{width:80%; font-size: 12px; margin-top:15px;} */
	
}

/********************************图书详情end**********************************/


/********************************电子资源列表页**********************************/
h3.dianzi_h3{height:165px;}

@media(min-width:749px){
	h3.dianzi_h3{height:165px;}	
}

@media(max-width:600px){
	h3.dianzi_h3{height:135px;}	
}

@media(max-width:480px){
	h3.dianzi_h3{height:90px;}
}

@media(max-width:320px){
	h3.dianzi_h3{height:60px;}
}


/********************************电子资源列表页end**********************************/


/********************************电子资源详情页**********************************/
.dianzidetail{background: #fff;}
.dianzidetail_top{width:100%; overflow: hidden; background: url(../images/bd_banner.jpg) no-repeat center top; background-size: 100% 60%; border-bottom:10px solid #eee;}
.dz_top_con{width:90%; margin:0 auto; margin-top:40px; overflow: hidden;}
.dz_top_l{width:40%; float: left; margin-right:5%; overflow: hidden;display: table-cell;vertical-align: middle;text-align: center;max-width: 138px;height: 138px;line-height: 200px;}
.dz_top_l img{ max-width:100%; max-height:100%;  }
.dz_top_r{width:55%; float:left; overflow: hidden;}
.dz_top_r h2{font-size: 20px; margin-top:16px;  color:#fff; font-weight: normal; line-height:1.4em;}
.dz_top_r_xia{width:100%; font-size: 16px; line-height: 1.5em;margin-top:1em;}
.dz_top_r_xia del{color: #919191;font-family: "微软雅黑";}
.dz_top_r_xia p strong{ color:#ff1313; margin-right:25px;font-family: "微软雅黑";}
/* .dz_top_r_xia p a{color: #fff;background: #f55853;padding: 4px 48px;border-radius: 8px;} */


.dz_top_r_xia p:last-child button{background: #f55853;border:0px;width: 65%;padding: 2% 0;border-radius: 8px;}

.dz_top_r_xia p:last-child button a{color: #fff;font-size: 15px;}
.dz_top_r_xia p:last-child {padding-top: 6px;}












/*购买需知*/
.dz_gmxz{width:100%; overflow: hidden; border-bottom:10px solid #eee;}
.dz_gmxz_con{width:90%; margin:20px 20px 0px 20px; overflow: hidden;}
.dz_gmxz_con h3{font-size: 16px; margin-bottom:20px;}
.dz_gmxz_con p{font-size: 14px; color:#919191; margin-bottom:20px;}
.dz_gmxz_con p a{color:#fff; background:#f55853; padding:2px 20px; border-radius:6px;}

/*资源简介*/
.dz_intro{width:100%; overflow: hidden; border-bottom:10px solid #eee;}
.dz_intro_con{width:90%; margin:20px auto; overflow: hidden;}
.dz_intro_con h3{font-size: 16px; margin-bottom:20px;}
.dz_intro_con p{font-size: 14px; color:#919191; line-height: 20px;}
.dz_intro_con img{max-width: 100%;
    max-height: 100%;}
/*相关电子资源*/
.bd_ziyuan{width:100%; overflow: hidden; border-bottom:10px solid #eee;}
.bd_ziyuan_con{width:100%; margin:0 auto; margin-top:20px; overflow: hidden;}
.bd_ziyuan_con>h3{width:90%; margin:0 auto; font-size: 16px; }

/*评价*/
.dz_eva{width:100%; margin-bottom:90px; overflow: hidden; }
.dz_eva_con{width: 100%;margin: 0 auto; margin-top:20px; font-size: 16px;}
.dz_eva_con h3{width:90%; margin:0 auto; font-size: 16px;}
.dz_eva_out{width:100%; }
.dz_eva_con1{display: block; width:90%; margin:33px auto; overflow: hidden;}
.dz_con1_l{float:left; width: 20%; margin-right: 5%; max-height: 118px; }
.dz_con1_l img{display: block; width: 67px;height: 67px;border-radius: 67px; }
.dz_con1_r{width:75%; float:left; overflow: hidden;}
.dz_con1_r_shang{width:100%; overflow: hidden; margin-bottom: 20px;}
.dz_con1_r_shang h4{float:left; font-size: 15px; color:#000;}
.dz_con1_r_shang time{font-size: 14px; color:#ababab; float:right;}
.dz_con1_r p{font-size: 14px; color:#000; width:100%; line-height: 24px;}

/*底部*/
.dz_footer{width:100%; height:60px; overflow: hidden; position: fixed; bottom:0; left:0;}
.dz_f_l{width:46%; height:60px; float:left; overflow: hidden;box-sizing: border-box;}
.dz_f_l a{display: block; width:50%; height:75px; box-sizing: border-box; float:left; border-right:1px solid #dad7d7; background: #eee; text-align: center;}
.dz_f_l a:last-child{border-right:none;}
.dz_f_l a img{display: block; width:24px; height:28px; margin:10px auto 0px;}
.dz_f_l a span{font-size: 14px; color:#000;}
.dz_f_r{width:54%; height:60px; float: left;overflow: hidden;box-sizing: border-box;}
.dz_f_r a{display: block; width:100%; box-sizing: border-box; float:left;  background: #edbe59; text-align: center; color:#fff; font-size: 16px; line-height: 60px;}
.dz_f_r a:last-child{background: #f55853;}

@media(max-width:460px){
	.dianzidetail_top{ background-size: 100% 55%; }
	.dz_top_r h2{font-size: 18px;  }
	
}

@media(max-width:390px){
	.dianzidetail_top{  background-size: 100% 55%; }
	.dz_top_r h2{font-size: 18px;  }
	.dz_eva_con1{ margin:20px auto;}
	.dz_con1_r_shang h4{font-size: 15px; }
	.dz_con1_r_shang time{font-size: 12px; }
	.dz_con1_r p{font-size: 12px;  line-height: 20px;}
	
}

@media(max-width:320px){
	.dz_top_con{ margin-top:20px; }
	.dianzidetail_top{  background-size: 100% 55%; }
	.dz_top_r h2{font-size: 16px; }
	
	.dz_shuliang_con{ margin:20px auto;  font-size: 14px; }
	
	.dz_top_r_xia p:last-child{padding-top: 5px;}


}

/********************************电子资源详情页 end**********************************/


/********************************购物车 **********************************/
/*头部 明细条目*/
.gwc_main{width:100%; overflow: hidden; border-top:10px solid #eee; border-bottom: 10px solid #eee; background: #fff;}
.gwc_row_out{width:100%;  overflow: hidden;  border-bottom:1px solid #eee;}
.gwc_row_out.ac{display: none;}
.gwc_main_row{width:90%; margin:33px auto; overflow: hidden; box-sizing: border-box;}
.gwc_main_active{display: block; width:15px; height:15px; margin-right: 3%;margin-top:35px; float: left; border-radius: 50%; border:1px solid #f55853;}
.gwc_main_active img{ display: block;  margin:0 auto;  width:14px; height:14px; border-radius: 50%; }
.gwc_main_active.ac{background:#f55853; }
.gwc_main_pic{float: left; margin-right: 4%;}
.gwc_main_pic1{display: block; width: 90px; }

.gwc_main_detail{width:58%; float:left;}
.gwc_main_detail h3{font-size: 16px; color:#000; font-weight: normal; margin-bottom:10px; height: 2em; line-height:1.4em;}
.gwc_shu{ box-sizing: border-box; overflow: hidden; margin-bottom:10px;}
.gwc_shu a{display: block; border:1px solid #cfcfcf; box-sizing: border-box; font-size: 12px; line-height: 18px; width: 18px; height: 18px; background: #f5f5f5; float :left;  text-align: center; cursor: pointer;}
.gwc_shu_con{display: block; float:left; box-sizing: border-box; width:30px; height:16px; line-height: 14px; font-size: 12px; text-align: center; outline: none; border: none; }
.gwc_shu span{display: block; float:left; border: 1px solid #cfcfcf; }
.gwc_main_price{font-size: 14px; color:#919191;}
.gwc_main_price strong{color:#ff1313; margin-right: 10px;}

.gwc_main_can{display: block; float:right; }
.gwc_main_can img{display: block; width:12px; height:12px;}

/*猜你喜欢*/
.hot_resource{width:100%; overflow: hidden;  background: #fff; margin-bottom: 60px;}
.cnxh_title{width:90%; margin:0 auto; }
.cnxh_title h2{font-size: 16px; color:#000; font-weight: normal;margin-top:20px; }
.hr_con_out{width:100%; border-bottom: 1px solid #eee; }
.hr_con{display: block; width:90%; margin:0 auto; overflow: hidden; box-sizing:border-box;}
.hr_con li{float:left; width:30%; margin-right:5%; margin-top:25px; margin-bottom: 8px;box-sizing:border-box;}
.hr_con li:nth-child(3){margin-right:0;}
.hr_con li:nth-child(6){margin-right:0;}

.hr_con li a{display: block; width:100%; height:100%; text-align: left;}
.hr_con li a img{ max-width: 100%;max-height: 100%;}
.hr_con li a h3{ font-size: 22px; font-family: "黑体"; color:#000; float:left; line-height: 1.5; margin-bottom:5px; font-weight: normal; width:100%;margin-top: 14px;}
.hr_con li a p{font-size: 22px; font-family: "黑体"; color:#919191; width:100%;overflow:hidden;}
.hr_con li a p strong{color:#ff1313; margin-right: 5px;float:left;}
.hr_con li a p del{float:left;}
.hr_con li a  em{width: 115px;height: 115px;display: table-cell;vertical-align: middle;text-align: center;border: 1px solid #dedede;}

/*底部*/
.gwc_footer{width:100%; height:60px; overflow: hidden; position: fixed; bottom:0; left:0;}
.gwc_f_l{width:70%; height:60px; background: #eee; float:left; overflow: hidden;box-sizing: border-box; }
.gwc_active_all{display: block; width:16px; height:16px; margin-top:21px; margin-right:2%; float: left; border-radius: 50%; border:1px solid #f55853; background: #fff;margin-left: 5%; }
.gwc_active_all img{ display: block;  margin:0 auto;  width:14px; height:14px; border-radius: 50%; }
.gwc_active_all.ac{background:#f55853; }
.gwc_f_l span{display: block; float: left; margin-right:8%; color:#000; font-size: 18px; line-height: 60px;}
.gwc_f_l p{float: left; color:#000; font-size: 18px; line-height: 60px;}
.gwc_f_l p strong{color:#ff1313; font-weight: normal;}

.gwc_f_r{width:30%;  float: left;overflow: hidden;box-sizing: border-box;}
.gwc_f_r a{display: block; width:100%; box-sizing: border-box; float:left;  text-align: center; color:#fff; font-size: 18px; line-height: 60px;background: #f55853;}


@media(min-width:750px){
	.sear_con input{ font-size: 23px;}
	.link_btn ul li a span{font-size: 28px;}
	.zk_con_pic li a img{max-width: 100%; max-height: 100%; }
	
}

@media(max-width:749px){
	
	/*猜你喜欢*/
	.hr_con{ margin-bottom: 20px;}
	.hr_con li a h3{ font-size: 18px;  }
	.hr_con li a p{font-size: 18px; }
	
}

@media(max-width:600px){
	/*头部 明细条目*/
	.gwc_main_active.ac{background:#f55853; }
	.gwc_main_pic{float: left; margin-right: 3%;}
	.gwc_main_pic1{display: block; width: 90px; }

	.gwc_main_detail{width:58%; float:left;}
	.gwc_main_detail h3{font-size: 16px; color:#000; font-weight: normal; margin-bottom:10px; height: 2em;}
	.gwc_shu{ box-sizing: border-box; overflow: hidden; margin-bottom:10px;}
	.gwc_shu a{display: block; border:1px solid #cfcfcf; box-sizing: border-box; background: #f5f5f5; float :left; padding:0 5px;}
	.gwc_shu span{display: block; float:left; padding:0 10px;border: 1px solid #cfcfcf; }
	.gwc_main_price{font-size: 14px; color:#919191;}
	.gwc_main_price strong{color:#ff1313; margin-right: 10px;}

	.gwc_main_can{display: block; float:right; }
	.gwc_main_can img{display: block; width:12px; height:12px;}
	
	/*猜你喜欢*/
	.hr_con{ margin-bottom: 20px;}
	.hr_con li a h3{ font-size: 16px;  }
	.hr_con li a p{font-size: 16px; }

}

@media(max-width:480px){
	/*头部*/
	.gwc_main_detail{width:54%; float:left;}
	.gwc_main_detail h3{font-size: 16px; height: 3em;}
	.gwc_shu{  margin-bottom:5px;}
	
	/*猜你喜欢*/
	.hr_con{ margin-bottom: 15px;}
	.hr_con li a h3{ font-size: 12px; }
	.hr_con li a p{font-size: 12px; }

}

@media(max-width:380px){
	/*头部*/
	.gwc_main_detail{width:50%; float:left;}
}

@media(max-width:320px){
	/*头部*/
	.gwc_main_active{ width:12px; height:12px; margin-top:35px; }
	.gwc_main_active img{   width:12px; height:12px;  }
	.gwc_main_pic1{ width: 80px; }

	.gwc_main_detail h3{font-size: 12px; height: 3em;}
	.gwc_shu{  margin-bottom:5px;}
	.gwc_main_price{font-size: 14px; }

	.gwc_main_can img{display: block; width:10px; height:10px;}
	
	/*猜你喜欢*/
	.hot_resource{margin-bottom:50px;}
	.hr_con{ margin-bottom: 15px;}
	.hr_con li a h3{ font-size: 10px; }
	.hr_con li a p{font-size: 10px; }
	.hr_con li a p strong{margin-right:0px; display: block;}
	
	/*底部*/
	.gwc_footer{height:50px; }
	.gwc_f_l{width:70%; height:50px; }
	.gwc_active_all{width:14px; height:14px; margin-top:18px;  }
	.gwc_active_all img{ width:12px; height:12px;  }
	.gwc_f_l span{ font-size: 14px; line-height: 50px;}
	.gwc_f_l p{font-size: 14px; line-height: 50px;}

	.gwc_f_r{width:30%;  }
	.gwc_f_r a{ width:100%; font-size: 14px; line-height: 50px;}
}

/*****************************购物车 end*********************************/


/*****************************购物车--空**********************************/
@font-face{
	font-family: "方正稚艺简体";
	src: url(../fonts/fzzyjt.ttf);
}
.gwc_empty_main{width:100%; overflow: hidden; background: #eee; }
.gwc_empty_con{width:60%; margin:0 auto; overflow: hidden; padding:110px 0;}
.gwc_empty_con img{display: block; width:40%; margin:0 auto; }
.gwc_empty_con p{margin:0 auto; display: table; margin-top:40px; font-family: "方正稚艺简体"; font-size: 22px; font-weight: bold; color:#919191; }
.gwc_empty_con p strong {color:#f55853; }

.gwc_empty_main1{width:100%; overflow: hidden; background: #eee; }
.gwc_empty_con1{width:60%; margin:0 auto; overflow: hidden; padding:112px 0;}
.gwc_empty_con1 img{display: block; width:40%; margin:0 auto; margin-bottom:24px; }
.gwc_empty_con1 p{margin:0 auto; display: table; font-family: "方正稚艺简体"; font-size: 14px;color:#919191; line-height: 1.6em;}
.gwc_empty_con1 p strong{color: #000;font-family: "微软雅黑";font-weight: 700;font-size: 12px;}
.gwc_empty_con1 p strong a{color:#f55853; }



@media(max-width:600px){
	/*头部 明细条目*/
	.gwc_empty_con{ padding:60px 0;}
	.gwc_empty_con p{ margin-top:30px; font-size: 18px;  }
	
}

@media(max-width:480px){
	/*头部*/
	.gwc_empty_con{width:70%; padding:50px 0;}
	.gwc_empty_con p{ margin-top:30px; font-size: 14px;  }

}

@media(max-width:320px){
	/*头部*/
	.gwc_empty_con{ padding:40px 0;}
	.gwc_empty_con p{ margin-top:30px; font-size: 12px;  }
	
}

/********************************购物车--空 end**********************************/


/******************************常见问题 **********************************/
.question{width:100%; overflow: hidden; border-top:10px solid #eee; border-bottom:10px solid #eee; padding:33px 0 0 0; background: #fff;}
.question h2{font-size: 16px; font-family: "黑体"; color:#000; width:90%; margin:0 auto;}
.que_con_out{width:100%; border-bottom:1px solid #eee;overflow: hidden;}
.que_con{width:90%; margin:33px auto; overflow: hidden;}
.que_con {overflow: hidden;}
.que_con_l { float:left; font-size: 16px; font-weight: bold; color:#f55853; text-align: center; width:5%;  }
.que_con_r {float:left; font-family: "黑体"; font-weight: normal; width:90%; margin-left: 5%;}
.que_con_r  h3{font-size: 15px;  color:#000; }
.que_con_r  p{font-size: 14px; color:#919191; line-height: 24px; margin-top:23px;}



/********************************常见问题 end*****************************/



/********************************搜索页**********************************/
/*搜索条主要内容*/
.search{width:100%; overflow: hidden;}
.search_con_out{width:100%; background: #fff; overflow: hidden;}
.search_con{width:90%; margin:25px auto;  box-sizing: border-box; overflow: hidden;}
.search_con_l{width:84%; height:44px; float:left;  box-sizing: border-box; overflow: hidden; border:1px solid #f55853; border-radius:5px;}
.search_con_l img{display: block; float:left; width:24px; height:24px; margin-left:5%; margin-top:10px;}
.search_input{display: block; float:left; width:80%; height:38px; margin-left:5%; font-size: 20px; color:#ababab; font-family: "黑体"; border:none; margin-top: 1px;}
.search_con_r{display: block; float:left; width:15%; font-size: 22px; color:#f55853; line-height: 44px; text-align: right; font-weight: normal;}

/*最近搜索*/
.search_lately{width:100%; background: #fff; overflow: hidden;}
.search_lately h3{font-size: 20px; font-family: "黑体"; color:#f55853; font-weight: normal; width:90%; margin:0 auto; margin-bottom: 10px;}
.search_l_con{width:90%; margin:0 auto; overflow: hidden;}
.search_l_con li{float:left; margin-right: 2%; margin-bottom:12px; }
.search_l_con li a{display: block; font-size: 18px; font-family: "黑体"; color:#919191; line-height: 1.75em; padding:0 1em; background: #eee; border-radius:5px;}


@media(max-width:600px){
	.search_con_l{width:84%; height:36px; }
	.search_con_l img{ width:16px; height:16px; }
	.search_input{ width:80%; height:30px;  font-size: 16px;}
	.search_con_r{ font-size: 20px; line-height: 36px;}
}

@media(max-width:480px){
	.search_lately h3{font-size: 18px; }
	.search_l_con li a{font-size: 16px;}
}

@media(max-width:420px){
	.search_con_l{ height:32px; }
	.search_con_l img{ width:14px; height:14px; margin-top: 8px;}
	.search_input{ width:80%; height:26px;  font-size: 14px;}
	.search_con_r{ font-size: 18px; line-height: 32px;}
	
	.search_lately h3{font-size: 16px; }
	.search_l_con li a{font-size: 14px;}
}

@media(max-width:320px){
	.search_con_l{ height:30px; }
	.search_con_l img{  margin-top: 7px;}
	.search_input{ width:80%; height:24px;  font-size: 14px;}
	.search_con_r{ font-size: 18px; line-height: 30px;}
	.search_l_con li a{font-size: 12px;}
}

/******************************搜索页end**********************************/


/******************************搜索页 无结果**********************************/
.search_none{width:100%; overflow: hidden;}
.search_none_bg{margin-left: 15%; width:85%; margin-top: 80px;}
.search_none_bg img{width:100%; max-width: 100%;}

/******************************搜索页 无结果   end**********************************/


/******************************搜索结果页**********************************/
.search_result{width:100%; overflow: hidden; background: #fff;}
.search_result h2{font-size: 20px; font-family: "黑体"; color:#f55853; font-weight: normal; width:90%; margin:0 auto; }
.hb_con_out{width:100%; overflow: hidden; border-bottom: 1px solid #eee;}
.hb_con{display: block; width:90%;  margin-bottom: 25px; overflow: hidden;}
/*.hb_con_out:nth-child(3) .hb_con{margin-top:35px;}
.hb_con_out:nth-child(4) .hb_con{margin-top:35px;}*/
.hb_con_l{width:30%; margin-right:5%; float:left; max-height: 196px;}
.hb_con_l img{display: block; width:100%;height:100%; max-width: 196px; max-height: 196px;}
.hb_con_r{float:left; width:65%; max-height: 196px;}
.hb_con_r h3{width:100%; height:80px; font-size: 26px; font-family: "黑体"; color:#000; float:left; line-height: 1.4em; font-weight: normal;}
.hb_con_r p{width:100%; font-size: 22px; font-family: "黑体"; color:#919191; line-height: 32px; margin-bottom:20px;}
.hb_price{font-size: 26px; width:96%; }
.hb_price span{color:#ff1313; font-family: "微软雅黑"; margin-right:30px;}
.hb_price del{color:#ababab; font-family: '微软雅黑';}

@media(max-width:749px){
	
	/*热门书籍*/
	/*.hb_con{ margin-bottom: 20px;}
	.hb_con_out:nth-child(3) .hb_con{margin-top:20px;}
	.hb_con_out:nth-child(4) .hb_con{margin-top:20px;}*/
	.hb_con_l{width:30%; margin-right:5%; float:left; max-height: 196px;}
	.hb_con_l img{display: block; width:100%;height:100%; max-width: 196px; max-height: 196px;}
	.hb_con_r h3{height:80px; font-size: 20px; }
	.hb_con_r p{width:100%; font-size: 16px; line-height: 32px; margin-bottom:10px;}
	.hb_price{font-size: 20px;  }
	.hb_price span{ margin-right:20px;}
	
}

@media(max-width:600px){
	
	/*热门书籍*/
	.hb_con_r h3{height:50px; font-size: 16px; }
	.hb_con_r p{width:100%; font-size: 14px; line-height: 24px; margin-bottom:10px;}
	.hb_price{font-size: 16px;  }
	.hb_price span{ margin-right:20px;}
	
}

@media(max-width:480px){
	
	.search_result h2{font-size: 18px; }
	
	/*热门书籍*/
	.hb_con_r h3{height:35px; font-size: 14px; }
	.hb_con_r p{width:100%; font-size: 12px; line-height: 18px; margin-bottom:10px;display: inline-block;margin-top: 11px;}
	.hb_price{font-size: 14px;  }
	.hb_price span{ margin-right:20px;}
	
}

@media(max-width:320px){
	
	.search_result h2{font-size: 16px; }
	
	/*热门书籍*/
	.hb_con_r h3{height:30px; font-size: 12px; }
	.hb_con_r p{width:100%; font-size: 10px; line-height: 18px; margin-bottom:10px;}
	
}
/******************************搜索结果页   end**********************************/


/******************************收听**********************************/
.radio{background: url(../images/radio_bg.jpg) no-repeat center ; /*background-size:100% 100%;*/}
.radio_main{width:90%; margin:40px auto; overflow: hidden;}
.radio_main h2{font-size: 30px; color:#fff; font-weight: normal; font-family: "黑体"; margin:0 auto; text-align: center; line-height: 1.5em; }
/* 收听圆圈 */

.radio_image{
width: 97%;
height: 100%;

border: 4px solid #fff;
background: url('../images/radio_image.jpg') 100% 100% no-repeat;
border-radius: 100%;
/*background-size: cover;*/

margin-top: 20px;
margin-bottom: 30px;

}
	
#circle_min {
width: 100%;
height: 100%;


border-radius: 100%;

margin-top: 40%;
margin-bottom: 40%;
margin-left: 40%



}
#circle_min img{display: block;width:20%;}


/* 收听圆圈结束 */


.radio_progress{width:100%; overflow: hidden;}
.radio_progress img{display: block; width:100%; }




.radio_control{width:100%; overflow: hidden; box-sizing:border-box;margin-top:40px;}
.radio_con_l{display: block; float:left; width:7%; margin-right: 10%; margin-top: 7%;}
.radio_con_l img{display: block; width:100%;}
.radio_con_c{float:left; width:66%; overflow: hidden;}
.radio_con_c a{display: block;float:left;width:25%; margin-right: 9%; margin-top: 3%;}
.radio_con_c a:nth-child(2){width:32%; margin-top: 0;}
.radio_con_c a:nth-child(3){width:25%; margin-right: 0; margin-top: 3%;}
.radio_con_c a img{display: block; width:100%;    }

.radio_con_r{display: block; float:right; width:7%; margin-top: 7%;}
.radio_con_r img{display: block; width:100%;}

/*弹出*/
.radio_tan{width:100%; height:100%; overflow: hidden; background: rgba(0,0,0,0.6); position: fixed; top:100%; left:0; z-index: 13;}
.radio_tan_con{width:100%; overflow: hidden; background: #fff; position: absolute; bottom:0 ; left:0;}
.radio_tan_con ul{width:100%; overflow: hidden; margin:30px auto;}
.radio_tan_con ul li{width:100%; border-bottom: 1px solid #eee;}
.radio_tan_con ul li:first-child{border-top: 1px solid #eee; box-sizing: border-box;}
.radio_tan_con ul li a{display: block;  font-size: 16px; color:#000; font-family: "黑体"; line-height: 2.5em; width:80%; margin:0 auto; padding-left: 30px;}

.radio_tan_con ul li a.radio_tan_ac{ color:#f55853; background: url(../images/radio_tan_ac.png) no-repeat left center; background-size: 10px;}
.radio_tan_close{display: block; width:86%; margin:30px auto; background: #f55853; font-size: 18px; color:#fff; font-family: "黑体"; text-align: center; line-height: 2.5em; border-radius: 8px;}

/*弹出*/
.radio_tan{width:100%; height:100%; overflow: hidden; background: rgba(0,0,0,0.6); position: fixed; top:100%; left:0; z-index: 13;}
.radio_tan_con{width:100%; overflow: hidden; background: #fff; position: absolute; bottom:0 ; left:0;}
.radio_tan_con ul{width:100%; overflow: hidden; margin:30px auto;}
.radio_tan_con ul li{width:100%; border-bottom: 1px solid #eee;}
.radio_tan_con ul li:first-child{border-top: 1px solid #eee; box-sizing: border-box;}
.radio_tan_con ul li a{display: block;  font-size: 16px; color:#000; font-family: "黑体"; line-height: 2.5em; width:80%; margin:0 auto; padding-left: 30px;}

.radio_tan_con ul li a.radio_tan_ac{ color:#f55853; background: url(../images/radio_tan_ac.png) no-repeat left center; background-size: 10px;}
.radio_tan_close{display: block; width:86%; margin:30px auto; background: #f55853; font-size: 18px; color:#fff; font-family: "黑体"; text-align: center; line-height: 2.5em; border-radius: 8px;}

@media(max-width:768px){
	.radio_main{width:68%;}
	
}



@media(max-width:480px){
	.radio_main{width:75%;}
	.radio_main{margin:20px auto 10px;}
	.radio_main h2{font-size: 19px; }
	
}


@media(max-width:320px){
	.radio_main{width:80%; margin:15px auto 20px;}
	.radio_main h2{font-size: 18px; }
	
	.radio_control{margin-top:15px;}
	
	.radio_tan_con ul{ margin:20px auto;}
	.radio_tan_con ul li a{ font-size: 14px; }
	.radio_tan_close{font-size: 14px; line-height: 2em;margin:20px auto; border-radius: 5px;}

/* 收听圆圈 */

.radio_image{

margin-bottom: 2px;
margin-top:5px;

}
	



/* 收听圆圈结束 */

}
	







	
}

@media(min-width:1024px){.radio_main{width:70%;}}
@media(min-width:1040px){.radio_main{width:30%;}}
/******************************收听end**********************************/


/******************************我的已购**********************************/
.bought{background: #fff;}
.bought_main{width:100%; overflow: hidden; box-sizing:border-box; margin-bottom:62px; }

.bought_con{width:90%; margin:0 auto; overflow: hidden; box-sizing: border-box;}
.bought_con li{width:30%; float: left; margin-right: 5%; padding:33px 0; }
.bought_con li a{display: block; width:100%; margin:0 auto;}
.bought_con li a img{display: block; width:100%; height:100%; margin:0 auto;}
.bought_con li a h4{font-family: "黑体"; color:#000; margin-top: 10px; font-weight: normal; font-size: 18px; line-height: 1.3em; height: 2.6em;}
 
/*弹出*/
.bought_tan{width:100%; height:100%; overflow: hidden; background: rgba(0,0,0,0.6); position: fixed; top:100%; left:0; z-index: 13;}
.bought_tan_con{width:100%; overflow: hidden; background: #fff; position: absolute; bottom:0 ; left:0;}
.bought_tan_con ul{width:100%; overflow: hidden; margin:0 auto;}
.bought_tan_con ul li{width:100%; border-bottom: 1px solid #eee;box-sizing: border-box;}
.bought_tan_con ul li a{display: block;  font-size: 14px; color:#9b9b9b; font-family: "黑体"; margin:20px auto; width:94%; overflow: hidden; box-sizing:border-box;}
.bought_tan_con ul li a i{display: block; float:left; width:20%;   border:1px solid #f55853; border-radius:3px; color:#f55853; margin-right: 2%; text-align: center;}
.bought_tan_con ul li a span{display: block; float:left; width:76%;}
.bought_tan_close{display: block; width:96%; font-size: 18px; color:#9b9b9b; font-family: "黑体"; text-align: center; line-height: 3em;}


@media(max-width:1024px){
	/* .bought_main{ background:url(../images/bought_bg_1024.jpg) repeat;   margin-bottom:70px;} */

	.bought_con li a h4{font-size: 12px;}

}

@media(max-width:768px){
	/* .bought_main{ background:url(../images/bought_bg_768.jpg) repeat;  margin-bottom:70px; } */

	.bought_con li a h4{font-size: 12px;}
}

@media(max-width:600px){
	
	.bought_con li a h4{font-size: 14px;}
	.bought_con li{padding:20px 0;}
}

@media(max-width:414px){
	/* .bought_main{ background:url(../images/bought_bg_414.jpg) repeat;  margin-bottom:70px; } */

	.bought_con li a h4{font-size: 12px;}
}

@media(max-width:375px){
	/* .bought_main{ background:url(../images/bought_bg_375.jpg) repeat;  margin-bottom:70px; } */

	.bought_con li a h4{font-size: 12px;}
}

@media(max-width:360px){
	/* .bought_main{ background:url(../images/bought_bg_360.jpg) repeat; margin-bottom:70px;  } */

	.bought_con li a h4{font-size: 12px;}
}

@media(max-width:320px){
	/* .bought_main{ background:url(../images/bought_bg_320.jpg) repeat; margin-bottom:70px;  } */

	.bought_con li a h4{font-size: 12px;}
}


/******************************我的已购end*******************************/


/******************************个人中心*******************************/
.personal_center{background: #fff;}
.pc_header{width:100%; overflow: hidden; background: url(../images/pc_header_bg.jpg) no-repeat center top; background-size: 100% 100%;}
.pc_header img{display: block; margin:0 auto; margin-top: 35px; width:80px; height:80px; border-radius:50%; border:4px solid #fff;border-radius: 80px; }
.pc_header h3{font-size: 18px; font-family: "黑体"; color:#fff; font-weight: normal; text-align:center; margin-top: 10px; margin-bottom: 10px;}

.pc_order{width:100%; overflow: hidden; }
.pc_order_con{width:90%; margin:0 auto; overflow: hidden;}

.pc_title_out{width:100%; overflow: hidden;border-top: 10px solid #eee;}
.pc_title{width:90%; overflow: hidden; margin:33px auto;}
.pc_title h3{font-size: 24px; font-family: "黑体"; color:#000; float:left;}
.pc_title a{display: block; float:right; font-size: 18px; font-family: "黑体"; color:#f55853; font-weight: bold; line-height: 26px;}
.pc_title a span{color:#919191;font-weight: normal;}

.pc_order_btn{width:100%; overflow: hidden; box-sizing:border-box;}
.pc_order_btn ul{width:100%; overflow: hidden; box-sizing:border-box; margin-bottom: 15px;}
.pc_order_btn li{float:left; width:25%; }
.pc_order_btn li a{display: block; width:80%; margin:0 auto;}
.pc_order_btn li a img{display: block; width:60%; margin:0 auto;height: 60%;border-radius: 60%; }
.pc_order_btn li a p{width:100%; font-size: 20px; font-family: "黑体"; color:#777; text-align: center; line-height: 2em;}

.pc_bought{width:100%; overflow: hidden;margin-bottom:62px; }
.pc_bought h4{font-size: 20px; font-family: "黑体"; color:#000; width:90%; margin:0 auto;}
.pc_l_list{width:100%; overflow: hidden; background: url(../images/bg_repeat-x.png) repeat-x 0 50%; }

.pc_list_con{display: block; width:90%; margin:0 auto; overflow: hidden; box-sizing:border-box;}
.pc_list_con li{float:left; width:30%; margin-right:5%; margin-top:33px; margin-bottom: 33px;box-sizing:border-box;}
.pc_list_con li:nth-child(3){margin-right:0;}
.pc_list_con li:nth-child(6){margin-right:0;}

.pc_list_con li a{display: block; width:100%; height:100%; text-align: left;}
.pc_list_con li a img{display: block; width:100%;height:100%;  margin-bottom:14px; min-width: 80px;}
.pc_list_con li a h3{ font-size: 19px; font-family: "黑体"; color:#000; float:left; line-height: 1.4em; margin-bottom:5px; font-weight: normal; width:100%; overflow: hidden;height: 2.4em;}
.pc_list_con li a p{font-size: 22px; font-family: "黑体"; color:#919191; width:100%; overflow: hidden;}
.pc_list_con li a p strong{color:#ff1313; float: left;}
.pc_list_con li a p del{float: right;}


@media(max-width:749px){
	
	/*最近购买*/
	.pc_list_con li a h3{ font-size: 18px;  }
	.pc_list_con li a p{font-size: 18px; }
	
}

@media(max-width:600px){
		
	/*最近购买*/
	.pc_list_con li a h3{ font-size: 16px;  }
	.pc_list_con li a p{font-size: 16px; }

}

@media(max-width:480px){
	/*头部*/
	.pc_header h3{font-size: 18px; }

	.pc_title {margin: 20px auto;}
	.pc_title h3 {font-size: 16px;}
	.pc_title a {font-size: 14px; line-height: 20px;}
	.pc_order_btn li a p{font-size: 14px;}
	
	.pc_bought h4{font-size: 14px;}
	
	.pc_list_con li{margin-top: 20px; margin-bottom: 8px;}
	
	/*最近购买*/
	.pc_list_con li a h3{ font-size: 12px; }
	.pc_list_con li a p{font-size: 12px; }
	
}


@media(max-width:320px){
	.pc_header h3{font-size: 18px; }
	.pc_title h3 {font-size: 16px;}
	.pc_title a {font-size: 12px; line-height: 18px;}
	
	.pc_bought h4{font-size: 14px;}
	
	/*最近购买*/
	.pc_list_con li a h3{ font-size: 10px; }
	.pc_list_con li a p{font-size: 10px; }
	.pc_list_con li a p strong{margin-right:0px; display: block;}
	
}

/*对付“背景”底边的变化*/
@media(max-width:1024px){
	.pc_l_list{ background:url(../images/pc_bg_1024.jpg) repeat;  }

}

@media(max-width:768px){
	.pc_l_list{ background:url(../images/pc_bg_768.jpg) repeat;  }

}


@media(max-width:414px){
	.pc_l_list{ background:url(../images/pc_bg_412.jpg) repeat;  }

}

@media(max-width:375px){
	.pc_l_list{ background:url(../images/pc_bg_375.jpg) repeat;  }

}

@media(max-width:360px){
	.pc_l_list{ background:url(../images/pc_bg_360.jpg) repeat;  }

}

@media(max-width:320px){
	.pc_l_list{ background:url(../images/pc_bg_320.jpg) repeat;  }

}

/******************************个人中心end*******************************/

/* 首页底部 */
/****付款****/
.footer_com {
  width: 100%;
	position: fixed;
    bottom: 0;
    left: 0;
    background-color: #f9f9f9;
 border-top: 1px solid #d5cccb;
}

.footer_com_a{display: block;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;}

.footer_com ul li{    float: left; width: 18%;margin-right:9%;margin-bottom: 1%;margin-top: 1%;}


.footer_com ul li a{
	display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 13px;
     font-family: "黑体";
     padding-bottom: 4px;
}



.footer_com ul li img{display: block;
    width: 26px;
    height: 26px;
    margin: 7px auto 5px;


}

.footer_com li:last-child {
    margin-right: 0;
}



@media(max-width:320px){.footer_com ul li img{display: block;
    
  
    width: 20px;
    height: 20px;
	
}}
 
.book_o{
	width: 135px;
	height: 138px;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: center;
    display: table-cell;
    vertical-align: middle;
 }
@media(max-width:360px){
	.hr_con li a em{width: 100px; height: 100px;}
	.zk_con_pic li a em{width: 100px; height: 100px;}
}
@media(max-width:320px){
	.hr_con li a em{width: 80px; height: 80px;}
	.zk_con_pic li a em{width: 80px; height: 80px;}
}