ul,li,p,h1,h2,h3,h4,h5,h6{padding:0;margin:0;}
ul{list-style:none;}
a{text-decoration:none;color: #2d2d2d;}

body{padding-top:60px;}

.new_top_box{margin:0 0 45px;}
.pc-container{width:100%;max-width:1440px;margin:0 auto;}
.pc-row{display:flex;}
.pc-row .pc-col-3{display:inline-block;width:33.333%;}
.pc-row .pc-col-6{display:inline-block;width:66.666%;}

.top_side_box{margin-bottom:1.5rem;}
.top_side_imgbox{display:block;margin-bottom:10px;padding-top:66.67%;position:relative;}
.top_side_imgbox_long{padding-top:160%;}
.top_side_imgbox img{width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;}
.top_side_category{font-size:0.8rem;height:25px;line-height:25px;}
.top_side_category a{color: #929292;}
.top_side_category:after{content:"";display:block;clear:both;}
.top_side_title{font-size:1.0625rem;height:54px;line-height:27px;overflow:hidden;font-weight:bold;}
.top_side_title a{color: #2d2d2d;}
.top_side_author{font-size:0.7rem;height:25px;line-height:25px;font-weight:200;}
.top_side_author a{color: rgba(0,0,0,0.5);}
.top_side_cate_author{font-size:0.7rem;float:right;font-weight:200;}

.top_mid_box{margin-bottom:20px;}
.top_mid_imgbox{display:block;padding-top:66.67%;position:relative;}
.top_mid_imgbox img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}

.top_mid_details{height:350px;background:#f2ede7;padding:50px;text-align:center;transition: height 0.5s;}
.top_mid_category{font-size:1rem;height:35px;line-height:35px;}
.top_mid_category a{color: #2d2d2d;}
.top_mid_title{font-size:2rem;max-height:150px;line-height:50px;overflow:hidden;font-weight:bold;margin-bottom:20px;}
.top_mid_title a{color: #2d2d2d;}
.top_mid_desc{font-size:1.2rem;height:80px;line-height:40px;font-weight:200;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;}
.top_mid_desc a{color: #2d2d2d;}

.top_third_box{margin-bottom:20px;}
.top_third_imgbox{display:block;padding-top:66.67%;position:relative;}
.top_third_imgbox img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}

.top_third_details{height:auto;padding:30px;text-align:center;}
.top_third_category{font-size:1rem;height:35px;line-height:35px;}
.top_third_category a{color: #2d2d2d;}
.top_third_title{font-size:1rem;height:60px;line-height:30px;overflow:hidden;font-weight:bold;margin-bottom:20px;}
.top_third_title a{color: #2d2d2d;}
.top_third_desc{font-size:1.2rem;height:80px;line-height:40px;font-weight:200;overflow:hidden;}
.top_third_desc a{color: #2d2d2d;}

.pc-px-2{padding:0 0.5rem;color: #2d2d2d;}
.pc-px-3{padding:0 1rem;}
.pc-px-4{padding:0 2rem;}


.new_mid_logo{text-align:center;padding:30px 0;}
.new_mid_logo a{}
.new_mid_logo a img{width:250px;height:auto;}

.new_top_nav{text-align:center;padding:10px;border-bottom:1px solid #f5f5f5;}
.new_top_nav button{display:inline-block;width:30px;height:30px;background:unset;border:unset;margin-top:5px;outline:unset;}
.new_top_nav button svg{}
.new_top_nav button img{width:19px;height:19px;object-fit: contain;}
.new_top_nav ul{display:inline-block;padding:0;margin:0;}
.new_top_nav ul li{display:inline-block;text-align:center;height:40px;line-height:40px;font-size:0.9rem;margin:0 10px;}
.new_top_nav ul li a{font-family:"黑体";}
.new_top_nav_btn_left{float:left;}
.new_top_nav_btn_right{float:right;}
.new_top_nav:after{content:"";clear:both;display:block;}
.new_top_nav_btn_right #btn_search_icon{display:inline;}
.new_top_nav_btn_right #btn_close_icon{display:none;}
.new_top_nav_btn_right img{}

.new_top_nav_btn_right.active #btn_search_icon{display:none;}
.new_top_nav_btn_right.active #btn_close_icon{display:inline;}

.new_top_nav_logo{display:none;margin:5px 0;}
.new_top_nav_logo img{height:30px;width:auto;}

#offcanvasNavbarLabel{}
#offcanvasNavbarLabel a{}
#offcanvasNavbarLabel a img{height:28px;width:auto;}

.nav_left_side_ul{}
.nav_left_side_ul li{border-bottom:1px solid #f5f5f5;}
.nav_left_side_ul li a{display:block;height:50px;line-height:50px;text-align:center;}
.nav_left_side_ul li:nth-last-child(1) {border-bottom-width:0;}
.nav_left_side_ul li a:hover{color:black;background:#f5f5f5;}


.normal_part_title{font-size:1.9rem;font-weight:bold;color:#2c2c2c;height:70px;line-height:70px;
border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);margin:20px 0;}
.normal_part_title a{float:right;font-size:1.2rem;color:#858585;font-weight:200;}
.normal_part_title:after{content:"";display:block;clear:both;}

.search_box{background:#efe8e2;display:none;}
.search_box form{display:flex;padding:10px;}
.search_box form input{flex:1;height:40px;line-height:40px;border-width:0;border-color:black;outline:unset;padding:0 10px;}
.search_box form button{height:40px;width:40px;background:white;outline:unset;border-width:0;border-color:black;}
.search_box form button svg{width:20px;height:20px;}


.vg_list{}
.vg_list ul{}
.vg_list ul li{}

.vg_list_item{margin:10px 0 50px;}
.vg_list_item_img{display:block;padding-top: 66.67%;position:relative;}
.vg_list_item_img img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
.vg_list_item_details{}
.vg_list_item_tag{font-size:17px;font-weight:200;}
.vg_list_item_tag a{}
.vg_list_item_title{font-size:1.7rem;font-weight:bold;line-height:60px;margin:10px 0 20px;}
.vg_list_item_title2{font-size:1.3rem;font-weight: normal;line-height:30px;margin:10px 0 10px;}
.vg_list_item_title a{}
.vg_list_item_desc{font-size:0.8rem;color:#858585;line-height:25px;max-height:50px;overflow:hidden;text-overflow:ellipsis;}
.vg_list_item_author{color:#858585;font-size:14px;position:absolute;left:calc(var(--bs-gutter-x) * .5);bottom:0;}
.vg_list_item_author a{color:#858585;}
.vg_list_item_details a:hover{color:#858585;}



.vg_color_bg{padding:50px 0;background:#f2ede7;}

.right_float_long_banner{margin-bottom:30px;}
.right_float_long_banner img{width:100%;height:auto;}


.vg_footer{background:#2c2c2c;padding:50px 0;}

.vg_footer_list{margin-bottom:20px;}
.vg_footer_list h6{color:#f2ede7;font-size:1.2rem;margin-bottom:20px;font-weight:bold;}
.vg_footer_list ul{}
.vg_footer_list ul li{font-size:0.9rem;margin-bottom:10px;}
.vg_footer_list ul li a{color:#f2ede7;}
.vg_footer_part_tit{color:#f2ede7;font-size:1.2rem;margin-bottom:20px;font-weight:bold;}
.vg_footer_list_row{}
.vg_footer_list_row ul li{display:inline-block;margin:0 10px 0 0;}

.vg_footer_form_box{border:1px solid #4a4a4a;padding:10px;margin-bottom:20px;}
.vg_footer_form_box form{display:flex;}
.vg_footer_form_box form input{flex:1;height:40px;line-height:40px;border-width:0;padding:0 10px;background:#2c2c2c;outline:unset;color:white;min-width:30px;}
.vg_footer_form_box form button{height:40px;background:#695748;outline:unset;border-width:0;padding:0 30px;color:#f2ede7;white-space:nowrap;}

.vg_footer_line{height:1px;margin:20px 0;background:#4a4a4a;}

.vg_footer_logo{display:block;margin:25px 0;}
.vg_footer_logo img{width:100%;height:auto;max-width:250px;}

.vg_footer_para{font-size:0.9rem;color:#f2ede7;line-height:25px;margin-bottom:0.5rem;}
.vg_footer_para a{color:#f2ede7;}

.vg_footer_paras_box{text-align:right;margin-top:60px;}

.vg_bread_nav{font-size:14px;padding:5px 0;border-bottom:2px solid #f8f7f7;color:#afafaf;}
.vg_bread_nav a{color:#afafaf;}

.vg_title{font-size:3rem;margin:50px 0;text-align:center;font-weight:bold;}

.vg_content{line-height:30px;font-size:17px;margin-bottom:25px;}
.vg_content p{line-height:30px;font-size:17px;margin-bottom:25px;text-indent:2.2rem;}
.vg_content img{max-width:100%;display:block;margin:10px auto;max-height:700px;}
.vg_content h2{font-size:1.4rem;height:35px;line-height:35px;margin-bottom:15px;font-weight:bold;padding-left:10px;position:relative;}
.vg_content h2:before{content:"";display:block;width:5px;height:22px;position:absolute;left:0;top:7px;background:#f44336;border-radius:5px;}

.vg_content h3{font-size:1.3rem;height:30px;line-height:30px;margin-bottom:15px;font-weight:bold;padding-left:10px;position:relative;}
.vg_content h3:before{content:"";display:block;width:4px;height:20px;position:absolute;left:0;top:6px;background:#f44336;border-radius:5px;}

.vg_content h4{font-size:1.2rem;height:30px;line-height:30px;margin-bottom:15px;font-weight:bold;padding-left:10px;position:relative;}
.vg_content h4:before{content:"";display:block;width:4px;height:20px;position:absolute;left:0;top:6px;background:#f44336;border-radius:5px;}

.vg_content h5{font-size:1.1rem;height:30px;line-height:30px;margin-bottom:15px;font-weight:bold;padding-left:10px;position:relative;}
.vg_content h5:before{content:"";display:block;width:4px;height:20px;position:absolute;left:0;top:6px;background:#f44336;border-radius:5px;}

.vg_content>div{line-height:30px;font-size:17px;margin-bottom:15px;margin-bottom:30px;}

.vg_art_details{border:1px solid #f5f5f5;margin-bottom:20px;border-width:1px 0 1px 0;height:50px;line-height:50px;}
.vg_art_details span{font-size:13px;color:#afafaf;height:50px;line-height:50px;}
.vg_art_details .vg_art_date{}
.vg_art_details .vg_art_author{float:right;}
.vg_art_details:after{content:"";display:block;clear:both;}

.vg_progress_bar{
height: 5px;
width: 0;
background-color: black;
position:fixed;
top:0;left:0;
z-index:101;
transition:width 0.5s;
}

.new_side_boxes{}
.new_side_boxes ul{}
.new_side_boxes ul li{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #f5f5f5; border-right: 1px solid #f5f5f5; padding-right: 10px;}

.new_side_box{}
.new_side_imgbox{width:100%;height:auto;display:block;margin-bottom:10px;}
.new_side_imgbox img{width:100%;height:100%;object-fit:cover;}
.new_side_category{font-size:0.7rem;height:25px;line-height:25px;}
.new_side_category a{color: #565656;}
.new_side_title{font-size:0.8rem;height:54px;line-height:27px;overflow:hidden;}
.new_side_title a{color: #565656;}
.new_side_author{font-size:0.5rem;height:25px;line-height:25px;font-weight:200;}
.new_side_author a{color: #565656;}

.right_float_outter{position:relative;height:100%;}
.right_float_inner{padding-top:10px;}

.vg_list_pagination{margin:50px 0;}
.vg_list_pagination a{display:inline-block;padding:20px 50px;background:#f2ede7;}
.vg_list_pagination .vg_page_pre{float:left;}
.vg_list_pagination .vg_page_next{float:right;}
.vg_list_pagination:after{content:"";clear:both;display:block;}

.new_top_nav_box{position:fixed;top:0;left:0;width:100%;background:white;z-index:100;}

.vg_index_search_box{background:#efe8e2;margin:150px 10px 200px;}
.vg_index_search_box form{display:flex;padding:10px;}
.vg_index_search_box form input{flex:1;height:40px;line-height:40px;border-width:0;border-color:black;outline:unset;padding:0 10px;}
.vg_index_search_box form button{height:40px;width:40px;background:white;outline:unset;border-width:0;border-color:black;}
.vg_index_search_box form button svg{width:20px;height:20px;}

.fixed_note{position:fixed;line-height:30px;color:white;background:#000000b5;bottom:0;left:0;width:100%;font-size:14px;text-align:center;padding:15px 0;}
.fixed_note button{position:fixed;right:10px;bottom:10px;background:#ad7532;color:#ffebce;border:0;outline:unset;padding:3px 10px;}
.fixed_note:after{content:"";clear:both;display:block;}


.vg_tags{margin:20px 0;}
.vg_tags a{margin-right:10px;font-size:14px;color:#6f6f6f;}

.vg_tagcloud{margin-bottom:20px;}
.vg_tagcloud ul{}
.vg_tagcloud ul li{display:inline-block;margin-right:5px; margin-bottom:5px;}
.vg_tagcloud ul li a{display:block;height:30px;line-height:30px;padding:0 10px;font-size:13px;color:white;background:rgba(255,255,255,0.1);transition:background .5s;}
.vg_tagcloud ul li a:hover{background:#c37b0f;}

.gotoTop{width:50px;height:50px;line-height:50px;text-align:center;font-size:15px;font-weight:bold;color:black;background:white;position:fixed;right:20px;bottom:20px;
cursor:pointer;box-shadow:0px 5px 10px rgba(0,0,0,0.2);border-radius:50%;transition:box-shadow .5s;}
.gotoTop:hover{box-shadow:0px 7px 10px rgba(0,0,0,0.3);}

/* 图集 */
.show_images_box{margin-bottom:50px;background:#f2ede7;padding:0 10px 10px 10px;}
.show_images_box .swiper-button-prev,.show_images_box .swiper-button-next{color:rgba(255,255,255,0.8);}
.show_images_box .swiper-button-prev:after,.show_images_box .swiper-button-next:after{}
.show_images_box .swiper-pagination-bullet-active{background:rgba(255,255,255,0.8);}

.show_images_box .mySwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4;}
.show_images_box .mySwiper .swiper-slide-thumb-active { opacity: 1;}

.show_images_box .vg_images_item{display:block;padding-top: 66.67%;position:relative;}
.show_images_box .vg_images_item img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:contain;}
.show_images_box .vg_images_item_thumb{display:block;padding-top: 66.67%;position:relative;}
.show_images_box .vg_images_item_thumb img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}

.show_images_box .swiper_num{position:absolute;right:10px;bottom:0;color:white;font-style:italic;text-shadow:0px 2px 5px rgba(0,0,0,0.3);}
.show_images_box .swiper_num i{color:red;font-size:1.1rem;}
/* 图集 end */

.vg_note{padding: 10px; margin: 30px 0 20px; background: #efefef; color: gray; line-height: 25px; font-size: 14px; border-radius: 10px;}
.vg_note a{text-decoration: underline;color: #3b607d;}

.vg_footer_btns{margin-bottom:15px;margin-top:70px;}
.vg_footer_btns .vg_footer_btn{display:inline-block;text-align:center;cursor:pointer;}
.vg_footer_btn img.vg_footer_btn_img{width:50px;height:auto;}
.vg_footer_btn img.vg_footer_qrcode{width:100px;height:auto;}
.vg_footer_btn p{color: #f2ede7;font-size: 13px;margin-top:10px;}

.vg_footer_btn_left{float:left;}
.vg_footer_btn_right{float:right;}
.vg_footer_btns:after{content:"";clear:both;display:block;}


.vg_answer_desc {
    background: #eeeeee;
    color: #585858;
    font-size: 1rem;
    line-height: 30px;
    padding:10px;
    margin-bottom:10px;
}

.vg_answer_desc::before {
    display: inline;
    content: "摘要";
    background: #b7b7b7;
    padding: 0.2rem 0.5rem;
    color: #fbfbfb;
    border-radius: 5px;
    font-size: 0.9rem;
}

.vg_bottom_banner{max-width:1440px;margin:70px auto;text-align:center;}
.vg_bottom_banner img{width:100%;height:auto;}

.vg_list_pages{}
.vg_list_pages a{min-width:3rem;height:3rem;line-height:3rem;text-align:center;background:#f2ede7;display:inline-block;padding:0 0.5rem;margin-bottom:0.5rem;
color:#5d3609;}
.vg_list_pages span{min-width:3rem;height:3rem;line-height:3rem;text-align:center;background:#f7f7f7;display:inline-block;padding:0 0.5rem;margin-bottom:0.5rem;
color:black;}
.vg_list_pages a:hover{color:#5d3609;background:#dacab7;}

.vg_wiki_item{font-size:1rem;height:99px;line-height:27px;overflow:hidden;display:block;color:#2d2d2d;
padding:25px 0 25px;margin-bottom:25px;border-bottom:1px solid #f5f5f5;}

.gene_poster_box{margin:15px auto 20px;text-align:center;}
.gene_poster_box .gene_poster{font-size:1rem;cursor:pointer;padding:3px 10px;border-left:1px solid #d0d0d0;border-right:1px solid #d0d0d0;color:#828282;}
.gene_poster_box .gene_poster img{height: 25px;    padding-bottom: 3px;    margin-right: 3px;}


.vg_wd_item{display:block;height:150px;position:relative;margin-bottom:25px;}
.vg_wd_item img{width:100%;height:100%;object-fit:cover;border-radius:15px;}
.vg_wd_item p{position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.3);color:white;height:25px;line-height:25px;white-space:nowrap;
overflow:hidden;text-overflow:ellipsis;font-size:0.9rem;width:100%;padding:0 10px;border-radius:0 0 15px 15px;text-align:center;}

@media(max-width:1200px){
    .vg_list_item_desc{max-height:25px;}
    .vg_bottom_banner{margin:30px auto;}
}


@media(max-width:992px){
    /*normal*/
    body{padding-top:100px;}
    .new_top_nav_logo{display:inline-block;}
    .new_top_nav ul{display:none;}
    
    /* index */
    .new_mid_logo{display:none;}
    .top_mid_details{padding:25px;height:auto;}
    .top_third_details{padding:10px;}
    .top_mid_title{font-size:1.5rem;}
    
    .normal_part_title{font-size:1.3rem;height:50px;line-height:50px;}
    .normal_part_title a{font-size:1rem;}
    
    .vg_list_item_title{font-size:1.3rem;line-height:30px;}
    .vg_list_item_title2{font-size:1.1rem;line-height:25px;}
    .right_float_long_banner{display:none;}
    .right_float_outter{display:none;}
    .vg_bottom_banner{margin:15px auto;}
    
    
    /* show */
    .vg_title{font-size:2rem;}
    .new_side_boxes ul li{border-right:unset;padding-right:auto;}
    
    .vg_list_item_desc{display:none;}
}

@media(max-width:768px){
    .vg_footer_list{text-align:center;display:none;}
    .vg_footer_part_tit{text-align:center;}
    .vg_footer_logo{padding:0 20px;text-align:center;}
    .vg_footer_para{text-align:center;}
    .vg_footer_paras_box{display:none;}
    
    /* index */
    .fixed_note button{position:unset;}
    .top_mid_category{display:none;}
    .top_mid_title{font-size: 1.1rem; line-height: 1.5rem; max-height: 3rem;margin-bottom:10px;}
    .top_mid_desc{font-size:0.7rem;text-align:left;text-indent:1.9rem;line-height:1.5rem;max-height:3rem;height:auto;}
    
    
    
    /* show */
    .vg_title{font-size:1.45rem;font-weight:normal;}
}

@media(max-width:576px){
    
    .vg_list_item{margin:10px 0 20px;}
    .vg_list_item_title{font-size:1rem;line-height:25px;}
    .vg_list_item_tag{display:none;}
    .vg_list_item_author{display:none;}
    
    .normal_part_title { font-size: 1.1rem;}
    .normal_part_title a{font-size:0.8rem;}
    
    .top_side_title{font-size:0.9rem;}
    .vg_wiki_item{font-size:0.9rem;}
    
    .show_images_box .vg_images_item{padding-top:135%;}
    
}






















/*==================== brand ====================*/

.vg_brand_nav{margin-bottom:10px;}
.vg_brand_nav ul{}
.vg_brand_nav ul li{display:inline-block;width:16.666%;float:left;}
.vg_brand_nav ul li a{display:block;text-align:center;height:50px;line-height:50px;border-bottom:2px solid #f5f5f5;font-size:1rem;}
.vg_brand_nav ul li.active a{border-bottom-color:#c37b0f;color:#c37b0f;}
.vg_brand_nav ul li:hover a{border-bottom-color:#c37b0f;color:#c37b0f;}
.vg_brand_nav ul:after{content:"";display:block;clear:both;}
.vg_brand_thumb{border:2px solid #f5f5f5;margin-bottom:10px;margin-right:70px;}
.vg_brand_thumb img{width:100%;height:auto;}


.vg_brand_title{text-align:center;font-size:2rem;font-weight:bold;margin:20px 0;}
.vg_brand_details{}
.vg_brand_details dl{word-break: break-all;font-size:0.9rem;line-height:27px;margin-bottom:10px;}
.vg_brand_details dl dt{display:inline;font-weight:normal;color:#858585;}
.vg_brand_details dl dd{display:inline;}
.vg_brand_details dl dd span{color:#858585;}
.vg_brand_details dl dd a{color:#bb0000;}


.vg_brand_item{padding:10px;border:1px solid #f5f5f5;margin-bottom:10px;}
.vg_brand_item:hover{border:1px solid #c37b0f;}
.vg_brand_item>a{display: block; margin-bottom: 10px; position: relative;padding-top: 85%;}
.vg_brand_item>a img{width: 100%; height: 100%; object-fit: contain;    position: absolute;    left: 0;    top: 0;}
.vg_brand_item p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;text-align:center;}
.vg_brand_item p a{}
.vg_brand_item_price span{color:#c37b0f;}


.vg_brand_part_title{font-size:1.5rem;font-weight:normal;color:#2c2c2c;height:50px;line-height:50px;
border-bottom:1px solid rgba(0,0,0,0.1);margin:20px 0;}
.vg_brand_part_title a{float:right;font-size:1.2rem;color:#858585;font-weight:200;}
.vg_brand_part_title:after{content:"";display:block;clear:both;}


.vg_brand_images .show_images_box{padding:10px;}
.vg_brand_images .mySwiper2{margin-bottom:10px;}


.vg_brand_content{}
.vg_brand_content p{line-height:25px;margin-bottom:20px;}
.vg_brand_content img{max-width:100%;height:auto;}
.vg_brand_stores{margin-bottom:20px;}
#vg_brand_map{height:600px;}


.vg_brand_selection{margin-bottom:10px;}
.vg_brand_selection span{display:inline-block;color:#5f5f5f;font-size:0.8rem;}
.vg_brand_selection a{display:inline-block;padding:3px 10px;margin:0 5px;transition:background-color .5s;margin-bottom:5px;}
.vg_brand_selection a.active{background-color:#c37b0f;color:white;}
.vg_brand_selection a:hover{background-color:#c37b0f;color:white;}

.vg_brand_side_box{padding:10px;margin:10px 0;}
.vg_brand_side_thumb{display:block;text-align:center;}
.vg_brand_side_thumb img{width:100px;height:100px;border:2px solid #f5f5f5;object-fit:container;border-radius:50%;}
.vg_brand_side_title{display:block;text-align:center;font-size:1.2rem;height:30px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
margin:15px 0;}
.vg_brand_side_desc{font-size:0.8rem;line-height:1.3rem;color:#858585;}
.vg_brand_side_desc a{}
.vg_product_price{color:#c37b0f;font-weight:bold;}


/* 图集 */
.vg_product_thumb_box{margin-bottom:50px;padding:0;}
.vg_product_thumb_box .swiper-button-prev,.vg_product_thumb_box .swiper-button-next{color:rgba(255,255,255,0.8);}
.vg_product_thumb_box .swiper-button-prev:after,.vg_product_thumb_box .swiper-button-next:after{}
.vg_product_thumb_box .swiper-pagination-bullet-active{background:rgba(255,255,255,0.8);}

.vg_product_thumb_box .mySwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4;margin-top:10px;}
.vg_product_thumb_box .mySwiper .swiper-slide-thumb-active { opacity: 1;}

.vg_product_thumb_box .vg_images_item{display:block;padding-top: 100%;position:relative;}
.vg_product_thumb_box .vg_images_item img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:contain;}
.vg_product_thumb_box .vg_images_item_thumb{display:block;padding-top: 100%;position:relative;}
.vg_product_thumb_box .vg_images_item_thumb img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
/* 图集 end */


/* 门店 */
.vg_brand_store_city{}
.vg_brand_store_city li{}
.vg_brand_store_city li a{color:#696969;}

.vg_brand_store_item{margin-bottom:20px;}
.vg_brand_store_item p{font-size:0.8rem;margin-bottom:10px;}
.vg_brand_store_item button{font-size:0.8rem;background:#f44336;border:unset;outline:unset;color:white;}

.vg_brand_story_tab_content{margin-bottom:20px;}
.vg_brand_story_tab_content .tab-pane{padding:10px;}

.vg_brand_store_city_h3{margin-bottom:20px;margin-top:15px;}

.vg_brand_store_name{font-weight:bold;}
.vg_brand_store_addr{}
.vg_brand_store_phone{}
.vg_brand_desc{font-size:0.7rem;background:#f5f5f5;color:#858585;padding:10px;line-height:1.5rem;margin-bottom:1rem;}

.vg_brand_list_text{max-height:126px;overflow:hidden;}
.vg_brand_list_text a{font-size:0.8rem;margin-bottom:10px;line-height:2rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vg_brand_list_btns {text-align:center;}
.vg_brand_list_btns button{background:unset;border:unset;outline:unset;font-size:2rem;}

/* 门店end */

@media(max-width:1199px){
    .vg_brand_list>div:nth-child(n+13){display:none;}
    .vg_brand_list_hot>div:nth-child(n+13){display:none;}
}

@media(max-width:992px){
    .vg_brand_thumb{margin:0;}
    .vg_brand_part_title{font-size:1.3rem;height:50px;line-height:50px;}
    .vg_brand_part_title a{font-size:1rem;}
    #vg_brand_map{height:500px;}
    .vg_brand_list_hot>div:nth-child(n+9){display:none;}
}

@media(max-width:768px){
    .vg_brand_nav ul li a{font-size:0.6rem;}
    .vg_brand_title{font-size:1.5rem;}
    .vg_brand_details dl{font-size:0.7rem;}
    #vg_brand_map{height:400px;}
    .vg_brand_list_hot>div:nth-child(n+7){display:none;}
}

@media(max-width:576px){
    .vg_brand_part_title { font-size: 1.1rem;}
    .vg_brand_part_title a{font-size:0.8rem;}
    #vg_brand_map{height:300px;}
}


/*==================== brand ====================*/






/* ==================== 头部标签相关样式 ==================== */
.nav_tags{background:white;overflow:hidden;width:100%;max-width:992px;display:none;margin:0 auto;
position:fixed;top:60px;left:calc(50% - 350px);z-index:999;}
@media screen and (max-width: 992px){
    .nav_tags {
        left: 0;
        display:block;
    }
}

.nav_tags ul{white-space:nowrap;overflow-x:scroll;height:40px;padding-right:60px;}
.nav_tags ul li{display:inline-block;width:14.2857%;text-align:center;height:35px;line-height:35px;
font-size:14px;color:#616161;}
.nav_tags ul li.active{font-weight:bold;font-size:16px;color:black;}

.nav_tags ul::-webkit-scrollbar {
height:3px;
}

/* 滚动槽 */
.nav_tags ul::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:10px;
}

/* 滚动条滑块 */
.nav_tags ul::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,0.1);
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
.nav_tags ul::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,0.1);
}

.nav_tags_more{position:absolute;height:40px;width:40px;text-align:center;line-height:40px;
top:0;right:0;background:white;color:#616161;box-shadow:-5px 0px 9px rgba(0, 0, 0, 0.2);}
.nav_tags_more img{width:22px;}

.nav_tag_modal_part_tit{font-size:16px;font-weight:bold;height:30px;line-height:30px;border-bottom:1px solid #f5f5f5;
color:#4e4e4e;}
.nav_tag_modal_part_tit a{font-size:13px;float:right;font-weight: normal;color: #127acc;}
.nav_tag_modal_part_tit:after{content:"";clear:both;display:block;}
.nav_tag_modal_part_tit span{color:#b5b5b5;font-size:13px;font-weight:normal;}

.nav_tag_selects{margin-bottom:15px;}
.nav_tag_selects ul{padding-top:5px;}
.nav_tag_selects ul li{display:inline-block;width:25%;float:left;padding:3px;}
.nav_tag_selects ul li span{display:block;background:#f5f5f5;color:#424242;text-align:center;height:35px;line-height:35px;
font-size:14px;}
.nav_tag_selects ul li.selected span{background:#f7f7f7;color:#b5b5b5;}
.nav_tag_selects ul:after{content:"";clear:both;display:block;}
.not_index ul li{width:calc(25% - 6px);}


.tags_editing ul li{position:relative;pointer-events:none;}

.tags_editing ul li:after{
    display:block;
    content:"×";
    position:absolute;
    right:1px;
    top:-5px;
    background:#cccccc;
    border-radius:8px;
    width:15px;
    height:15px;
    line-height:15px;
    text-align:center;
    font-size:13px;
    color:white;
    pointer-events: auto;
}
/* ==================== 头部标签相关样式 ==================== end*/