@media only screen and (min-width:1200px) {
    .college-exam-page {
        font-size: 16px;
    }
}

@media only screen and (max-width:1199px) {
    .college-exam-page {
        font-size: calc(0.25rem + 1vw);
    }
}

.college-exam-page {
    display: block;
    box-sizing: border-box;
}

    .college-exam-page .top-box {
        display: flex;
        width: 100%;
        height: 15rem;
        margin-bottom: 1.25rem;
        box-sizing: border-box;
    }

        .college-exam-page .top-box > .swiper-area {
            flex: 7;
            height: 100%;
            overflow: hidden;
            margin-right: 1.25rem;
            box-sizing: border-box;
            border-radius: var(--borderRadius2);
            background: var(--bg-color3);
        }

            .college-exam-page .top-box > .swiper-area > .swiper {
                width: 100%;
                height: 100%;
                overflow: hidden;
                font-size: 0;
                position: relative;
                z-index: 100;
            }

                .college-exam-page .top-box > .swiper-area > .swiper > .banner-slide {
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                    position: relative;
                }

                    .college-exam-page .top-box > .swiper-area > .swiper > .banner-slide li.item > a {
                        display: block;
                        height: 100%;
                    }

                        .college-exam-page .top-box > .swiper-area > .swiper > .banner-slide li.item > a > img {
                            display: block;
                            width: 100%;
                        }

                    .college-exam-page .top-box > .swiper-area > .swiper > .banner-slide .slick-dots {
                        width: auto;
                        box-sizing: border-box;
                        padding: 3px 10px;
                        border-radius: 9px;
                        bottom: 9px;
                        left: 50%;
                        -ms-transform: translateX(-50%);
                        -moz-transform: translateX(-50%);
                        -webkit-transform: translateX(-50%);
                        transform: translateX(-50%);
                        background: rgba(0,0,0,0.2);
                    }

                        .college-exam-page .top-box > .swiper-area > .swiper > .banner-slide .slick-dots li {
                            width: 16px;
                            height: auto;
                            vertical-align: middle;
                            text-align: center;
                            margin: 0;
                        }

                            .college-exam-page .top-box > .swiper-area > .swiper > .banner-slide .slick-dots li button {
                                opacity: .8;
                                padding: 0;
                                display: inline-block;
                                width: 8px;
                                height: 8px;
                            }

                                .college-exam-page .top-box > .swiper-area > .swiper > .banner-slide .slick-dots li button::before {
                                    content: '';
                                    color: var(--font-color5);
                                    display: inline-block;
                                    width: 8px;
                                    height: 8px;
                                    border-radius: 50%;
                                    line-height: 1;
                                    background: var(--bg-color3);
                                    font-size: 0;
                                    position: static;
                                }

                            .college-exam-page .top-box > .swiper-area > .swiper > .banner-slide .slick-dots li.slick-active {
                                width: 20px;
                                text-align: center;
                            }

                                .college-exam-page .top-box > .swiper-area > .swiper > .banner-slide .slick-dots li.slick-active button {
                                    opacity: 1;
                                    width: 100%;
                                }

                                    .college-exam-page .top-box > .swiper-area > .swiper > .banner-slide .slick-dots li.slick-active button::before {
                                        width: 18px;
                                        height: 8px;
                                        border-radius: 4px;
                                        opacity: 1;
                                    }

            .college-exam-page .top-box > .swiper-area > .swiper-box > .slides > .swiper > .banner-slide > .slick-dots {
                position: absolute;
                bottom: 14px;
                left: 50%;
                transform: translateX(-50%);
                font-size: 0;
            }

                .college-exam-page .top-box > .swiper-area > .swiper-box > .slides > .swiper > .banner-slide > .slick-dots > li[role="presentation"] {
                    display: inline-block;
                    vertical-align: middle;
                    margin: 0 5px;
                    cursor: pointer;
                }

                    .college-exam-page .top-box > .swiper-area > .swiper-box > .slides > .swiper > .banner-slide > .slick-dots > li[role="presentation"] > button {
                        border: 0;
                        width: 10px;
                        height: 10px;
                        border-radius: 50%;
                        background: var(--bg-color3);
                        font-size: 0;
                        outline: 0;
                        cursor: pointer;
                    }

                .college-exam-page .top-box > .swiper-area > .swiper-box > .slides > .swiper > .banner-slide > .slick-dots > li.slick-active > button {
                    width: 20px;
                    background: #39f;
                    border-radius: 5px;
                }

        .college-exam-page .top-box > .nav-list {
            flex: 3;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
            border-radius: var(--borderRadius2);
            padding: .375rem 1.125rem .375rem .875rem;
            background: var(--bg-color3);
        }

            .college-exam-page .top-box > .nav-list > .nav-item {
                display: inline-block;
                width: 18.585%;
                height: 4rem;
                margin: 0 3.3125rem;
                text-align: center;
            }

                .college-exam-page .top-box > .nav-list > .nav-item > .pic {
                    display: inline-block;
                    width: 2.5rem;
                    height: 2.5rem;
                    background-size: 2.5rem 2.5rem;
                }

                .college-exam-page .top-box > .nav-list > .nav-item > .nav-txt {
                    display: block;
                    text-align: center;
                    font-size: 1rem;
                    line-height: 1.375;
                    color: var(--font-color2);
                }

                .college-exam-page .top-box > .nav-list > .nav-item.zt > .pic {
                    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzcgMzciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM3IDM3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0ZDRDU2OTt9Cgkuc3Qxe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6dXJsKCNwYXRoLTJfNV8pO30KCS5zdDJ7ZmlsdGVyOnVybCgjQWRvYmVfT3BhY2l0eU1hc2tGaWx0ZXIpO30KCS5zdDN7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30KCS5zdDR7b3BhY2l0eTowLjY4NDk7bWFzazp1cmwoI21hc2stM18xXyk7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkNENTY5O2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0NXtmaWx0ZXI6dXJsKCNBZG9iZV9PcGFjaXR5TWFza0ZpbHRlcl8xXyk7fQoJLnN0NnttYXNrOnVybCgjbWFzay0zXzJfKTtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkFDMzc7fQoJLnN0N3tmaWx0ZXI6dXJsKCNBZG9iZV9PcGFjaXR5TWFza0ZpbHRlcl8yXyk7fQoJLnN0OHttYXNrOnVybCgjbWFzay0zXzVfKTt9Cgkuc3Q5e2ZpbGw6I0ZGRkZGRjt9Cgkuc3QxMHtmaWx0ZXI6dXJsKCNBZG9iZV9PcGFjaXR5TWFza0ZpbHRlcl8zXyk7fQoJLnN0MTF7bWFzazp1cmwoI21hc2stM18zXyk7fQo8L3N0eWxlPgo8dGl0bGU+55yf6aKY5rGH57yWPC90aXRsZT4KPGcgaWQ9Iue7hOWNt+S4reiAgyI+Cgk8ZyBpZD0i57yW57uELTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjY4LjAwMDAwMCwgLTIzNy4wMDAwMDApIj4KCQk8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjU1LjAwMDAwMCwgMjM3LjkzMTI3NCkiPgoJCQk8ZyBpZD0i55yf6aKY5rGH57yWIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMy44MTc4NzEsIDAuMDAwMDAwKSI+CgkJCQk8cGF0aCBpZD0i55+p5b2iIiBjbGFzcz0ic3QwIiBkPSJNMzYsMTR2MThjMCwyLjItMS44LDQtNCw0SDRjLTIuMiwwLTQtMS44LTQtNFYxNGMwLTIuMiwxLjgtNCw0LTRoMjhDMzQuMiwxMCwzNiwxMS44LDM2LDE0eiIKCQkJCQkvPgoJCQkJPGcgaWQ9IuefqeW9ol8xXyI+CgkJCQkJCgkJCQkJCTxsaW5lYXJHcmFkaWVudCBpZD0icGF0aC0yXzVfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii01MS4yNzk0IiB5MT0iODguNTk2NSIgeDI9Ii01MS4yNzk0IiB5Mj0iODcuNTk2NSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgyNiAwIDAgLTM2IDEzNDYuMjY0NiAzMTg5LjQ3NDEpIj4KCQkJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGQzMyQSIvPgoJCQkJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkY5QTEzIi8+CgkJCQkJPC9saW5lYXJHcmFkaWVudD4KCQkJCQk8cGF0aCBpZD0icGF0aC0yXzFfIiBjbGFzcz0ic3QxIiBkPSJNNCwwaDE4YzIuMiwwLDQsMS44LDQsNHYyOGMwLDIuMi0xLjgsNC00LDRINGMtMi4yLDAtNC0xLjgtNC00VjRDMCwxLjgsMS44LDAsNCwweiIvPgoJCQkJPC9nPgoJCQkJPGRlZnM+CgkJCQkJPGZpbHRlciBpZD0iQWRvYmVfT3BhY2l0eU1hc2tGaWx0ZXIiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMTYuNCIgeT0iLTMuMiIgd2lkdGg9IjExLjQiIGhlaWdodD0iMTEuNCI+CgkJCQkJCTxmZUNvbG9yTWF0cml4ICB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMSAwIDAgMCAwICAwIDEgMCAwIDAgIDAgMCAxIDAgMCAgMCAwIDAgMSAwIi8+CgkJCQkJPC9maWx0ZXI+CgkJCQk8L2RlZnM+CgkJCQk8bWFzayBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIxNi40IiB5PSItMy4yIiB3aWR0aD0iMTEuNCIgaGVpZ2h0PSIxMS40IiBpZD0ibWFzay0zXzFfIj4KCQkJCQk8ZyBjbGFzcz0ic3QyIj4KCQkJCQkJPHBhdGggaWQ9InBhdGgtMl8yXyIgY2xhc3M9InN0MyIgZD0iTTQsMGgxOGMyLjIsMCw0LDEuOCw0LDR2MjhjMCwyLjItMS44LDQtNCw0SDRjLTIuMiwwLTQtMS44LTQtNFY0QzAsMS44LDEuOCwwLDQsMHoiLz4KCQkJCQk8L2c+CgkJCQk8L21hc2s+CgkJCQk8Y2lyY2xlIGlkPSLmpK3lnIblvaIiIGNsYXNzPSJzdDQiIGN4PSIyMi4xIiBjeT0iMi41IiByPSI1LjciLz4KCQkJCTxkZWZzPgoJCQkJCTxmaWx0ZXIgaWQ9IkFkb2JlX09wYWNpdHlNYXNrRmlsdGVyXzFfIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9Ii0zLjYiIHk9IjI1LjYiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CgkJCQkJCTxmZUNvbG9yTWF0cml4ICB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMSAwIDAgMCAwICAwIDEgMCAwIDAgIDAgMCAxIDAgMCAgMCAwIDAgMSAwIi8+CgkJCQkJPC9maWx0ZXI+CgkJCQk8L2RlZnM+CgkJCQk8bWFzayBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSItMy42IiB5PSIyNS42IiB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGlkPSJtYXNrLTNfMl8iPgoJCQkJCTxnIGNsYXNzPSJzdDUiPgoJCQkJCQk8cGF0aCBpZD0icGF0aC0yXzNfIiBjbGFzcz0ic3QzIiBkPSJNNCwwaDE4YzIuMiwwLDQsMS44LDQsNHYyOGMwLDIuMi0xLjgsNC00LDRINGMtMi4yLDAtNC0xLjgtNC00VjRDMCwxLjgsMS44LDAsNCwweiIvPgoJCQkJCTwvZz4KCQkJCTwvbWFzaz4KCQkJCTxjaXJjbGUgaWQ9IuakreWchuW9ouWkh+S7vSIgY2xhc3M9InN0NiIgY3g9IjMuNCIgY3k9IjMyLjYiIHI9IjciLz4KCQkJCTxkZWZzPgoJCQkJCTxmaWx0ZXIgaWQ9IkFkb2JlX09wYWNpdHlNYXNrRmlsdGVyXzJfIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjQuNSIgeT0iMTMuNCIgd2lkdGg9IjExLjMiIGhlaWdodD0iNCI+CgkJCQkJCTxmZUNvbG9yTWF0cml4ICB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMSAwIDAgMCAwICAwIDEgMCAwIDAgIDAgMCAxIDAgMCAgMCAwIDAgMSAwIi8+CgkJCQkJPC9maWx0ZXI+CgkJCQk8L2RlZnM+CgkJCQk8bWFzayBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSI0LjUiIHk9IjEzLjQiIHdpZHRoPSIxMS4zIiBoZWlnaHQ9IjQiIGlkPSJtYXNrLTNfNV8iPgoJCQkJCTxnIGNsYXNzPSJzdDciPgoJCQkJCQk8cGF0aCBpZD0icGF0aC0yXzZfIiBjbGFzcz0ic3QzIiBkPSJNNCwwaDE4YzIuMiwwLDQsMS44LDQsNHYyOGMwLDIuMi0xLjgsNC00LDRINGMtMi4yLDAtNC0xLjgtNC00VjRDMCwxLjgsMS44LDAsNCwweiIvPgoJCQkJCTwvZz4KCQkJCTwvbWFzaz4KCQkJCTxnIGlkPSLnm7Tnur8tMyIgY2xhc3M9InN0OCI+CgkJCQkJPHBhdGggY2xhc3M9InN0OSIgZD0iTTEzLjgsMTcuNEg2LjVjLTEuMSwwLTItMC45LTItMnMwLjktMiwyLTJoNy4zYzEuMSwwLDIsMC45LDIsMlMxNC45LDE3LjQsMTMuOCwxNy40eiIvPgoJCQkJPC9nPgoJCQkJPGRlZnM+CgkJCQkJPGZpbHRlciBpZD0iQWRvYmVfT3BhY2l0eU1hc2tGaWx0ZXJfM18iIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iNC41IiB5PSIyMS40IiB3aWR0aD0iMTYuOCIgaGVpZ2h0PSI0Ij4KCQkJCQkJPGZlQ29sb3JNYXRyaXggIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIxIDAgMCAwIDAgIDAgMSAwIDAgMCAgMCAwIDEgMCAwICAwIDAgMCAxIDAiLz4KCQkJCQk8L2ZpbHRlcj4KCQkJCTwvZGVmcz4KCQkJCTxtYXNrIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjQuNSIgeT0iMjEuNCIgd2lkdGg9IjE2LjgiIGhlaWdodD0iNCIgaWQ9Im1hc2stM18zXyI+CgkJCQkJPGcgY2xhc3M9InN0MTAiPgoJCQkJCQk8cGF0aCBpZD0icGF0aC0yXzRfIiBjbGFzcz0ic3QzIiBkPSJNNCwwaDE4YzIuMiwwLDQsMS44LDQsNHYyOGMwLDIuMi0xLjgsNC00LDRINGMtMi4yLDAtNC0xLjgtNC00VjRDMCwxLjgsMS44LDAsNCwweiIvPgoJCQkJCTwvZz4KCQkJCTwvbWFzaz4KCQkJCTxnIGlkPSLnm7Tnur8tM+Wkh+S7vSIgY2xhc3M9InN0MTEiPgoJCQkJCTxwYXRoIGNsYXNzPSJzdDkiIGQ9Ik0xOS4zLDI1LjRINi41Yy0xLjEsMC0yLTAuOS0yLTJzMC45LTIsMi0yaDEyLjhjMS4xLDAsMiwwLjksMiwyUzIwLjQsMjUuNCwxOS4zLDI1LjR6Ii8+CgkJCQk8L2c+CgkJCTwvZz4KCQk8L2c+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==) no-repeat;
                }

                .college-exam-page .top-box > .nav-list > .nav-item.zx > .pic {
                    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzdweCIgaGVpZ2h0PSIzN3B4IiB2aWV3Qm94PSIwIDAgMzcgMzciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+5LiT6aG56K6t57uDPC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iOTMuOTc0NjA5NCUiIHkxPSI2NS4yNzM2MzM0JSIgeDI9IjUuNDc4NTE1NjMlIiB5Mj0iMzQuNzA4MTMxNCUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzZBRDlDOSIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMzhDNkI0IiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgaWQ9Iue7hOWNt+S4reiAgyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0MzguMDAwMDAwLCAtMjM3LjAwMDAwMCkiIGlkPSLnvJbnu4QtMjjlpIfku70tMyI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0MjQuNTEyMjA3LCAyMzcuOTMxMjc0KSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0i5LiT6aG56K6t57uDIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMy44MTc4NzEsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgZmlsbD0iI0MxRjBFOCIgeD0iNCIgeT0iMCIgd2lkdGg9IjI4IiBoZWlnaHQ9IjIwLjk0MzYwMzUiIHJ4PSIzIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQsMTQuMDYxNDAxNCBMMTcuNjQ3ODgyNywxNC4wNjE0MDE0IEMxOC4wNjE1OTgyLDE0LjA2MTQwMTQgMTguNDY1MTMyNywxNC4xODk3MDA4IDE4LjgwMjg4NTcsMTQuNDI4NjIyMiBMMjEuMTExMDc3LDE2LjA2MTQwMTQgTDIzLjQxOTI2ODMsMTcuNjk0MTgwNiBDMjMuNzU3MDIxMywxNy45MzMxMDE5IDI0LjE2MDU1NTgsMTguMDYxNDAxNCAyNC41NzQyNzEzLDE4LjA2MTQwMTQgTDMyLDE4LjA2MTQwMTQgQzM0LjIwOTEzOSwxOC4wNjE0MDE0IDM2LDE5Ljg1MjI2MjQgMzYsMjIuMDYxNDAxNCBMMzYsMzIuMDYxNDAxNCBDMzYsMzQuMjcwNTQwNCAzNC4yMDkxMzksMzYuMDYxNDAxNCAzMiwzNi4wNjE0MDE0IEw0LDM2LjA2MTQwMTQgQzEuNzkwODYxLDM2LjA2MTQwMTQgMi43MDU0MTVlLTE2LDM0LjI3MDU0MDQgMCwzMi4wNjE0MDE0IEwwLDE4LjA2MTQwMTQgQy0xLjYwMjgwOTEzZS0xNSwxNS44NTIyNjI0IDEuNzkwODYxLDE0LjA2MTQwMTQgNCwxNC4wNjE0MDE0IFoiIGlkPSLnn6nlvaIiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0i55+p5b2iIiBmaWxsPSIjRkZGRkZGIiB4PSIyMS41OTQyMzgzIiB5PSIyOS44ODUzNzYiIHdpZHRoPSIxMCIgaGVpZ2h0PSIzIiByeD0iMS41Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat;
                }

                .college-exam-page .top-box > .nav-list > .nav-item.kd > .pic {
                    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzZweCIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+6ICD54K56YCJ6aKYPC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iMTcuNzc3NTA2NSUiIHkxPSIxOS42MjczNzkxJSIgeDI9IjgzLjA1MDk0NCUiIHkyPSI3Ni45MDM2MTM3JSIgaWQ9ImxpbmVhckdyYWRpZW50LTEiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjNkNCM0ZFIiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMyODc3RkYiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSIxNy43Nzc1MDY1JSIgeTE9IjExLjU1OTY1MTclIiB4Mj0iODMuMDUwOTQ0JSIgeTI9Ijg0LjA0OTg4NjElIiBpZD0ibGluZWFyR3JhZGllbnQtMiI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM2Q0IzRkUiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzI4NzdGRiIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSLnu4TljbfkuK3ogIMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjcwLjAwMDAwMCwgLTMzOS4wMDAwMDApIiBpZD0i57yW57uELTUiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjU1LjAwMDAwMCwgMjM3LjkzMTI3NCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC0yOOWkh+S7vS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTAyLjA2MTQwMSkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSLogIPngrnpgInpopgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjM1NzExNywgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGxpbmUgeDE9IjI1LjI3NTYzNDgiIHkxPSIyNC45MDU1MTc2IiB4Mj0iMzMuMDM3NTk3NyIgeTI9IjMyLjAwMTM0MjgiIGlkPSLot6/lvoQtNiIgc3Ryb2tlPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiBzdHJva2Utd2lkdGg9IjUiPjwvbGluZT4KICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0i5qSt5ZyG5b2iIiBzdHJva2U9InVybCgjbGluZWFyR3JhZGllbnQtMikiIHN0cm9rZS13aWR0aD0iNCIgY3g9IjE1IiBjeT0iMTUiIHI9IjEzIj48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTguODI4NzM1MzUsMTUuOTExODY1MiBDOC41NzE0OTI1MSwxMi44MzYzNDQ0IDkuODQ2NzE0NTYsMTAuNjM0MzQxMyAxMi42NTQ0MDE1LDkuMzA1ODU1ODkiIGlkPSLot6/lvoQtNSIgc3Ryb2tlPSIjNjFBN0ZEIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
                }

                .college-exam-page .top-box > .nav-list > .nav-item.rd > .pic {
                    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzcgNDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM3IDQwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6dXJsKCNwYXRoLTJfNF8pO30KCS5zdDF7ZmlsdGVyOnVybCgjQWRvYmVfT3BhY2l0eU1hc2tGaWx0ZXIpO30KCS5zdDJ7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30KCS5zdDN7bWFzazp1cmwoI21hc2stM18xXyk7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkU4Qzg1O30KCS5zdDR7ZmlsdGVyOnVybCgjQWRvYmVfT3BhY2l0eU1hc2tGaWx0ZXJfMV8pO30KCS5zdDV7bWFzazp1cmwoI21hc2stM18yXyk7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkU3NTZEO30KCS5zdDZ7ZmlsdGVyOnVybCgjQWRvYmVfT3BhY2l0eU1hc2tGaWx0ZXJfMl8pO30KCS5zdDd7bWFzazp1cmwoI21hc2stM180Xyk7fQoJLnN0OHtmaWxsOiNGRkZGRkY7fQoJLnN0OXtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRjgyN0E7fQo8L3N0eWxlPgo8dGl0bGU+54Ot54K55paw6aKYPC90aXRsZT4KPGcgaWQ9Iue7hOWNt+S4reiAgyI+Cgk8ZyBpZD0i57yW57uELTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDM4LjAwMDAwMCwgLTMzOS4wMDAwMDApIj4KCQk8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjU1LjAwMDAwMCwgMjM3LjkzMTI3NCkiPgoJCQk8ZyBpZD0i57yW57uELTMxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNjkuNTEyMjA3LCAxMDIuMDYxNDAxKSI+CgkJCQk8ZyBpZD0i54Ot54K55paw6aKYIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMy42MjQ3NjUsIDAuMDAwMDAwKSI+CgkJCQkJPGcgaWQ9IuaYn+W9oiI+CgkJCQkJCQoJCQkJCQkJPGxpbmVhckdyYWRpZW50IGlkPSJwYXRoLTJfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLTUxLjI3MTEiIHkxPSI5MC4xNjczIiB4Mj0iLTUwLjg1NTUiIHkyPSI4OS41NTMyIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDM0LjY2NzMgMCAwIC0zMy4xNjYxIDE3OTAuMTU0NSAzMDA0Ljg1MDEpIj4KCQkJCQkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjgzN0IiLz4KCQkJCQkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjc0NkIiLz4KCQkJCQkJPC9saW5lYXJHcmFkaWVudD4KCQkJCQkJPHBhdGggaWQ9InBhdGgtMl8xXyIgY2xhc3M9InN0MCIgZD0iTTE3LjMsMzUuM2wtNy45LDIuMkM4LjQsMzcuNyw3LjMsMzcuMSw3LDM2YzAtMC4xLTAuMS0wLjMtMC4xLTAuNGwtMC4yLTMuNGwwLDBsLTAuMi00LjgKCQkJCQkJCWMwLTAuNy0wLjMtMS40LTAuNy0ybC00LjUtNi44Yy0wLjYtMC45LTAuMy0yLjIsMC42LTIuOGMwLjEtMC4xLDAuMy0wLjEsMC40LTAuMmw3LjctMi45YzAuNy0wLjMsMS4zLTAuNywxLjctMS4ybDUuMS02LjQKCQkJCQkJCWMwLjctMC45LDEuOS0xLDIuOC0wLjNjMC4xLDAuMSwwLjIsMC4yLDAuMywwLjNsNS4xLDYuNGMwLjQsMC42LDEsMSwxLjcsMS4ybDcuNywyLjljMSwwLjQsMS42LDEuNSwxLjIsMi42CgkJCQkJCQljLTAuMSwwLjEtMC4xLDAuMy0wLjIsMC40bC00LjUsNi44Yy0wLjQsMC42LTAuNiwxLjMtMC43LDJsLTAuNCw4LjJjLTAuMSwxLjEtMSwyLTIuMSwxLjljLTAuMSwwLTAuMywwLTAuNC0wLjFsLTcuOS0yLjIKCQkJCQkJCUMxOC43LDM1LjEsMTgsMzUuMSwxNy4zLDM1LjN6Ii8+CgkJCQkJPC9nPgoJCQkJCTxkZWZzPgoJCQkJCQk8ZmlsdGVyIGlkPSJBZG9iZV9PcGFjaXR5TWFza0ZpbHRlciIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIyMi4zIiB5PSI0LjEiIHdpZHRoPSIxNi41IiBoZWlnaHQ9IjE2LjUiPgoJCQkJCQkJPGZlQ29sb3JNYXRyaXggIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIxIDAgMCAwIDAgIDAgMSAwIDAgMCAgMCAwIDEgMCAwICAwIDAgMCAxIDAiLz4KCQkJCQkJPC9maWx0ZXI+CgkJCQkJPC9kZWZzPgoJCQkJCTxtYXNrIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjIyLjMiIHk9IjQuMSIgd2lkdGg9IjE2LjUiIGhlaWdodD0iMTYuNSIgaWQ9Im1hc2stM18xXyI+CgkJCQkJCTxnIGNsYXNzPSJzdDEiPgoJCQkJCQkJPHBhdGggaWQ9InBhdGgtMl8yXyIgY2xhc3M9InN0MiIgZD0iTTE3LjMsMzUuM2wtNy45LDIuMkM4LjQsMzcuNyw3LjMsMzcuMSw3LDM2YzAtMC4xLTAuMS0wLjMtMC4xLTAuNGwtMC4yLTMuNGwwLDAKCQkJCQkJCQlsLTAuMi00LjhjMC0wLjctMC4zLTEuNC0wLjctMmwtNC41LTYuOGMtMC42LTAuOS0wLjMtMi4yLDAuNi0yLjhjMC4xLTAuMSwwLjMtMC4xLDAuNC0wLjJsNy43LTIuOWMwLjctMC4zLDEuMy0wLjcsMS43LTEuMgoJCQkJCQkJCWw1LjEtNi40YzAuNy0wLjksMS45LTEsMi44LTAuM2MwLjEsMC4xLDAuMiwwLjIsMC4zLDAuM2w1LjEsNi40YzAuNCwwLjYsMSwxLDEuNywxLjJsNy43LDIuOWMxLDAuNCwxLjYsMS41LDEuMiwyLjYKCQkJCQkJCQljLTAuMSwwLjEtMC4xLDAuMy0wLjIsMC40bC00LjUsNi44Yy0wLjQsMC42LTAuNiwxLjMtMC43LDJsLTAuNCw4LjJjLTAuMSwxLjEtMSwyLTIuMSwxLjljLTAuMSwwLTAuMywwLTAuNC0wLjFsLTcuOS0yLjIKCQkJCQkJCQlDMTguNywzNS4xLDE4LDM1LjEsMTcuMywzNS4zeiIvPgoJCQkJCQk8L2c+CgkJCQkJPC9tYXNrPgoJCQkJCTxjaXJjbGUgaWQ9IuakreWchuW9oiIgY2xhc3M9InN0MyIgY3g9IjMwLjYiIGN5PSIxMi4zIiByPSI4LjMiLz4KCQkJCQk8ZGVmcz4KCQkJCQkJPGZpbHRlciBpZD0iQWRvYmVfT3BhY2l0eU1hc2tGaWx0ZXJfMV8iIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iLTEuOSIgeT0iMjEuNSIgd2lkdGg9IjIxLjYiIGhlaWdodD0iMjEuNiI+CgkJCQkJCQk8ZmVDb2xvck1hdHJpeCAgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjEgMCAwIDAgMCAgMCAxIDAgMCAwICAwIDAgMSAwIDAgIDAgMCAwIDEgMCIvPgoJCQkJCQk8L2ZpbHRlcj4KCQkJCQk8L2RlZnM+CgkJCQkJPG1hc2sgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iLTEuOSIgeT0iMjEuNSIgd2lkdGg9IjIxLjYiIGhlaWdodD0iMjEuNiIgaWQ9Im1hc2stM18yXyI+CgkJCQkJCTxnIGNsYXNzPSJzdDQiPgoJCQkJCQkJPHBhdGggaWQ9InBhdGgtMl8zXyIgY2xhc3M9InN0MiIgZD0iTTE3LjMsMzUuM2wtNy45LDIuMkM4LjQsMzcuNyw3LjMsMzcuMSw3LDM2YzAtMC4xLTAuMS0wLjMtMC4xLTAuNGwtMC4yLTMuNGwwLDAKCQkJCQkJCQlsLTAuMi00LjhjMC0wLjctMC4zLTEuNC0wLjctMmwtNC41LTYuOGMtMC42LTAuOS0wLjMtMi4yLDAuNi0yLjhjMC4xLTAuMSwwLjMtMC4xLDAuNC0wLjJsNy43LTIuOWMwLjctMC4zLDEuMy0wLjcsMS43LTEuMgoJCQkJCQkJCWw1LjEtNi40YzAuNy0wLjksMS45LTEsMi44LTAuM2MwLjEsMC4xLDAuMiwwLjIsMC4zLDAuM2w1LjEsNi40YzAuNCwwLjYsMSwxLDEuNywxLjJsNy43LDIuOWMxLDAuNCwxLjYsMS41LDEuMiwyLjYKCQkJCQkJCQljLTAuMSwwLjEtMC4xLDAuMy0wLjIsMC40bC00LjUsNi44Yy0wLjQsMC42LTAuNiwxLjMtMC43LDJsLTAuNCw4LjJjLTAuMSwxLjEtMSwyLTIuMSwxLjljLTAuMSwwLTAuMywwLTAuNC0wLjFsLTcuOS0yLjIKCQkJCQkJCQlDMTguNywzNS4xLDE4LDM1LjEsMTcuMywzNS4zeiIvPgoJCQkJCQk8L2c+CgkJCQkJPC9tYXNrPgoJCQkJCTxjaXJjbGUgaWQ9IuakreWchuW9ouWkh+S7vS0xMSIgY2xhc3M9InN0NSIgY3g9IjguOSIgY3k9IjMyLjMiIHI9IjEwLjgiLz4KCQkJCQk8ZGVmcz4KCQkJCQkJPGZpbHRlciBpZD0iQWRvYmVfT3BhY2l0eU1hc2tGaWx0ZXJfMl8iIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMTIuOSIgeT0iMTguNCIgd2lkdGg9IjEwLjkiIGhlaWdodD0iNy41Ij4KCQkJCQkJCTxmZUNvbG9yTWF0cml4ICB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMSAwIDAgMCAwICAwIDEgMCAwIDAgIDAgMCAxIDAgMCAgMCAwIDAgMSAwIi8+CgkJCQkJCTwvZmlsdGVyPgoJCQkJCTwvZGVmcz4KCQkJCQk8bWFzayBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIxMi45IiB5PSIxOC40IiB3aWR0aD0iMTAuOSIgaGVpZ2h0PSI3LjUiIGlkPSJtYXNrLTNfNF8iPgoJCQkJCQk8ZyBjbGFzcz0ic3Q2Ij4KCQkJCQkJCTxwYXRoIGlkPSJwYXRoLTJfNV8iIGNsYXNzPSJzdDIiIGQ9Ik0xNy4zLDM1LjNsLTcuOSwyLjJDOC40LDM3LjcsNy4zLDM3LjEsNywzNmMwLTAuMS0wLjEtMC4zLTAuMS0wLjRsLTAuMi0zLjRsMCwwCgkJCQkJCQkJbC0wLjItNC44YzAtMC43LTAuMy0xLjQtMC43LTJsLTQuNS02LjhjLTAuNi0wLjktMC4zLTIuMiwwLjYtMi44YzAuMS0wLjEsMC4zLTAuMSwwLjQtMC4ybDcuNy0yLjljMC43LTAuMywxLjMtMC43LDEuNy0xLjIKCQkJCQkJCQlsNS4xLTYuNGMwLjctMC45LDEuOS0xLDIuOC0wLjNjMC4xLDAuMSwwLjIsMC4yLDAuMywwLjNsNS4xLDYuNGMwLjQsMC42LDEsMSwxLjcsMS4ybDcuNywyLjljMSwwLjQsMS42LDEuNSwxLjIsMi42CgkJCQkJCQkJYy0wLjEsMC4xLTAuMSwwLjMtMC4yLDAuNGwtNC41LDYuOGMtMC40LDAuNi0wLjYsMS4zLTAuNywybC0wLjQsOC4yYy0wLjEsMS4xLTEsMi0yLjEsMS45Yy0wLjEsMC0wLjMsMC0wLjQtMC4xbC03LjktMi4yCgkJCQkJCQkJQzE4LjcsMzUuMSwxOCwzNS4xLDE3LjMsMzUuM3oiLz4KCQkJCQkJPC9nPgoJCQkJCTwvbWFzaz4KCQkJCQk8ZyBpZD0i6Lev5b6ELTMiIGNsYXNzPSJzdDciPgoJCQkJCQk8cGF0aCBjbGFzcz0ic3Q4IiBkPSJNMTQuNCwyNS45Yy0wLjIsMC0wLjMsMC0wLjUtMC4xYy0wLjgtMC4zLTEuMi0xLjEtMC45LTEuOWwxLjQtNC4xYzAuMi0wLjUsMC42LTAuOCwxLTEKCQkJCQkJCWMwLjUtMC4xLDEsMCwxLjQsMC4zbDMsMi43bDEuMi0yLjdjMC4zLTAuOCwxLjItMS4xLDItMC44YzAuOCwwLjMsMS4xLDEuMiwwLjgsMmwtMiw0LjVjLTAuMiwwLjQtMC42LDAuOC0xLjEsMC45CgkJCQkJCQljLTAuNSwwLjEtMSwwLTEuMy0wLjRMMTYuNSwyM2wtMC43LDEuOUMxNS42LDI1LjYsMTUsMjUuOSwxNC40LDI1Ljl6Ii8+CgkJCQkJPC9nPgoJCQkJCTxwYXRoIGlkPSLnn6nlvaIiIGNsYXNzPSJzdDkiIGQ9Ik02LjksMGgyMi44YzEuMSwwLDIsMC45LDIsMmMwLDAuMSwwLDAuMywwLDAuNEwzMCwxMC4yYy0wLjEsMC41LTAuNiwwLjktMS4yLDAuOAoJCQkJCQljLTAuMiwwLTAuNC0wLjEtMC41LTAuM2wtOC43LTguNWMtMC44LTAuOC0yLTAuOC0yLjgsMGwtOC41LDguNWMtMC40LDAuNC0xLDAuNC0xLjQsMGMtMC4xLTAuMS0wLjItMC4zLTAuMy0wLjVMNC45LDIuNAoJCQkJCQlDNC43LDEuNCw1LjQsMC4zLDYuNCwwQzYuNiwwLDYuNywwLDYuOSwweiIvPgoJCQkJPC9nPgoJCQk8L2c+CgkJPC9nPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=) no-repeat;
                }

                .college-exam-page .top-box > .nav-list > .nav-item.gp > .pic {
                    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzdweCIgaGVpZ2h0PSIzN3B4IiB2aWV3Qm94PSIwIDAgMzcgMzciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+6auY6aKR6ICD54K5PC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iOTMuOTc0NjA5NCUiIHkxPSI3NC43NDA3NjE2JSIgeDI9IjUuNDc4NTE1NjMlIiB5Mj0iMjUuMjI5NzAwNCUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzZBRDlDOSIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMzhDNkI0IiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxyZWN0IGlkPSJwYXRoLTIiIHg9IjAiIHk9IjAiIHdpZHRoPSIzNiIgaGVpZ2h0PSIyOCIgcng9IjUiPjwvcmVjdD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjkzLjk3NDYwOTQlIiB5MT0iNTMuMDQxOTk5NSUiIHgyPSI1LjQ3ODUxNTYzJSIgeTI9IjQ2Ljk1NDM2ODYlIiBpZD0ibGluZWFyR3JhZGllbnQtMyI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM2QUQ5QzkiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzM4QzZCNCIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8cGF0aCBkPSJNMTAsMzAgTDEwLjEzODk3NTksMzAgTDEwLjEzODk3NTksMzAgTDE3Ljk4MTQxNDcsMzAgTDI1Ljc5NDg5MzUsMzAgTDI2LDMwIEMyNy42NTY4NTQyLDMwIDI5LDMxLjM0MzE0NTggMjksMzMgQzI5LDM0LjY1Njg1NDIgMjcuNjU2ODU0MiwzNiAyNiwzNiBMMTAsMzYgQzguMzQzMTQ1NzUsMzYgNywzNC42NTY4NTQyIDcsMzMgQzcsMzEuMzQzMTQ1OCA4LjM0MzE0NTc1LDMwIDEwLDMwIFoiIGlkPSJwYXRoLTQiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSLpobXpnaItMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Iue7hOWNt+mrmOiAg+WOn+Wni+alvOWxguS8mOWMliIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0MzguMDAwMDAwLCAtMjM3LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i57yW57uELTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyNTUuMDAwMDAwLCAyMzcuOTMxMjc0KSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uELTI45aSH5Lu9LTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2OS41MTIyMDcsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IumrmOmikeiAg+eCuSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQuMzE5MzM2LCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i55+p5b2iIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iI0MxRjBFOCIgeGxpbms6aHJlZj0iI3BhdGgtMiI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiIHhsaW5rOmhyZWY9IiNwYXRoLTIiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSLnn6nlvaIiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjcGF0aC00Ij48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0zKSIgeGxpbms6aHJlZj0iI3BhdGgtNCI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC0xMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOC41MDAwMDAsIDkuMzg1OTg2KSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0i55+p5b2iIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjUwMDAwMCwgOC41MTc4ODgpIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTEuNTAwMDAwLCAtOC41MTc4ODgpICIgeD0iLTIuNjQ1NzQ4NzUiIHk9IjcuMDE3ODg3ODIiIHdpZHRoPSI4LjI5MTQ5NzQ5IiBoZWlnaHQ9IjMiIHJ4PSIxLjUiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaLlpIfku70tMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS41MDAwMDAsIDYuMzMxODE4KSByb3RhdGUoLTkwLjAwMDAwMCkgdHJhbnNsYXRlKC05LjUwMDAwMCwgLTYuMzMxODE4KSAiIHg9IjMuMTY4MTgxNzIiIHk9IjQuODMxODE4MjgiIHdpZHRoPSIxMi42NjM2MzY2IiBoZWlnaHQ9IjMiIHJ4PSIxLjUiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaLlpIfku70tNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcuNTAwMDAwLCA4LjUxNzg4OCkgcm90YXRlKC05MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTcuNTAwMDAwLCAtOC41MTc4ODgpICIgeD0iMTMuMzU0MjUxMyIgeT0iNy4wMTc4ODc4MiIgd2lkdGg9IjguMjkxNDk3NDkiIGhlaWdodD0iMyIgcng9IjEuNSI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat;
                }

    .college-exam-page .cnt {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .college-exam-page .cnt > .cnt-item {
            width: 49.167%;
            min-height: 15.625rem;
            overflow: hidden;
            margin-bottom: 1.25rem;
            margin-right: 1.25rem;
            box-sizing: border-box;
            border-radius: var(--borderRadius2);
            background: var(--bg-color3);
        }

            .college-exam-page .cnt > .cnt-item:nth-child(2n) {
                margin-right: 0;
            }

            .college-exam-page .cnt > .cnt-item > .cnt-item__title {
                display: flex;
                align-items: center;
                height: 4rem;
                box-sizing: border-box;
                padding: 0 1.25rem 0 1.125rem;
                border-bottom: 1px solid #eee;
            }

                .college-exam-page .cnt > .cnt-item > .cnt-item__title > .place {
                    flex: 1;
                    height: 100%;
                }

                .college-exam-page .cnt > .cnt-item > .cnt-item__title > .center-box {
                    flex: 1;
                    height: 100%;
                }

                .college-exam-page .cnt > .cnt-item > .cnt-item__title > .title-txt {
                    display: inline-block;
                    vertical-align: middle;
                    box-sizing: border-box;
                    margin-right: 1.5625rem;
                    font-size: 1.125rem;
                    line-height: 1.125rem;
                    color: var(--font-color2);
                }

                .college-exam-page .cnt > .cnt-item > .cnt-item__title > .more-link {
                    display: inline-block;
                    vertical-align: middle;
                    font-size: .875rem;
                    font-weight: normal;
                    line-height: 1;
                    color: var(--font-color3);
                }

                    .college-exam-page .cnt > .cnt-item > .cnt-item__title > .more-link:hover {
                        color: var(--primary-font-color1-hover);
                    }

                .college-exam-page .cnt > .cnt-item > .cnt-item__title > .cnt-item__tabs {
                    height: 100%;
                }

                    .college-exam-page .cnt > .cnt-item > .cnt-item__title > .cnt-item__tabs > .tabs {
                        display: flex;
                        align-items: center;
                        height: 100%;
                        font-size: 0;
                    }

                        .college-exam-page .cnt > .cnt-item > .cnt-item__title > .cnt-item__tabs > .tabs > .tab {
                            display: inline-block;
                            vertical-align: middle;
                            height: 100%;
                            overflow: hidden;
                            box-sizing: border-box;
                            margin: 0 .9375rem;
                            position: relative;
                            font-size: .875rem;
                            font-weight: normal;
                            line-height: 4.71;
                            color: var(--font-color3);
                        }

                            .college-exam-page .cnt > .cnt-item > .cnt-item__title > .cnt-item__tabs > .tabs > .tab.selected::after {
                                content: '';
                                display: inline-block;
                                width: 1.75rem;
                                height: 2px;
                                border-radius: 50px;
                                background: var(--primary-bg-color1);
                                position: absolute;
                                bottom: 0;
                                left: 50%;
                                -ms-transform: translateX(-50%);
                                transform: translateX(-50%);
                            }

                .college-exam-page .cnt > .cnt-item > .cnt-item__title > .year-list {
                    font-size: 0;
                }

                    .college-exam-page .cnt > .cnt-item > .cnt-item__title > .year-list > .year-item {
                        display: inline-block;
                        vertical-align: middle;
                        height: 100%;
                        overflow: hidden;
                        position: relative;
                        box-sizing: border-box;
                        margin: 0 .9375rem;
                        font-size: .875rem;
                        font-weight: 500;
                        line-height: 4.71;
                        color: var(--font-color3);
                    }

                        .college-exam-page .cnt > .cnt-item > .cnt-item__title > .year-list > .year-item.active {
                            position: relative;
                        }

                            .college-exam-page .cnt > .cnt-item > .cnt-item__title > .year-list > .year-item.active::after {
                                content: '';
                                display: inline-block;
                                width: 64%;
                                height: 2px;
                                background: var(--primary-bg-color1);
                                position: absolute;
                                bottom: 0;
                                left: 50%;
                                -ms-transform: translateX(-50%);
                                transform: translateX(-50%);
                            }

            .college-exam-page .cnt > .cnt-item > .cnt-item__box {
                display: block;
            }

                .college-exam-page .cnt > .cnt-item > .cnt-item__box.tab-box {
                    display: block;
                }

                    .college-exam-page .cnt > .cnt-item > .cnt-item__box.tab-box > .empty-ques-list {
                        min-height: 11.625rem;
                    }

                    .college-exam-page .cnt > .cnt-item > .cnt-item__box.tab-box.paper-list > .empty-ques-list .wrapper > img {
                        margin-bottom: 0;
                    }

            .college-exam-page .cnt > .cnt-item.ques-filter > .cnt-item__box {
                box-sizing: border-box;
                padding: 1.25rem 1.25rem .75rem 1.25rem;
            }

                .college-exam-page .cnt > .cnt-item.ques-filter > .cnt-item__box > .part-item {
                    display: flex;
                    margin-bottom: .5rem;
                }

                    .college-exam-page .cnt > .cnt-item.ques-filter > .cnt-item__box > .part-item > .area-type {
                        display: inline-block;
                        width: 5%;
                        text-align: left;
                        font-size: .875rem;
                        word-break: keep-all;
                        white-space: nowrap;
                        line-height: 1.42;
                        color: var(--font-color3);
                    }

                    .college-exam-page .cnt > .cnt-item.ques-filter > .cnt-item__box > .part-item > .area-list {
                        flex: 1;
                        display: flex;
                        flex-wrap: wrap;
                        margin-bottom: .5rem;
                    }

                        .college-exam-page .cnt > .cnt-item.ques-filter > .cnt-item__box > .part-item > .area-list > .item {
                            display: inline-block;
                            box-sizing: border-box;
                            padding: 0 .625rem;
                            font-size: .875rem;
                            line-height: 1.42;
                            color: var(--font-color2);
                        }

            .college-exam-page .cnt > .cnt-item.simulation-exam > .paper-list {
                display: block;
                box-sizing: border-box;
                padding: 1.25rem 1.25rem 1.125rem 1.25rem;
            }

                .college-exam-page .cnt > .cnt-item.simulation-exam > .paper-list > .item {
                    display: flex;
                    margin-bottom: 1.25rem;
                    font-size: 0;
                }

                    .college-exam-page .cnt > .cnt-item.simulation-exam > .paper-list > .item:last-child {
                        margin-bottom: 0;
                    }

                    .college-exam-page .cnt > .cnt-item.simulation-exam > .paper-list > .item > .type-box {
                        display: inline-block;
                        vertical-align: middle;
                        width: 3.5rem;
                        height: 4rem;
                        margin-right: 1.25rem;
                        position: relative;
                    }

                        .college-exam-page .cnt > .cnt-item.simulation-exam > .paper-list > .item > .type-box > span {
                            display: block;
                            width: 100%;
                            height: 1.625rem;
                            overflow: hidden;
                            box-sizing: border-box;
                            padding: 0 .25rem;
                            text-overflow: ellipsis;
                            word-break: keep-all;
                            white-space: nowrap;
                            font-size: .75rem;
                            text-align: center;
                            line-height: 1.625rem;
                            color: #7878ef;
                        }

                        .college-exam-page .cnt > .cnt-item.simulation-exam > .paper-list > .item > .type-box > svg {
                            position: absolute;
                            top: 0;
                            left: 0;
                            z-index: 10;
                        }

                        .college-exam-page .cnt > .cnt-item.simulation-exam > .paper-list > .item > .type-box > .type-name {
                            position: relative;
                            z-index: 11;
                        }

                    .college-exam-page .cnt > .cnt-item.simulation-exam > .paper-list > .item.zise .info-item.type-box > span {
                        color: #7878ef;
                    }

                    .college-exam-page .cnt > .cnt-item.simulation-exam > .paper-list > .item.lanse .info-item.type-box > span {
                        color: #5294ff;
                    }

                    .college-exam-page .cnt > .cnt-item.simulation-exam > .paper-list > .item.chengse .info-item.type-box > span {
                        color: #c37e0d;
                    }

                    .college-exam-page .cnt > .cnt-item.simulation-exam > .paper-list > .item.lvse .info-item.type-box > span {
                        color: #5fa800;
                    }

                    .college-exam-page .cnt > .cnt-item.simulation-exam > .paper-list > .item.hongse .info-item.type-box > span {
                        color: #ec5d2a;
                    }

                    .college-exam-page .cnt > .cnt-item.simulation-exam > .paper-list > .item.tianlanse .info-item.type-box > span {
                        color: #22aff5;
                    }

                    .college-exam-page .cnt > .cnt-item.simulation-exam > .paper-list > .item > .exam-info {
                        flex: 1;
                        display: block;
                        overflow: hidden;
                    }

                        .college-exam-page .cnt > .cnt-item.simulation-exam > .paper-list > .item > .exam-info > .exam-name-box {
                            display: block;
                            width: 100%;
                            margin-bottom: 1rem;
                        }

                            .college-exam-page .cnt > .cnt-item.simulation-exam > .paper-list > .item > .exam-info > .exam-name-box > a {
                                display: inline-block;
                                max-width: 100%;
                                min-height: 1.25rem;
                                overflow: hidden;
                                font-size: 1rem;
                                line-height: 1.25;
                                font-weight: 400;
                                text-overflow: ellipsis;
                                word-break: keep-all;
                                white-space: nowrap;
                                color: var(--font-color2);
                            }

                        .college-exam-page .cnt > .cnt-item.simulation-exam > .paper-list > .item > .exam-info > .infos {
                            display: block;
                            font-size: 0;
                            line-height: 1;
                        }

                            .college-exam-page .cnt > .cnt-item.simulation-exam > .paper-list > .item > .exam-info > .infos > .item {
                                display: inline-block;
                                vertical-align: middle;
                                font-size: 12px;
                                color: var(--font-color4);
                            }

                                .college-exam-page .cnt > .cnt-item.simulation-exam > .paper-list > .item > .exam-info > .infos > .item > em {
                                    font-style: normal;
                                }

                            .college-exam-page .cnt > .cnt-item.simulation-exam > .paper-list > .item > .exam-info > .infos > b {
                                display: inline-block;
                                vertical-align: middle;
                                margin: 0 .75rem;
                                font-size: 12px;
                                color: var(--line-color1);
                            }

                        .college-exam-page .cnt > .cnt-item.simulation-exam > .paper-list > .item > .exam-info > .exam-name-box > a.has-audio {
                            box-sizing: border-box;
                            padding-right: 3.625rem;
                            position: relative;
                        }

                            .college-exam-page .cnt > .cnt-item.simulation-exam > .paper-list > .item > .exam-info > .exam-name-box > a.has-audio::after {
                                content: "\542b\97f3\9891";
                                display: inline-flex;
                                align-items: center;
                                justify-content: center;
                                width: 3rem;
                                height: 1.25rem;
                                background: #f0f8ff;
                                border-radius: .1875rem;
                                box-sizing: border-box;
                                padding: .125rem .375rem .0625rem .375rem;
                                font-size: .75rem;
                                position: absolute;
                                top: 0;
                                right: 0;
                                z-index: 10;
                                color: var(--primary-font-color1);
                            }

            .college-exam-page .cnt > .cnt-item.special .special-list {
                display: block;
                box-sizing: border-box;
                padding: 1.25rem 1.25rem 1.125rem 1.25rem;
            }

                .college-exam-page .cnt > .cnt-item.special .special-list > .item {
                    display: flex;
                    width: 100%;
                    margin-bottom: 1.5rem;
                }

                    .college-exam-page .cnt > .cnt-item.special .special-list > .item:last-child {
                        margin-bottom: 0;
                    }

                    .college-exam-page .cnt > .cnt-item.special .special-list > .item > .item-type {
                        float: left;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        width: 5.125rem;
                        height: 6.25rem;
                        overflow: hidden;
                        margin-right: 1.25rem;
                        box-sizing: border-box;
                        background-color: #fefefe;
                        border-radius: .25rem;
                        cursor: pointer;
                        position: relative;
                    }

                        .college-exam-page .cnt > .cnt-item.special .special-list > .item > .item-type > .item-type__title {
                            display: inline-flex;
                            flex-wrap: wrap;
                            justify-content: center;
                            width: 72%;
                            height: 2.75rem;
                            margin: 0 auto;
                            margin-top: 1.25rem;
                            margin-bottom: .625rem;
                            font-size: 1.25rem;
                            text-align: center;
                            font-weight: bold;
                            color: var(--font-color5);
                            line-height: 1.1;
                            position: relative;
                            z-index: 11;
                        }

                            .college-exam-page .cnt > .cnt-item.special .special-list > .item > .item-type > .item-type__title.wrap_6 {
                                width: 74%;
                            }

                        .college-exam-page .cnt > .cnt-item.special .special-list > .item > .item-type > .item-type__sum {
                            display: inline-block;
                            max-width: 80%;
                            height: 1.125rem;
                            overflow: hidden;
                            background: rgba(0,0,0,0.15);
                            box-sizing: border-box;
                            padding: 0 .375rem;
                            border-radius: .5625rem;
                            font-size: .75rem;
                            line-height: 1.125rem;
                            word-break: keep-all;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            color: var(--font-color5);
                            position: relative;
                            z-index: 11;
                        }

                        .college-exam-page .cnt > .cnt-item.special .special-list > .item > .item-type > .cover {
                            position: absolute;
                            top: 0;
                            left: 0;
                            z-index: 10;
                            width: 100%;
                            height: 100%;
                            box-sizing: border-box;
                            background-size: cover;
                            background-position: center;
                            background-repeat: no-repeat;
                        }

                        .college-exam-page .cnt > .cnt-item.special .special-list > .item > .item-type > .tag {
                            display: none;
                        }

                    .college-exam-page .cnt > .cnt-item.special .special-list > .item.vip {
                        position: relative;
                    }

                        .college-exam-page .cnt > .cnt-item.special .special-list > .item.vip > .item-type::after {
                            content: '';
                            display: inline-block;
                            width: 1.8125rem;
                            height: 1rem;
                            position: absolute;
                            top: 0;
                            right: -0.0625rem;
                            z-index: 11;
                            background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI5LjEyIDE2LjY0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmNGMzYjtmaWxsLXJ1bGU6ZXZlbm9kZDt9LmNscy0ye2lzb2xhdGlvbjppc29sYXRlO30uY2xzLTN7ZmlsbDojZmVmOGQyO308L3N0eWxlPjwvZGVmcz48dGl0bGU+Y292ZXJfdmlwPC90aXRsZT48cGF0aCBpZD0i55+p5b2iIiBjbGFzcz0iY2xzLTEiIGQ9Ik0tLjEyLDBoMjVBNC4xNiw0LjE2LDAsMCwxLDI5LDQuMTZWMTYuNjRIOC4yQTguMzMsOC4zMywwLDAsMS0uMTIsOC4zMlYwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4xMikiLz48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTkuNDEsMTIuMjZxLS4yNS41NC0uNjYuNTRhLjU1LjU1LDAsMCwxLS4zNi0uMTEsMSwxLDAsMCwxLS4zMS0uNDZMNS41OCw1LjExYTEuMzgsMS4zOCwwLDAsMS0uMDYtLjI2LjQzLjQzLDAsMCwxLDAtLjI1LjQ2LjQ2LDAsMCwxLC4xNi0uMjFBLjczLjczLDAsMCwxLDYsNC4yNWwuMjUsMGEuNzYuNzYsMCwwLDEsLjI2LDBBLjY0LjY0LDAsMCwxLDcsNC43MWwxLjc3LDUuMkwxMC41MSw0LjdhLjc0Ljc0LDAsMCwxLC4xOS0uM0EuNzYuNzYsMCwwLDEsMTEsNC4yNWEuNzEuNzEsMCwwLDEsLjI5LDBsLjI4LDBjLjQzLjA5LjU2LjM3LjQuODRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjEyKSIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE1LjQ0LDEyYS42Ny42NywwLDAsMS0uNzkuNzcuNzUuNzUsMCwwLDEtLjU5LS4xOS44LjgsMCwwLDEtLjE4LS41NlY1YS42OC42OCwwLDAsMSwuNzctLjc3Ljg3Ljg3LDAsMCwxLC41OS4xNy42OS42OSwwLDAsMSwuMi41OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMTIpIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTcuNzcsNS4xMWExLjU4LDEuNTgsMCwwLDEsMC0uNDFBLjQxLjQxLDAsMCwxLDE4LDQuNDZhLjg1Ljg1LDAsMCwxLC4zNC0uMTEsNC41MSw0LjUxLDAsMCwxLC41OCwwaDEuNjlhNS43Myw1LjczLDAsMCwxLDEuMzQuMTMsMi4xMywyLjEzLDAsMCwxLC44OS40NCwxLjgsMS44LDAsMCwxLC41MS44M0E0LjQ1LDQuNDUsMCwwLDEsMjMuNDgsN2EzLjk0LDMuOTQsMCwwLDEtLjE3LDEuMjcsMi4wOSwyLjA5LDAsMCwxLS41MS44NywyLjE3LDIuMTcsMCwwLDEtLjkuNDksNSw1LDAsMCwxLTEuMzEuMTVIMTkuMzN2Mi40M2EuNjEuNjEsMCwwLDEtLjE4LjQzLDEsMSwwLDAsMS0xLjIsMCwuNjUuNjUsMCwwLDEtLjE4LS40MlptMS41NiwzLjNoMS4yNmExLjMxLDEuMzEsMCwwLDAsMS4wNS0uMzRBMS42NiwxLjY2LDAsMCwwLDIxLjkyLDdhMS43NCwxLjc0LDAsMCwwLS4xLS42NSwxLjA3LDEuMDcsMCwwLDAtLjI4LS40LjkxLjkxLDAsMCwwLS40Mi0uMiwyLjIsMi4yLDAsMCwwLS41My0uMDZIMTkuMzNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjEyKSIvPjwvZz48L3N2Zz4=) no-repeat;
                        }

                    .college-exam-page .cnt > .cnt-item.special .special-list > .item > .special-item {
                        flex: 1;
                        display: block;
                        overflow: hidden;
                    }

                        .college-exam-page .cnt > .cnt-item.special .special-list > .item > .special-item > .special-name-box {
                            display: block;
                            width: 100%;
                            margin-bottom: .875rem;
                        }

                            .college-exam-page .cnt > .cnt-item.special .special-list > .item > .special-item > .special-name-box > a {
                                display: block;
                                width: 100%;
                                overflow: hidden;
                                font-size: 16px;
                                line-height: 1.5;
                                font-weight: 400;
                                text-overflow: ellipsis;
                                word-break: keep-all;
                                white-space: nowrap;
                                color: var(--font-color2);
                            }

                        .college-exam-page .cnt > .cnt-item.special .special-list > .item > .special-item > .infos {
                            display: block;
                            font-size: 0;
                            line-height: 1;
                        }

                            .college-exam-page .cnt > .cnt-item.special .special-list > .item > .special-item > .infos > .item {
                                display: inline-block;
                                vertical-align: middle;
                                font-size: 12px;
                                color: var(--font-color4);
                            }

                                .college-exam-page .cnt > .cnt-item.special .special-list > .item > .special-item > .infos > .item > em {
                                    font-style: normal;
                                }

                            .college-exam-page .cnt > .cnt-item.special .special-list > .item > .special-item > .infos > b {
                                display: inline-block;
                                vertical-align: middle;
                                margin: 0 .75rem;
                                font-size: 12px;
                                color: var(--line-color1);
                            }

                        .college-exam-page .cnt > .cnt-item.special .special-list > .item > .special-item > .tags {
                            display: block;
                            margin-bottom: .375rem;
                            font-size: 0;
                        }

                            .college-exam-page .cnt > .cnt-item.special .special-list > .item > .special-item > .tags > .tag-item {
                                display: inline-block;
                                vertical-align: middle;
                                max-width: 36%;
                                overflow: hidden;
                                box-sizing: border-box;
                                padding: 0 .5rem;
                                border-radius: 3px;
                                margin-right: 1.25rem;
                                margin-bottom: .625rem;
                                word-break: keep-all;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                                font-size: .75rem;
                                line-height: 2;
                                color: var(--font-color3);
                                background: var(--primary-bg-color2);
                            }

            .college-exam-page .cnt > .cnt-item.school-paper > .paper-list {
                display: block;
                box-sizing: border-box;
                padding: 1.25rem 1.25rem 1.125rem 1.25rem;
            }

                .college-exam-page .cnt > .cnt-item.school-paper > .paper-list > .item {
                    display: flex;
                    margin-bottom: 1.25rem;
                    font-size: 0;
                }

                    .college-exam-page .cnt > .cnt-item.school-paper > .paper-list > .item > .type-box {
                        display: inline-block;
                        vertical-align: middle;
                        width: 3.5rem;
                        height: 4rem;
                        margin-right: 1.25rem;
                        box-sizing: border-box;
                        padding: 0;
                        cursor: pointer;
                        position: relative;
                    }

                        .college-exam-page .cnt > .cnt-item.school-paper > .paper-list > .item > .type-box > span {
                            display: block;
                            width: 100%;
                            height: 1.625rem;
                            overflow: hidden;
                            box-sizing: border-box;
                            padding: 0 .25rem;
                            text-overflow: ellipsis;
                            word-break: keep-all;
                            white-space: nowrap;
                            font-size: .75rem;
                            text-align: center;
                            line-height: 1.625rem;
                            color: #7878ef;
                        }

                        .college-exam-page .cnt > .cnt-item.school-paper > .paper-list > .item > .type-box > svg {
                            position: absolute;
                            top: 0;
                            left: 0;
                            z-index: 10;
                        }

                        .college-exam-page .cnt > .cnt-item.school-paper > .paper-list > .item > .type-box > .type-name {
                            position: relative;
                            z-index: 11;
                        }

                    .college-exam-page .cnt > .cnt-item.school-paper > .paper-list > .item.zise .info-item.type-box > span {
                        color: #7878ef;
                    }

                    .college-exam-page .cnt > .cnt-item.school-paper > .paper-list > .item.lanse .info-item.type-box > span {
                        color: #5294ff;
                    }

                    .college-exam-page .cnt > .cnt-item.school-paper > .paper-list > .item.chengse .info-item.type-box > span {
                        color: #c37e0d;
                    }

                    .college-exam-page .cnt > .cnt-item.school-paper > .paper-list > .item.lvse .info-item.type-box > span {
                        color: #5fa800;
                    }

                    .college-exam-page .cnt > .cnt-item.school-paper > .paper-list > .item.hongse .info-item.type-box > span {
                        color: #ec5d2a;
                    }

                    .college-exam-page .cnt > .cnt-item.school-paper > .paper-list > .item.tianlanse .info-item.type-box > span {
                        color: #22aff5;
                    }

                    .college-exam-page .cnt > .cnt-item.school-paper > .paper-list > .item > .exam-info {
                        flex: 1;
                        display: block;
                        overflow: hidden;
                    }

                        .college-exam-page .cnt > .cnt-item.school-paper > .paper-list > .item > .exam-info > .exam-name-box {
                            display: block;
                            width: 100%;
                            margin-bottom: 1rem;
                        }

                            .college-exam-page .cnt > .cnt-item.school-paper > .paper-list > .item > .exam-info > .exam-name-box > a {
                                display: inline-block;
                                max-width: 100%;
                                min-height: 1.25rem;
                                overflow: hidden;
                                font-size: 1rem;
                                line-height: 1.25;
                                font-weight: 400;
                                text-overflow: ellipsis;
                                word-break: keep-all;
                                white-space: nowrap;
                                color: #333;
                            }

                        .college-exam-page .cnt > .cnt-item.school-paper > .paper-list > .item > .exam-info > .infos {
                            display: block;
                            font-size: 0;
                            line-height: 1;
                        }

                            .college-exam-page .cnt > .cnt-item.school-paper > .paper-list > .item > .exam-info > .infos > .item {
                                display: inline-block;
                                vertical-align: middle;
                                font-size: 12px;
                                color: var(--font-color4);
                            }

                                .college-exam-page .cnt > .cnt-item.school-paper > .paper-list > .item > .exam-info > .infos > .item > em {
                                    font-style: normal;
                                }

                            .college-exam-page .cnt > .cnt-item.school-paper > .paper-list > .item > .exam-info > .infos > b {
                                display: inline-block;
                                vertical-align: middle;
                                margin: 0 .75rem;
                                font-size: 12px;
                                color: var(--line-color1);
                            }

                        .college-exam-page .cnt > .cnt-item.school-paper > .paper-list > .item > .exam-info > .exam-name-box > a.has-audio {
                            box-sizing: border-box;
                            padding-right: 3.625rem;
                            position: relative;
                        }

                            .college-exam-page .cnt > .cnt-item.school-paper > .paper-list > .item > .exam-info > .exam-name-box > a.has-audio::after {
                                content: "\542b\97f3\9891";
                                display: inline-flex;
                                align-items: center;
                                justify-content: center;
                                width: 3rem;
                                height: 1.25rem;
                                background: #f0f8ff;
                                border-radius: .1875rem;
                                box-sizing: border-box;
                                padding: .125rem .375rem .0625rem .375rem;
                                font-size: .75rem;
                                position: absolute;
                                top: 0;
                                right: 0;
                                z-index: 10;
                                color: var(--primary-font-color1);
                            }

            .college-exam-page .cnt > .cnt-item > .empty-ques-list {
                display: table;
                width: 100%;
                height: 11.625rem;
                text-align: center;
            }

    .college-exam-page .top-box > .swiper-area > .swiper .slick-prev, .slick-next {
        display: none !important;
    }

    .college-exam-page .top-box > .swiper-area > .swiper > .banner-slide.slick-slider .slick-track, .college-exam-page .top-box > .swiper-area > .swiper > .banner-slide.slick-slider .slick-list, .college-exam-page .top-box > .swiper-area > .swiper > .banner-slide.slick-initialized .slick-slide {
        height: 100%;
        overflow: hidden;
    }

    .college-exam-page .cnt > .cnt-item > .cnt-item__title > .cnt-item__tabs > .tabs > .tab:hover, .college-exam-page .cnt > .cnt-item > .cnt-item__title > .cnt-item__tabs > .tabs > .tab.selected {
        color: #2877ff;
    }

    .college-exam-page .cnt > .cnt-item > .cnt-item__title > .year-list > .year-item:hover, .college-exam-page .cnt > .cnt-item > .cnt-item__title > .year-list > .year-item.active {
        color: #2877ff;
    }

    .college-exam-page .cnt > .cnt-item.ques-filter > .cnt-item__box > .part-item > .area-list > .item:hover, .college-exam-page .cnt > .cnt-item.ques-filter > .cnt-item__box > .part-item > .area-list > .item.active {
        color: #2877ff;
    }

    .college-exam-page .cnt > .cnt-item > .cnt-item__box > .tab-box > .empty-ques-list, .college-exam-page .cnt > .cnt-item > .cnt-item__box > .empty-ques-list {
        height: 8.625rem;
        min-height: 1rem;
    }

    .college-exam-page .cnt > .cnt-item.school-paper > .cnt-item__box > .empty-ques-list, .college-exam-page .cnt > .cnt-item.special > .cnt-item__box > .empty-ques-list, .college-exam-page .cnt > .cnt-item.school-paper > .empty-ques-list, .college-exam-page .cnt > .cnt-item.special > .empty-ques-list {
        height: 24.25rem;
    }

    .college-exam-page .cnt > .cnt-item > .cnt-item__box > .tab-box > .empty-ques-list .wrapper, .college-exam-page .cnt > .cnt-item > .cnt-item__box > .empty-ques-list .wrapper, .college-exam-page .cnt > .cnt-item > .empty-ques-list .wrapper {
        display: table-cell;
        width: 12.5rem;
        vertical-align: middle;
    }

        .college-exam-page .cnt > .cnt-item > .cnt-item__box > .tab-box > .empty-ques-list .wrapper > img, .college-exam-page .cnt > .cnt-item > .cnt-item__box > .empty-ques-list .wrapper > img, .college-exam-page .cnt > .cnt-item > .empty-ques-list .wrapper > img {
            display: block;
            width: 100%;
            height: auto;
        }

    .college-exam-page .cnt > .cnt-item > .cnt-item__box > .tab-box.paper-list > .empty-ques-list .wrapper > img, .college-exam-page .cnt > .cnt-item > .cnt-item__box > .tab-box.year-box > .empty-ques-list .wrapper > img {
        margin-bottom: 0;
    }

.national-exam-page .year-exam {
    display: flex;
    flex-direction: column;
}

    .national-exam-page .year-exam .cnt-item__box {
        flex: 1;
    }

    .national-exam-page .year-exam .exam-count-down {
        display: block;
        margin-bottom: .625rem;
        text-align: center;
    }

        .national-exam-page .year-exam .exam-count-down > i {
            display: inline-block;
            vertical-align: baseline;
            width: 2px;
            height: 10px;
            border-radius: 1px;
            position: relative;
            background: #2877ff;
        }

            .national-exam-page .year-exam .exam-count-down > i::before {
                content: '';
                width: 2px;
                height: 6px;
                border-radius: 1px;
                opacity: .8;
                position: absolute;
                bottom: 0;
                left: -4px;
                background: #2877ff;
            }

            .national-exam-page .year-exam .exam-count-down > i::after {
                content: '';
                width: 2px;
                height: 6px;
                border-radius: 1px;
                opacity: .56;
                position: absolute;
                bottom: 0;
                right: -4px;
                background: #2877ff;
            }

        .national-exam-page .year-exam .exam-count-down > span {
            display: inline-block;
            vertical-align: baseline;
            margin: 0 1.5rem;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.5;
            color: #333;
        }

            .national-exam-page .year-exam .exam-count-down > span > em {
                display: inline-block;
                vertical-align: baseline;
                margin: 0 .25rem;
                font-size: 1.125rem;
                font-style: normal;
                font-weight: 500;
                line-height: 1.11;
                color: #ff4c3b;
            }

    .national-exam-page .year-exam .cnt-item__box .year-box {
        display: block;
        box-sizing: border-box;
        padding: .9375rem 0 0 0;
        min-height: 9.6875rem;
    }

        .national-exam-page .year-exam .cnt-item__box .year-box > .item {
            display: block;
            float: left;
            margin: .5625rem 1.125rem .75rem 1.125rem;
            font-size: .875rem;
            font-weight: 400;
            line-height: 14px;
            color: #333;
        }

            .national-exam-page .year-exam .cnt-item__box .year-box > .item.active, .national-exam-page .year-exam .cnt-item__box .year-box > .item:hover {
                color: #2877ff;
                font-weight: 500;
            }

.gaokao-com {
    display: block;
    width: 100%;
    height: 15.875rem;
    margin-bottom: 1.25rem;
    background: #f5f5f5;
    position: relative;
}

    .gaokao-com > img {
        display: block;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }

    .gaokao-com .timer {
        display: table;
        width: 14.25rem;
        height: 14.25rem;
        float: left;
        margin-left: 3.375rem;
        margin-right: 5.0625rem;
        position: relative;
        z-index: 100;
        text-align: center;
        box-sizing: border-box;
        padding: 0 12px;
    }

        .gaokao-com .timer > .hover-me {
            content: '';
            display: inline-block;
            width: 133px;
            height: 39px;
            background: url(../img/gaokao_icon.png) no-repeat;
            background-position: -5px -285px;
            position: absolute;
            right: -79px;
            bottom: -14px;
        }

            .gaokao-com .timer > .hover-me > .qr-box {
                display: none;
                width: 133px;
                height: 209px;
                background: url(../img/gaokao_icon.png) no-repeat;
                background-position: -5px -70px;
                position: absolute;
                top: -170px;
                left: 0;
                z-index: 500;
            }

                .gaokao-com .timer > .hover-me > .qr-box > .pic {
                    display: inline-block;
                    width: 120px;
                    height: 120px;
                    overflow: hidden;
                    box-sizing: border-box;
                    border-radius: 12px;
                    position: absolute;
                    top: 6px;
                    left: 6px;
                    z-index: 501;
                }

                    .gaokao-com .timer > .hover-me > .qr-box > .pic > img {
                        display: block;
                        width: 100%;
                    }

            .gaokao-com .timer > .hover-me:hover > .qr-box {
                display: inline-block;
            }

        .gaokao-com .timer > .item {
            display: table-cell;
            vertical-align: middle;
            box-sizing: border-box;
            padding-top: 25px;
            position: relative;
        }

            .gaokao-com .timer > .item > em {
                display: inline-block;
                font-size: 110px;
                font-weight: bold;
                color: white;
                font-style: normal;
                position: relative;
                z-index: 10;
            }

            .gaokao-com .timer > .item > i {
                display: inline-block;
                font-size: 110px;
                font-style: normal;
                font-weight: bold;
                color: #023edb;
                position: absolute;
                top: 69%;
                left: 0;
                z-index: 9;
                transform: translateY(-69%);
            }

    .gaokao-com .detail {
        display: block;
        width: 61.083%;
        height: 10.875rem;
        float: left;
        position: relative;
        z-index: 99;
    }

        .gaokao-com .detail .time-line {
            display: block;
            margin-top: 4.9375rem;
        }

            .gaokao-com .detail .time-line > .bar {
                display: block;
                height: 10px;
                position: relative;
                z-index: 100;
                background: linear-gradient(270deg,rgba(100,143,253,0) 0,#648ffd 100%);
            }

                .gaokao-com .detail .time-line > .bar > .progress {
                    display: block;
                    width: 0;
                    height: 100%;
                    box-sizing: border-box;
                    position: absolute;
                    top: 0;
                    left: 0;
                    z-index: 100;
                    background: #ffc156;
                    border: 1px solid #0441da;
                    box-shadow: 2px 2px 0 0 rgba(255,255,255,0.68) inset,-1px -2px 0 0 #ffa444 inset;
                    border-radius: 5px;
                    border-left: 0;
                    border-right: 0;
                    transition-property: width;
                    transition-duration: .5s;
                    transition-timing-function: ease-in;
                }

                .gaokao-com .detail .time-line > .bar > .cursor {
                    display: inline-block;
                    width: 30px;
                    height: 33px;
                    background: url(../img/gaokao_icon.png) no-repeat;
                    background-position: -5px -5px;
                    position: absolute;
                    top: -11.5px;
                    left: -15px;
                    z-index: 200;
                    transition-property: left;
                    transition-duration: .5s;
                    transition-timing-function: ease-in;
                }

                .gaokao-com .detail .time-line > .bar > .point {
                    display: inline-block;
                    width: 30px;
                    height: 30px;
                    border-radius: 50%;
                    box-sizing: border-box;
                    border: 1px solid #0441da;
                    background: #769dff;
                    position: absolute;
                    top: -10px;
                    z-index: 210;
                    font-size: 12px;
                    color: #0441da;
                    text-align: center;
                    line-height: 31px;
                }

                    .gaokao-com .detail .time-line > .bar > .point > .tips {
                        display: inline-block;
                        width: 7.375rem;
                        height: 3rem;
                        position: absolute;
                        top: -3.75rem;
                        left: 50%;
                        z-index: 100;
                        transform: translateX(-50%);
                        box-sizing: border-box;
                        padding-top: 4px;
                        border-radius: 12px 12px 4px 4px;
                        background: #769dff;
                        border: 1px solid #3a72ff;
                    }

                        .gaokao-com .detail .time-line > .bar > .point > .tips::before {
                            content: "";
                            width: 0;
                            height: 0;
                            border-style: solid;
                            border-color: #0441da transparent transparent transparent;
                            border-width: 8px 8px 0 8px;
                            position: absolute;
                            bottom: -8px;
                            left: 50%;
                            z-index: 101;
                            transform: translateX(-50%);
                        }

                        .gaokao-com .detail .time-line > .bar > .point > .tips::after {
                            content: "";
                            width: 0;
                            height: 0;
                            border-style: solid;
                            border-color: #769dff transparent transparent transparent;
                            border-width: 8px 8px 0 8px;
                            position: absolute;
                            bottom: -7px;
                            left: 50%;
                            z-index: 102;
                            transform: translateX(-50%);
                        }

                        .gaokao-com .detail .time-line > .bar > .point > .tips > em {
                            display: block;
                            line-height: 1.2;
                            font-weight: bold;
                            font-style: normal;
                            text-align: center;
                            font-size: 1rem;
                            font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif;
                        }

                        .gaokao-com .detail .time-line > .bar > .point > .tips > span {
                            display: block;
                            width: 100%;
                            overflow: hidden;
                            box-sizing: border-box;
                            padding: 0 4px;
                            text-overflow: ellipsis;
                            word-break: keep-all;
                            white-space: nowrap;
                            line-height: 1.5;
                            font-style: normal;
                            font-size: .875rem;
                            text-align: center;
                            font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif;
                        }

                    .gaokao-com .detail .time-line > .bar > .point.passed {
                        background: #ffc156;
                        box-shadow: 2px 2px 0 0 rgba(255,255,255,0.68) inset,-4px -3px 0 0 #ffa444 inset;
                    }

                        .gaokao-com .detail .time-line > .bar > .point.passed > .tips {
                            background: #ffc156;
                            box-shadow: 2px 2px 0 0 rgba(255,255,255,0.68) inset,-1px -2px 0 0 #ffa444 inset;
                        }

                            .gaokao-com .detail .time-line > .bar > .point.passed > .tips::before {
                                border-color: #0441da transparent transparent transparent;
                            }

                            .gaokao-com .detail .time-line > .bar > .point.passed > .tips::after {
                                border-color: #ffa444 transparent transparent transparent;
                            }

                            .gaokao-com .detail .time-line > .bar > .point.passed > .tips > i {
                                display: block;
                                width: 0;
                                height: 0;
                                border-style: solid;
                                border-color: #ffc156 transparent transparent transparent;
                                border-width: 8px 8px 0 8px;
                                position: absolute;
                                bottom: -4px;
                                left: 43%;
                                z-index: 103;
                            }

                        .gaokao-com .detail .time-line > .bar > .point.passed.active {
                            color: white;
                            background: #ff7900;
                            box-shadow: 2px 2px 0 0 rgba(255,255,255,0.68) inset,-4px -3px 0 0 #ff4f00 inset;
                        }

                            .gaokao-com .detail .time-line > .bar > .point.passed.active > .tips > em, .gaokao-com .detail .time-line > .bar > .point.passed.active > .tips > span {
                                color: #0441da;
                            }

                        .gaokao-com .detail .time-line > .bar > .point.passed:hover {
                            color: white;
                            background: #ff7900;
                            box-shadow: 2px 2px 0 0 rgba(255,255,255,0.68) inset,-4px -3px 0 0 #ff4f00 inset;
                        }

                            .gaokao-com .detail .time-line > .bar > .point.passed:hover > .tips > em, .gaokao-com .detail .time-line > .bar > .point.passed:hover > .tips > span {
                                color: #0441da;
                            }

        .gaokao-com .detail .banner-list {
            display: block;
            width: 96%;
            margin-top: 20px;
            font-size: 0;
            text-align: center;
        }

            .gaokao-com .detail .banner-list > .item {
                display: inline-block;
                width: 13.75rem;
                height: 8.625rem;
                overflow: hidden;
                box-sizing: border-box;
                border: 2px solid #023edb;
                border-radius: .625rem;
                margin-right: 10px;
                background: #93eafe;
                position: relative;
                transition-property: background-color;
                transition-duration: .3s;
                transition-timing-function: ease;
            }

                .gaokao-com .detail .banner-list > .item > .pic {
                    position: absolute;
                    top: 6px;
                    left: 6px;
                    right: 6px;
                    bottom: 6px;
                    background: white;
                    box-sizing: border-box;
                    border-radius: 10px;
                    overflow: hidden;
                }

                    .gaokao-com .detail .banner-list > .item > .pic > img {
                        display: block;
                        width: 100%;
                    }

                .gaokao-com .detail .banner-list > .item:last-child {
                    margin-right: 0;
                }

                .gaokao-com .detail .banner-list > .item:hover {
                    background: #ffcf4a;
                }

    .gaokao-com .decorate {
        display: block;
        float: right;
        width: 20px;
        height: 100%;
        position: relative;
        z-index: 210;
    }

        .gaokao-com .decorate > .lamp {
            display: inline-block;
            width: 57px;
            height: 60px;
            background: url(../img/gaokao_icon.png) no-repeat;
            background-position: -40px -5px;
            position: absolute;
            bottom: 0;
            left: -147px;
            z-index: 211;
        }