@charset "UTF-8";

@media(min-width:750px) {
    body {
        min-height: 100vh;
    }

    .pcMain {
        display: block !important;
        background-color: #E8E2D5;
    }

        .pcMain nav {
            display: none;
        }

        .pcMain header {
            background-color: rgba(255,255,255,.36);
        }

        .pcMain .layui-input {
            background-color: rgba(255,255,255,0);
        }

        .pcMain .contains {
            padding: 0;
            min-height: calc(100vh - 246px)
        }

        .pcMain .breadcrumbs {
            width: 100%;
        }

            .pcMain .breadcrumbs ul {
                padding-top: 0;
                line-height: 1;
            }
        /* 主体内容 */
        .pcMain .contentBar {
            width: 900px;
            padding: 20px 0 30px;
            margin: 0 auto;
        }

        .pcMain .readingBook {
            min-height: calc(100vh - 266px);
            /* height: 300vh; */
            margin-top: 20px;
            border: 1px solid #d8d8d8;
            padding: 0 64px 60px;
            position: relative;
            background-color: #F7F2E8;
        }




        .pcMain .readingContent {
            padding-top: 60px;
            margin-top: -240px;
        }

        .pcMain .readingTitle {
            font-size: 24px;
            color: #020506;
            margin: 9px 0 30px;
        }

        .pcMain .readingText {
            font-size: 18px;
            line-height: 1.8;
            color: #000;
        }
        /* sliderbar */
        .pcMain .sliderBar {
            margin-top: -1px;
            width: 60px;
            position: sticky;
            z-index: 10;
            top: 0;
            display: inline-block;
            transform: translate(-134px, 0);
            border: 1px solid #DFDAD1;
            background-color: #F7F2E8;
        }


        .pcMain .sliderList {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: start;
            outline: none;
        }

        .pcMain .sliderListItem {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 60px;
            outline: none;
            transition: all 0.3s ease-out;
            border-top: 1px solid #DFDAD1;
        }

            .pcMain .sliderListItem:first-child {
                border-top: 1px solid transparent;
            }

            .pcMain .sliderListItem.active {
                /* margin-top: -1px; */
                /* margin-left: -1px; */
                /* padding-right: 10px; */
                background-color: #FDFCF6;
                position: relative;
                /* width: 70px; */
                z-index: 100;
                box-shadow: -5px 10px 10px rgba(0,0,0,0.1);
                background-color: #FDFCF6;
            }

                .pcMain .sliderListItem.active:first-child:before {
                    top: -2px;
                    height: 60px;
                }

                .pcMain .sliderListItem.active:before {
                    position: absolute;
                    top: -1px;
                    right: -11px;
                    content: '';
                    width: 11px;
                    height: 59px;
                    border-top: 1px solid #DFDAD1;
                    border-bottom: 1px solid #DFDAD1;
                    background-color: #FDFCF6;
                }

        .pcMain .sliderItem {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            cursor: pointer;
        }

        .pcMain .sliderImage {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 17px;
            margin-bottom: 8px;
        }

        .pcMain .sliderText {
            font-size: 12px;
            color: #878787;
            transition: all 0.3s ease-out;
        }

        .pcMain .sliderImage span {
            transition: all 0.3s ease-out;
            display: inline-block;
        }

        .pcMain .sliderListItem:hover .sliderText {
            color: #FF3955;
        }

        .pcMain .iamgeIcon1 {
            width: 15px;
            height: 11px;
            background-image: url(../image/pc/catalogue@2x.png);
            background-size: 15px 11px;
        }

        .pcMain .sliderListItem:hover .iamgeIcon1 {
            background-image: url(../image/pc/catalogue@2x-a.png);
        }

        .pcMain .iamgeIcon2 {
            width: 15px;
            height: 16px;
            background-image: url(../image/pc/set@2x.png);
            background-size: 15px 16px;
        }

        .pcMain .sliderListItem:hover .iamgeIcon2 {
            background-image: url(../image/pc/set@2x-a.png);
        }

        .pcMain .iamgeIcon3 {
            width: 14px;
            height: 16px;
            background-image: url(../image/pc/bookshelf@2x.png);
            background-size: 14px 16px;
        }

        .pcMain .sliderListItem:hover .iamgeIcon3 {
            background-image: url(../image/pc/bookshelf@2x-a.png);
        }

        .pcMain .iamgeIcon4 {
            width: 12px;
            height: 17px;
            background-image: url(../image/pc/page@2x.png);
            background-size: 12px 17px;
        }

        .pcMain .sliderListItem:hover .iamgeIcon4 {
            background-image: url(../image/pc/page@2x-a.png);
        }
        /* 目录弹窗 */
        .pcMain .menuBox.show {
            display: block;
        }

        .pcMain .menuBox {
            border: 1px solid #d8d8d8;
            display: none;
            position: absolute;
            top: -1px;
            left: 68px;
            width: 798px;
            /* height: 100px; */
            box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
            padding: 36px 24px;
            background-color: #FDFCF6;
        }

        .pcMain .menuClose {
            top: 7px;
            right: 7px;
            position: absolute;
            font-size: 12px;
            color: #a7a7a7;
            cursor: pointer;
            transform: rotate(0deg);
            transition: all 0.3s ease-out;
            padding: 8px;
            font-weight: bold;
        }

            .pcMain .menuClose:hover {
                transform: rotate(90deg);
                color: #1a1a1a;
            }

        .pcMain .menuTitle {
            display: inline-block;
            padding: 5px 4px;
            font-size: 18px;
            line-height: 1;
            color: #FF3955;
            border-bottom: 1px solid #FF3955;
        }

        .pcMain .menuText {
            margin-top: 30px;
            font-size: 18px;
            font-weight: bold;
        }

        .pcMain .menuBox ul {
            margin-top: 12px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: wrap;
            max-height: calc(100vh - 420px);
            overflow-y: scroll;
        }

            .pcMain .menuBox ul::-webkit-scrollbar-track {
                background-color: transparent !important;
            }

            .pcMain .menuBox ul::-webkit-scrollbar-thumb {
                background-color: #999 !important;
                border-radius: 2px !important;
            }

            .pcMain .menuBox ul::-webkit-scrollbar {
                width: 4px !important;
            }

        .pcMain .menuBox li {
            height: 40px;
            width: calc(50% - 10px);
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-right: 20px;
        }

            .pcMain .menuBox li:nth-child(2n) {
                margin-right: 0;
            }

            .pcMain .menuBox li:nth-child(2n+1) {
                position: relative;
            }

                .pcMain .menuBox li:nth-child(2n+1):before {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: calc(200% + 20px);
                    border-top: 1px solid #eee;
                }

            .pcMain .menuBox li a {
                display: inline-block;
                width: 100%;
                height: 100%;
                font-size: 16px;
                line-height: 40px;
                color: #232323;
                transition: all 0.3s ease-out;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                position: relative;
                display: flex;
                align-items: center;
                cursor: pointer;
            }

                .pcMain .menuBox li a svg {
                    position: absolute;
                    right: 40px;
                }

                .pcMain .menuBox li.active a, .pcMain .menuBox li.active a:hover, .pcMain .menuBox li a:hover {
                    color: #FF3955;
                }
        /* 设置弹窗 */
        .pcMain .configBox.show {
            display: block;
        }

        .pcMain .configBox {
            border: 1px solid #d8d8d8;
            display: none;
            position: absolute;
            top: -1px;
            left: 68px;
            width: 478px;
            /* height: 100px; */
            box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
            padding: 36px 24px;
            background-color: #FDFCF6;
        }

        .pcMain .configClose {
            top: 7px;
            right: 7px;
            position: absolute;
            font-size: 12px;
            color: #a7a7a7;
            cursor: pointer;
            transform: rotate(0deg);
            transition: all 0.3s ease-out;
            padding: 8px;
            font-weight: bold;
        }

            .pcMain .configClose:hover {
                transform: rotate(90deg);
                color: #1a1a1a;
            }

        .pcMain .configTitle {
            font-size: 18px;
            color: #232323;
            font-weight: bold;
            margin-bottom: 30px;
        }

        .pcMain .configItem {
            margin-top: 26px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }

            .pcMain .configItem:first-child {
                margin-top: 0;
            }

        .pcMain .configLabel {
            font-size: 13px;
            color: #333;
            width: 68px;
        }

        .pcMain .themeList {
            display: flex;
            justify-content: flex-start;
        }

            .pcMain .themeList li {
                position: relative;
                width: 38px;
                height: 38px;
                border: 2px solid #DEDEDE;
                border-radius: 50%;
                margin-right: 14px;
            }

                .pcMain .themeList li:last-child:before {
                    content: '';
                    width: 18px;
                    height: 18px;
                    background-image: url(../image/pc/moon.png);
                    background-size: cover;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%,-50%);
                }

                .pcMain .themeList li.active {
                    position: relative;
                    border: 2px solid #FF3955;
                }

                    .pcMain .themeList li.active::before {
                        content: '';
                        position: absolute;
                        top: 10px;
                        left: 9px;
                        background-image: none;
                        background-size: auto;
                        transform: rotate(-45deg);
                        height: 7px;
                        width: 12px;
                        border-radius: 2px;
                        border-left: 3px solid #FF3955;
                        border-bottom: 3px solid #FF3955;
                    }

                .pcMain .themeList li:nth-child(1) {
                    background-color: #FAF6ED;
                }

                .pcMain .themeList li:nth-child(2) {
                    background-color: #F6EDD4;
                }

                .pcMain .themeList li:nth-child(3) {
                    background-color: #EAF4E9;
                }

                .pcMain .themeList li:nth-child(4) {
                    background-color: #E8F3F5;
                }

                .pcMain .themeList li:nth-child(5) {
                    background-color: #F4E6E5;
                }

                .pcMain .themeList li:nth-child(6) {
                    background-color: #E5E5E4;
                }

                .pcMain .themeList li:nth-child(7) {
                    background-color: #464847;
                }

        .pcMain .seatElment {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 80px;
            height: 36px;
            color: #FF3955;
            background: #FFEAED;
            border: 1px solid #FF3955;
            opacity: 1;
            border-radius: 2px;
        }

        .pcMain .configNumBox {
            user-select: none;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 272px;
            height: 36px;
            padding: 8px 0;
            border: 1px solid #e5e5e5;
            background-color: #fff;
        }

        .pcMain .configSub, .pcMain .configNumber, .pcMain .configAdd {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .pcMain .configSub, .pcMain .configNumber {
            border-right: 1px solid #e5e5e5;
        }

        .pcMain .configSub, .pcMain .configAdd {
            cursor: pointer;
            font-size: 18px;
            line-height: 1;
            color: #333;
            font-weight: bold;
        }

            .pcMain .configSub span {
                display: inline-block;
                background-image: url(../image/pc/page1@2x.png);
                background-size: cover;
                width: 20px;
                height: 16px;
            }

            .pcMain .configAdd span {
                display: inline-block;
                background-image: url(../image/pc/page2@2x.png);
                background-size: cover;
                width: 25px;
                height: 16px;
            }

        .pcMain .configNumber {
            font-size: 16px;
            color: #adacac;
        }

        .pcMain .configBtn {
            text-align: center;
            margin-top: 48px;
        }

            .pcMain .configBtn .layui-btn {
                padding: 0 36px;
                height: 34px;
                line-height: 34px;
            }

            .pcMain .configBtn .layui-border-green {
                background-color: #FDFCF9 !important;
                border: 1px solid #D7D6D4 !important;
                color: #848484 !important;
            }
        /* 滚动到顶部 */
        .pcMain .scrollTop {
            display: none;
            position: fixed;
            left: 50%;
            bottom: 126px;
            width: 60px;
            height: 60px;
            border: 1px solid #D8D8D8;
            margin-left: 460px;
            background-color: #F7F2E8;
            transition: all 0.3s ease-out;
            cursor: pointer;
        }

            .pcMain .scrollTop.show {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .pcMain .scrollTop:hover {
                background-color: #FDFCF6;
            }

            .pcMain .scrollTop span {
                width: 15px;
                height: 12.5px;
                background-image: url(../image/pc/top@2x.png);
                background-size: cover;
                transition: all 0.3s ease-out;
            }

            .pcMain .scrollTop:hover span {
                background-image: url(../image/pc/top@2x-a.png);
            }
        /* 操作栏 */
        .pcMain .actionBar {
            display: flex;
            justify-content: center;
            align-items: center;
            user-select: none;
            padding: 20px 0;
            font-size: 18px;
            color: #3D3C39;
            margin: 30px 0 0;
            background-color: #F7F2E8;
            border: 1px solid #d8d8d8;
        }

            .pcMain .actionBar > div {
                flex: 1;
                display: flex;
                justify-content: center;
                align-items: center;
                cursor: pointer;
                border-right: 1px solid #d8d8d8;
                transition: all 0.3s;
            }

                .pcMain .actionBar > div:last-child {
                    border: 0;
                }

                .pcMain .actionBar > div:hover {
                    color: #FF3955;
                }

                .pcMain .actionBar > div.disabled {
                    cursor: not-allowed;
                    color: #999;
                }
        /* 加入书架 */
        .pcMain .addBook {
            display: none !important;
        }

            .pcMain .addBook.show {
                display: flex !important;
            }

        .pcMain .addBook-disabled {
            cursor: default;
        }

            .pcMain .addBook-disabled .sliderText {
                color: #999 !important;
            }

    /********* 主题颜色 *********/
    /* 主题颜色1 */
    .bg-1 .pcMain {
        background-color: #E8E2D5
    }

        .bg-1 .pcMain .readingBook {
            background-color: #F7F2E8;
        }

        .bg-1 .pcMain .sliderBar {
            background-color: #F7F2E8;
        }

        .bg-1 .pcMain .sliderListItem.active {
            background-color: #FDFCF6;
        }

            .bg-1 .pcMain .sliderListItem.active:before {
                /* border-top: 1px solid #DFDAD1; */
                /* border-bottom: 1px solid #DFDAD1; */
                background-color: #FDFCF6;
            }

        .bg-1 .pcMain .configBox {
            background-color: #FDFCF6;
        }

        .bg-1 .pcMain .menuBox {
            background-color: #FDFCF6;
        }

        .bg-1 .pcMain .scrollTop {
            background-color: #F7F2E8;
        }

            .bg-1 .pcMain .scrollTop:hover {
                background-color: #FDFCF6;
            }

        .bg-1 .pcMain .actionBar {
            background-color: #F7F2E8;
        }
    /* 主题颜色2 */
    .bg-2 .pcMain {
        background-color: #DFCEA1
    }

        .bg-2 .pcMain .readingBook {
            background-color: #F2E9C8;
        }

        .bg-2 .pcMain .sliderBar {
            background-color: #F2E9C8;
        }

        .bg-2 .pcMain .sliderListItem.active {
            background-color: #F8F1DA;
        }

            .bg-2 .pcMain .sliderListItem.active:before {
                /* border-top: 1px solid #DFDAD1; */
                /* border-bottom: 1px solid #DFDAD1; */
                background-color: #F8F1DA;
            }

        .bg-2 .pcMain .configBox {
            background-color: #F8F1DA;
        }

        .bg-2 .pcMain .menuBox {
            background-color: #F8F1DA;
        }

        .bg-2 .pcMain .scrollTop {
            background-color: #F2E9C8;
        }

            .bg-2 .pcMain .scrollTop:hover {
                background-color: #F8F1DA;
            }

        .bg-2 .pcMain .actionBar {
            background-color: #F2E9C8;
        }
    /* 主题颜色3 */
    .bg-3 .pcMain {
        background-color: #CDDFCD
    }

        .bg-3 .pcMain .readingBook {
            background-color: #E2EEE2;
        }

        .bg-3 .pcMain .sliderBar {
            background-color: #E2EEE2;
        }

        .bg-3 .pcMain .sliderListItem.active {
            background-color: #F2FAF2;
        }

            .bg-3 .pcMain .sliderListItem.active:before {
                /* border-top: 1px solid #DFDAD1; */
                /* border-bottom: 1px solid #DFDAD1; */
                background-color: #F2FAF2;
            }

        .bg-3 .pcMain .configBox {
            background-color: #F2FAF2;
        }

        .bg-3 .pcMain .menuBox {
            background-color: #F2FAF2;
        }

        .bg-3 .pcMain .scrollTop {
            background-color: #E2EEE2;
        }

            .bg-3 .pcMain .scrollTop:hover {
                background-color: #F2FAF2;
            }

        .bg-3 .pcMain .actionBar {
            background-color: #E2EEE2;
        }
    /* 主题颜色4 */
    .bg-4 .pcMain {
        background-color: #CDDBDF
    }

        .bg-4 .pcMain .readingBook {
            background-color: #E1EEF2;
        }

        .bg-4 .pcMain .sliderBar {
            background-color: #E1EEF2;
        }

        .bg-4 .pcMain .sliderListItem.active {
            background-color: #E6F4F5;
        }

            .bg-4 .pcMain .sliderListItem.active:before {
                /* border-top: 1px solid #DFDAD1; */
                /* border-bottom: 1px solid #DFDAD1; */
                background-color: #E6F4F5;
            }

        .bg-4 .pcMain .configBox {
            background-color: #E6F4F5;
        }

        .bg-4 .pcMain .menuBox {
            background-color: #E6F4F5;
        }

        .bg-4 .pcMain .scrollTop {
            background-color: #E1EEF2;
        }

            .bg-4 .pcMain .scrollTop:hover {
                background-color: #E6F4F5;
            }

        .bg-4 .pcMain .actionBar {
            background-color: #E1EEF2;
        }
    /* 主题颜色5 */
    .bg-5 .pcMain {
        background-color: #EBCECE
    }

        .bg-5 .pcMain .readingBook {
            background-color: #F5E4E4;
        }

        .bg-5 .pcMain .sliderBar {
            background-color: #F5E4E4;
        }

        .bg-5 .pcMain .sliderListItem.active {
            background-color: #FAECEB;
        }

            .bg-5 .pcMain .sliderListItem.active:before {
                /* border-top: 1px solid #DFDAD1; */
                /* border-bottom: 1px solid #DFDAD1; */
                background-color: #FAECEB;
            }

        .bg-5 .pcMain .configBox {
            background-color: #FAECEB;
        }

        .bg-5 .pcMain .menuBox {
            background-color: #FAECEB;
        }

        .bg-5 .pcMain .scrollTop {
            background-color: #F5E4E4;
        }

            .bg-5 .pcMain .scrollTop:hover {
                background-color: #FAECEB;
            }

        .bg-5 .pcMain .actionBar {
            background-color: #F5E4E4;
        }
    /* 主题颜色6 */
    .bg-6 .pcMain {
        background-color: #D1D1D1
    }

        .bg-6 .pcMain .readingBook {
            background-color: #DCDCDC;
        }

        .bg-6 .pcMain .sliderBar {
            background-color: #DCDCDC;
        }

        .bg-6 .pcMain .sliderListItem.active {
            background-color: #E6E6E6;
        }

            .bg-6 .pcMain .sliderListItem.active:before {
                /* border-top: 1px solid #DFDAD1; */
                /* border-bottom: 1px solid #DFDAD1; */
                background-color: #E6E6E6;
            }

        .bg-6 .pcMain .configBox {
            background-color: #E6E6E6;
        }

        .bg-6 .pcMain .menuBox {
            background-color: #E6E6E6;
        }

        .bg-6 .pcMain .scrollTop {
            background-color: #DCDCDC;
        }

            .bg-6 .pcMain .scrollTop:hover {
                background-color: #E6E6E6;
            }

        .bg-6 .pcMain .actionBar {
            background-color: #DCDCDC;
        }
    /* 主题颜色7 */
    .bg-7 .pcMain {
        background-color: #0E0F11
    }

    .bg-7 header {
        background-color: rgba(255,255,255,0.05);
    }

    .bg-7 .pcMain .readingBook {
        background-color: #1A1C1D;
    }

    .bg-7 .pcMain .sliderBar {
        background-color: #1A1C1D;
    }

    .bg-7 .pcMain .sliderListItem.active {
        background-color: #161819;
    }

        .bg-7 .pcMain .sliderListItem.active:before {
            border-top: 1px solid #3d3d3d;
            border-bottom: 1px solid #3d3d3d;
            background-color: #161819;
        }

    .bg-7 .pcMain .configBox {
        background-color: #161819;
        border-color: #3d3d3d;
    }

    .bg-7 .pcMain .menuBox {
        background-color: #161819;
        border-color: #3d3d3d;
    }

    .bg-7 .pcMain .scrollTop {
        background-color: #1A1C1D;
        border-color: #3d3d3d;
    }

        .bg-7 .pcMain .scrollTop:hover {
            background-color: #161819;
        }

    .bg-7 .pcMain .actionBar {
        color: #808080;
        background-color: #1A1C1D;
        border-color: #3d3d3d;
    }

        .bg-7 .pcMain .actionBar > div {
            border-color: #3d3d3d;
        }

            .bg-7 .pcMain .actionBar > div.disabled {
                color: #333;
            }

    .bg-7 .pcMain .scrollTop span {
        background-image: url(../image/pc/top@2x-g.png);
    }

    .bg-7 .pcMain .scrollTop:hover span {
        background-image: url(../image/pc/top@2x-a.png);
    }

    .bg-7 .pcMain .readingBook {
        border-color: #3d3d3d;
    }

    .bg-7 .pcMain .readingTitle {
        color: #cecece;
    }

    .bg-7 .pcMain .readingText {
        color: #cecece;
    }

    .bg-7 .pcMain .sliderBar {
        border-color: #3d3d3d;
    }

    .bg-7 .pcMain .sliderListItem {
        border-color: #3d3d3d;
    }

        .bg-7 .pcMain .sliderListItem:first-child {
            border-color: transparent;
        }

    .bg-7 .pcMain .breadcrumbs ul {
        color: #808080;
    }

    .bg-7 .pcMain .breadcrumbs li a.hasLink {
        color: #808080;
    }

        .bg-7 .pcMain .breadcrumbs li a.hasLink:hover {
            color: #FF3955;
        }

    .bg-7 .pcMain .breadcrumbs li a, .pcMain.bg-7 .breadcrumbs li a:hover {
        color: #808080;
    }

    .bg-7 .pcMain .breadcrumbs ul .layui-icon {
        color: #808080;
    }

    .bg-7 .pcMain .userItem a {
        color: #fff;
    }

        .bg-7 .pcMain .userItem a:hover {
            color: #FF3955;
        }

    .bg-7 .pcMain .headerSearch .layui-input-group .layui-input {
        color: #fff;
    }

    .bg-7 .pcMain .menuBox, .pcMain.bg-7 .configBox {
        box-shadow: 0px 10px 10px rgba(200,200,200,0.1);
    }

    .bg-7 .pcMain .sliderListItem.active {
        /* border-color: #161819; */
        box-shadow: -5px 10px 10px rgba(200,200,200,0.1);
    }

    .bg-7 .pcMain .configClose:hover, .pcMain.bg-7 .menuClose:hover {
        color: #fff;
    }

    .bg-7 .pcMain .iamgeIcon1 {
        background-image: url(../image/pc/catalogue@2x-g.png);
    }

    .bg-7 .pcMain .iamgeIcon2 {
        background-image: url(../image/pc/set@2x-g.png);
    }

    .bg-7 .pcMain .iamgeIcon3 {
        background-image: url(../image/pc/bookshelf@2x-g.png);
    }

    .bg-7 .pcMain .iamgeIcon4 {
        background-image: url(../image/pc/page@2x-g.png);
    }

    .bg-7 .pcMain .configSub, .bg-7 .pcMain .configAdd {
        color: #808080;
    }

    .bg-7 .pcMain .configNumBox {
        border-color: #444;
        background: rgba(255,255,255,.05);
    }

    .bg-7 .pcMain .configSub span {
        background-image: url(../image/pc/page1@2x-g.png);
    }

    .bg-7 .pcMain .configAdd span {
        background-image: url(../image/pc/page2@2x-g.png);
    }

    .bg-7 .pcMain .configTitle {
        color: #808080;
    }

    .bg-7 .pcMain .configLabel {
        color: #808080;
    }

    .bg-7 .pcMain .configSub, .pcMain.bg-7 .configNumber {
        border-right: 1px solid #666;
    }

    .bg-7 .pcMain .configBtn .layui-border-green {
        color: #999 !important;
        border: 1px solid #444 !important;
        background: rgba(255,255,255,.1) !important;
    }

    .bg-7 .pcMain .menuText {
        color: #808080;
    }

    .bg-7 .pcMain .menuBox li a {
        color: #808080;
    }

        .bg-7 .pcMain .menuBox li.active a, .pcMain.bg-7 .menuBox li.active a:hover, .bg-7 .pcMain .menuBox li a:hover {
            color: #FF3955;
        }

    .bg-7 .pcMain .menuBox li:nth-child(2n+1):before {
        border-color: #3d3d3d;
    }

    /* 阅读宽度 */

    /* 阅读宽度-640 */
    .w-640 .pcMain .contentBar {
        width: 640px;
    }

    .w-640 .pcMain .readingBook {
        padding: 0 32px 32px;
    }

    .w-640 .pcMain .readingContent {
        padding-top: 32px;
    }

    .w-640 .pcMain .sliderBar {
        transform: translate(-102px, 0);
    }

    .w-640 .pcMain .menuBox {
        width: 640px;
    }

    .w-640 .pcMain .scrollTop {
        margin-left: 330px;
    }
    /* 阅读宽度-800 */
    .w-800 .pcMain .contentBar {
        width: 800px;
    }

    .w-800 .pcMain .menuBox {
        width: 800px;
    }

    .w-800 .pcMain .scrollTop {
        margin-left: 410px;
    }
    /* 阅读宽度-900 */
    .w-900 .pcMain .contentBar {
        width: 900px;
    }

    .w-900 .pcMain .scrollTop {
        margin-left: 460px;
    }
    /* 阅读宽度-1280 */
    .w-1280 .pcMain .contentBar {
        width: 1280px;
    }

    .w-1280 .pcMain .scrollTop {
        margin-left: 650px;
    }
    /* 字体大小 */
    .fs-12 .pcMain .readingText {
        font-size: 12px;
    }

    .fs-14 .pcMain .readingText {
        font-size: 14px;
    }

    .fs-16 .pcMain .readingText {
        font-size: 16px;
    }

    .fs-18 .pcMain .readingText {
        font-size: 18px;
    }

    .fs-20 .pcMain .readingText {
        font-size: 20px;
    }

    .fs-22 .pcMain .readingText {
        font-size: 22px;
    }

    .fs-24 .pcMain .readingText {
        font-size: 24px;
    }

    .fs-26 .pcMain .readingText {
        font-size: 26px;
    }

    .fs-28 .pcMain .readingText {
        font-size: 28px;
    }

    .fs-30 .pcMain .readingText {
        font-size: 30px;
    }

    .fs-32 .pcMain .readingText {
        font-size: 32px;
    }

    .fs-34 .pcMain .readingText {
        font-size: 34px;
    }

    .fs-36 .pcMain .readingText {
        font-size: 36px;
    }

    .fs-38 .pcMain .readingText {
        font-size: 38px;
    }

    .fs-40 .pcMain .readingText {
        font-size: 40px;
    }

    .fs-42 .pcMain .readingText {
        font-size: 42px;
    }

    .fs-44 .pcMain .readingText {
        font-size: 44px;
    }

    .fs-46 .pcMain .readingText {
        font-size: 46px;
    }

    .fs-48 .pcMain .readingText {
        font-size: 48px;
    }
}