html{
    font-size: 50px;
}

@font-face {
    font-display: swap;
    font-family: iconfont;
    src: url(../font/40c93ee5.blowd0.ttf) format("truetype")
}

.iconfont {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: iconfont!important;
    font-size: .48rem;
    font-style: normal;
    vertical-align: middle
}

.icon-welfare:before {
    content: ""
}

.icon-zone:before {
    content: ""
}

.icon-sorting-up:before {
    content: ""
}

.icon-sorting-down:before {
    content: ""
}

.icon-phone:before {
    content: ""
}

.icon-goback:before {
    content: ""
}

.icon-bg-color:before {
    content: ""
}

.icon-gotop:before {
    content: ""
}

.icon-letter-a:before {
    content: ""
}

.icon-inshelf:before {
    content: ""
}

.icon-download:before {
    content: ""
}

.icon-shelf:before {
    content: ""
}

.icon-listening:before {
    content: ""
}

.icon-reply:before {
    content: ""
}

.icon-zan:before {
    content: ""
}

.icon-triangle-down:before {
    content: ""
}

.icon-close:before {
    content: ""
}

.icon-night:before {
    content: ""
}

.icon-daytime:before {
    content: ""
}

.icon-progress:before {
    content: ""
}

.icon-detail:before {
    content: ""
}

.icon-jubao:before {
    content: ""
}

.icon-more:before {
    content: ""
}

.icon-cata:before {
    content: ""
}

.icon-setting:before {
    content: ""
}

.icon-loading:before {
    content: ""
}

.icon-arrow-bottom:before {
    content: ""
}

.icon-select:before {
    content: ""
}

.icon-shaixuan:before {
    content: ""
}

.icon-sort:before {
    content: ""
}

.icon-arrow-top:before {
    content: ""
}

.icon-arrow-right:before {
    content: ""
}

.icon-arrow-left:before {
    content: ""
}

.icon-lock:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-home:before {
    content: ""
}

.icon-default-avatar:before {
    content: ""
}

body {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #f0f2f5;
    color: #333;
    font-family: Microsoft YaHei,-apple-system,system-ui,PingFang SC,SF UI Text,Arial,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
    font-size: .28rem;
    line-height: 1;
    -webkit-user-select: none
}

body,html {
    min-height: 100%
}

*,:after,:before {
    box-sizing: border-box;
    margin: 0
}

img {
    vertical-align: middle;
    width: 100%
}

img:not([src]),img[src=""] {
    opacity: 0
}

input,textarea {
    -webkit-appearance: none;
    border: none;
    font: inherit;
    outline: none
}

textarea {
    resize: none
}

button {
    background: transparent;
    border: none;
    cursor: pointer;
    font: inherit;
    outline: none;
    padding: 0
}

ol,p,ul {
    margin: 0
}

ol,ul {
    padding: 0
}

li {
    display: block
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    margin: 0
}

a {
    color: inherit;
    text-decoration: inherit
}

::-webkit-search-cancel-button,::-webkit-search-results-button {
    -webkit-appearance: none
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #b2b2b2
}

.fl {
    float: left
}

.fr {
    float: right
}

.clearfix:after {
    clear: both;
    content: "";
    display: block
}

.gray-page {
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.emoji-icon {
    display: inline-block;
    height: 1.2em;
    vertical-align: text-bottom;
    width: 1.2em
}

.unfold {
    background: linear-gradient(270deg,#fff 70.3%,hsla(0,0%,100%,0));
    bottom: 0;
    color: #b2b2b2;
    line-height: .32rem;
    position: absolute;
    right: 0;
    text-align: right;
    width: .88rem
}

body {
    background-color: #fff;
    font-size: 16px
}

body.body-fixed {
    overflow: hidden
}

.breadcrumb {
    color: #b2b2b2;
    font-size: .28rem
}

.breadcrumb a:hover {
    color: #db4fa5
}

.breadcrumb h1,.breadcrumb h2,.breadcrumb span {
    color: #333;
    display: inline-block;
    font-weight: 400
}

.ypc-link {
    cursor: pointer
}

.ypc-link:hover {
    color: #db4fa5!important
}

.ypc-book-cover {
    transition: transform .3s ease-out
}

.ypc-book-cover:hover {
    transform: scale(1.1)
}

.ypc-column-name {
    color: #333;
    font-size: .44rem;
    font-weight: 700;
    line-height: 32px
}

@font-face {
    font-family: YuewenFont-Regular;
    font-style: normal;
    font-weight: 400;
    src: url(https://imgservices-1252317822.image.myqcloud.com/coco/s05162022/4a03ed6a.gwt3y8.ttf)
}

@font-face {
    font-family: SourceHanSerifCN-Regular;
    font-style: normal;
    font-weight: 400;
    src: url(./SourceHanSerifCN-Regular.84958d71.ttf)
}

.ypc-toast[data-v-376a5628] {
    background: #333;
    border-radius: 4px;
    color: #fff;
    font-size: .28rem;
    font-weight: 500;
    height: 48px;
    left: 50%;
    line-height: 1.2;
    line-height: 22px;
    max-width: 520px;
    overflow: hidden;
    padding: 13px 20px;
    position: fixed;
    text-align: center;
    text-overflow: ellipsis;
    top: 50%;
    transform: translate(-50%);
    white-space: nowrap;
    z-index: 9999
}

        .default[data-v-f4e82d6b] {
            overflow: hidden
        }

        .default.bg[data-v-f4e82d6b] {
            background-image: url(../images/head-bg.9691b8fe.jpg);
            background-position: top;
            background-repeat: no-repeat;
            background-size: 100% 606px;
            position: relative
        }

        .default .main[data-v-f4e82d6b] {
            margin: 0 auto;
            min-height: calc(100vh - 6.08rem);
            width: 1200px
        }

        .nav[data-v-31d11a5d] {
            background-color: rgba(245, 245, 247, .8);
            width: 100vw
        }

        .nav.fixed[data-v-31d11a5d] {
            position: fixed;
            top: 0;
            z-index: 5
        }

        .nav.nav-sloid[data-v-31d11a5d] {
            background-color: #f5f5f7
        }

        .nav .wrap[data-v-31d11a5d] {
            display: flex;
            font-size: .28rem;
            height: 64px;
            margin: 0 auto;
            width: 1200px;
            align-items: center;
        }

        .nav .wrap .left[data-v-31d11a5d] {
            align-items: center;
            display: flex;
            position: relative
        }

        .nav .wrap .left .logo[data-v-31d11a5d] {
            cursor: pointer;
            width: 141px
        }

        .nav .wrap .left .logo-title[data-v-31d11a5d] {
            font-size: 20px;
        }

        .nav .wrap .tabs[data-v-31d11a5d] {
            align-items: center;
            display: flex;
            height: 100%;
            margin-left: 14px
        }

        .nav .wrap .right[data-v-31d11a5d] {
            margin-left: auto;
        }

        .nav .wrap .right .search[data-v-31d11a5d] {
            align-items: center;
            background-color: #fff;
            border: .5px solid #d9d9d9;
            border-radius: 34px;
            display: flex;
            height: 34px;
            line-height: 34px;
            margin-left: auto;
            padding-left: 12px;
            padding-right: 30px;
            position: relative;
            width: 168px
        }

        .nav .wrap .right .search input[data-v-31d11a5d] {
            line-height: 22px;
            width: 100%
        }

        .nav .wrap .right .search input[data-v-31d11a5d]::-moz-placeholder {
            color: #d9d9d9
        }

        .nav .wrap .right .search input[data-v-31d11a5d]::placeholder {
            color: #d9d9d9
        }

        .nav .wrap .right .search .icon-search[data-v-31d11a5d] {
            cursor: pointer;
            font-size: 20px;
            position: absolute;
            right: 16px;
            top: 50%;
            transform: translateY(-50%)
        }

        .nav .wrap .right .other[data-v-31d11a5d] {
            align-items: center;
            display: flex;
            font-weight: 500;
            height: 100%;
            margin-left: 60px
        }

        .nav .wrap .right .other a[data-v-31d11a5d] {
            align-items: center;
            color: #333;
            display: flex;
            height: 100%;
            margin-right: 20px
        }

        .nav .wrap .right .other a.mg0[data-v-31d11a5d] {
            margin: 0
        }

        .nav .wrap .right .unlogin[data-v-31d11a5d] {
            align-items: center;
            cursor: pointer;
            display: flex;
            font-weight: 500;
            height: 100%
        }

        .nav .wrap .right .user[data-v-31d11a5d] {
            align-items: center;
            cursor: pointer;
            display: flex;
            height: 64px;
            position: relative
        }

        .nav .wrap .right .user .red-point[data-v-31d11a5d] {
            background-color: #fa573e;
            border-radius: 50%;
            height: 8px;
            left: 26px;
            position: absolute;
            top: 12px;
            width: 8px
        }

        .nav .wrap .right .user .avatar[data-v-31d11a5d] {
            border-radius: 50%;
            width: 30px
        }

        .nav .wrap .right .user .icon-triangle-down[data-v-31d11a5d] {
            color: #b2b2b2
        }

        .nav ul[data-v-31d11a5d] {
            align-items: center;
            display: flex;
            height: .88rem;
            justify-content: space-between;
            overflow: scroll;
            padding: 0 .12rem
        }

        .nav ul[data-v-31d11a5d]::-webkit-scrollbar {
            display: none
        }

        .nav ul li[data-v-31d11a5d] {
            align-items: center;
            color: #333;
            display: flex;
            flex-shrink: 0;
            font-size: .28rem;
            font-weight: 500;
            height: 100%;
            margin: 0 .24rem;
            position: relative
        }

        .nav ul li.active[data-v-31d11a5d] {
            color: #db4fa5;
            font-size: .32rem
        }

        .nav ul li.active[data-v-31d11a5d]:after {
            background: #db4fa5;
            border-radius: .06rem;
            bottom: 0;
            content: "";
            height: .06rem;
            left: 50%;
            position: absolute;
            transform: translateX(-50%);
            width: .22rem
        }

        .page-index[data-v-328760a9] {
            padding-bottom: 60px;
            padding-top: 96px
        }
        .footer[data-v-6a508e1f] {
            background-color: #f5f5f7;
            z-index: 2
        }

        .footer .wrap[data-v-6a508e1f] {
            color: #b2b2b2;
            font-size: .24rem;
            height: auto;
            margin: 0 auto;
            padding-top: 20px;
            width: 1200px
        }

        .footer .wrap .items[data-v-6a508e1f] {
            display: flex;
            justify-content: space-between
        }

        .footer .wrap .items a[data-v-6a508e1f] {
            color: #666
        }

        .footer .wrap .items i[data-v-6a508e1f] {
            background-color: #d9d9d9;
            height: 16px;
            width: 1px
        }

        .footer .wrap .cooperation[data-v-6a508e1f] {
            border-bottom: .5px solid #d9d9d9;
            line-height: 16px;
            padding-bottom: 16px;
            padding-top: 8px
        }

        .footer .wrap .copyright[data-v-6a508e1f] {
            line-height: 16px;
            padding-bottom: 20px;
            padding-top: 16px;
            text-align: center;
        }

        .footer .wrap .copyright .link[data-v-6a508e1f]:hover {
            color: #0bafff
        }

        .footer .wrap .logos[data-v-6a508e1f] {
            display: flex
        }

        .footer .wrap .logos a[data-v-6a508e1f] {
            background-image: url(//static.xiaoshuo.qq.com/pc-yunqi/static/footer-logos.fcc2182c.png);
            background-repeat: no-repeat;
            background-size: 264px 186px;
            height: 52px;
            margin-right: 48px;
            width: 122px
        }

        .footer .wrap .logos a[data-v-6a508e1f]:first-of-type {
            background-position: -5px -5px
        }

        .footer .wrap .logos a[data-v-6a508e1f]:nth-of-type(2) {
            background-position: -137px -129px
        }

        .footer .wrap .logos a[data-v-6a508e1f]:nth-of-type(3) {
            background-position: -5px -129px
        }

        .footer .wrap .logos a[data-v-6a508e1f]:nth-of-type(4) {
            background-position: -5px -67px
        }

        .footer .wrap .logos a[data-v-6a508e1f]:nth-of-type(5) {
            background-position: -137px -5px
        }

        .footer .wrap .logos a[data-v-6a508e1f]:nth-of-type(6) {
            background-position: -137px -67px
        }

        .pc .w90[data-v-a7e20181] {
            height: 120px;
            width: 90px
        }
        
        .pc .w130[data-v-a7e20181] {
            height: 173px;
            width: 130px
        }
        
        .m .w130[data-v-a7e20181],.m .w90[data-v-a7e20181] {
            height: 1.7rem;
            width: 1.28rem
        }
        
        .cover[data-v-a7e20181] {
            background-size: 100% 100%;
            border-radius: .08rem;
            box-shadow: inset 0 0 0 1px #00000014;
            flex-shrink: 0;
            margin-right: .24rem;
            position: relative
        }
        
        .book-simple[data-v-b0bd3d13] {
            align-items: center;
            border-radius: .08rem;
            display: flex;
            overflow: hidden;
            position: relative;
            width: 100%
        }
        
        .book-info[data-v-b0bd3d13] {
            flex: 1;
            overflow: hidden
        }
        
        .book-head[data-v-b0bd3d13] {
            align-items: center;
            display: flex;
            justify-content: space-between
        }
        
        .book-title[data-v-b0bd3d13] {
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            display: -webkit-box;
            font-size: .32rem;
            font-weight: 700;
            line-height: 1.2;
            overflow: hidden;
            text-overflow: ellipsis
        }
        
        .book-score[data-v-b0bd3d13] {
            color: #f2994a;
            flex-shrink: 0;
            margin-left: .1rem
        }
        
        .book-intro[data-v-b0bd3d13] {
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            word-wrap: break-word;
            color: #6a6b6c;
            display: -webkit-box;
            font-size: .24rem;
            line-height: .32rem;
            line-height: 1.5;
            margin-bottom: .12rem;
            margin-top: .12rem;
            overflow: hidden;
            text-overflow: ellipsis
        }
        
        .book-other[data-v-b0bd3d13] {
            justify-content: space-between
        }
        
        .book-other[data-v-b0bd3d13],.book-survey[data-v-b0bd3d13] {
            align-items: center;
            display: flex
        }
        
        .book-survey[data-v-b0bd3d13] {
            color: #acaeb0;
            font-size: .24rem;
            width: 100%
        }
        
        .book-survey .author[data-v-b0bd3d13] {
            flex: 1;
            line-height: 1.2;
            margin-right: .08rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }
        
        .book-survey .rect[data-v-b0bd3d13] {
            background: #f5f5f7;
            border-radius: .08rem;
            color: #666;
            font-size: .2rem;
            margin-right: .08rem;
            padding: .06rem .12rem
        }
        
        .book-chapter a[data-v-b0bd3d13],.book-chapter span[data-v-b0bd3d13] {
            color: #db4fa5;
            display: block;
            font-size: .24rem;
            line-height: 1.2;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }
        
        .book-chapter span[data-v-b0bd3d13] {
            color: #6a6b6c
        }
        
        .book-tag[data-v-b0bd3d13] {
            color: #b2b2b2;
            flex-shrink: 0;
            font-size: .2rem
        }
        
        .book-tag span[data-v-b0bd3d13] {
            background-color: #f5f5f7;
            border-radius: .08rem;
            margin-left: .08rem;
            padding: .06rem .12rem
        }
        
        [data-v-b0bd3d13] .keyword {
            color: #db4fa5
        }
    
        .book-vertical[data-v-b57cbf74] {
            border-radius: .08rem;
            display: block;
            overflow: hidden;
            position: relative
        }
        
        .book-vertical .free[data-v-b57cbf74] {
            background: #fa573e;
            border-radius: 0 .08rem 0 .12rem;
            color: #fafcfc;
            font-size: .2rem;
            font-weight: 600;
            line-height: .32rem;
            line-height: 1;
            padding: .06rem .08rem;
            position: absolute;
            right: 0;
            text-align: center;
            top: 0
        }
        
        .book-vertical .free.vip[data-v-b57cbf74] {
            background-color: #ead1a4;
            color: #5b380f
        }
        
        .book-cover[data-v-b57cbf74] {
            background-size: 100% 100%;
            border-radius: .08rem;
            box-shadow: inset 0 0 0 1px #00000014;
            flex-shrink: 0;
            position: relative
        }
        
        .book-title[data-v-b57cbf74] {
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            display: -webkit-box;
            font-weight: 500;
            line-height: 1.5;
            margin: .08rem 0
        }
        
        .book-cate[data-v-b57cbf74],.book-title[data-v-b57cbf74] {
            overflow: hidden;
            text-overflow: ellipsis
        }
        
        .book-cate[data-v-b57cbf74] {
            color: #acaeb0;
            font-size: .24rem;
            line-height: 1.2;
            white-space: nowrap;
            width: 100%
        }

        .breadcrumb li{
            display: inline;
        }