html,body,h1,h2,p,span,a,div,ol,ul,li,table,tbody,tfoot,thead,tr,th,td,canvas{margin:0;padding:0}
body{text-align:center;font-size-adjust:none;-webkit-text-size-adjust:none;font-family: Arial,"Microsoft YaHei",sans-serif;background:#f7f6f4;float:left;width:100%;position:relative;}
ol,ul{list-style:none}
.barnner{height:149px;width:100%;overflow:hidden;}
.barnner .show_list{height:149px;width:100%;overflow:hidden;}
.barnner .show_list ul{height:149px;width:600%;overflow:hidden;}
.barnner .show_list ul li{float:left;display:inline-block;height:149px;width:16.67%;overflow:hidden;}
.barnner .show_list ul li{float:left;display:inline-block;height:149px;width:16.67%;overflow:hidden;}
.barnner .show_list ul li .bg{width:100%;height:100%;background:url(../imgs/backdrop.png) no-repeat center center;background-size:100% 100%;}
.barnner .show_list ul li .bg .book{width:282px;height: 101px;margin: 0 auto;position: relative;top: 48px;}
.barnner .show_list ul li .bg .book img{width:100%;height:100%;border:none;}

.barnner .spanner_index ul{width:100%;height:10px;}
.barnner .spanner_index ul li{float:left;width:10px;height:10px;text-align:center;}
.barnner .spanner_index ul li span{margin:0 auto;display:inline-block;width:4px;height:4px;border-radius:8px;-webkit-border-radius:8px;background:rgba(255,255,255,0.5);}
.barnner .spanner_index ul li.cur span{border:none;background:#fff;width:6px;height:6px;border-radius:8px;-webkit-border-radius:8px;background:rgba(255,255,255,1);margin-top:-1px;}

.tips{font-size: 10px;color: #555555;text-align: left;padding: 8px 12px;border-bottom: 1px solid #e8e8e8;}
.channels{height:64px;width:100%;}
.channels ul{width:100%;height:64px;}
.channels ul li{float:left;width:20%;height:100%;}
.channels ul li .node{width:54px;height:40px;margin:0 auto;position:relative;top:10px;}
.channels ul li .node .img{width:26px;height:23px;margin:auto}
.channels ul li .node .tit{font-size: 13px;color: #787878;margin-top:5px;height: auto;}
.channels ul li .node .img img{width:100%;height:100%;}
.channels ul li:active{background:#f6f6f6;}

.tit{height:22px;width:100%;position:relative;}
.tit div{display:inline-block;float:left;}
.tit .tag{width:6px;height:22px;background:#caa965;}
.tit .name{margin-left:7px;height:22px;line-height:22px;}
.tit .name .chinese{font-size:16px;color:#323232;}
.tit .name .english{font-size:10px;color:#555555;}
.tit .more{float:right;width:30px;height:22px;background:url(../imgs/morearrow.png) no-repeat center center;background-size:100% 100%;}

.switch_line{height:12px;background:#eeeeee;}
.boy{padding-top:15px;}
.listBooks{padding:0;}
.listBooks ul li .node{height:106px;position:relative;margin-left: 13px;padding:13px 0;}
.listBooks ul li .node:after{content:" ";position:absolute;height:1px;bottom:0px;left:0px;right:13px;background:#f4f4f4;}
.listBooks ul li .node .img{left: 0;  top: 0;  width: 80px;  height:100px;float: left;}
.listBooks ul li .node .img img{width:80px;height:104px;}
.listBooks ul li .node .img img{border:1px solid #e1e1e1;}
.listBooks ul li .node .text{position:absolute;left:90px;right:10px;text-align:left;}
.listBooks ul li .node .text .name{height:24px;line-height:24px;margin-top:6px;}
.listBooks ul li .node .text .name div{display:inline-block;height:24px;line-height:24px;overflow:hidden;text-overflow: ellipsis;  white-space: nowrap;}
.listBooks ul li .node .text .name .t{color:#323232;font-size:15px;max-width:100%;}

.listBooks ul li .node .text .name .count{font-size:12px;color:#787878;margin-left:10px;}
.listBooks ul li .node .text .name .count .num{}
.listBooks ul li .node .text .attr{font-size: 13px;color: #323232;margin: 4px 0 9px 0;padding-left: 1px;}
.listBooks ul li .node .text .desc{font-size: 13px;color: #787878;height: 40px;line-height: 20px;overflow: hidden;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-left: 1px;}
.listBooks ul li:active{background:#fafafa;}
.tags{margin:13px;max-height:28px;overflow:hidden;text-align:left;}
.tags span{height:28px;line-height:28px;padding:0 6px;margin:auto 3px;display:inline-block;border-radius:3px;-webkit-border-radius: 3px;color:#FFF;font-size:12px;}
.boy .tags span.boy_tag1{background:rgba(30,139,195,0.7);}
.boy .tags span.boy_tag1:active{background:rgba(30,139,195,1);}
.boy .tags span.boy_tag2{background:rgba(58,83,155,0.7);}
.boy .tags span.boy_tag2:active{background:rgba(58,83,155,1);}
.boy .tags span.boy_tag3{background:rgba(37,116,169,0.7);}
.boy .tags span.boy_tag3:active{background:rgba(37,116,169,1);}
.boy .tags span.boy_tag4{background:rgba(68,108,179,0.7);}
.boy .tags span.boy_tag4:active{background:rgba(68,108,179,1);}

.girl{padding-top:15px;}

.girl .tags span.girl_tag1{background:rgba(246,71,71,0.7);}
.girl .tags span.girl_tag1:active{background:rgba(246,71,71,1);}
.girl .tags span.girl_tag2{background:rgba(210,82,127,0.7);}
.girl .tags span.girl_tag2:active{background:rgba(210,82,127,1);}
.girl .tags span.girl_tag3{background:rgba(245,154,142,0.7);}
.girl .tags span.girl_tag3:active{background:rgba(245,154,142,1);}
.girl .tags span.girl_tag4{background:rgba(231,76,60,0.7);}
.girl .tags span.girl_tag4:active{background:rgba(231,76,60,1);}

.listBooks ul li:active{background:#f6f6f6;}

.discuss{padding-top:15px;}
.discuss .show{height:304px;}
.discuss .show ul{margin: 0 13px;}
.discuss .show ul li{float:left;width:33.33%;margin-top:15px;}
.discuss .show ul li .img{text-align:center;height:106px;}
.discuss .show ul li:nth-child(3n+1) .img{text-align:left;}
.discuss .show ul li:nth-child(3n+1) .info{width:80px;float:left;}
.discuss .show ul li:nth-child(3n+3) .img{text-align:right;}
.discuss .show ul li:nth-child(3n+3) .info{width:80px;float:right;}
.discuss .show ul li:nth-child(4){margin-top:5px;}
.discuss .show ul li:nth-child(5){margin-top:5px;}
.discuss .show ul li:nth-child(6){margin-top:5px;}
.discuss .show ul li .img img{width:80px;height:104px;border:1px solid #e1e1e1;}
.discuss .show ul li .info{text-align:left;}
.discuss .show ul li .info .bookname{padding:4px 0;width: 80px;margin: 0 auto;font-size:13px;color:#323232;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;height:24px;line-height:24px;}
.discuss .show ul li:active .info .bookname{background:#f6f6f6;}

.hot{padding-top:15px;}
.hot ul li{float:left;width:33.33%;height:40px;margin: 4px 0;}
.hot ul li .classic{position:relative;height:100%;background-size:100% 100%;border-radius:3px;color:#FFF;text-align:center;line-height:40px;font-size:15px;}
.hot ul li .classic .n{background: rgba(0,0,0,0.5);border-radius: 3px;width: 100%;height: 100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hot .show{margin:0 13px;}
.hot ul li:nth-child(3n+1) .classic{margin-right:6px;}
.hot ul li:nth-child(3n+2) .classic{margin:0 3px;}
.hot ul li:nth-child(3n+3) .classic{margin-left:6px;}
.hot ul{height:96px;margin:13px 0;}
.hot ul li .classic:active .n{background: rgba(0,0,0,0.8);}

.shudan{padding-top:15px;}

.shudan ul li .node{height:80px;position:relative;margin-left: 13px;padding:13px 0;}
.shudan ul li .node:after{content:" ";position:absolute;height:1px;bottom:0px;left:0px;right:13px;background:#f4f4f4;}
.shudan ul li .node .img{left: 0;  top: 0;  width:90px;  height:80px;float: left;}
.shudan ul li .node .img_bg{text-align:left;}
.shudan ul li .node .img img{width:90px;height:80px;margin-left: -6px;}
.shudan ul li .node .text{position:absolute;left:90px;right:10px;text-align:left;height:80px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.shudan ul li .node .text .name{height: 24px;    line-height: 24px;    margin: 6px 0 6px 0;    color: #323232;    font-size: 15px;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
 .shudan ul li .node .text .tags{margin:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-height:20px;}
 .shudan ul li .node .text .tags span{color:#FFF;height: 20px;    line-height: 20px;    padding: 0 6px;}
 .shudan ul li .node .text .tags span:first-child{margin-left:0;}
 .shudan ul li .node .text .tags span:nth-child(5n+1){background:#edadad;}
 .shudan ul li .node .text .tags span:nth-child(5n+2){background:#f0cba8;}
 .shudan ul li .node .text .tags span:nth-child(5n+3){background:#c7dd91;}
 .shudan ul li .node .text .tags span:nth-child(5n+4){background:#a8ccf0;}
 .shudan ul li .node .text .tags span:nth-child(5n+5){background:#f3b5d8;}
 .shudan ul li .node .desc{font-size: 13px;    color: #787878;overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
 .shudan ul li .node:after{content: " ";    position: absolute;    height: 1px;    bottom: 0px;    left: 0px;    right: 13px;    background: #f4f4f4;}
 
 
.last_time{padding-top:15px;}
.last_time .show{height:161px;}
.last_time .show ul{margin: 0 13px;}
.last_time .show ul li{float:left;width:33.33%;margin-top:15px;}
.last_time .show ul li .img{text-align:center;height:106px;}
.last_time .show ul li:nth-child(3n+1) .img{text-align:left;}
.last_time .show ul li:nth-child(3n+1) .info{width:80px;float:left;}
.last_time .show ul li:nth-child(3n+3) .img{text-align:right;}
.last_time .show ul li:nth-child(3n+3) .info{width:80px;float:right;}
.last_time .show ul li .img .img_bg{width:80px;height:100px;position:relative;}
.last_time .show ul li:nth-child(3n+2) .img .img_bg{margin:0 auto;}
.last_time .show ul li:nth-child(3n+3) .img .img_bg{float:right;}
.last_time .show ul li .img .img_bg:after{content:" ";position:absolute;top:0;left:0;background:url(../imgs/gifts_limit_free.png) no-repeat center center;width:40px;height:40px;background-size:100% 100%;}
.last_time .show ul li .img img{width:80px;height:104px;border:1px solid #e1e1e1;}
.last_time .show ul li .info{text-align:left;}
.last_time .show ul li .info .bookname{padding:4px 0;width: 80px;margin: 0 auto;font-size:14px;color:#323232;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;height:24px;line-height:24px;}
.last_time .show ul li:active .info .bookname{background:#f6f6f6;}
.last_time .last_time_count{color: #555;    font-size: 12px;    position: absolute;    right:13px;    top: 5px;}