@media (max-width: 1024px){
    .pcCont{
        display: none !important;
    }

    .v-page-header{
        height: auto;
        padding:  0 5px;
        background: #f596aa;
        position: sticky;
        top: 0;
        z-index: 99;
        padding-bottom: 5px;
    }

    .v-page-header .row{
        margin: 0;
        display: flex;
        justify-content: space-between;
    }

    .v-page-header .row::after,
    .v-page-header .row::before{
        display: none;
    }

    .h1, h1 {
        font-size: 20px;
    }

    .v-logo{
        width: auto;
        height: auto;
        line-height: 1.3;
        margin-top: 10px !important;
        color: #fff;
        text-align: center;
    }

    .v-page-header .row .col-md-5 .container{
        width: auto !important;
        margin-top: 10px !important;
    }

    input.form-control{
        border: none;
        height: 30px;
    }

    .v-search-box .btn{
        height: 30px;
        line-height: 28px;
    }

    .v-search-box .iconfont{
        font-size: 18px;
    }

    .v-page-header .v-list{
        display: none;
    }

    .primary-bg,.v-nav-list, .v-nav-list>.v-nav-item{
        background-color: #f596aa;
    }

    .v-nav-list>.v-nav-item:nth-of-type(n+5){
        display: none;
    }

    .v-nav-list>.v-nav-item.active{
        background-color: transparent;
    }

    .v-nav-list>.v-nav-item.active a{
        color: #fff;
    }

    .v-nav-bar {
        height: 30px;
    }

    .v-nav-list>.v-nav-item a{
        display: block;
        font-size: 14px;
        line-height: 30px;
    }

    .v-nav-list, .v-nav-list>.v-nav-item{
        height: 30px;
    }

    .v-nav-list>.v-nav-item{
        padding: 0 10px;
    }

    .banner .light-bg{
        display: flex;
        height: auto !important;
        flex-direction: column;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .banner .light-bg .pull-left{
        order: 1;
        width: 100% !important;
        padding: 5px 10px 0;
    }

    .banner .light-bg .pull-right{
        order: 3;
        width: 100% !important;
        padding: 5px 10px 0;
    }

    .banner .light-bg .flexslider{
        order: 2;
        margin: 0 !important;
        padding-top: 0 !important;
    }

    .v-slider .v-slider__item{
        height: 162px;
    }

    .banner .light-bg .flexslider .slides{
        margin-bottom: 0;
    }

    .v-pannel>.v-pannel__header{
        height: 30px;
        padding: 0;
    }

    .v-pannel .v-pannel__title{
        padding: 0;
        line-height: 30px;
        font-size: 14px;
        height: 30px;
    }

    .v-pannel>.v-pannel__body.py-20{
        padding: 0 !important;
    }

    .v-notice-list>li{
        font-size: 14px;
    }

    .v-book .v-thumbnail{
        width: 90px;
        height: 120px;
    }

    .v-book .v-thumbnail.v-thumbnail-3d{
        height: 120px !important;
    }

    .banner .v-book.thumbnail-left .v-book__inner{
        height: 140px !important;
        margin-left: 120px;
    }

    .v-book .v-book__title{
        font-size: 14px;
    }

    .v-book .v-book__title.two-line>a{
        height: auto;
    }

    .v-pannel.mx-20{
        margin: 0 !important;
        padding: 15px 10px;
    }

    .v-book .v-thumbnail.v-thumbnail__lg{
        width: 90px;
        height: 120px;
    }

    .popularity>div{
        padding-top: 10px;
        flex-wrap: wrap;
    }

    .v-book.v-book-lg.layout-vertical{
        width: 90px;
    }

    .v-book .v-book__title.title-sm {
        font-size: 14px;
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .popularity>div>div.ads-con{
        display: block;
        width: 100%;
    }

    .v-book.thumbnail-left{
        padding-top: 10px;
        width: 100%;
    }

    .v-book.thumbnail-left + .my-20{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .v-book.thumbnail-left .v-book__inner{
        height: 120px;
        margin-left: 105px;
    }

    .v-sidebar{
        width: 100%;
    }

    .v-sidebar.v-sidebar-left+.v-content{
        margin-left: 0;
        width: 100%;
    }

    .v-sidebar.v-sidebar-left .primary{
        font-size: 16px;
        width: 100%;
        position: relative;
    }

    .v-tag-list.gutter-lg .v-tag{
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .v-list.v-list__horizontal>.v-book{
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .v-tag-list.gutter-lg{
        display: none;
    }

    .zk{
        display: block;
        position: absolute;
        width: auto;
        right: 0;
        top: 10px;
        transition: all .3s ease-in-out;
    }
    .zk.rota{
        transform: rotate(180deg);
    }
    .zk svg{
        width: 20px;
        height: 20px;
    }

    .breadcrumb{
        padding: 0 10px 10px;
        margin-bottom: 0;
    }

    .v-book-detail .pa-20{
        padding: 15px !important;
    }

    .v-book-detail .v-book.thumbnail-left {
        padding-top: 0;
    }

    .v-book.book-huge .v-thumbnail{
        width: 120px;
        height: 173px;
    }

    .v-book.thumbnail-left.book-huge .v-book__inner{
        height: 175px;
        margin-left: 10px;
        width: calc(100% - 130px);
    }

    .v-book .v-book__title.title-lg{
        font-size: 18px;
    }

    .v-list.v-list__horizontal.book-tag-list{
        margin-bottom: 0 !important;
    }

    .read-now{
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #ec6e82;
        color: #fff;
        font-size: 16px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        z-index: 99;
    }
    
    .read-now a{
        color: inherit;
        line-height: inherit;
        font-size: inherit;
    }

    footer.detail{
        margin-top: 0 !important;
        padding-bottom: 30px;
    }

    .v-book-detail .v-chapter-item-wrapper{
        width: 50%;
        font-size: 14px;
        line-height: 45px;
        padding: 0;
    }

    #catalog.v-pannel>.v-pannel__body{
        padding-top: 10px !important;
    }

    .v-reader{
        padding-top: 0 !important;
    }

    .v-reader .v-reader__wrapper{
        width: 100%;
        padding-bottom: 0 !important;
    }

    .v-reader .v-reader__body{
        margin: 0;
    }

    .v-reader .v-reader__chapter{
        margin-top: 0 !important;
        padding: 15px;
        border: none;
    }

    .v-reader .v-chapter-name{
        font-size: 20px;
    }

    .v-list.v-list__horizontal.gutter-lg>.v-item, .v-list.v-list__horizontal.gutter-lg>.v-tag{
        margin-bottom: 10px;
    }

    .v-reader .v-paragraph{
        font-size: 18px;
    }

    .v-reader .v-reader__buttons{
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: 99;
        margin-top: 0 !important;
        border-left: none;
        border-right: none;
    }

    .v-reader .v-reader__buttons .v-button{
        height: 50px;
        padding: 0 25px;
        line-height: 50px;
        font-size: 16px;
    }

    .v-book.detail{
        flex-wrap: wrap;
    }

    .v-book.detail #TOPADS{
        order: 1;
    }

    .v-book.book-huge .v-thumbnail{
        order: 2;
    }

    .v-book.thumbnail-left.book-huge .v-book__inner{
        order: 3;
    }

    #hiddenDiv{
        height: 230px;
        overflow: hidden;
    }

    #floatbox[data-v-3d04b58f] {
        width: 100%;
        margin: 0;
        left: 0;
    }

    .leftbar .settings[data-v-3d04b58f] {
        border: none;
        width: 15px;
        height: 15px;
        margin: 0;
    }

    .leftbar .settings[data-v-3d04b58f]:hover{
        border: none;
    }

    .leftbar .settings:hover i[data-v-3d04b58f]{
        color: #999;
    }
    .leftbar .settings i[data-v-3d04b58f]{
        font-size: 15px;
    }

    .settings_con[data-v-407786c6]{
        top: 200px;
        left: 24px;
        max-width: 430px;
        width: 90vw;
        height: 305px;
    }

    .settings_con .set_title[data-v-407786c6]{
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    .close[data-v-35c286a2]{
        top: 5px;
    }

    .settings_con .set_bg[data-v-407786c6]{
        margin-top: 0;
        height: 90px;
    }

    .settings_con .set_bg .set_bg_text[data-v-407786c6],
    .settings_con .set_font .set_font_text[data-v-407786c6],
    .settings_con .set_style .set_style_text[data-v-407786c6]{
        width: 100%;
        margin-right: 0;
    }

    .settings_con .set_bg .set_bg_com[data-v-407786c6]{
        margin-right: 10px;
    }

    .settings_con .set_font[data-v-407786c6]{
        margin-top: 0;
    }

    .settings_con .set_style[data-v-407786c6]{
        margin-top: 15px;
    }
}