@media (max-width: 991px){
    .adapt-content{
        padding:0.14rem 0.2rem 0.85rem 0.2rem;
    }
    .vue-col{
        margin-top:0.05rem;
    }
    .vue-input--small .vue-input__inner {
        height:0.62rem !important;
        font-size:0.32rem;
    }
    .vue-select-dropdown__item, .vue-select-dropdown__item.selected{ 
        font-size:0.24rem !important; 
    } 
    .vue-input--small .vue-input__icon { 
        line-height: 0.62rem !important; 
    } 
    .text_title{
        font-size: 0.4rem;
        font-weight: 400;
        color: #111111;
        margin-top:0.2rem;
    }
    .text_subtitle{
        font-size: 0.22rem;
        font-weight: 400;
        color: #7C7C7C;
        line-height:0.3rem;
        margin:0.16rem 0 0.16rem 0;
    }
    .img_background{
        margin:0.7rem 0 0 0 ;
    }
    .img_line{
        margin-top:-3%
    }
    .row_c01{
        margin:0.04rem 0.16rem 0.06rem 0.2rem;
    }
    .col_c01 {
        color: #7C7C7C;
        font-size: 0.22rem;
        margin-top:0.08rem;
        margin-bottom:0.18rem;
    }
    .list-item-category{
        padding: 6px 15px;
    }
    .select-category-serial{
        width:102%;
    }
}

@media (min-width:992px){
    .adapt-content{
        padding:0.14rem 0 0.85rem 0;
    }
    .vue-col{
        margin-top:12px;
    }
    .text_title{
        font-size: 28px;
        font-weight: 400;
        color: #333333;
        padding: 70px 0 20px 0px;
    }
    .text_subtitle{
        font-size: 14px;
        font-weight: 400;
        color: #7C7C7C;
        line-height:26px;
        padding: 0 0 0 0px;
    }
    .img_background{
        padding-top:70px;
    }
    .img_line{
        margin-top:-1.5% !important;
    }
    .img_style{
        width:100%;
    }
    .img_pc{
        height:301px;
        width:620px;
    }
    .row_c01{
        margin:-5px 0px 3px 0px;
    }
    .col_c01 {
        color: #7C7C7C;
        font-size: 14px;
        margin-top:0px;
    }
    .img-category{
        height:50px;
        width:50px;
    }
    .imgPlus-category{
        width:150px;
        height:150px;
        margin: auto;
        display:none;
        position: absolute;
        top: 0; left: calc(100% - 187px); bottom: 0; right: 0;
        z-index:999;
    }
    .img-category:hover + .imgPlus-category{
        display:block;
    }
    .option-imgPlus:hover +.imgPlus-category{
        display:block;
    }
    .vue-row-category{
        position:static;
    }
    .vue-col-categoryImg{
        margin:0;
        width:50px;
        margin-left:2px;
    }
    .vue-col-categorySelect{
        margin:0;
        display:table-cell; 
        vertical-align:middle;
        line-height: 50px !important;
        height: 50px !important;
        width: 50px;
    }
}
@media (min-width:1600px){
	.adapt-content{
        padding:0.14rem 0 0.85rem 0;
    }
    .vue-col{
        margin-top:16px;
    }
    .text_title{
        font-size: 40px;
        padding: 70px 0 20px 0px;
    }
    .text_subtitle{
        font-size: 20px;
        line-height:36px;
        padding: 0 0 0 0px;
    }
    .img_pc{
        height:423px;
        width:872px;
    }
    .row_c01{
        margin:0px 0px 5px 0px;;
    }
    .col_c01 {
        font-size: 18px;
        margin-top:0px;
    }
    .img-category{
        height:auto;
        width:50px;
    }
    .imgPlus-category{
        width:150px;
        height:auto;
        margin: auto;
        display:none;
        position: absolute;
        top: 0; left: calc(100% - 187px); bottom: 0; right: 0;
        z-index:999;
    }
    .img-category:hover + .imgPlus-category{
        display:block;
    }
    .option-imgPlus:hover +.imgPlus-category{
        display:block;
    }
    .vue-row-category{
        position:static;
        line-height:50px;
    }
    .vue-col-categoryImg{
        margin:0;
        width:50px;
        margin-left:5px;
    }
    .vue-col-categorySelect{
        margin:0;
        display:table-cell; 
        vertical-align:middle;
        line-height: 50px !important;
        height: 50px !important;
        width: 50px;
    }
}