::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    border-radius: 50px;
}

::-webkit-scrollbar-track {
    background-color: #e0e0e0;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #333;
}

::-webkit-scrollbar-thumb:active {
    background: #333;
}

::-webkit-scrollbar-button {
    display: none;
}

@media screen and (min-width:2100px) and (max-width:2560px) {
    html {
        font-size: 40px !important
    }
}

@media (max-width:2048px) {
    html {
        font-size: 40px !important
    }
}

@media (max-width:1920px) {
    html {
        font-size: 40px !important
    }
}

@media (max-width:1680px) {
    html {
        font-size: 35px !important
    }

}

@media (max-width:1600px) {
    html {
        font-size: 36px !important
    }
}

@media (max-width:1440px) {
    html {
        font-size: 34px !important
    }
}

@media (max-width:1366px) {
    html {
        font-size: 30px !important
    }

}

@media (max-width:1280px) {
    html {
        font-size: 30px !important
    }

}

@media (max-width:1200px) {
    html {
        font-size: 30px !important
    }
}

@media (max-width:1024px) {
    html {
        font-size: 30px !important
    }

    .pc_header {
        bottom: 0;
    }

    .search {
        width: 70%;
        height: 1.333rem;
    }

    .header_all {
        padding: 0 .5rem;
    }

    .slick-slide {
        flex-direction: column;
    }

    .slick-slide .left,
    .slick-slide .right {
        width: 100%;
    }

    .main_banner .right .top .txt {
        position: relative;
        top: 50%;
        left: 0;
        text-align: center;
        width: 100%;
        margin-top: 0;
    }

    .main_banner .right {
        padding: .6rem;
    }

    .main_banner .right .bottom {
        display: none;
    }

    .category {
        width: 100%;
    }

    .menu_list {
        justify-content: space-around;
    }

    .menu_list li a {
        padding: 0;
    }

    .m_search .logo {
        width: 1.5rem;
    }

    .search>button {
        width: 1.1rem;
        right: .4rem;
    }

    .pc_logo,
    .pc_search {
        display: none;
    }

    .main_wrap .main_paging {
        bottom: auto;
        top: 20px;
        left: 20px;
    }

    .main_wrap .slick-arrow {
        width: 42px;
        height: 42px;
        left: auto;
        margin-left: 0;
        right: 20px;
        top: 30%;
        background-size: 20px;
    }

    .main_wrap .swiper-button-prev.main_prev,
    .main_wrap .swiper-button-next.main_next {
        background-size: 50%;
    }

    .main_wrap .swiper-button-next.main_next {
        margin-top: .5rem;
    }

    .lu_list .goods_list_tit {
        padding: 2rem 0 1.1333rem;
    }

    .container {
        padding: 0 .66667rem;
    }

    .lu_list .goods_list_tit h2 {
        font-size: 1rem;
        text-align: left;
    }

    .lu_list .item_hl_tab_type .goods_tab_tit {
        position: static;
    }

    .lu_list .item_hl_tab_type .goods_tab_tit ul li:first-child a {
        padding-left: 0;
    }

    .goods_tab_box.index_goods ul {
        overflow-x: scroll;
        display: inline-block;
        white-space: nowrap;
    }

    .goods_tab_box ul::-webkit-scrollbar {
        display: none;
    }

    .lu_list .goods_list_cont ul li {
        width: 88% !important;
    }

    .content01 {
        margin-top: 2.6666rem;
    }

    #banner_series .right .bottom {
        display: block;
    }

    #banner_series .right .top .txt {
        padding-left: 0;
        text-align: left;
    }

    #banner_series .btn_basic {
        display: inline-block;
        font-size: 15px;
        height: 22px;
        overflow: hidden;
        border: none;
        padding: 0;
        line-height: 22px;
        font-weight: 600;
        margin: 0 0 25px;
    }

    .content01 .right .lu_list .goods_list_cont ul {
        justify-content: space-between;
    }

    #banner_series .right .lu_list .goods_list_cont ul li {
        width: calc(50% - .25rem) ! important;
        margin: 0;
    }

    .mid_banner01 {
        margin-top: 2.666666rem;
    }

    .mid_banner01 img.advertising_sm {
        display: block;
    }

    .mid_banner01 img.advertising_pc {
        display: none;
    }

    #welcome .goods_list_cont .goods_tab_cont ul li:nth-of-type(1) {
        width: 88% !important;
    }

    #welcome .goods_list_cont .goods_tab_cont ul li:nth-of-type(1) .item_photo_box {
        width: 100%;
    }

    #footer .footer_all {
        flex-direction: column;
        align-items: baseline;
        font-size: 14px;
        padding: 1rem 0.66667rem 2.25rem 0.66667rem;
    }

    #footer .cont {
        width: 100%;
    }

    .inline {
        border-right: 0;
    }

    .cont.code {
        display: none;
    }

    .scroll_btn {
        bottom: 7rem;
        right: .5rem;
    }

    .list_item_category {
        padding-bottom: 0;
    }

    .list_item_category ul {
        justify-content: flex-start;
    }

    .list_item_category ul li {
        margin-bottom: .5rem;
    }

    .addition_zone {
        padding-top: .5rem;
    }

    #smt_lu_list .goods_list_cont ul li,
    #smt_lu_list .goods_list_cont ul li:nth-of-type(1),
    #smt_lu_list .goods_list_cont ul li:nth-of-type(2) {
        width: calc(50% - 10px) ! important;
        margin: 35px 5px 0 ! important;
    }

    #smt_lu_list .goods_list_cont ul li:nth-child(3),
    #smt_lu_list .goods_list_cont ul li:nth-of-type(8),
    #smt_lu_list .goods_list_cont ul li:nth-of-type(11),
    #smt_lu_list .goods_list_cont ul li:nth-of-type(14) {
        width: calc(100% - 10px) ! important;
    }

    #smt_lu_list .goods_list_cont .item_cont {
        background: none;
    }

    #smt_lu_list .goods_list_cont .item_cont .item_info_box {
        position: static;
        width: 100%;
        text-align: left;
        padding: 15px 0 0;
    }

    #smt_lu_list .goods_list_cont .item_cont:hover .item_info_cont {
        padding: 0;
    }

    #smt_lu_list .goods_list_cont .goods_tab_cont ul li:nth-of-type(1) .item_photo_box {
        width: 100%;
    }

    .college_list ul {
        justify-content: space-between;
    }

    .college_list ul li {
        width: calc(50% - 10px);
        margin: 0;
        margin-bottom: .6rem;
        min-height: auto;
        padding: 0.5rem;
    }

    .college_img {
        width: 2.5rem;
        height: 2.5rem;
    }

    .college_text {
        margin-top: .5rem;
    }

    .college_video iframe {
        height: 37%;
    }

    .error.search {
        width: 100%;
        background: url(../img/search_bj.jpg) no-repeat center 52% / 38%;
    }

    .search-words {
        font-size: var(--font24);
        margin: 1rem 0 0;
    }

    .error-txt p {
        font-size: 18px;
    }

    .sub_content {
        padding: 0 0.66667rem;
    }

    .item_photo_view_box,
    #detail {
        width: 100%;
    }

    .item_photo_slide li {
        width: 2.266rem;
    }

    .item_photo_view_box+.item_info_box {
        width: 100% ! important;
        position: static ! important;
        padding: 1.666666rem 0 0 ! important;
        height: auto ! important;
        overflow: visible;
    }

    .btn_choice_box {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .btn_choice_box a {
        font-size: 14px;
    }

    .btn_choice_box img {
        width: .53rem;
    }

    .item_detail_tit h1 {
        font-size: var(--font34);
    }

    .detail_cont {
        margin-top: 2.375rem;
    }

    .error {
        height: 100vh;
        background: url(../img/404.png) no-repeat center 46% /50%;
    }

    .mid_banner01 .txt h3 {
        font-size: var(--font24);
    }

    .mid_banner01 .txt a {
        font-size: var(--font18);
    }
}