:root{--bs-primary: #007c78;--bs-primary-rgb: 124, 56, 0}body{font-size:1rem}@media(min-width:576px){body{font-size:1.5rem}}a{color:#007c78;text-decoration:none}a:hover{color:#007c78;text-decoration:underline}.fs-7{font-size:.8rem!important}.fs-8{font-size:.7rem!important}.w-30{width:30%}.w-40{width:40%}.col-xs-2d4,.col-sm-2d4,.col-md-2d4,.col-lg-2d4{position:relative;min-height:0;padding-left:0;padding-right:0;flex:0 0 auto}@media(min-width:768px){.col-sm-2d4{width:20%}}@media(min-width:992px){.col-md-2d4{width:20%}}@media(min-width:1200px){.col-lg-2d4{width:20%}}.btn-group-mini>.btn,.btn-mini{padding:.1rem .2rem;font-size:.8rem;border-radius:.2rem}.nav-link{color:#007c78}.page-item.active .page-link{background-color:#007c78;border-color:#007c78}.page-link{color:#007c78}.page-link:hover{color:#007c78}.nav-link:focus,.nav-link:hover{color:#007c78}.btn-primary{color:#fff;background-color:#007c78;border-color:#007c78}.btn-primary:hover{color:#fff;background-color:#8f5424;border-color:#8f5424}.no-found{font-size:16px;color:#666;text-align:center;padding:20px 0}.header-logo{width:4rem}.header-search{background-color:#e9e9e9;border-radius:1rem;padding-left:1rem;height:2.4rem}.header-search .ipt{font-size:1rem;height:2.4rem;background:#e9e9e9;border:0;outline:0;-webkit-appearance:none;-webkit-rtl-ordering:logical;-webkit-writing-mode:horizontal-tb!important}.header-search .icon-sousuo{border:0;font-size:1.5rem;padding:0 10px;background-color:transparent;color:#767676}.header-nav{margin-left:2rem}.header-nav a{display:inline-block;color:#111;text-decoration:none;font-size:.9rem;height:2.5rem;line-height:2.5rem;padding:0 1rem}.header-nav a:hover{background-color:#f0f0f0;border-radius:1rem}.footer{width:100%;background-color:#004e48;color:#fff;padding:1rem 0}.footer a{color:#fff}.filter{padding:.5rem 0}.filter-title{color:#999;width:4rem;text-align:center;padding-top:.3rem}.filter-list a{color:#333;padding:.3rem .8rem;display:inline-block;text-decoration:none;border-radius:1rem}.filter-list a:hover{color:#008984}.filter-list .act{background-color:#f0f0f0;color:#008984}.comic-list .cover{width:75%}.comic-list .cover img{border-radius:5px;border:1px solid #e9e9e9;width:100%}.comic-list a{text-decoration:none;padding:10px 0}.comic-list a .title{margin-top:5px;color:#111}.comic-list .dot{line-height:22px;height:22px;overflow:hidden;text-align:center;text-overflow:ellipsis;width:90%}.comic-list a:hover .title{color:#008984;text-decoration:underline}.comic-list .auth{color:#333}.comic-list .last-vol{font-size:.8rem;color:#333}.comic-list .last-time{font-size:.8rem;color:#757575}.detail-cover{display:flex;justify-content:center;align-items:center;width:168px;height:240px}.detail-cover img{width:168px;height:240px;background-size:contain}.vol-item{border-bottom:1px solid #e0e0e0;padding-bottom:5px;margin-top:10px;display:flex;justify-content:space-between}.vol-item-no{font-weight:600}.vol-item-info{margin-left:5px;color:#666}.postcard{cursor:pointer}.postcard.active .border{border-color:#20a53a!important}.postcard .iconfont{display:none}.postcard.active .iconfont{display:inline-block;color:#20a53a!important}.donate{display:flex;justify-content:center;align-items:center;padding:5px 10px;border:1px solid #eee;position:relative;border-radius:5px;cursor:pointer}.donate .icon-alipay{color:#01a0e9}.donate .icon-weixin{color:#07ba05}.donate.active{border-color:#20a53a!important}.donate .icon-duigouxiao{display:none}.donate.active .icon-duigouxiao{display:inline-block;color:#20a53a!important}.rating{width:75px;height:15px;background-image:url(./../img/rating.png);background-repeat:no-repeat;background-size:100%}.rating50{background-position:0 0}.rating45{background-position:0 -15px}.rating40{background-position:0 -30px}.rating35{background-position:0 -45px}.rating30{background-position:0 -60px}.rating25{background-position:0 -75px}.rating20{background-position:0 -90px}.rating15{background-position:0 -105px}.rating10{background-position:0 -120px}.rating05{background-position:0 -135px}.rating00{background-position:0 -150px}.rating-bar{position:relative;height:10px;background-color:#f0f0f0}.rating-bar div{position:absolute;left:0;top:0;height:10px;background-color:#ffac2e}@media(min-width:768px){body{font-size:.9rem}}@media(min-width:992px){body{font-size:.9rem}}@media(min-width:1200px){body{font-size:.9rem}}


.rate{width:100%; margin:20px auto; color:#51555c; font-size:14px; position:relative; padding:10px 0;}
.rate p {margin:0; padding:0; display:inline; height:40px; overflow:hidden; position:absolute; top:0; left:50px; margin-left:120px;}
.rate p span.s {font-size:22px; line-height:22px; float:left; font-weight:bold; color:#DD5400;}
.rate p span.g {font-size:22px; display:block; float:left; color:#DD5400;}
.big_rate {width:120px; height:24px; text-align:left; position:absolute; top:3px; left:10px; display:inline-block; background:url(../img/start.png) left bottom repeat-x;}
.big_rate span {display:inline-block; width:24px; height:28px; position:relative; z-index:1000; cursor:pointer; overflow:hidden;}
.big_rate_up {width:120px; height:24px; position:absolute; top:0; left:0; background:url(../img/start.png) left top;}
#my_rate{ position:absolute; margin-top:40px; margin-left:100px}
#my_rate span{color:#dd5400; font-weight:bold}