.modal-open .modal {
    z-index: 9999;
}
ul, li {
    padding: 0;
    margin: 0;
}
.option-tab-content.show {
    display: block;
    opacity: 1;
    position: fixed;
}
.option-tab-content {
    opacity: 0;
    display: none;
    transition: opacity .05s linear;
}
.option-tab-content {
    background-color: #fff;
    width: 300px;
    padding: 15px 20px 20px 20px;
    -webkit-box-shadow: 0px 0px 4px 1px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 4px 1px rgb(0 0 0 / 25%);
    position: absolute;
    right: 10px;
    top: 50px;
    z-index: 1;
}
.read-book-tab.current {
    display: block;
    opacity: 1;
    margin-bottom: -7px;
}
.read-book-tab {
    opacity: 0;
    display: none;
    transition: opacity .05s linear;
}
.waka-box-header .nav-tabs .nav-link.active, .option-tab-content .nav-tabs .nav-link.active {
    position: relative;
    color: #F58634;
}
.option-tab-content .nav-tabs .nav-link:first-child {
    padding-left: 0px !important;
    margin-left: 10px !important;
}
.waka-box-header .nav-tabs a.nav-link, .option-tab-content .nav-tabs a.nav-link, .cat-box-header a.nav-link {
    padding: 0 0 10px 0;
    border: none;
    background: transparent;
    position: relative;
}
.option-tab-content .nav-tabs .nav-link {
    margin: 0 0 0px 20px !important;
    text-transform: uppercase;
}
.option-tab-content .nav-tabs .nav-link:first-child::after {
    left: 50%;
}
.option-tab-content .nav-tabs .nav-link::after {
    left: calc(50% + 14px);
}
.option-tab-content .nav-tabs .nav-link::after {
    bottom: 0;
}
.waka-box-header .nav-tabs .nav-link::after, .option-tab-content .nav-tabs .nav-link::after, .cat-box-header a.nav-link::after {
    height: 12px;
    width: 48px;
    background: transparent;
    content: '';
    display: block;
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
}
@media (min-width: 576px){
    .modal-sm {
        max-width: 380px;
    }
}
@media (max-width: 1279px){
    .home-slider{
        overflow: inherit;
    }
}
@media (max-width: 1280px){
    .container {
        max-width: 1180px;
    }
    .reader-footer .container {
        min-width: 760px;
        width: 760px;
    }
}
@media (width: 1366px){
    .ac_results {
        left: calc((100vw - 1100px) / 2 + 140px) !important;
    }
}
@media (min-width: 1200px){
    .col-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-80 {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
}
@media (min-width: 1280px){
    .container {
        max-width: 1180px;
    }
}
@media (max-width: 1400px){
    .mt25{
        margin-top:15px;
    }
    .plr20{
        padding-left:15px;
        padding-right:15px;
    }
    .pt40{
        padding-top:30px;
    }
    .detail-book{
        padding-top:0px;
    }
    .mt40{
        margin-top:30px;
    }
    .mt20{
        margin-top:10px;
    }
    .mb40{
        margin-bottom: 20px;
    }
    .p20 {
        padding: 15px;
    }
    .fb-box {
        top: 14px;
        right: 15px;
    }
    .content-col{
        width:calc(100% - 10px);
    }
    .popular-read-box{
        padding-top:14px;
    }
    .most-sidebar-header h5 {
        margin-bottom: 17px;
    }
    .most-content {
        padding-top: 19px;
    }
    .infor-book-row span{
        color: #888;
    }
    .radio-book-item.card-book {
        margin-bottom: 19px;
    }
    .news-sidebar-header h5{
        margin-bottom: 17px;
    }
    .br-line .waka-box-header {
        height: 70px;
    }
    .page-item .page-link {
        height:30px;
        width:30px;
        line-height: 14px;
        padding: 8px 11px;
    }
    .waka-book-list .col-card-book:nth-child(n+7){
        margin-top:30px;
    }
    .pagination-btn {
        padding: 5px 10.75px !important;
    }
    nav.nav-pagination {
        margin-top: 0px;
    }
    .br-line .waka-box-header .nav-tabs a.nav-link {
        padding: 0 0 17px 0;
    }
    .waka-box-content-1{
        padding-bottom:5px;
    }
    .hidden-cus{
        display: none !important;
    }
    /*.left-read-page.read-full{
        display: none;
    }*/
    .read-book-page-content.read-full{
        padding:0;
    }
    .read-book-page-content.read-full .reading-box{
        padding: 30px 80px 37px 80px;
    }
    .read-book-page-content.read-full .reading-box .read-next-page {
        right:40px;
    }
    .read-book-page-content.read-full .reading-box .read-prev-page {
        left: 55px !important;
    }
    #new-week-prev.swiper-button-disabled,
    #top-sale-slider-prev.swiper-button-disabled,
    #newest-prev.swiper-button-disabled,
    #best-collection-slider-prev.swiper-button-disabled,
    #recommend-slider-prev.swiper-button-disabled,
    .slider-green-prev.swiper-button-disabled,
    #new-week-prev,
    #newest-prev,
    #top-sale-slider-prev,
    #best-collection-slider-prev,
    #recommend-slider-prev,
    .slider-green-prev,
    #new-week-prev:hover,
    #newest-prev:hover,
    #top-sale-slider-prev:hover,
    #best-collection-slider-prev:hover,
    #recommend-slider-prev:hover,
    #slider-schedule-prev:hover,
    #comic-slider-prev:hover,
    #customer-quote-slider-prev:hover,
    .slider-cat-prev:hover,
    .slider-green-prev:hover,
    #new-week-next:hover,
    #top-sale-slider-next:hover,
    #newest-next:hover,
    #best-collection-slider-next:hover,
    #recommend-slider-next:hover,
    #slider-schedule-next:hover,
    #comic-slider-next:hover,
    #customer-quote-slider-next:hover,
    .slider-cat-next:hover,
    .slider-green-next:hover,
    #newest-next.swiper-button-disabled,
    #new-week-next.swiper-button-disabled,
    #top-sale-slider-next.swiper-button-disabled,
    #best-collection-slider-next.swiper-button-disabled,
    #recommend-slider-next.swiper-button-disabled,
    .slider-green-next.swiper-button-disabled,
    #new-week-next,
    #newest-next,
    #top-sale-slider-next,
    #best-collection-slider-next,
    #recommend-slider-next,
    .slider-green-next,
    .read-next-page,
    .read-next-page:hover,
    .read-prev-page:hover,
    .read-prev-page{
        background-size:12px 21px;
    }
    #new-week-prev, #newest-prev, #top-sale-slider-prev {
        left: 8px;
    }
    #new-week-next, #newest-next, #top-sale-slider-next {
        right: -6px;
    }
}
@media (min-width: 1700px){
    .hot-free,.popular-read,.radio-box,.schedule-box .right-col,.comic-box-desc,.big-left-col{
        width:1220px;
    }
    .cat-box .right-col{
        width:1180px;
    }
    .col-left{
        width: 1200px;
    }
    .comic-box-desc p {
        width: 1089px;
        margin-left: 55px;
    }
    .footer-left-col,.footer-right-col{
        width: 360px;
    }
    .footer-center-col{
        width: 860px;
    }
    .col-waka{
        width:33.33%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-waka-3{
        width:25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-waka-4{
        width:20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-book{
        margin-right: 35px;
    }
    .col-collection{
        width: 315px;
        height: 155px;
        margin-right:93.33px;
        margin-bottom:40px;
    }
    .col-top-sale,
    .magazine-card-item{
        margin-right:56px;
    }
    .magazine-card-item{
        margin-bottom:20px;
    }
    .magazine-card-item-2,
    .magazine-list .magazine-card-item-2:nth-child(6n+0){
        margin-right:64px;
    }
    .col-card-book{
        height: 413px;
        margin-right:64px;
    }
    .collection-banner{
        height:498px;
    }
    .vip-page-banner{
        height:400px;
        background-size: 1580px 400px;
    }
    .vip-page-banner-overlay{
        background-size: 1580px 400px;
    }
    .container {
        max-width: 1580px;
        width: 1580px;
    }
    .reader-footer .container {
        width: 1060px;
    }
    .card-book{
        padding-left:15px;
        padding-right:15px;
        margin-top:15px;
    }
    .customer-quote-slider{
        width: 980px;
        margin-top: 25px;
    }
    .nav-left .has-child .sub-menu{
        width: 380px;
    }
    .collection-slide-item{
        width: 315px;
        height: 155px;
    }
    .comic-box-content,.recommend-slider,.best-collection-slider{
        padding-left: 30px;
        padding-right: 30px;
    }
    .hot-news{
        width: 550px;
        margin-right:40px;
    }
    .col-author{
        width:380px;
    }
    .middle-book {
        margin-left: -40px;
    }
    .info-col.show{
        display: block;
    }
    .rb-info-left{
        width:340px;
    }
    .radio-chap-title{
        padding-left: 255px !important;
    }
    .strengths-box .card{
        width:268px;
        margin-right:40px;
        float: left;
    }
    .strengths-box .card img{
        width:268px;
        height:151px;
    }
    .radio-book-item .t-card-book{
        width:280px !important;
    }
    .col-audio-book-2{
        width: 280px !important;
    }
    .col-audio-book-2{
        margin-right: 45px;
    }
    .col-audio-book-3{
        margin-right: 35px;
    }
    .col-audio-book-3{
        width: 280px;
    }
    .book-row .col-audio-book-3:nth-child(5n+0){
        margin-right:0;
    }
    body{
        font-size: 14px;
    }
    .form-control,
    .dropdown-menu,
    .top-search-form button,
    .left-sidebar-content h2,
    .cloud-tag-content h3,
    .most-sidebar-content h3,
    .most-sidebar-content ul li span.listen-count,
    .t-card-book-infor-title h3,
    .new-week-card-item .card-title,
    .magazine-card-item .card-title,
    .magazine-card-item-2 .card-title,
    .author-card-item .card-title,
    .newest-card-item .card-title,
    .news-item-title h4,
    .rank-item-title h4,
    .hot-item,
    .radio-b-list .same-cat-vote p,
    .short-item .same-cat-vote p,
    .same-cat-vote p strong.rate-score,
    .book-rate-box p strong.rate-score,
    .rating-submit,
    .trial-content-box h3,
    .reading-status h3,
    .comic-chap-box h3,
    .left-sidebar-content h2 + span,
    .schedule-name p{
        font-size: 14px;
    }
    .chap-label,.free-radio-book{
        font-size: 9px;
    }
    .bookmark-list li .bookmark-time,
    .t-card-book-infor-author,
    .t-card-book-likes small,
    .t-card-book-infor-vote small,
    .t-card-book-infor-description,
    .t-card-book-infor-vote span i,
    .new-week-card-item .card-text,
    .magazine-card-item .card-text,
    .magazine-card-item-2 .card-text,
    .author-card-item .card-text,
    .newest-card-item .card-text,
    .t-comic-desc-vote,
    .top-sale-detail-content p.b-author,
    .top-sale-detail-content a.b-author,
    .recommend-detail-content p.b-author,
    .recommend-detail-content a.b-author,
    .same-cat-vote p,
    .notify-time
    {
        font-size: 12px;
    }
    .top-search-form #keyword{
        font-size: 16px;
    }
    header a.first-name-char{
        font-size: 16px;
    }
    .collection-about p {
        font-size: 15px;
    }
    .read-book-page-header .book-title h1,
    .radio-listen-count,
    .package-info-content h3,
    .package-info-content .register-status h4,
    .news-sidebar-header h5,
    .rank-sidebar-header h5,
    .most-sidebar-header h5,
    .left-sidebar-header h5,
    .cloud-tag-header h5,
    .hot-news .card-title,
    .news-item-name,
    .calendar .week-day,
    .top-sale-card.card .card-footer span,
    .recommend-slider .card-footer span,
    .minute-count,
    .rank-num,
    .top-sale-card.card .card-footer strong,
    .recommend-slider .card .card-footer strong,
    .cus-name,
    .thank-box .thank-quote p,
    .strengths-box .card h4.card-title,
    .schedule-name p:last-child
    {
        font-size: 18px;
    }
    .cat-desc span,
    .pagination i{
        font-size: 20px;
    }
    .schedule-desc h2,.schedule-desc span.year{
        font-size: 21px;
    }
    .waka-box-header h2,.waka-box-header-2 h2,
    .new-week-header h2,.best-collection-header h2,.recommend-header h2,
    .article-title,
    .calendar .date,
    .news-item-day,
    .same-cat-box h3,.connect-box h3,
    .popper-box-title,
    .notify-page-list .left-sidebar-header h5,
    .notify-page-content-detail h3.notify-detail-title,
    .waka-breadcrumb a.bc-link,
    .book-info-text h3,
    .magazine-info-text h3,
    .radio-book-info-text h3,
    .author-name h3
    {
        font-size: 24px;
    }
    .book-info-text h3,
    .magazine-info-text h3,
    .radio-book-info-text h3,
    .author-name h3
    {
        line-height: 29px;
        margin-top:-6px;
        margin-bottom: 4px;
    }
    #back-to-top i{
        font-size: 48px;
    }
    .schedule-desc h3{
        /*font-size: 40px;*/
        font-size: 36px;
    }
    header a.header-logo img{
        width: 139px;
        height:32px;
    }
    .top-search-form #keyword{
        width: 593px;
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .top-search-form button,
    .top-search-form button:focus{
        width:97px;
        padding-top: 6px;
        padding-bottom: 5px;
    }
    .top-search-form{
        margin-top: 3px;
        width: 690px;
    }
    .left-top-menu{
        width: 850px;
    }
    a.vip-package{
        width:90px;
        height:30px;
        background: transparent url(../images/waka-vip.png) no-repeat;
    }
    header a.first-name-char {
        width: 30px;
        height: 30px;
        line-height: 33px;
        margin-top:14px;
    }
    header .left-top-menu{
        margin-top: 13px;
    }
    header a.vip-package{
        margin-top:15px;
    }
    header a.user-name{
        margin-top: 13px;
    }
    a.vip-user {
        margin-top: 18px;
    }
    header .vip-package-text:after{
        top: 4px;
    }
    header .top-menu ul.root-menu,
    header .top-head-menu ul.root-menu{
        padding-top: 6px;
    }
    .right-top-menu .dropdown-menu {
        top: 23px !important;
        right: -3px;
    }
    header .top-menu .left-sidebar {
        width: 160px;
        top: 11px;
    }
    .sidebar-col,.news-col,.most-listen-col,.schedule-box .left-col,.cat-box .left-col{
        width:360px;
    }
    .nav-left .has-child .sub-menu{
        width:400px;
    }
    header .top-menu .left-sidebar .left-sidebar-content,
    header .top-head-menu .left-sidebar .left-sidebar-content {
        width: 360px;
    }
    .hot-free,.popular-read,.radio-box{
        padding-left: 40px;
    }
    .col-waka-card,.col-waka-card-2{
        width: 380px;
    }
    .t-card-book-img {
        margin-left: 19px;
        margin-top: -31px;
        width: 160px;
        max-width: 160px;
        height: 234px;
    }
    .t-card-book-infor {
        width: -moz-calc(100% - 180px);
        width: -webkit-calc(100% - 180px);
        width: calc(100% - 180px);
        padding-left: 20px;
        padding-right: 20px;
        max-height: 200px;
    }
    .t-card-book-infor-title h3 {
        margin-top: 24px;
        margin-bottom: 7px !important;
    }
    .radio-book-item .t-card-book-infor-title h3 {
        margin-bottom: 5px !important;
    }
    .t-card-book-infor-author {
        line-height: 14px;
        height: 14px;
    }
    .t-card-book-infor-description {
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 22px;
        height: 66px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .waka-box-content-1 .t-card-book{
        height:254px;
    }
    .t-break-line{
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-top: 20px;
    }
    .t-card-book-infor-vote {
        padding: 10px 0 8px 0;
    }
    .view-b-icon{
        width: 54px !important;
        height: 54px;
        margin-top: -27px;
        margin-left: -27px;
        background-size: 54px 54px !important;
    }
    a.t-card-detail-link{
        bottom: 19px;
        right: 35px;
        width: 90px;
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        padding-right: 20px;
        padding-left: 20px;
    }
    .nav-left .has-child .sub-menu{
        padding-left: 20px;
    }
    .nav-left .has-child .sub-menu ul{
        padding: 25px 20px 15px 20px;
        width: 275px;
    }
    .left-sidebar-content{
        margin-top: 18px;
    }
    .left-sidebar-content ul li a{
        padding-top: 3px;
        padding-bottom: 3px;
    }
    li.li-line{
        margin-top: -3px;
        margin-bottom: 6px;
    }
    .cloud-tag-content{
        margin-top: 21px;
    }
    .cloud-tag-content a{
        margin-bottom: 14px;
    }
    .cloud-tag-content h3{
        line-height: 21px;
    }
    .h151{
        height:151px;
    }
    .schedule-box{
        height:200px;
    }
    .schedule-box-desc,
    .cat-box-desc{
        width: 240px;
        height: 160px;
    }
    .left-top-corner,
    .right-top-corner,
    .right-bottom-corner,
    .left-bottom-corner{
        width: 45px;
        height: 45px;
    }
    .schedule-box-desc{
        padding: 28px 31px;
    }
    .schedule-desc span.bd{
        width: 50px;
    }
    .schedule-box-content{
        margin-top: 40px;
    }
    .new-week-cont{
        padding-top: 16px;
    }
    .waka-box-header,.waka-box-header-2{
        height: 42px;
    }
    a.new-week-see-all,
    a.news-sidebar-see-all,
    a.rank-sidebar-see-all,
    a.best-collection-see-all,
    a.top-sale-see-all,
    a.recommend-see-all{
        top: 6px;
    }
    .waka-box-header-2{
        margin-bottom:8px;
    }
    .new-week-card-item .card img.card-img-top,
    .newest-card-item .card img.card-img-top{
        width:208px;
        height:306px;
    }
    .new-week-card-item .card,
    .newest-card-item .card{
        width: 208px;
        height:411px;
    }
    .new-week-card-item .view-b-icon,
    .newest-card-item .view-b-icon{
        /*top: 126px;*/
        /*left: 78px;*/
        top: 153px;
        left: 104px;
    }
    .newest-card-item,
    .new-week-card-item{
        height:413px;
    }
    .new-week-cont{
        padding-bottom: 40px;
    }
    .waka-box-content-2{
        padding-left: 30px;
        padding-right: 30px;
    }
    .rank-box-bg img{
        width:360px;
        height:180px;
    }
    .rank-box-bg{
        position: relative;
        margin-left: -20px;
        margin-right: -20px;
    }
    .rank-item-num span,.rank-item-num{
        height: 40px;
        line-height: 40px;
    }
    .rank-item-num{
        width: 40px;
        height: 40px;
    }
    .rank-sidebar-content ul li:first-child a{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .rank-item-title{
        width: 280px;
    }
    .minute-count{
        position: absolute;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }
    .rank-box-bg .rank-box-bg-ovl{
        height:80px;
    }
    .rank-sidebar-content ul{
        margin-top: -80px;
    }
    .new-week-header h2,
    .best-collection-header h2,
    .recommend-header h2,
    .waka-box-header h2{
        height: 42px;
    }

    .col-audio-book{
        margin-right: 20px;
    }
    .radio-book-item .t-card-book-img {
        margin-left: calc(50% - 80px);
    }
    .radio-book-item .view-b-icon{
        margin-top: -104px;
    }
    .radio-book-item .t-card-book-desc{
        top: 151px;
    }
    .most-content{
        padding-top:15px;
    }
    .most-sidebar-content ul li a{
        padding-top: 15px;
        padding-bottom: 14px;
    }
    .comic-box-title {
        width: 360px;
    }
    .top-sale-card.card img.card-img-top,
    .recommend-slider .card img.card-img-top{
        width:160px;
        height: 234px;
    }
    .radio-book-item .t-card-book-infor-title h3 {
        margin-top: 16px;
        line-height: 19px;
        height:38px;
        margin-bottom: 1px;
    }
    .radio-book-item .t-card-book-infor{
        padding-left: 20px;
        padding-right: 20px;
    }
    .radio-book-item .t-break-line{
        margin-top: 9px;
    }
    .radio-book-item .t-card-book-likes {
        padding-bottom: 3px;
    }
    .top-sale-card.card,
    .recommend-slider .card{
        width:210px;
    }
    .top-sale-detail-content,
    .recommend-detail-content {
        margin-top: 84px;
    }
    .top-sale-card.card .card-body,
    .recommend-slider .card-body{
        padding:25px;
    }
    .hot-item{
        width: 42px;
        height: 42px;
        top: 10px;
        left: 10px;
        line-height: 42px;
        font-size: 13px;
    }
    .top-sale-card.card .card-footer,
    .recommend-slider .card .card-footer{
        padding-top: 13.5px;
        padding-bottom: 13.5px;
    }
    .swiper-container.top-sale-slider .swiper-slide,
    .swiper-container.recommend-slider .swiper-slide{
        height:343px;
    }
    .best-collection-box,.recommend-box{
        padding-top:16px;
    }
    .collection-slide-item,.collection-slide-item a{
        width: 315px;
        height: 155px;
    }
    .collection-item-detail{
        height:46px;
        width: calc(100% - 8px);
        padding: 4px 4px;
    }
    .thank-box{
        padding-left: 40px;
        padding-right: 40px;
    }
    .strengths-box .card .card-body{
        padding:18px 0;
    }
    .strengths-box .card .card-text{
        line-height:23px;
    }
    .strengths-box .card h4.card-title{
        margin-bottom:10px;
    }
    .customer-quote{
        height:180px;
    }
    p.cus-quote{
        padding-top: 6px;
    }
    .top-head-sub-content.news-feedback h2,
    .top-head-sub-content.customer-feedback h2{
        font-size: 24px;
    }
    /*.newspaper-name{*/
        /*font-size: 18px;*/
    /*}*/
    .customer-circle span{
         font-size: 24px;
    }
    .nav-left .has-child .sub-menu ul{
        padding: 25px 15px 15px 15px;
    }
    .nav-left .has-child .sub-menu h2.parent-title{
        font-weight: bold;
    }
    .schedule-item{
        width: 292px;
        height: 80px;
        padding: 19px 18px;
    }
    .schedule-box .right-col{
        padding-right: 40px;
    }
    .schedule-box .right-col,
    .cat-box .right-col{
        padding-left: 40px;
    }
    .schedule-name p:last-child {
        margin-top: 4px;
    }
    .news-sidebar-content ul li:first-child a{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .news-item-date{
        width: 60px;
        height: 60px;
    }
    .news-item-title{
        padding-left: 20px;
    }
    .news-item-title h4,
    .rank-item-title h4{
        margin-top:1px;
        line-height: 19px;
        height: 57px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .rank-item-title h4{
        height: 39px;
        line-height: 39px;
        width: 160px;
    }
    .news-sidebar-content ul li a,
    .rank-sidebar-content ul li a{
        padding-top: 18px;
        padding-bottom: 20px;
    }
    .h142{
        height:142px;
    }
    a.news-sidebar-see-all,
    a.rank-sidebar-see-all{
        margin-top: 11px;
    }
    .newest-box,.rank-box{
        padding-bottom:10px;
    }
    .waka-box-1{
        padding-top: 12px;
    }
    .col-waka-card{
        margin-top:15px;
    }
    .t-card-book-infor-vote span {
        display: auto;
        width:auto;
    }
    .top-sale-detail-content a.b-author,
    .recommend-detail-content a.b-author{
        height: 18px;
    }
    .tag-box {
        margin-top: 20px;
    }
    .sidebar-box {
        padding-bottom: 15px;
    }
    .most-listen-box.r3{
        height: calc(100% - 80px);
    }
    .loading{
        background-image: url(../images/loading.gif);
        background-size: 40px 40px;
    }
    .login-btn{
        height:30px;
        line-height:30px;
        margin-top: 15px;
    }
    .vertical-schedule-desc {
        width: 240px;
        height: 160px;
        padding: 28px 31px;
        margin-bottom:40px;
    }
    .schedule-desc {
        width: 180px;
    }
    .vertical-schedule{
        background-color: #8BD0DE;
        padding:40px 20px 24px 20px;
    }
    .vertical-schedule-content .schedule-item {
        width: 320px;
        height: 120px;
    }
    .vertical-schedule-content .schedule-item .schedule-name {
        width: 210px;
    }
    .cat-box{
        height:235px;
        margin-bottom: 20px;
    }
    .cat-desc{
        width: 190px;
        height: 154px;
    }
    .cat-desc .h-wrap{
        height: 95px;
    }
    .col-right{
        width: 380px;
    }
    .book-thumb{
        height:497px;
        width:340px;
    }
    .book-info{
        padding-left:60px;
        height:497px;
    }
    .ac_results {
        width: 690px !important;
        left: calc((100vw - 1580px) / 2 + 160px)!important;
    }
    .book-info-text h3{
        width:600px;
    }
    .book-info-text p,
    .radio-book-info-text p,
    .magazine-info-text p{
        line-height: 30px;
    }
    a.book-info-link {
        margin-top: 10px;
        margin-bottom: 30px;
        width: 153px;
        height: 30px;
        line-height: 30px;
    }
    .book-info-desc,.author-info-desc{
        padding:20px;
    }
    .book-info-desc{
        height:102px;
        margin-bottom:30px;
    }
    .book-info-desc p{
        height: 42px;
        line-height: 21px;
    }
    a.book-info-listen-link{
        background-position: 20px center;
        width:182px;
        padding-left:43px;
        font-size: 13px;
        margin-bottom: 20px;
    }
    .book-rate-info{
        width:340px;
        float: left;
        text-align: center;
    }
    .rate-icon,.do-rate-icon{
        display: inline-block;
        height: 60px;
        width:60px;
        background-size: 60px 60px !important;
    }
    .same-cat-list{
        margin-top: 35px;
    }
    .same-cat-item{
        width: 210px;
        height: 307px;
        margin-bottom: 50px;
    }
    .same-cat-vote{
        height:50px;
    }
    .same-cat-vote p{
        line-height: 50px;
    }
    .social-box{
        margin-top:20px;
    }
    .short-item{
        width: 210px;
        height: 314px;
    }
    .swiper-container.radio-short-slider .swiper-slide{
        height:319px;
    }
    .radio-book-thumb{
        width: 140px;
        height:205px;
    }
    .radio-book-info{
        padding-left:60px;
        height:205px;
    }
    .rb-info-left{
        width:300px;
    }
    .rb-info-right{
        width:calc(100% - 300px);
    }
    #waka-player{
        margin-top:20px;
    }
    .waka-playlist table tbody tr td{
        padding: 13px 12px 12px 12px;
    }
    .playlist-info{
        margin-top:14px;
    }
    .radio-b-desc{
        margin-top:12px;
    }
    .radio-sl .new-week-card-item,
    .comic-sl .new-week-card-item{
        height:386px;
    }
    .radio-sl .new-week-card-item .card,
    .comic-sl .new-week-card-item .card{
        height:384px;
    }
    .comic-desc{
        margin-bottom: 90px;
    }
    .collection-about{
        height:100px;
        margin-top:40px;
    }
    .col-top-sale{
        height: 340px;
    }
    .col-top-sale,
    .col-card-book{
        width: 210px;
        margin-top:40px;
    }
    .top-sale-list{
        padding-bottom:35px;
    }
    .collection-banner{
        height:372px;
    }
    .waka-breadcrumb .care-box{
        top: -5px;
    }
    table.collection-chap-table td.chapter-cell img{
        height: 125px;
    }
    table.collection-chap-table td{
        height: 147px;
    }
    .chap-label{
        top: 54px;
    }
    .big-left-col{
        padding-right:40px;
    }
    .hot-news .card-title,.hot-news .card-text,.news-item-except,.news-item-name {
        line-height: 23px;
        height: 46px;
    }
    .hot-news .card-body{
        padding:16px 0 20px;
    }
    .news-item-name{
        margin-bottom: 4px;
    }
    span.news-time,
    .news-item-time{
        margin-bottom: 9px;
    }
    .news-list-item {
        padding-top: 15px;
    }
    .news-item-thumb{
        width:300px;
        height: 148px;
    }
    .news-item-info{
        padding-left:40px;
    }
    .article-title{
        margin-top:0;
    }
    .article-like-box{
        margin-top:5px;
    }
    .article-content{
        margin-top: 0px;
    }
    .related-article{
        margin-top:42px;
    }
    .left-read-page{
        width: 310px;
        padding: 24px 10px;
    }
    .proofread_container {
        margin: 0 330px;
    }
    .proofread_right{
        right: 330px;
    }

    .infor-book-row span{
        font-weight: bold;
    }
    .infor-book-row label{
        margin-right:5px;
    }
    .register-box{
        margin-top:20px;
    }
    .register-box a.vip-package{
        margin-bottom:9px;
    }
    .read-book-page-content{
        padding: 0 310px;
    }
    .col-author{
        width:280px;
        margin-right: 20px;
        padding: 10px 20px 30px 20px;
    }
    .row-20 {
        margin-right: -20px;
        margin-left: -20px;
    }
    .alphabetical-box{
        padding:15px 20px;
        margin-top:40px;
    }
    .author-thumb{
        width:340px;
        height:340px;
    }
    .author-info{
        height:340px;
        padding-left:60px;
    }
    .author-name h3{
        width: 570px;
    }
    .author-info-desc{
        height:280px;
    }
    .author-card-item .card{
        width: 208px;
        height:290px;
    }
    .author-card-item .card img.card-img-top{
        width:208px;
        height:208px;
    }
    .author-card-item .card-title{
        line-height: 19px;
        height:38px;
    }
    .author-card-item .card-body{
        padding: 9px 10px 3px 10px;
    }
    .author-card-item .card-title{
        margin-bottom: 3px;
    }
    .author-card-item{
        height:292px;
    }
    .magazine-card-item .card,
    .magazine-card-item-2 .card{
        width: 210px;
        height: 327px;
    }
    .magazine-card-item .card img.card-img-top,
    .magazine-card-item-2 .card img.card-img-top{
        width: 160px;
        height: 213px;
        margin-top: 25px;
    }
    .magazine-card-item .card-title,
    .magazine-card-item-2 .card-title{
        line-height: 19px;
        height:38px;
    }
    .magazine-card-item .card-body,
    .magazine-card-item-2 .card-body{
        padding: 16px 20px 10px 20px;
    }
    .magazine-card-item .card-footer,
    .magazine-card-item-2 .card-footer{
        padding: 5px 0 0 0;
    }
    .magazine-thumb{
        width:340px;
        height:485px;
    }
    .magazine-info{
        padding-left:60px;
        height:485px;
    }
    .waka-short-book-list .col-card-book .t-card-book-desc {
        top: 257px;
        height: 50px !important;
    }
    .waka-short-book-list .col-card-book .t-card-book-desc p {
        line-height: 40px;
    }
    .news-col-author-page {
        width: 380px;
    }
    .notify-page-content-header{
        height:53px;
    }
    .notify-page-list{
        width:461px;
    }
    .notify-page-content{
        width: calc(100% - 461px);
    }
    .notify-icon{
        width: 60px;
        background: #ccc url(../images/icon/notify-user.png) no-repeat 16px 15px;
        background-size: 28px 30px;
    }
    .notify-info,.notify-icon{
        height:60px;
    }
    .notify-info {
        padding-top: 12px;
        width: calc(100% - 60px);
    }
    .notify-title {
        height: 16px;
        margin-bottom: 3px;
    }
    .notify-item{
        padding-top: 10px;
        margin-bottom:20px;
        height: 80px;
    }
    .notify-page-content-detail{
        padding-top:34px;
        padding-left:40px;
    }
    .package-info-box{
        padding:40px;
    }
    .package-info-content h2{
        font-size: 30px;
        margin-top:-5px;
        margin-bottom:12px;
    }
    .package-info-content h3{
        margin-bottom:26px;
    }
    .register-package-link{
        height:40px;
        width:204px;
        line-height:40px;
        margin-bottom: 25px;
    }
    .other-package-link{
        margin-bottom: 28px;
    }
    .vip-code-form{
        margin-bottom: 15px;
    }
    .note-code{
        margin-bottom: 9px;
    }
    .package-info-content .register-status{
        margin-top:17px;
        margin-bottom:27px;
    }
    .right-read-page{
        width: 310px;
        padding: 24px 50px;
    }
    .comic-chap-item{
        width:210px;
        height:70px;
        margin-bottom: 20px;
    }
    .comic-chap-item img{
        width:68px;
        height:68px;
    }
    .comic-chap-name{
        width:140px;
        height:68px;
        line-height: 68px;
        padding-left:12px;
    }
    .comic-box{
        height: 652px;
        max-height:652px;
    }
    .comic-slider {
        width: 1500px;
    }
    .book-bg-1{
        width:160px;
        height:234px;
        background-size: 160px 234px;
    }
    .book-bg-2{
        width:160px;
        height:234px;
        background-size: 160px 234px;
    }
    .book-bg-3{
        width:273px;
        height:402px;
        background-size: 273px 402px;
    }
    .comic-slider-item{
        width: 275px;
        height: 402px;
        padding:20px;
    }
    .comic-slider-item img{
        width:275px;
        height:402px;
    }
    .comic-overlay{
        top: 20px;
        left: 20px;
        width: 275px;
        height: calc(100% - 40px);
    }
    .book-bg-4{
        width:315px;
        height:155px;
        background-size: 315px 155px;
    }
}