body{color:#4c6978;font:14px microsoft yahei,Arial,Helvetica,sans-serif}input,textarea{font:12px 宋体,Arial,Helvetica,sans-serif;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-box-sizing:border-box}img{border:none}a{color:#4c6978;text-decoration:none;border:none;cursor:pointer}a:hover{text-decoration:none}.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}.clearfix{display:inline-block}*html .clearfix{height:1%}.clearfix{display:block}h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:400}div,p{wrap-work:break-word;word-break:break-all;word-wrap:break-word;word-break:normal;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;tap-highlight-color:transparent}.synopsisArea .btn{line-height:28px;text-align:center;padding-top:8px}.synopsisArea .btn{line-height:28px;height:40px;text-align:center;padding-top:8px}.synopsisArea .btn a{margin:5px 3px;padding:5px 18px;background-size:20px;background:#eb2650;color:#fff;text-align:center;font-size:16px;border-radius:5px;box-shadow:0 2px 1px #d32248 inset}.synopsisArea .btn .btn_toBookShelf{background:#f0962a;box-shadow:0 2px 1px #d88726 inset}.synopsisArea .btn .btn_toMyBook{background:#658fbd;box-shadow:0 2px 1px #5b80aa inset}.recommend .label,.tabArea .label{padding:0 5px;width:320px;margin:0 auto;margin-bottom:5px;margin-top:5px}.channelHeaderG{background:#ffa3bf;text-shadow:1px 1px #ff779b}.channelHeaderP{background:#7bd4b8}.channelHeader{height:45px;line-height:45px;text-align:center;font-size:16px;color:#fff;text-shadow:1px 1px #2680aa;background-size:136px 45px;background-color:#68aac2;border-top:1px #8ec5d9 solid}.channelHeader2 .title{display:block;text-align:center;height:45px;overflow:hidden;margin-right:32px}.channelHeader{overflow:hidden;padding:0}.channelHeader2 .iconhome{margin-top:-44px}.iconback{float:left}.iconhome{float:right}.iconback,.iconhome{margin-top:3px;font-size:12px;text-align:center;color:#fff;line-height:40px;width:40px;height:40px}.iconback img,.iconhome img{width:40px;height:40px;font-size:12px;text-align:center;line-height:40px}.tabArea{width:100%;overflow:hidden;margin:0 auto}.tab-navarea{background:#68aac2;width:100%}.tabArea .tab-nav{height:40px;overflow:hidden}.tabArea .tab-nav h2{font-size:16px;background:#68aac2;float:left;width:33.3%;text-align:center;height:40px;line-height:40px;cursor:pointer}.tabArea .tab-nav h2 a{color:#d2e4eb;text-shadow:1px 1px #3c84a6}.tabArea .tab-nav h2 .tab-nav-cur{color:#fff;border-bottom:2px #fff solid;padding-bottom:5px}.tabArea2 .tab-nav h2{width:50%}.tabArea4 .tab-nav h2{width:25%}.hot_sale{clear:both;overflow:hidden;border-bottom:1px #d6d6d6 solid}.hot_sale{position:relative;padding:10px 5px 10px 0;height:100px}.hot_sale img{float:left;border:1px #b4dae8 solid;width:60px;height:80px;margin-right:10px}.hot_sale .title{color:#375868;font-size:16px;height:20px;overflow:hidden}.hot_sale .author{font-size:14px;color:#7f9ba8;line-height:25px}.hot_sale .review{font-size:14px;color:#7f9ba8;line-height:21px}.hot_sale .longview{float:right;margin:10px 5px;width:20px;height:20px;background:url(../images/longview.png) no-repeat;background-size:100%}.hot_sale:last-child{border-bottom-color:#fff}.more{height:40px;text-align:center;line-height:40px;color:#ccc;border-top:1px #d6d6d6 solid}.more a{display:block}.more span{display:none}.more img{margin-left:8px;margin-bottom:-3px}.sortChannel_nav{height:auto;overflow:hidden;float:left;width:22%;background:#fff;position:relative}.sortChannel_nav a{display:block;height:50px;line-height:50px;text-align:center;border:1px #d6d6d6 solid;margin-top:-1px;background:#fff}.sortChannel_nav a.on{border-right:none;color:#4baacd}.sortChannelG_nav a.on{color:#ff77a5}.sortChannelP_nav a.on{color:#67c3a6}.recommend{float:left;width:78%;padding-left:10px;border-left:1px #d6d6d6 solid;margin-left:-1px}#slidetop{position:fixed;width:29px;height:29px;background:url(../images/top.png) no-repeat;background-size:100%;bottom:20px;right:-50px;transition:right 1s;-moz-transition:right 1s;-o-transition:right 1s;-webkit-transition:right 1s}.searchForm{text-align:center;margin:10px;position:relative;clear:both}.searchForm_input{border:1px #c0deea solid;font-size:14px;background:#f8fdff;padding:0 5px;width:100%;height:30px;line-height:30px;color:#cbcfd1}.searchForm_btn{position:absolute;right:0;top:0;padding:0;height:30px;width:60px;color:#c0deea;padding-left:25px;line-height:30px;border:none;background:url(../images/icon-search.gif) no-repeat 15% 50%;background-size:18px;border-left:1px #c0deea solid}*{margin:0;padding:0}footer{clear:both;padding:15px 10px;text-align:center;line-height:33px;background:#68aac2;position:relative;font-size:14px}footer .version a{margin:0 10px;color:#c5d7df;text-shadow:1px 1px #3e86a8}footer .version .sel{color:#fff;font-size:16px}footer .link a{margin:0 10px;color:#accad6;font-size:14px}footer img{position:absolute;right:25px;top:15px;cursor:pointer;width:31px}footer .channel a{margin:0 5px;color:#c5d7df;text-shadow:1px 1px #3e86a8}.footerG{background:#ffa3bf}.footerP{background:#7bd4b8}.footerG .link a,.footerP .link a{color:#fff}.pager{border-top:1px #d6d6d6 solid;padding:10px 5px 0 0;text-align:center}.pagelink{border:1px solid #a3bee8;float:center;background:#f0f7ff;line-height:30px}.pagelink a,.pagelink strong,.pagelink em,.pagelink kbd,.pagelink a.first,.pagelink a.last,.pagelink a.prev,.pagelink a.next,.pagelink a.pgroup,.pagelink a.ngroup{float:center;padding:0 6px 0 20px}.pagelink a:hover{background-color:#fff}.pagelink strong{font-weight:700;color:#f60;background:#e9f1f8}.pagelink kbd{height:28px;border-left:1px solid #a3bee8}.pagelink em{height:28px;border-right:1px solid #a3bee8;font-style:normal}.pagelink input{border:1px solid #a3bee8;color:#054e86;margin-top:1px;height:18px}
.onselect {
    border: 1px solid #68aac2!important;
    background: #68aac2!important;
    color: #fff!important;
}
.index-container{
    display: flex;
    justify-content: space-between;
    padding: 10px;
}
#indexselect{
    width: 49%;
    margin: 0 1rem;
    text-indent: 5px;
    border: none;
    border-bottom: 1px solid #108ee9;
    background: #fff;
    outline: none;
}
.index-container-btn{
    background: #68aac2;
    border-radius: 3px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    display: block;
    color: #fff;
    width: 25%;
}

/*search*/
.search { padding: 10px 5px 10px 5px; }
.search .key { height: 25px; width: 90%; line-height: 25px; border: 0; color: #999; text-indent: 5px; font-size: 16px; outline: none; }
.search .go { height: 30px; width: 35px; border: 0; background-color: transparent; z-index: 9999; }
.search .type { background-color: #fff; border: 1px solid #CCC; width: 50px; height: 35px; line-height: 35px; text-align: center; font-weight: 700; color: #000; }
.reg { float: right; padding-right: 10px; font-size: 16px; color: #fff;height:40px; }
.reg a { color: #fff;line-height:20px;padding:4px 10px;margin:10px 0px 0px 10px;}