body{color:#4c6978;font:14px 'microsoft yahei',Arial,Helvetica,sans-serif}
a{color:#4c6978;text-decoration:none;border:none;cursor:pointer}
a:hover{text-decoration:none}
*{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:400}

.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.clearfix{display:inline-block}
header{height:54px;background:#4baacd;line-height:54px;border-bottom:1px #4399b8 solid}
footer{padding:15px 10px;text-align:center;line-height:33px;background:#68aac2;position:relative;font-size:14px}

.hot_sale{clear:both; background:#edfaff; border-top:2px #edfaff solid; border-bottom:2px #edfaff solid; overflow:hidden;}
.hot_sale{position:relative; height:145px; padding:7px 10px 0 110px;}
.hot_sale img{position:absolute; left:10px; top:10px; border:1px #b4dae8 solid; width:87px; height:117px;}
.hot_sale .title{color:#375868; font-size:16px;}
.hot_sale .author, .hot_sale .review{font-size:14px; color:#7f9ba8; line-height:22px;}
.hot_sale .review{line-height:20px;}
.hot_sale:hover{background:#d9f5ff; border-bottom:2px #9dcada solid; border-top:2px #9dcada solid;}
.hot_saleEm, .hot_sale2Em{background:#fff; border-bottom:2px #fff solid; border-top:2px #fff solid;}
.hot_sale .date{color:#e76767; font-size:12px; margin-bottom:4px;}

.mybook em{color:#d25151}
.mybook .hot_sale p{line-height:20px}
.mybook .date{margin:0}
.mybook .hot_sale{padding:7px 8px 5px 40px;height:auto;overflow:hidden}
.mybook .hot_sale div a{width:80px;height:30px;line-height:30px;text-align:center;font-size:12px;border-radius:5px;color:#fff;margin-left:3px}
.mybook .hot_sale img{left:5px}
.mybook .hot_sale .author{font-size:12px}
.mybook .hot_sale div .dashang{background:#ff3e3e}
.mybook .hot_sale div .tuijian{background:#68aac2}
.mybook .hot_sale div .kuaiding{background:#b3b3b3}
.mybook .num{position:absolute;left:5px;top:10px;text-align:center;letter-spacing:-1px;height:25px;width:30px;line-height:25px;background:#B3B3B3;color:#fff;border-radius:5px}
.mybook .num1{background:#FF3E3E}
.mybook .num2{background:#68aac2}

.footer-bok{position:relative;display:block;box-sizing:border-box;height:3.76rem;padding:.76rem 6rem 0 4rem;margin:10px 0;border-top:#f6f7f9 1px solid;border-bottom:#f6f7f9 1px solid}
.footer-bok .icon-bok-logo{position:absolute;top:.6rem;left:1rem;font-size:1.5rem;color:#fff;border-radius:.38rem;background-color:#68aac2;padding:3px}
.footer-bok .btn-primary-small{position:absolute;top:0;right:1rem;bottom:0;height:1.6rem;margin:auto;font-size:.88rem;line-height:1.6rem;padding-right:2ch;padding-left:2ch;text-align:center;color:#fff;border-radius:1.6rem;background-color:#68aac2}
.footer-bok-h{font-size:.88rem}
.footer-bok-p{font-size:.76rem;color:#969ba3}
.icon-bok-logo > svg{width:32px;height:32px;vertical-align:-.25ex;fill:currentColor}

.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}
.channelHeader{overflow:hidden;padding:0}
.lnr{width:24px;height:24px;fill:currentColor}
.iconback{float:left;margin-left:10px}
.iconhome{float:right;margin-right:10px}
.iconback,.iconhome{margin-top:8px;text-align:center;display:block;color:#fff}

.lnr-arrow-up-circle{position:absolute;right:25px;top:18px;cursor:pointer;width:31px;color:#fff}
.lnr-magnifier{width:18px;height:18px}
.lnr-chevron-down{width:14px;height:18px}

.searchForm{text-align:center;margin:10px;position:relative;clear:both}
.searchForm_input{border:1px #c0deea solid;font-size:14px;background:#f8fdff;padding:0 60px 0 86px;width:100%;height:30px;line-height:30px;color:#cbcfd1}
.searchTarge{position:absolute;left:0;top:0;text-align:left;z-index:100}
.searchTarge .TargeTitle{padding-right:6px;height:30px;line-height:30px;border-right:1px #C0DEEA solid;color:#C0DEEA}
.searchTarge .TargeList{background:#C0DEEA;color:#fff;display:none}
.searchTarge .active{display:block!important}
.searchTarge .TargeList li:first-child{border-bottom:1px solid}
.searchTarge .TargeList li{padding:8px 0 8px 24px;line-height:24px}
.searchTarge .TargeList li:hover{background:#b4dae8}
.TargeTitle span{display:inline-block;float:left}
.serach_span{position:absolute;right:0;top:0;height:30px;color:#C0DEEA;line-height:30px;border-left:1px #C0DEEA solid;padding-right:8px}
.serach_span span{display:inline-block;float:left}
.s_magnifier{padding:6px 0 0 6px}
.s_chevrondown{padding:6px 0 0 3px}
.s_submitbtn .searchForm_btn{background:none;color:#C0DEEA;border:none;padding-top:7px;font-size:14px;padding-right:4px}

.page{background:#68aac2; padding:0 10px; color:#c5d7df; height:40px; line-height:40px; text-align:center;}
.page a{color:#fff; margin:0 5px;}
.pageinput{float:right;}
.page .page_txt{padding:2px 5px; border:1px #c5d7df solid; background:#f6fcff; color:#4c6978; border-radius:5px; font-size:14px; width:80px; margin-right:5px; color:#333; text-align:center;}
.page::before,.page::after{
    content: " ";
    white-space: pre;
}