body {
	max-width:600px;
	min-width:300px;
	height:auto;
	margin:0; padding:0;
	font-family:"微软雅黑";
	font-size:14px;
	margin:0 auto;
}
input {
     font-family:"微软雅黑";
}
a {
   text-decoration:none;
}
ul, li,h1,h2,h3,h4,h5,p{
    margin:0; padding:0; list-style:none;
}
img {
    border:none;
}
.m_top {
    width:100%; height:auto; overflow:hidden; background-color:#39ac4b; 
}
.m_top img {
        width:100%;float:left;
    }
.nav {
   width:100%;  height:50px;   background-color:#39ac4b; overflow:hidden;
}
.nav_back {
	width:60px;  height:50px; line-height:50px; display:inline-block; color:#fff; background-image:url(/Public/imgs/old/back.png); background-repeat:no-repeat; background-position:left center; background-size:auto 26px; margin-left:15px; float:left; 
}
.nav h3 {
    text-align:center; color:#fff; line-height:50px; 
}
.nav_home {
	width:80px;  height:50px; line-height:50px; display:inline-block; color:#fff; background-image:url(/Public/imgs/old/home.png); background-repeat:no-repeat; background-position:right center; background-size:auto 26px;margin-right:15px; float:right;
}
.dashuju_item_1 {
    padding:5px; overflow:hidden;
}
.dashuju_item_1 p {
	float:left; width:50%; display:inline-block;
}
.dashuju_item_1 p a {
    padding:5px; display:inline-block;
}
.dashuju_item_1 p a img {
    width:100%;
}
.dashuju_item_title {
    height:30px; line-height:30px; padding:5px 10px; background-color:#ebf7ed; overflow:hidden;
}
.dashuju_item_title span {
    font-size:16px;
}
.dashuju_item_title a.more {
    float:right;
}
.dashuju_item_2 {
	overflow:hidden; background-color:#fff;
}
/*绘本中国借阅排行榜*/
.index_paihang_ul {
    overflow:hidden; 
}
.index_paihang_ul li {
    float:left; width:33%; overflow:hidden; height:auto;
}
.index_paihang_ul li a {
    display:block; padding:10px;
}
.index_paihang_ul li i {
    position:absolute; width:25px; height:20px; line-height:20px; background-color:#ff8a00; color:#fff; text-align:center; font-style:normal;
}
.index_paihang_ul li img {
    padding:5px;  width:90%; border:solid 2px #d2d2d2; border-radius:5px; float:left;
}
.index_paihang_ul li p {
    width:100%; overflow:hidden; text-align:center; color:#555555; height:20px;
}
/*精彩评论*/
.index_pinglun_ul {
    overflow:hidden;
}
.index_pinglun_ul li {
    width:100%; height:auto; overflow:hidden; border-bottom:solid 1px #e0e0e0; margin:10px; padding:0px 0px 10px 0px;
}      
.index_pinglun_ul li img {
    width:60px; border:solid 2px #d5d5d5; padding:5px; float:left;
}
.index_pinglun_ul li div {
    padding-left:90px; padding-right:25px;position:relative;
}
.index_pinglun_ul li div span {
    color:#999999; display:block; font-size:12px; line-height:20px;
}
.index_pinglun_ul li div span b{
    color:#2c84f0;
}
.index_pinglun_ul li div p{
    color:#555555;
}
/*绘本书单*/
.index_shudan_ul {
    overflow:hidden; 
}
.index_shudan_ul li {
    width:100%; overflow:hidden;  border-bottom:solid 1px #eaeaea;  margin:10px; padding:10px 0px 10px 0px;
}
.index_shudan_ul li a {
    display:block;
}
.index_shudan_ul li img {
    width:80px; border:solid 2px #feaab3; padding:5px; position:absolute; height:80px;
}
.index_shudan_ul li div {
    padding-left:110px; padding-right:25px;position:relative;
}
.index_shudan_ul li div h3 {
    display:block; font-size:16px; color:#39ac4b;
}
.index_shudan_ul li div h3 a {
    color:#ff5400;
} 
.index_shudan_ul li div p {
    display:block; color:#555555; padding-top:5px; line-height:24px;
}
/*绘本文章*/
.index_wz_ul {
    overflow:hidden; 
}
.index_wz_ul li {
    width:100%; overflow:hidden;  border-bottom:solid 1px #eaeaea;  margin:10px; padding:10px 0px 10px 0px;
}
.index_wz_ul li a {
    display:block;
}
.index_wz_ul li img {
    width:80px; height:80px; border:solid 2px #feaab3; padding:5px; position:absolute;
}
.index_wz_ul li div {
    padding-left:10px; padding-right:25px;position:relative;
}
.index_wz_ul li div h3 {
    display:block; font-size:16px; color:#39ac4b;
}
.index_wz_ul li div h3 a {
    color:#ff5400;
} 
.index_wz_ul li div p {
    display:block; color:#555555; padding-top:5px; line-height:24px;
}
 /*底部*/
.foot {
    background-color:#f4f4f4; text-align:center; padding-bottom:10px; margin-top:10px; padding-top:10px;
}
.foot .to_top {
    width:100%;  height:50px; display:block; background-image:url(../images/foot_split.png);background-size:auto 50px;  background-repeat:repeat-x;
}
.foot .to_top a {
    float:right;width:70px; height:50px; display:inline-block;  line-height:50px;   color:#555555;  margin-right:20px;background-image:url(../images/top_up.png); background-position:right center; background-repeat:no-repeat;
}
.foot .copy {
     padding:10px; line-height:30px;color:#555555;
}
/*绘本大全*/
.hbdq_list {
    overflow:hidden;
}
.hbdq_list_ul {
    overflow:hidden; 
}
.hbdq_list_ul li {
    width:100%; overflow:hidden;  border-bottom:solid 1px #eaeaea;  margin:10px; padding:10px 0px 10px 0px;
}
.hbdq_list_ul li a {
    display:block;
}
.hbdq_list_ul li img {
    width:90px; border:solid 2px #d5d4d4; padding:5px; position:absolute; border-radius:5px;
}
.hbdq_list_ul li div {
    padding-left:120px; padding-right:10px;position:relative;
}
.hbdq_list_ul li div h3 {
    display:block; font-size:16px; color:#39ac4b;
}
.hbdq_list_ul li div p {
    display:block; color:#555555; padding-top:5px; line-height:20px;
}
.h_dsa {
    height: 40px;
    margin-top: 10px;
    border: 1px solid #84cf5c;
    background: #dcf3b4;
    line-height: 40px;
    padding-left: 10px;
}
.h_sodf {
    border: 1px solid #9cdd79;
    padding: 1px 2px;
    background: #fff;
    margin-left: 5px;
}
.h_sodf img {
    padding-bottom: 5px;
    padding-left: 10px;
}
.margin-left {
	margin-left:10px;
}
/*搜索*/
.search {
    overflow:hidden; background-color:#f7f7f7;padding:5px 10px; height:40px;
}
.search p {
    border:solid 2px #e1e2e5; border-radius:3px; overflow:hidden;  background-color:#fff;
}
.search p .s_key {
    border:none; height:30px; width:80%; font-size:14px;
}
.search p .s_btn {
    float:right;   width:30px; height:30px; border:none; background-color:none;  background-image:url("../images/searchbtn.png"); background-position:center center; background-repeat:no-repeat; background-size:30px auto;
}
.search_order_1 {
    overflow:hidden; padding:5px;
}
.search_order_1 ul {
    overflow:hidden;        
}
.search_order_1 ul li {
    width:33%; float:left; text-align:center;
}
.search_order_1 ul li a {
    color:#555555; width:90%; height:30px; line-height:30px; display:inline-block;   background-image:url("../images/list_order.png"); background-position:center center; background-repeat:no-repeat; background-size:auto 30px;font-size:16px;
}
.input2 {
	font-size:16px;padding:5px 25px;border:solid 1px #ddd;width:90%;height:34px;line-height:20px;display:block;border-radius:8px;-webkit-appearance:none;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}
.search_order_2 {
    overflow:hidden;  height:50px; background-image:url("../images/list_order_split.png"); background-position:center center; background-repeat:repeat-x; background-size:auto 50px; padding:5px 10px;
}
.search_order_2 ul {
    overflow:hidden; 
}
.search_order_2 ul li {
    width:25%; float:left; text-align:center;
}
.search_order_2 ul li a {
    color:#555555; width:100%; height:50px; line-height:50px; display:inline-block;  font-size:16px;
}
.search_order_2 ul li a.on {
    background-image:url("../images/list_title.png"); background-position:center bottom; background-repeat:no-repeat; background-size:auto 40px;
 }
/*绘本详情*/
.ny_hb_title {
    overflow:hidden;   padding:10px;
}
.ny_hb_title .ny_logo {    
    text-align:center; background-color:#eeeeee;
}
.ny_hb_title  .ny_logo img {
    width:80%;
}
.ny_hb_title  h3 {
    font-size:18px; color:#39ac4b; padding-top:10px; font-weight:bolder;
}
.ny_hb_title p {
    padding-top:10px; color:#555555; 
}
.ny_hb_title span {
    display:block; padding-top:10px; text-align:center;
}
.ny_hb_title span a {
    color:#fff; margin-left:5px;  margin-right:5px; border-radius:5px; width:20%; height:35px; line-height:35px; display:inline-block; text-align:center;
}
.ny_hb_title span a.a1 {
    background-color:#ee3333;
}
.ny_hb_title span a.a2 {
    background-color:#ff6600;
}
.ny_hb_title span a.a3 {
    background-color:#5dc050;
}
.ny_hb_title span a.a4 {
    background-color:#2da8cc;
}
.ny_hb_content {
    border-top:solid 1px #dddddd; overflow:hidden;
}    
.ny_hb_content .neirong {
    padding:10px 10px 10px 10px; overflow:hidden;line-height:28px;
}
.ny_hb_content img {
	max-width:100%;
}
.ny_hb_button {
	color:#fff; margin-left:5px;  margin-right:5px; border-radius:5px; width:20%; height:35px; line-height:35px; display:inline-block; text-align:center;font-size:14px;font-weight:bolder;border:solid 1px #ffffff; -webkit-appearance:none;
}
/* 绘本详情页登陆 */
.ny_login {
	width:90%;
}
.ny_login .login {
	padding-top:10px; padding-bottom:10px;
}
.ny_login .loginbutton {
   width: 160px; margin-left: 0px;  border:none; text-align:center; cursor: pointer;background: #71C671; color:#ffffff; height:30px;
}
.h_deff {
    color: #fff;
    background: #ff8500;
    padding: 8px 32px;
    border: 0;
}
/* 绘本详情页评论 */
.ny_pl {
    float:right; width:300px; background-color:#fff; border:1px solid #e0e0e0;
}
.ny_pl_title {
   background-color:#FF8C00; overflow:hidden; color:#fff;
}
.ny_pl_title h3 {
    display:inline-block;  padding:10px 0px 10px 10px; font-size:16px; 
}
.ny_pl .h_texrar {
	margin-top:10px;
    width: 85%;
    height: 90px;
    border:1px solid #ddd;
}
.ny_pl .h_deff {
    color: #fff;
    background: #71C671;
    padding: 8px 16px;
    border: 0;
	float:left;
	margin-left:22px;
}
.ny_pl .h_dada {
    padding-left: 10px;
    margin-top: 10px;
}
/*内页评论*/
.ny_pinglun {
    background-color:#fff; overflow:hidden;
}
.ny_pinglun_title {
	border-top:solid 1px #b0deb7; border-bottom:solid 1px #feaab3; overflow:hidden; color:#ff6600;
}
.ny_pinglun_title h3 {
    display:inline-block;  padding:10px 0px 10px 10px;  font-size:14px;
}   
.ny_pinglun .h_texrar {
	margin-top:10px;
    width: 85%;
    height: 90px;
    border:1px solid #ddd;
}
.ny_pl .h_deff {
    color: #fff;
    background: #71C671;
    padding: 10px 16px;
    border: 0;
	float:left;
	text-align:center;
}
.ny_pinglun_ul {
    overflow:hidden;
}
.ny_pinglun_ul li {
    width:100%; overflow:hidden; border-bottom:solid 1px #e0e0e0; margin-bottom:10px; padding-bottom:10px;
}
.ny_pinglun_ul li  span {
    color:#999999; display:block; font-size:13px; padding-bottom:5px; padding-left:20px;
}
.ny_pinglun_ul li  span b {
    color:#39ac4b;
}
.ny_pinglun_ul li  p {
    color:#555555;
	line-height:22px;
	padding-left:20px; padding-right:20px;
}
.ny_pinglun .h_dada {
    padding-left: 10px;
    margin-top: 10px;
}
.pinglun {
	margin:0 auto;
	margin-top:5px;
	line-height:20px;
	font-size:14px;
	width:95%;
	border-bottom:solid 1px #b0deb7;
        margin-right:10px;
	padding-bottom:10px;
	margin-bottom:10px;
}
/*绘本详情书单*/
.ny_shudan {
    background-color:#fff; overflow:hidden; padding-top:10px;
}
.ny_shudan_title {
	background-color:#ffffcc; border-top:solid 1px #b0deb7; border-bottom:solid 1px #b0deb7; overflow:hidden; color:#ff6600;
}
.ny_shudan_title h3 {
    display:inline-block;  padding:10px 0px 10px 10px;  font-size:16px;
}   
.ny_shudan_ul {
    overflow:hidden;
}
.ny_shudan_ul li {
    width:100%; overflow:hidden; padding-top:8px; padding-bottom:8px; border-bottom:dotted 1px #e7ebe4;
}
.ny_shudan_ul li span {
    color:#999999; display:block; font-size:14px; padding-left:10px; padding-right:10px;
}
/*书单*/
.ny_shudan_item {
    overflow:hidden; padding:10px; background-color:#fbfbfb; 
}
.ny_shudan_item_big {
    overflow:hidden;
}
.ny_shudan_item_big img {
    float:left; width:30%; margin-top:0px; border:solid 1px #c0c0c0; border-radius:5px; padding:5px;
}
.ny_shudan_item_big div {
    float:right; width:65%;
}     
.ny_shudan_item_big div h3 {
    display:block; font-size:16px; font-weight:bold; color:#39ac4b;
}
.ny_shudan_item_big div p {
    display:block; color:#555555; padding-top:10px; line-height:28px;
}
.ny_shudan_item_big div a{
    color:#ff5400;
} 
.ny_shudan_item_ul {
    overflow:hidden;  padding-top:20px;
}
.ny_shudan_item_ul li {
    float:left; width:16.5%; overflow:hidden; text-align:center;
}
.ny_shudan_item_ul li a {
    width:70%;  display:inline-block; padding:3px; border:solid 1px #d2d2d2; border-radius:4px; text-align:center;
}
.ny_shudan_item_ul li img {
    width:80%;
}
.ny_shudan_item_big i {
    position:absolute; width:45px; height:20px; line-height:20px; background-color:#ff8a00; color:#fff; text-align:center; font-style:normal;
}
.split {
    height:10px; width:100%; background-image:url("../images/split.png"); background-position:left center; background-repeat:repeat-x;  background-size:auto 10px;
}
/*专题书单详情*/
.ny_zt_shudan {
    padding: 20px 20px 10px 20px; background-color:#fff;
}
.ny_zt_shudan h3 {
    border-bottom:solid 1px #efefef; text-align:center; padding-bottom:20px; font-size:18px;
}
.ny_zt_shudan span {
    padding-top:10px; text-align:center; display:block;color:#999999; font-size:12px;
}
.ny_zt_shudan_content {
     padding-top:30px; line-height:28px;
}
/*相关绘本*/
.ny_hb_xg {
     padding:30px; background-color:#fff;
}
.ny_hb_xg_title {
    background-color:#39ac4b;
}
.ny_hb_xg_title h3 {
    display:inline-block;   color:#39ac4b; background-color:#fff; padding-right:10px;padding-left:10px; margin-left:30px; height:30px; line-height:30px;
}
.ny_hb_xg_ul {
    overflow:hidden;  padding-bottom:30px; padding:10px;
}
.ny_hb_xg_ul li {
    float:left; width:33%; height:auto; overflow:hidden; padding-top:20px; text-align:center;
}
.ny_hb_xg_ul li a {
    display: block;text-align:center;
 }       
.ny_hb_xg_ul li img {
    width:80%;border:solid 1px #d2d2d2; border-radius:3px; padding:5px;
}
.ny_hb_xg_ul li p {
    width:100%; overflow:hidden; text-align:center; color:#555555; height:40px;display:block;
}
/*分页*/
.line {
	margin:0;padding:0;
}
.pager {
	list-style:none;padding:0;text-align:center;clear:both;
}
.pager li {
	display:inline-block;
}
.pager li a {
	color:#333;border:solid 1px orange;border-radius:15px;padding:5px 15px;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background-color:#EEE685;color:#000000;
}
.pager li a:hover {
	background-color:#f5f5f5;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}
.clearfix {
	display:block;
}
.text-center {
	text-align:center; margin:0 auto;
}
.float-right {
	margin-left:10px;
}
.float-right {
	float:right !important;
}
.float-left {
	float:left !important;
}
.input {
	font-size:16px;padding:5px 15px;border:solid 1px #ddd;width:100%;height:34px;line-height:20px;display:block;border-radius:8px;-webkit-appearance:none;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}
/*picScroll滚动*/
.picScroll{ margin:0px auto; }
.picScroll .bd {        overflow:hidden;  height:auto;   }
.picScroll .bd ul{ width:100%;  }
.picScroll .bd li{ width:100%; font-size:14px;   }	
.picScroll .bd li a {            display:block; padding-left:20px; padding-right:20px; padding-top:20px;        }     
.picScroll .bd li a img {               width:100%; height:auto;      position:relative;       }
.picScroll .bd li a span {        position:absolute;    display:block; z-index:999; bottom:0px;   color:#fff;padding-top:5px; padding-bottom:5px; padding-left:10px; text-align:left;background-color:#262626; opacity:0.8;            }
.picScroll .hd{ height:40px; line-height:40px;   overflow:hidden; text-align:center;  width:100%; margin-top:-40px; z-index:99999; position:relative; }
.picScroll .hd ul{ display:inline-block; padding-top:16px;  overflow:hidden;  }	
.picScroll .hd li{ float:left; width:8px; height:8px; background:#D0D0D0; margin:0 5px; overflow:hidden; 	-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; 	}
.picScroll .hd .on{ background:#80BD6D;  }
 /*添加评论*/
.ny_pinglun_content {
    padding:5px;
	margin:0 auto;
}
.ny_pinglun_content li {
    overflow:hidden; padding:5px; vertical-align:top;
}
.ny_pinglun_content li span {
    width:50px; display:inline-block; float:left; padding:5px;
}
.ny_pinglun_content li input.text {
    width:100%; min-width:100px; max-width:200px; border:solid 1px #e0e0e0; padding:5px; border-radius:5px;
}
.ny_pinglun_content li textarea.textarea {
    width:100%; min-width:100px; height:60px;border:solid 1px #e0e0e0; padding:5px; border-radius:5px;
}
.ny_pinglun_content li input.pl_btn {
    width:100%; min-width:100px; max-width:200px;  font-weight:bold;  background-color:#5dc050;   color:#fff; margin-left:5px;  margin-right:5px; border-radius:5px; height:35px; line-height:35px; display:inline-block; text-align:center; border:none;-webkit-appearance:none;
}
.pl_btn {
    width:20%; font-weight:bold;  background-color:#5dc050;  color:#fff; margin-left:5px;  margin-right:5px; border-radius:5px; height:35px; line-height:35px; display:inline-block; text-align:center; border:none;-webkit-appearance:none; font-size:14px;
}
#tophovertree {
	display:block;position:fixed;width:36px;height:36px;right:20px;bottom:20px;cursor:pointer;background-image:url(http://huiben.cn/Public/mobile/images/tophovertree.gif);opacity:0.9;display:none;
}
/*绘本详情丛书*/
.ny_cs {
    background-color:#fff; overflow:hidden; padding-top:10px;
}
.ny_cs_title {
	background-color:#ffffcc; border-top:solid 1px #b0deb7; border-bottom:solid 1px #b0deb7; overflow:hidden; color:#ff6600;
}
.ny_cs_title h3 {
    display:inline-block;  padding:10px 0px 10px 10px;  font-size:14px;
}   
.ny_cs_ul {
    overflow:hidden;
}
.ny_cs_ul li {
    float:left; width:33%; overflow:hidden; height:auto;
}
.ny_cs_ul li a {
    display:block; padding:10px;
}
.ny_cs_ul li i {
    position:absolute; width:25px; height:20px; line-height:20px; background-color:#ff8a00; color:#fff; text-align:center; font-style:normal;
}
.ny_cs_ul li img {
    padding:5px;  width:90%; border:solid 2px #d2d2d2; border-radius:5px; float:left;
}
.ny_cs_ul li p {
    width:100%; overflow:hidden; text-align:center; color:#555555; height:20px; font-size:11px;
}
.ny_cs .zhujilu {
	font-size:14px;margin-top:20px;margin-left:15px;margin-right:15px;background-color:orange;padding:5px;color:#ffffff;
}