html,body,div,ul,li,span,p,a,from,input,strong,img,h1,h2,h3,dl,dt,dd{margin:0;padding:0;}
html{font-size: 32px;}
body{background: #f8f8f8;font: .28rem "Lucida Grande",Helvetica,Arial,sans-serif;font-family: "helvetica neue","Hiragino Sans GB","冬青黑","Microsoft YaHei","微软雅黑",arial,sans-serif;}
a{color: #555;text-decoration: none;}
ul,li{list-style: none;}

.lin-all{margin:0 auto;background-color:#DDD;width:10rem;}

/** header css start */
.header{position:fixed;width:100%;top:0;left:0;z-index:9999;}
.header_bg{position:relative;display:block;width:10rem;margin:0 auto;background-color:#6493a9;}
.fixed_bg{width:10rem;position:relative;margin:0 auto;height:1.2rem;}

.wap-logo{display:block;width:2.4rem;margin:0;text-align:center;height:1.2rem;line-height:1.2rem;font-size:.42rem;color:#FFF;text-shadow:1px 1px #6493a9;}
.wap-search{display:block;width:9.4rem;margin:0 auto;height:36px;font-size:.38rem;border:1px solid #ddd;position:relative;border-radius:6px;}
.wap-search .theme-input{display:block;font-size:14px;color:#555;width:8rem;height:36px;line-height:36px;border:0;padding:0 .2rem;border-radius:6px;}
.wap-search .theme-input:focus{outline:none;}
.wap-search .theme-btn{display:block;position:absolute;background:url('../images/so.png') 55% 58% no-repeat;background-size:22px 23px;
right:0;top:0;width:48px;height:36px;border:0;border-left:1px solid #CCC;cursor:pointer;}
.wap-top-site{right:.06rem;top:0;display:block;position:absolute;width:2.4rem;height:1.2rem;line-height:1.2rem;border:0;color:#f2f2f2;font-size:.4rem;text-shadow:1px 1px #6493a9;text-align:center;}
.wap-tag{display:block;margin:0;padding:0 10px;height:30px;line-height:30px;text-align:left;color:#888;font-size:12px;border-bottom:1px solid #eee;background-color:#f3f3f3;}

.wap-top-back{display:block;position:absolute;top:0;left:.06rem; width:1.2rem;height:1.2rem;line-height:1.2rem;color:#fff;font-size:.4rem;text-align:center;}
.wap-top-home{display:block;position:absolute;top:0;right:.06rem; width:1.2rem;height:1.2rem;line-height:1.2rem;color:#fff;font-size:.4rem;text-align:center;}
.wap-top-name{display:block;width:9rem; margin:0 auto;padding:0;height:1.2rem;line-height:1.2rem;font-size:.38rem;color:#fff;text-align:center; text-shadow:1px 1px #6493a9;overflow:hidden;}

.wap-tag .tag-aaa{margin:0;padding:0 5px;color:#6493a9;}
.wap-tag .tag-bbb{margin:0;padding:0 2px;color:#888;}
.wap-tag .tag-ccc{margin:0;padding:0 5px;color:#555;}

.menu-tab{display:block; width:10rem;margin:0 auto;background-color:#FFF;box-shadow: 0 0.04rem 0.06rem rgba(0,0,0,.1);}
.cate-list-all {display:block;margin:0;padding:0;border-bottom:1px solid #eee;box-shadow: 0 0.15rem 0.2rem rgba(0,0,0,.05);}
.cate-list-all .list {background-color: #FFF;width: 100%;}
.cate-list-all .list .item {display:block;float: left;width: 2rem;padding: .18rem 0;text-align: center;font-size: .24rem;line-height: .6rem;color: #666;}
.cate-list-all .list .item .desc{font-size:.36rem;}
/** header css end*/

/** main css*/
.main{width:10rem;display:block;margin:0 auto;padding:8px 0;min-height:320px;background-color:#FEFEFE;}
.wap-box-list{display:none;width:10rem;margin:0 auto;padding:0;}
.wap-box-load{display:block;width:10rem;margin:0;padding:0;font-size:14px;color:#f14a15;text-align:center;height:50px;line-height:50px;}

.book-box{display:block;width:10rem;margin:0 auto;padding:0;font-size:14px;color:#555;}
.book-box-menu{display:block;height:40px;line-height:40px;text-align:left;margin:0;padding:0 10px;font-size:16px;color:#333;background-color:#f5f5f5;border-top:1px solid #D8D8D8;border-bottom:1px solid #D8D8D8;}
.book-box-main{display:block;text-align:left;margin:0;padding:0 10px 10px 10px;}
.book-box-li{display:block;position:relative;text-align:left;margin:0 auto;padding:0;}
.book-box-li a{display:block;position:relative;height:36px;line-height:36px;text-align:left;border-bottom:1px solid #DEDEDE;overflow:hidden;}
.book-box-li .li-1{display:inline-block; position:absolute; top:0;left:0; color:#889;font-size:14px;}
.book-box-li .li-2{display:inline-block; color:#6f90bb;font-size:14px;padding-left:42px;white-space: nowrap;}
.book-box-li .li-3{display:inline-block; position:absolute; color:#886;font-size:14px;top:0;right:0;}
.book-box-more{display:block; width:6.2rem; margin:0 auto;padding:0;height:40px;line-height:40px;text-align:center;font-size:14px;color:#dd2b1e;}


/** 图片展示列表 */
.book-box-li2{display:block;position:relative;text-align:left;margin:0;padding:0; border-bottom:1px solid #DEDEDE;border-radius:6px; overflow:hidden;}
.book-box-li2 .li2-img{display:block;position:absolute;top:10px;left:10px;width:80px;height:100px;z-index:99;padding:1px;border:1px solid #EEE;}
.book-box-li2 .li2-img img{width:80px;height:100px;margin:0;padding:0;}
.book-box-li2 .li2-txt{display:block;position:relative;height: 120px;padding:0 0 0 100px;}
.book-box-li2 .li2-1{display:block;height:10px;margin:0;padding:0;}
.book-box-li2 .li2-2{display:block;color:#6f90bb;position:relative;height:30px;line-height:30px;font-size:14px;padding:0;white-space: nowrap;border-bottom: 1px dotted #A6D3E8;overflow:hidden;}
.book-box-li2 .li2-3{display:block;height:70px;text-align:left;padding:0px;line-height:24px; color:#886;font-size:12px;overflow:hidden;}
.book-box-li2 .li2-4{display:block;position:absolute;color:#886;font-size:12px;top:0;right:0;}

/** 阅读记录列表 */
.book-like-li{display:block;position:relative;height:70px;text-align:left;margin:0 0 10px 0;padding:0;border:1px solid #DEDEDE;overflow:hidden;border-radius:6px;}
.book-like-li .li-1{display:block;position:absolute;width:40px;height:40px;line-height:40px;top:10px;left:0; color:#889;font-size:14px;text-align:center;}
.book-like-li .li-2{display:block;margin:0;padding:0 42px;height:40px;line-height:50px;overflow:hidden;color:#222;font-size:14px;text-align:left;}
.book-like-li .li-3{display:block;position:absolute;width:40px;height:40px;line-height:40px; color:#d12761;font-size:14px;top:10px;right:10px;z-index:99;white-space: nowrap;text-align:center;}
.book-like-li .li-4{display:block;margin:0;padding:0 42px;height:30px;line-height:30px; text-align:left; color:#886;font-size:14px;}
.book-like-li .li-4 a{color:#6f90bb;font-size:14px;}







/** --------------------------*/

/* book-info css*/
.book-info{	display:block;position:relative;width:10rem;margin:0 auto;padding:0;}
.book-info-img{display:block;position:absolute;top:6px;left:6px; width:100px;height:120px;margin:0;border:1px solid #DDD;z-index:33;}
.book-info-text{display:block;padding-left:113px;height:130px;}
.book-info-text h2{padding:0;margin:0;width:100%;line-height:30px;height:30px;font-size:16px;overflow:hidden;color:#555;}
.book-info-text p{padding:0;margin:0;width:100%;height:26px;line-height:26px;font-size:14px;overflow:hidden;color:#888;}
.book-info-btn{display:block;margin:0 auto;padding:0;text-align:center;}
.book-info-btn-111{display:inline-block;width:40%;height:40px;line-height:40px;border-radius:6px;background-color:#00bcd4;font-size:16px;color:#fff;text-align:center;}
.book-info-btn-222{display:inline-block;width:40%;height:40px;line-height:40px;border-radius:6px;background-color:#e12d6a;font-size:16px;color:#fff;text-align:center;margin-left:6%;}
.book-menu{padding:0 2%;display:block;height:38px;line-height:38px;font-size:16px;text-align:left;color:#FFF;background-color:#6493a9;}
.book-menu a{color:#f1f1f1;font-size:16px;}
.book-desc{display:block;padding: 0 10px;margin:0;min-height:80px;text-align:left;font-size:14px;line-height:26px;color:#8E8E8E;}
.book-desc p{display:block;margin:0 auto;text-align:left;font-size:18px;line-height:26px;color:#8E8E8E;}
.book-data{display:block;width:100%;position:relative;}
.book-data-li{display:block;height:36px;line-height:36px;font-size:14px;color:#3E3E3E;border-bottom:1px solid #EEE;width:96%;margin:0 auto; overflow:hidden;} 
.book-line{display:block;margin:0;width:100%;height:8px;}
.book-data-title{width:98%;padding:0 1%;display:block;height:40px;line-height:40px;font-size:20px;text-align:center;color:#555;border-bottom:1px solid #DDD;}
.book-data-msg{width:94%;display:block;margin:0 auto;min-height:80px;text-align:left;font-size:18px;line-height:32px;color:#5E5E5E;padding:8px 0;}
.goods-like{margin:.4rem 0;background:#FFF;}
.goods-like .goods-like-title{height:1.2rem;line-height:1.2rem;background-color:#FFF;color:#ff7200;font-size:.6rem;text-align:center;border-bottom:1px solid #EEE;}

.book-tab{	position: fixed; width:100%;height: 40px; padding: 0;top:0;left:0;z-index:888; overflow: hidden;}
.book-tab-title{height:40px;line-height:40px;width:10rem;color:#FFF;margin:0 auto;text-align:center;font-size:16px;background-image: -webkit-linear-gradient(to right,#ff7438,#4caf50);background-image: linear-gradient(to right,#ff7438,#4caf50);}
.book-tab_bg{display:block;height:40px;}
.book-color{display:block;width:100%;height:40px;font-size:14px;text-align:center;}
.book-data-more{display:block;margin:0 auto;padding:0;text-align:center;}
.book-data-more a{display:inline-block;width:90%;height:38px;line-height:38px;border-radius:6px;background-color:#148ec9;font-size:16px;color:#fff;text-align:center;}


/** book data ------------------------  */
.book-data-font{display:block;position:relative; height:42px;height:42px;text-align:center;margin:0;padding:2px 10px;background-color:#FFF;}
.book-data-font .sp{display:inline-block;width:32px;line-height: 38px; text-align: center; font-weight: bold; color: #000; text-shadow: 1px 1px 1px #333; border-radius: 5px; margin: 3px 3px 3px 0;position: relative; overflow: hidden;font-size:16px;padding:0;margin:0 4px;}
.book-data-font .s1{font-size:14px;text-shadow: none;font-weight:300;}
.book-data-font .s2{font-size:16px;}
.book-data-font .s3{font-size:16px;}
.book-data-font .s4{font-size:16px;}
.book-data-font .s5{width:48px;}
.book-data-font .you{border: 1px solid #333;color:#fff;box-shadow: 0 1px 2px #8b8b8b inset, 0 -1px 0 #3d3d3d inset, 0 -2px 3px #8b8b8b inset; background: -webkit-linear-gradient(top,#656565,#4c4c4c);background: -moz-linear-gradient(top,#656565,#4a4a4a);background: linear-gradient(top,#656565,#4a4a4a);}
.book-data-font .gun{border: 1px solid #d2a000; box-shadow: 0 1px 2px #fedd71 inset, 0 -1px 0 #a38b39 inset, 0 -2px 3px #fedd71 inset; background: -webkit-linear-gradient(top,#fece34,#d8a605);background: -moz-linear-gradient(top,#fece34,#d8a605);color:#f1f1f1; background: linear-gradient(top,#fece34,#d8a605);}
.book-data-tags{display:block;position:relative;margin:0;padding:0 2px;text-align:center;background-color:#d1e3e9;}
.book-data-tags a{display:inline-block;line-height:32px;margin:0 15px;font-size:14px;color:#267abd;text-align:center;}
/** book data ------------------------  */



/** back to top css*/
.back-to-top {
    position: fixed;
    display: none;
    right: .2rem;
    bottom: 1rem;
    width: 1.4rem;
    height: 1.4rem;
    background: url('../images/back_top.png') center no-repeat;
    background-size: 1.4rem 1.4rem ;
    z-index: 99;
}

/* 上一页 下一页 css */
.book-page{
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    padding: 0;
    overflow: hidden;
    z-index: 888;

}
.book-page-bg{width:10rem;margin:0 auto;height:40px;position:relative;
background-image: -webkit-linear-gradient(to right,#4caf50,#ff7438);background-image: linear-gradient(to right,#4caf50,#ff7438);
-moz-box-shadow:0px -1px 4px #607D8B; -webkit-box-shadow:0px -1px 4px #607D8B; box-shadow:0px -1px 4px #607D8B;}
.book-page-a{display:block;width:3.33rem;height:40px;line-height:40px;text-align:center;font-size:18px;color:#FFF;float:left;}



/* 分页*/
.page{padding:8px;}
.page a{margin:8px;padding:5px;color:#03a9f4;font-size:14px;}
.page .current{color:#555;margin:8px;}

/** play history */
.play_history{margin:0 auto;padding:5px;}
.play_history .cc{width:100%;background-color:#FFF;}
.play_history .cc .tt{padding:0 10px;height:30px;line-height:30px;font-size:20px;background-color:#F9F9F9;border-bottom:1px solid #EEE;}
.play_history .cc .ff{height:30px;line-height:30px;background-color:#F9F9F9;border-bottom:1px solid #EEE;}
.play_history .cc .uu{margin:0;padding: 0 2px;max-height: 200px;overflow-y: auto;clear:both;}
.play_history .cc .uu li{height:28px;line-height:28px;border-bottom:1px dotted #CCC;padding:0 8px;font-size:14px;overflow:hidden;}
.play_history .cc .uu li p{width:77%;display:block;float:left;overflow:hidden;height:28px;line-height:28px;}
.play_history .cc .uu li a{width:18%;display:block;float:left;overflow:hidden;color:#05c;height:28px;line-height:28px;}
.play_history .cc .uu li span{width:5%;display:block;float:left;overflow:hidden;text-align:center;height:28px;line-height:28px;}
.play_history .cc .uu li a:hover{text-decoration: underline;}
.play_history .cc .uu li span:hover{color:red;}