.sections{ width: 100%; position: relative;
    overflow: hidden;background:#1c1c1c;min-height: 480px;}
.sections img{ display: block; max-width: 100%;}
.section{ width: 100%; position: relative;}

.section1{ width:66.5vw;height: auto;margin: 0 auto;padding-top:1.8vw;}
.section1 .section1_title{width: 100%;height: 6.4vw; display: flex;align-items: center;justify-content: center;font-size: 2.1vw;font-weight: bold;color: #fff;}
.section1 .item_body{width:100%;position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;}
.section1 .item_body a{width: 100%;}
.section1 .item_body_item{width: 100%;display: flex;justify-content: space-between;padding:1vw 0;position: relative;align-items: center;}
.section1 .item_body_item:nth-child(n){background: #262626;border: 2px solid #262626;}
.section1 .item_body_item:nth-child(2n+1){background: #383838;border: 2px solid #383838;}
.section1 .item_body_title{background: #000000!important;color: #fff;font-size: 0.9vw;font-weight: bold;border: 2px solid #000000!important;}
.section1 .item_body_item:after{content: '';border-bottom: 1px solid #dbdbdb;width: 97%;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;z-index: -1;}
.section1 .item_body_item .item_product{font-size: 1vw;color: #fff;padding-right: 2vw;width: 10vw;}
.section1 .item_body_item .item_product1{font-size: 1vw;color: #fff;width: 10vw;padding-left: 0.5vw;padding-right: 1vw;}
.section1 .item_body_item .item_product select{font-size: 0.9vw;cursor: pointer;
    background-color: #000000;
    color: #fff;
    padding: 0.5vw 0.8vw;
    border: 1px solid #fff;
    font-weight: bold;
    border-radius: 4px;}
.section1 .item_body_item .item_product select option{font-size: 0.9vw;background: #f4bb42;color: #fff;padding: 1vw 2vw;cursor: pointer;height: 5vw;}
.section1 .item_body_item .item_product select option:hover{font-size: 0.9vw;background-color: #f4bb42!important;color: #fff;padding: 1vw 2vw;cursor: pointer;}

.section1 .item_body_item .item_product select option.selected{background-color: #333;}

.section1 .custom-select {
    width: 8vw;
    position: relative;
    background-color: #000;
    user-select: none;
    z-index: 99;
}
.section1 .custom-select .arrow {
    position: absolute;
    font-size: 0.9vw;
    right: 0.5vw;
    top:0.5vw;
    display: block;
    transition: all 0.3s ease-in;
}

.section1 .custom-select.open .arrow {
    transform: rotate(180deg);
}

.section1 .custom-selected {
    font-size: 0.9vw;cursor: pointer;
    background-color: #000;
    color: #fff;
    padding: 0.5vw 0.8vw;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-weight: bold;
}
.section1 .custom-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #f4bb42;
    z-index: 10;
}
.section1 .custom-option {
    padding: 10px;
    font-size: 0.8vw;
    cursor: pointer;
}
.section1 .custom-options {
    display: none;
    transition: all 0.3s ease;
}

.section1 .custom-select.open .custom-options {
    display: block;
}

.section1 .custom-option:hover {
    background-color: #333;
}
.section1 .custom-option.selected {
    background-color: #333;
}
.section1 .custom-select.open .custom-options {
    display: block;
}


.section1 .item_body_item .item_title{font-size: 1vw;color: #fff;width: 48.2vw;padding-left: 2vw;}
.section1 .item_body_item .item_icon{width:6.4vw; height:1.4vw; color: #000;margin-right: 2vw;display: flex;justify-content: center;cursor: pointer;}
.section1 .item_body_title .item_icon{background: none;font-size: 0.9vw;font-weight: bold;color: #fff;display: flex;justify-content: center;}
.section1 .item_body_item:hover{border: 2px solid #e9b341;}
.section1 .item_body_item:hover .item_time{color: #fff;}
.section1 .item_body_item:hover .item_title{color: #fff;}
.section1 .item_body_item:hover:after{border-bottom: 1px solid #0090e2;}
.section1 .item_body_item:hover .item_icon{}
.section1 .item_body_title:hover .item_icon{background: none;font-size: 0.9vw;font-weight: bold;color: #fff;}
.section1 .item_pages{display: flex;justify-content: flex-end;font-size: 1vw;margin: 2vw 0 3vw;}
.section1 .item_pages .item_prev_page{width: 2vw;height: 2vw;margin: 0 0.3vw;display: none;}
.section1 .item_pages .item_next_page{width: 2vw;height: 2vw;margin: 0 0.3vw;display: none;}
.section1 .item_pages .item_prev_page a,.section1 .item_pages .item_next_page a{display: flex;align-items: center;justify-content:center;width: 100%;height: 100%;font-size: 1vw;color: #f4bb42;}
.section1 .item_pages .item_page{width: 2vw;height: 2vw;margin: 0 0.3vw;border: 1px solid #f4bb42;border-radius: 2vw;}
.section1 .item_pages .item_page a{display: flex;align-items: center;justify-content:center;width: 100%;height: 100%;font-size: 1vw;color: #f4bb42;}
.section1 .item_pages .item_page:hover{background:#f4bb42;color: #1c1c1c;border-radius: 2vw;border: 1px solid #f4bb42;}
.section1 .item_pages .item_page:hover a{color: #1c1c1c;}
.section1 .item_pages .item_page.active{background:#f4bb42;color: #1c1c1c;border-radius: 2vw;border: 1px solid #f4bb42;}
.section1 .item_pages .item_page.active a{color: #1c1c1c;}

@media screen and ( max-width : 800px){
    .section1{ width:93.3vw;height: auto;margin: 0 auto;padding-top:10.3vw;}
    .section1 .section1_title{width: 100%;height: 16.3vw; display: flex;align-items: center;justify-content: center;font-size: 5.3vw;font-weight: bold;color: #fff;}
    .section1 .item_body{width: 100%;margin:4vw auto;position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;}
    .section1 .item_body a{width: 100%;}
    .section1 .item_body_item{width: 100%;display: flex;justify-content: space-between;position: relative;flex-wrap: wrap;padding: 0;margin: 1vw 0;}
    .section1 .item_body_item:after{content: '';border-bottom: 1px solid #dbdbdb;width: 100%;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;z-index: -1;}



    .section1 .item_body_item .item_top{width: 100%;height: 6.7vw; display: flex;justify-content: space-between;align-items: center;background: #e4e7eb;}
    .section1 .item_body_item .item_product{font-size: 3.7vw;color: #fff;padding-left: 2vw;width: auto;}
    .section1 .item_body_item .item_product1{font-size: 3.7vw;color: #fff;padding-left: 0.5vw;padding-right: 1vw;width: auto;}
    .section1 .item_body_item .item_product select{font-size: 3.7vw;cursor: pointer;width:25vw;background-color: #000000;color: #fff;padding: 0.5vw 0.8vw;border: 1px solid #fff;font-weight: bold;border-radius: 4px;}
    .section1 .item_body_item .item_product select option{font-size: 3.7vw;background: #f4bb42;color: #fff;padding: 1vw 2vw;cursor: pointer;height: 5vw;}
    .section1 .item_body_item .item_product select option:hover{font-size: 3.7vw;background: #f4bb42;color: #fff;padding: 1vw 2vw;cursor: pointer;}
    .section1 .item_body_item .item_title{font-size: 3.2vw;color: #fff;width:64%;padding:3.5vw 2vw;line-height: 1.6;}
    .section1 .item_body_item .item_icon{width:3.3vw; height:3.3vw; color: #fff;background: url("../images/item_icon.png") left top no-repeat;background-size: cover;margin-right: 2vw;}
    .section1 .item_body_item.active{background:#0090e2;border-radius: 0;}
    .section1 .item_body_item.active .item_top{background:#0090e2;border-bottom: 1px solid #fff;}
    .section1 .item_body_item.active .item_time{color: #fff;}
    .section1 .item_body_item.active .item_title{color: #fff;}
    .section1 .item_body_item .item_title .item_title_icon{float: left; width: 6vw;margin-right: 2vw;}

   .section1 .custom-select {
        width: 27vw;
        position: relative;
        background-color: #000;
        user-select: none;
        z-index: 99;
    }
   .section1 .custom-select .arrow {
        position: absolute;
        font-size: 3.7vw;
        right: 0.5vw;
        top:0.5vw;
        display: block;
        transition: all 0.3s ease-in;
    }


   .section1 .custom-selected {
        font-size: 3.7vw;cursor: pointer;
        background-color: #000;
        color: #fff;
        padding: 0.5vw 0.8vw;
        border: 1px solid #ccc;
        border-radius: 4px;
        font-weight: bold;
    }

   .section1 .custom-option {
        padding: 10px;
        font-size: 3.5vw;
        cursor: pointer;
    }

    .section1 .item_body_item.active:after{border-bottom: 1px solid #0090e2;}
    .section1 .item_body_item.active .item_icon{background: url("../images/item_icon_active.png") left top no-repeat;background-size: cover;}
    .section1 .item_pages{display: flex;justify-content: center;font-size: 1vw;margin: 4vw 0 8vw;}
    .section1 .item_pages .item_prev_page{width: 7.7vw;height: 7.7vw;margin: 0 0.3vw;}
    .section1 .item_pages .item_next_page{width: 7.7vw;height: 7.7vw;margin: 0 0.3vw;}
    .section1 .item_pages .item_prev_page a,.section1 .item_pages .item_next_page a{display: flex;align-items: center;justify-content:center;width: 100%;height: 100%;font-size: 4vw;color: #000;}
    .section1 .item_pages .item_page{width: 7.7vw;height: 7.7vw;margin: 0 1vw;border-radius: 7.7vw;}
    .section1 .item_pages .item_page a{display: flex;align-items: center;justify-content:center;width: 100%;height: 100%;font-size: 4vw;color: #F4BB42FF;}
    .section1 .item_pages .item_page:hover{background:#F4BB42FF;color: #fff;border-radius: 7.7vw;}
    .section1 .item_pages .item_page:hover a{color: #fff;}
    .section1 .item_pages .item_page.active{background:#F4BB42FF;color: #fff;border-radius: 7.7vw;}
    .section1 .item_pages .item_page.active a{color: #fff;}
}
@media screen and ( max-width : 320px){

}
