@import url('./reset.css');
@import url('./common.css');
@import url('./swiper-bundle.min.css');
@import url('./index.css');

@media (min-width: 640px) {

    .category_item_link,
    .basic_item_link {
        justify-content: center;
    }

    .swiperLink {
        font-size: 20px;
    }
}

@media (min-width: 960px) {
    #pagination {
        position: absolute;
        bottom: -30px;
    }

    #pagination .swiper-pagination-bullet {
        margin: 0 2px;
        width: 20px;
        height: 2px;
        border-radius: 0;
        background-color: #000;
        opacity: 0.2;
    }

    #pagination .swiper-pagination-bullet-active {
        opacity: 1;
    }

    .category_list {
        margin: auto;
        max-width: 1260px;
    }

    .swiperTitle {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 14px;
        padding: 0;
        border: 0;
        border-radius: 0;
        font-size: 22px;
        line-height: 24px;
        text-align: center;
        color: #000;
        transform: translateX(0);
    }

    .swiperBox {
        position: relative;
        margin: 50px auto;
        max-width: 1260px;
    }

    .swiper {
        height: 308px;
    }

    .category_item {
        width: 33.33%;
        font-size: 17px;
    }

    .autoSuggest {
        background-color: #fff;
        border: 1px solid rgba(34, 34, 34, 0.12);
        max-width: 760px;
        margin: 0 auto;
    }

    .search {
        background-color: rgba(34, 34, 34, 0.04);
        padding: 29px 18px 31px;

    }

    .submit {
        right: 20px;
        left: initial;
    }

    .delete {
        right: 50px;
        left: initial;
    }

    .ncgb-suggest-input {
        font-size: 14px;
        height: 38px;
        line-height: 38px;
        margin-left: 12px;
        margin-right: initial;
    }

    .search {
        margin: 0 auto 38px;
    }

    .category_item:hover:after {
        position: absolute;
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: -1px;
        border: solid 1px #CF631F;
        content: '';
        pointer-events: none;
    }

    .category_item:hover .category_item_text {
        color: #CF631F;
    }

    .newGuidelines {
        position: relative;
        margin: 80px auto 0;
        max-width: 1179px;
    }

    .ty_title {
        font-size: 22px;
        margin-bottom: 16px;
    }

    .newGuidelines_list {
        display: flex;
        flex-wrap: wrap;
    }

    .newGuidelines_link {
        width: 50%;
        padding: 20px;
        height: 150px;
    }

    .newGuidelines_link:nth-child(even) {
        border-left: none;
    }

    .newGuidelines_link:nth-child(3) {
        border-bottom: 1px solid rgba(34, 34, 34, 0.08);
    }

    .new_item_img {
        width: 150px;
        height: 110px;
        margin-left: initial;
        margin-right: 14px;
    }

    .new_item_title {
        margin: 18px 0 0;
        font-size: 16px;
    }

    .new_item_desc {
        margin: 9px 0 0;
        font-size: 15px;
        line-height: 22px;
    }

    .basic_item {
        width: 25%;
    }
}

@media (min-width: 1260px) {
    .category_item {
        width: 25%;
    }

    .basic_list {
        margin: 0;
    }

    .swiper {
        height: 200px;
    }
}