/* 销售网络 */
.scrollbar::-webkit-scrollbar,
.scrollbar *::-webkit-scrollbar{height:3px;width:5px;background:rgba(173,173,173,0.2); border-radius: 5px;}
.scrollbar::-webkit-scrollbar:hover,
.scrollbar *::-webkit-scrollbar:hover{background:rgba(173,173,173,0.2);  border-radius: 5px;}
.scrollbar::-webkit-scrollbar-thumb,
.scrollbar *::-webkit-scrollbar-thumb{background:rgba(173,173,173,1); border-radius: 5px;}
.scrollbar::-webkit-scrollbar-thumb:hover,
.scrollbar *::-webkit-scrollbar-thumb:hover{background-color:rgba(173,173,173,1); border-radius: 5px;}

.network_main{margin-top: 90px;}


/* 广告图 */
#network_banner{width: 100%; height: max-content;}
#network_banner .network_swiper{position: relative;}
#network_banner .network_swiper::before{content: ""; display: block; width: 100%; height: 100%; background: url(images/banner-shadow.png) no-repeat center center/100% 100%; position: absolute; z-index: 2;}
#network_banner .pic{width: 100%; height: 700px;}
#network_banner .pic picture,
#network_banner .pic img{display: block; width: 100%; height: 100%; overflow: hidden; transition: opacity 1s ease, transform 1s ease;}
#network_banner .pic picture {object-fit: cover; transform: scale(1); transition: transform 5s linear;}
#network_banner .pic.zoomed picture {transform: scale(1.2);}
#network_banner .cont_text{height: max-content; top: 27.38%; z-index: 5; }
#network_banner .cont_text .title{font-size: 48px; line-height: 1.3; color: #fff; font-weight: 700;}
#network_banner .cont_text .brief{margin-top: 28px; width: 40.625%; font-size: 18px; line-height: 1.8; color: #fff; }
#network_banner .cont_text .brief span{display: inline-block; margin: 0 5px; font-size: 28px; color: var(--main);}
#network_banner .cont_text .btn{margin-top: 45px; padding: 0 25px; width: max-content; height: 45px; font-size: 16px; color: #333; background-color: #fff;}
/* #network_banner .cont_text .btn{margin-top: 45px; padding: 0 26px; width: max-content; min-width: 160px; height: 50px; font-size: 16px; line-height: 1em; color: #333; overflow: hidden; position: relative; background-color: #fff;} */
#network_banner .cont_text .btn .icon{margin-left: 18px; transform: translateY(1px);}
#network_banner .cont_text .btn .svg{ font-size: 14px; color: #333;}
#network_banner .cont_text .btn:hover{background-color: var(--main); color: #fff;}
#network_banner .cont_text .btn:hover .svg{color: #fff;}



/* 销售网络 - 星选门店 */
#star_store{padding: 55px 0 105px; background-color: #f4f4f4;}
#star_store .top_icon{margin-right: 17px; width: 36px; height: 33px;}
#star_store .top_icon .svg{font-size: 36px; color: #999;}
#star_store .top_title{font-size: 34px; line-height: 1.3; color: #080808; font-weight: 500;}
#star_store .box{margin-top: 50px;}
#star_store .slide{background-color: #fff;}
#star_store .slide .pic{width: 100%; height: 298px;}
#star_store .slide .pic img{transition: all 0.5s ease;}
#star_store .slide .info{padding: 18px 5.21% 30px;}
#star_store .slide .name{font-size: 18px; line-height: 1.25em; color: #080808; font-weight: 600; height: calc(1.25em * 2);}
#star_store .slide .address{margin-top: 20px; font-size: 16px; line-height: 25px; min-height: calc(25px * 2); color: #a5a5a5; font-weight: normal;}
#star_store .slide .btns{margin-top: 25px;}
#star_store .slide .btn{padding: 0 15px 0 23px; width: max-content; height: 38px; border: 1px solid #f3f3f3; border-radius: 10px; font-size: 16px; color: #a5a5a5;}
#star_store .slide .btn .icon{margin-left: 15px; transform: translateY(1px);}
#star_store .slide .btn .icon .svg{font-size: 17px; color: var(--main);}
#star_store .slide .btn.level{margin-right: 30px; color: #ec9334;}
#star_store .slide .btn.level .icon .svg{font-size: 20px; color: #ec9334;}
#star_store .slide .btn.more .icon{transform: translateY(1px) rotate(45deg);}
#star_store .slide .btn.more:hover {border-color: var(--main); background-color: var(--main); color: #fff;}
#star_store .slide .btn.more:hover .icon .svg{color: #fff;}
#star_store .slide:hover .pic img{transform: scale(1.05);}
#star_store .slide:hover .name{color: var(--main);}
#star_store .bot{margin-top: 48px; position: relative;}
#star_store .bot::before{content: ""; display: block; width: calc(100% - 206px); height: 1px; background-color: #e5e5e5; position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 1; }
#star_store .op_pg{margin-right: 36px !important; width: 67px; height: 67px; opacity: 1 !important; position: relative; top: inherit; left: inherit; bottom: inherit; right: inherit; transform: translate(0,0); z-index: 2; background-color: #fff;}
#star_store .op_pg .svg{font-size: 28px; color: #333; width: max-content; height: max-content; opacity: 1;}
#star_store .op_pg:hover{background-color: var(--main);}
#star_store .op_pg:hover .svg{color: #fff;}
#star_store .more_btn{padding: 0 23px 0 38px; width: max-content; height: 48px; font-size: 18px; color: #fff; background-color: #1c1c1c; border-radius: 18px; position: relative; z-index: 2;}
#star_store .more_btn .icon{margin-left: 28px;}
#star_store .more_btn .svg{ font-size: 23px; color: #fff;}
#star_store .more_btn:hover{background-color: var(--main);}



/* 国内门店信息 */
#domestic_store{padding: 40px 0 90px; background-color: #fff;}
#domestic_store .top_icon{margin-right: 17px; width: 36px; height: 33px;}
#domestic_store .top_icon .svg{font-size: 36px; color: #999;}
#domestic_store .top_title{font-size: 34px; line-height: 1.3; color: #080808; font-weight: 500;}

#domestic_store .filter{margin-top: 50px;}
#domestic_store .select{margin-left: 30px; width: max-content; height: max-content;}
#domestic_store .select:first-child{margin-left: 0;}
#domestic_store .select .btn{padding: 0 50px 0 25px; width: 212px; height: 50px; background-color: #f0f0f0; font-size: 16px; color: #101010; position: relative;}
#domestic_store .select .btn .jt{position: absolute; top: 50%; right: 30px; transform: translateY(-50%) rotate(90deg); z-index: 1;}
#domestic_store .select .btn .jt .svg{font-size: 15px; color: #9f9f9f;}
#domestic_store .select.cur .jt{transform: translateY(-50%) rotate(-90deg); }
#domestic_store .select.cur .btn,
#domestic_store .select .btn:hover{background-color: var(--main); color: #fff;}
#domestic_store .select.cur .btn .jt .svg,
#domestic_store .select .btn:hover .jt .svg{color: #fff;}
#domestic_store .select .btn::before{content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 60%; left: 0; z-index: 0; opacity: 0; pointer-events: none;}
#domestic_store .select.cur .btn::before{pointer-events: auto;}
#domestic_store .select_list{width: max-content; max-width: 150%; min-width: 100%; height: 0; left: 0; top: calc(100% + 10px); z-index:2; }
#domestic_store .select_list .h{background: #f0f0f0; height: max-content; overflow: hidden;}
#domestic_store .select_list .listwrap{margin: 10px; height: max-content; max-height: 350px; overflow-y: auto; }
#domestic_store .select_list .select_li a{width: 100%; padding: 0.1rem 15px; font-size: 16px; line-height: 1.5em; color:#666666; display:inline-flex; align-items: center;}
#domestic_store .select_list .select_li:hover a{background: #fafafa; color:var(--main);}

#domestic_store .filter_form {width: 43.29%; position: relative; background-color: #f0f0f0;}
#domestic_store .filter_form .input {width: calc(100% - 18.045%); line-height: 50px; padding: 0 25px; font-size: 16px; color: #1a1a1a;}
#domestic_store .filter_form .input::placeholder{color: #a4a4a4;}
#domestic_store .filter_form .btn {background-color: #101010; width: 18.045%; height: 50px; font-size: 16px;color: #fff;}
#domestic_store .filter_form .btn .icon{margin-left: 12px;}
#domestic_store .filter_form .btn .svg {font-size: 17px; color: #fff;}
#domestic_store .filter_form .btn:hover{background-color: var(--main);}
#domestic_store .filter_form .submit{opacity: 0; z-index: 2;}

#domestic_store .result{margin-top: 40px; }
#domestic_store .result .icon{margin-right: 14px; width: 42px; height: 32px;}
#domestic_store .result .icon .svg{font-size: 35px; color: #333;}
#domestic_store .result .title{font-size: 24px; line-height: 1.3; color: #080808; font-weight: 500;}
#domestic_store .result .title span{color: var(--main);}

#domestic_store .store_item{margin-top: 35px; width: 48.828%; background-color: #f8f8f8; border-radius: 13px; }
#domestic_store .store_item_a{ padding: 19px 3.6% 30px; width: 100%;}
#domestic_store .store_item_title{align-items: baseline;}
#domestic_store .store_item_title .type{margin-right: 15px; padding: 0 15px; line-height: 20px; border-radius: 9px; font-size: 12px; color: #fff; font-weight: normal; word-break: keep-all;} 
#domestic_store .store_item_title .name{font-size: 16px; line-height: 1.5em; color: #040404; font-weight: 500;}
#domestic_store .store_item_address{margin-top: 16px;}
#domestic_store .store_item_address .icon{margin-right: 16px; width: 15px; height: 20px;}
#domestic_store .store_item_address .icon .svg{font-size: 19px; color: #ccc;}
#domestic_store .store_item_address .text{width: calc(100% - 32px); font-size: 14px; line-height: 1.5em; color: #acacac;}
#domestic_store .store_item:hover{background-color: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);}
#domestic_store .store_item:hover .store_item_title .name{color: var(--main);}
#domestic_store .type_official { background-color: #00b7ee; } /* 天蓝色 - 专卖店 */
#domestic_store .type_experience { background-color: #ff4d4f; } /* 红色 - 体验店 */
#domestic_store .type_flagship { background-color: #ec9334; } /* 橙色 - 旗舰店 */
#domestic_store .type_selfowned { background-color: #1a73e8; }
#domestic_store .not{margin-top: 35px; width: 100%; font-size: 20px; line-height: 1.25; color: #333;}



/* 星选门店列表 */
#store_list{padding: 85px 0;}
#store_list .list{margin-bottom: 90px;}
#store_list .item{margin-top: 65px; margin-right: 4.753%; width: 30.01%; background-color: #fff;}
#store_list .item:nth-child(-n+3){margin-top: 0;}
#store_list .item:nth-child(3n){margin-right: 0;}
#store_list .item .pic{width: 100%; height: 298px;}
#store_list .item .pic img{transition: all 0.5s ease;}
#store_list .item .info{padding: 18px 5.21% 30px;}
#store_list .item .name{font-size: 18px; line-height: 1.25em; color: #080808; font-weight: 600; height: calc(1.25em * 2);}
#store_list .item .address{margin-top: 20px; font-size: 16px; line-height: 25px; min-height: calc(25px * 2); color: #a5a5a5; font-weight: normal;}
#store_list .item .btns{margin-top: 25px;}
#store_list .item .btn{padding: 0 15px 0 23px; width: max-content; height: 38px; border: 1px solid #f3f3f3; border-radius: 10px; font-size: 16px; color: #a5a5a5;}
#store_list .item .btn .icon{margin-left: 15px; }
#store_list .item .btn .icon .svg{font-size: 16px; color: var(--main);}
#store_list .item .btn.level{margin-right: 30px; color: #ec9334;}
#store_list .item .btn.level .icon .svg{font-size: 20px; color: #ec9334;}
#store_list .item .btn.more .icon{transform: rotate(45deg);}
#store_list .item .btn.more:hover {border-color: var(--main); background-color: var(--main); color: #fff;}
#store_list .item .btn.more:hover .icon .svg{color: #fff;}
#store_list .item:hover .pic img{transform: scale(1.05);}
#store_list .item:hover .name{color: var(--main);}



@media (max-width: 1680px) {
    #network_banner .pic{height: 37vw;}
    #network_banner .cont_text .brief{margin-top: 20px;}
    #network_banner .cont_text .btn{margin-top: 40px;}

    #star_store .top_title,
    #domestic_store .top_title{font-size: 32px;}

    #star_store .slide .pic{height: 16vw;}
    #star_store .slide .address{margin-top: 15px;}
    #star_store .op_pg .svg{font-size: 22px;}
    #star_store .more_btn{height: 50px;}
    #star_store .more_btn .svg{font-size: 21px;}

    #domestic_store .filter{margin-top: 40px;}
    #domestic_store .result .title{font-size: 22px;}

    #store_list .item .pic{height: 16vw;}
    #store_list .item .address{margin-top: 15px;}
}
@media (max-width: 1536px) {
    #network_banner .cont_text .brief{line-height: 1.6;}
    #network_banner .cont_text .brief span{font-size: 26px;}
    #network_banner .cont_text .btn{margin-top: 35px;}

    #store_list .item{margin-top: 4.753%;}
}
@media (max-width: 1440px) {
    #network_banner .cont_text .title{font-size: 44px;}
    
    #star_store,
    #domestic_store{padding: 70px 0;}

    #star_store .slide .address{margin-top: 15px;}
    #star_store .slide .btn{padding: 0 15px 0 18px;}
    #star_store .slide .btn.level{margin-right: 20px;}
    #star_store .bot::before{width: calc(100% - 180px);}
    #star_store .op_pg{ margin-right: 30px !important; width: 60px; height: 60px;}
    #star_store .more_btn{padding: 0 20px 0 32px;}

    #domestic_store .store_item_a{padding: 20px 4.6% 25px;}
    #domestic_store .store_item_address{margin-top: 13px;}
    
    #store_list{padding: 70px 0;}
    #store_list .list{margin-bottom: 60px;}
    #store_list .item{width: 30.79%; margin-top: 3.753%; margin-right: 3.753%;}
    #store_list .item .pic{height: 17vw;}
    #store_list .item .address{margin-top: 15px;}
    #store_list .item .btn{padding: 0 15px 0 18px;}
    #store_list .item .btn.level{margin-right: 20px;}
}
@media (max-width: 1366px) {
    #network_banner .cont_text .title{font-size: 42px;}
    #network_banner .cont_text .brief{margin-top: 15px; font-size: 16px;}
    #network_banner .cont_text .brief span{font-size: 22px;}

    #star_store .slide .name{font-size: 16px; }
    #star_store .slide .address,
    #star_store .slide .btn{font-size: 14px;}
    #star_store .bot{margin-top: 35px;}
    #star_store .more_btn{font-size: 17px;}
    
    #domestic_store .filter_form .input{width: calc(100% - 20%);}
    #domestic_store .filter_form .btn{width: 20%;}

    #domestic_store .store_item{margin-top: 28px;}

    #store_list .item .name{font-size: 16px; }
    #star_store .slide .address,
    #store_list .item .btn{font-size: 14px;}
}
@media (max-width: 1280px) {
    #network_banner .cont_text .title{font-size: 40px;}
    #network_banner .cont_text .btn{margin-top: 30px;}

    #star_store .top_title,
    #domestic_store .top_title{font-size: 30px;}

    #star_store .box{margin-top: 40px;}
    #star_store .slide .info{padding: 18px 5.21% 25px;}
    #star_store .slide .address{font-size: 15px; line-height: 24px; min-height: calc(24px * 2);}
    #star_store .slide .btns{margin-top: 22px;}
    #star_store .slide .btn .icon{margin-left: 12px;}
    #star_store .more_btn{padding: 0 25px;}    
    #star_store .more_btn .svg{font-size: 18px;}

    #domestic_store .result .title{font-size: 20px;}

    #domestic_store .store_item{margin-top: 25px;}
    #domestic_store .store_item_a{padding: 20px 4.6%;}
    #domestic_store .store_item_title .type{padding: 0 12px;}
    #domestic_store .store_item_title .name { font-size: 18px; line-height: 1.5em;}
    #domestic_store .store_item_address{margin-top: 10px;}
    
    #store_list .item{width: 31.3%; margin-top: 3%; margin-right: 3%;}
    #store_list .item .info{padding: 18px 5.21% 25px;}
    #store_list .item .address{font-size: 15px; line-height: 24px; min-height: calc(24px * 2);}
    #store_list .item .btns{margin-top: 22px;}
    #store_list .item .btn .icon{margin-left: 12px;}
}
@media (max-width: 1200px) {
    #star_store .top_title,
    #domestic_store .top_title{font-size: 28px;}
    
    #star_store .slide .address{margin-top: 12px; font-size: 14px; line-height: 1.5em; min-height: calc(1.5em * 2);}
    #star_store .slide .btn{font-size: 14px; padding: 0 12px;}
    #star_store .slide .btn.level{margin-right: 10px;}
    #star_store .bot::before{width: calc(100% - 150px);}
    #star_store .op_pg{margin-right: 20px !important; width: 55px; height: 55px;}
    #star_store .more_btn{padding: 0 22px; font-size: 16px;}

    #domestic_store .select .btn{width: 200px;}
    #domestic_store .filter_form{width: 42%;}

    #domestic_store .store_item{margin-top: 22px;}
    #domestic_store .store_item_address .icon{margin-top: 0;}
    #domestic_store .store_item_address .text{font-size: 14px; line-height: 1.5em;}
    
    #store_list .item .address{margin-top: 12px; font-size: 14px; line-height: 1.5em; min-height: calc(1.5em * 2);}
    #store_list .item .btn{font-size: 14px; padding: 0 12px;}
    #store_list .item .btn.level{margin-right: 10px;}
}
@media (max-width: 1050px) { 
    #network_banner .cont_text{top: 24.38%;}
    #network_banner .cont_text .title{font-size: 38px;}
    #network_banner .cont_text .brief{width: 52%;}
    #network_banner .cont_text .btn{margin-top: 25px; font-size: 14px}

    #star_store .slide .pic{height: 26vw;}
    #star_store .slide .btns{margin-top: 20px;}

    #domestic_store .select .btn{width: 195px; padding: 0 40px 0 25px;}
    #domestic_store .select .btn .jt{right: 20px;}
    #domestic_store .filter_form .btn .icon{display: none;}
    #domestic_store .store_item{margin-top: 20px;}

    #store_list .item{width: 48%;}
    #store_list .item:nth-child(3n){margin-right: 3%;}
    #store_list .item:nth-child(-n+3){margin-top: 3%;}
    #store_list .item:nth-child(2n){margin-right: 0;}
    #store_list .item:nth-child(-n+2){margin-top: 0;}
    #store_list .item .pic{height: 26vw;}
    #store_list .item .btns{margin-top: 20px;}
}
@media (max-width: 992px) {
    .network_main{margin-top: 66px;}
    #network_banner .cont_text{top: 50%; transform: translateY(-50%);}
    #network_banner .cont_text .title{font-size: .3rem;}
    #network_banner .cont_text .brief{margin-top: 1.5vw; font-size: .1212rem;}
    #network_banner .cont_text .brief span{font-size: .1515rem;}
    #network_banner .cont_text .btn{margin-top: 2.5vw; padding: 0 2vw; height: 40px; font-size: .1212rem;}
    #network_banner .cont_text .btn .svg{font-size: .1212rem;}

    #star_store, #domestic_store{padding: 8vw 0;}
    #star_store .top_title,
    #domestic_store .top_title{font-size: .2121rem;}

    #star_store .box{margin-top: 5vw;}
    #star_store .slide .info{padding: 3vw 6.21%;}
    #star_store .slide .name{font-size: .1515rem; }
    #star_store .slide .address{margin-top: 1.5vw; font-size: .1364rem; }
    #star_store .slide .btns{margin-top: 2vw;}
    #star_store .slide .btn{padding: 0 2vw; height: 5vw; font-size: .1212rem;}
    #star_store .slide .btn.level{margin-right: 1vw;}
    #star_store .bot{margin-top: 4vw;}
    #star_store .bot::before{width: calc(100% - 8vw);}
    #star_store .op_pg { margin-right: 2vw !important; width: 6vw; height: 6vw;}
    #star_store .op_pg .svg{font-size: .1667rem;}
    #star_store .more_btn {height: 5vw; padding: 0 2.5vw; font-size: .1212rem;}
    #star_store .more_btn .icon{margin-left: 2.5vw;}
    #star_store .more_btn .svg{font-size: .1364rem;}

    #domestic_store .filter,
    #domestic_store .result{margin-top: 4vw;}

    #domestic_store .select .btn{width: 21vw; height: 5vw; font-size: .1364rem;}
    #domestic_store .select .btn .jt .svg{font-size: .1212rem;}
    #domestic_store .select_list .listwrap{max-height: 28vw;}
    #domestic_store .select_list .select_li a{font-size: .1364rem;}

    #domestic_store .filter_form{width: 45%;}
    #domestic_store .filter_form .input{line-height: 5vw; font-size: .1364rem;}
    #domestic_store .filter_form .btn{height: 5vw; font-size: 0.1364rem;}
    
    #domestic_store .result .title{font-size: .1515rem;}

    #domestic_store .store_item{margin-top: 2vw;}
    #domestic_store .store_item_a{padding: 2vw 4.6%;}
    #domestic_store .store_item_title .type{padding: 0 1.2vw; font-size: .0909rem; line-height: 2vw;}
    #domestic_store .store_item_title .name{font-size: .1364rem;}
    #domestic_store .store_item_address{margin-top: 1.5vw;}
    #domestic_store .store_item_address .icon {margin-right: 1.5vw; width: 2.7vw; height: 2.7vw;}
    #domestic_store .store_item_address .icon .svg{font-size: 2.3vw;}
    #domestic_store .store_item_address .text{max-width: calc(100% - 4.2vw); font-size: .1212rem; }

    #store_list{padding: 8vw 0;}
    #store_list .list{margin-bottom: 5vw;}
    #store_list .item .info{padding: 3vw 6.21%;}
    #store_list .item .name{font-size: .1515rem; }
    #store_list .item .address{margin-top: 1.5vw; font-size: .1364rem; }
    #store_list .item .btns{margin-top: 2vw;}
    #store_list .item .btn{padding: 0 2vw; height: 5vw; font-size: .1212rem;}
    #store_list .item .btn.level{margin-right: 1vw;}
}
@media (max-width: 768px) {
    #network_banner .pic{height: 89vw;}
    #network_banner .cont_text{top: 0; transform: translateY(0); height: 100%; display: flex; align-items: center;}
    #network_banner .cont_text .box{width: 100%;}
    #network_banner .cont_text .title{font-size: 0.40rem;}
    #network_banner .cont_text .brief{width: 100%; margin-top: 4vw; font-size: 0.16rem;}
    #network_banner .cont_text .brief span{font-size: 0.24rem;}
    #network_banner .cont_text .btn{margin-top: 8vw; padding: 0 4vw; height: 6vw; font-size: .16rem; border-radius: 50px;}
    #network_banner .cont_text .btn .svg{font-size: 0.18rem;}
    #network_banner .cont_text .btn:hover{background-color: #fff; color: #333;}
    #network_banner .cont_text .btn:hover .svg{color: #333;}

    #star_store .top_title, #domestic_store .top_title{font-size: 0.32rem;}

    #star_store .slide .pic{height: 56vw;}
    #star_store .slide .info{padding: 5vw 6.21%;}
    #star_store .slide .name{font-size: .24rem; }
    #star_store .slide .address{margin-top: 2.5vw; font-size: .18rem; }
    #star_store .slide .btns{margin-top: 3vw;}
    #star_store .slide .btn{padding: 0 2.5vw; height: 6vw; font-size: .18rem;}
    #star_store .slide .btn .icon{margin-left: 2vw;}
    #star_store .slide .btn .icon .svg{font-size: .2rem;}
    #star_store .slide .btn.level .icon .svg{font-size: .22rem;}
    #star_store .slide .btn.level{margin-right: 2vw;}
    #star_store .slide .btn.more:hover {border-color: #f3f3f3; background-color: transparent; color: #a5a5a5;}
    #star_store .slide .btn.more:hover .icon .svg{color: var(--main);}
    #star_store .slide:hover .pic img{transform: scale(1);}
    #star_store .slide:hover .name{color: #333;}
    
    #star_store .bot{margin-top: 4vw;}
    #star_store .bot::before{width: calc(100% - 20vw);}
    #star_store .op_pg { margin-right: 3vw !important; width: 6.5vw; height: 6.5vw;}
    #star_store .op_pg .svg{font-size: .18rem;}
    #star_store .more_btn {height: 6vw; padding: 0 3.5vw; font-size: .16rem;}
    #star_store .more_btn .icon{margin-left: 2.5vw;}
    #star_store .more_btn .svg{font-size: .16rem;}
    #star_store .op_pg:hover{background-color: #fff;}
    #star_store .op_pg:hover .svg{color: #333;}
    #star_store .more_btn:hover{background-color: #1c1c1c;}

    #domestic_store .filter{flex-direction: column-reverse;}
    #domestic_store .filter_select{width: 100%; justify-content: space-between;}
    #domestic_store .select{width: 48.828%; margin-left: 0;}
    #domestic_store .select .btn { width: 100%; height: 6.4vw; font-size: .18rem;}
    #domestic_store .select .btn .jt .svg{font-size: .18rem;}
    #domestic_store .select_list .listwrap{max-height: 30vw;}
    #domestic_store .select_list{max-width: 120%;}
    #domestic_store .select_list .select_li a{font-size: .18rem; line-height: 1.5em; min-height: 6.5vw; padding: 1vw 1.5vw;}
    #domestic_store .select:nth-child(2) .select_list{left: inherit; right: 0;}
    #domestic_store .select.cur .btn,
    #domestic_store .select .btn:hover{background-color: #f0f0f0; color: #101010;}
    #domestic_store .select.cur .btn .jt .svg,
    #domestic_store .select .btn:hover .jt .svg{color: #9f9f9f;}
    #domestic_store .select_list .select_li:hover a{background: transparent; color:#666666;}

    #domestic_store .filter_form{width: 100%; margin-bottom: 3vw;}
    #domestic_store .filter_form .input{padding: 0 2.5vw; font-size: .18rem; line-height: 5.5vw;}
    #domestic_store .filter_form .btn{ font-size: .18rem; height: 6.4vw;}
    #domestic_store .filter_form .btn:hover{background-color: #101010;}

    #domestic_store .result .title{font-size: 0.24rem;}

    #domestic_store .store_item{width: 100%; margin-top: 3vw;}
    #domestic_store .store_item_a{padding: 3vw 4.6%;}
    #domestic_store .store_item_title .type{padding: 0 2vw; font-size: .14rem; line-height: 4vw;}
    #domestic_store .store_item_title .name{font-size: .22rem;}
    #domestic_store .store_item_address{margin-top: 1.5vw;}
    #domestic_store .store_item_address .icon {margin-top: 0; margin-right: 1.5vw; width: 2.7vw; height: 3.7vw;}
    #domestic_store .store_item_address .icon .svg{font-size: 3vw;}
    #domestic_store .store_item_address .text{max-width: calc(100% - 4.2vw); font-size: .18rem; }
    #domestic_store .store_item:hover{background-color: #f8f8f8; box-shadow: none;}
    #domestic_store .store_item:hover .store_item_title .name{color: #040404;}

    
    #store_list .item{width: 100%; margin-right: 0; margin-top: 5vw;}
    #store_list .item:nth-child(3n){margin-right: 0;}
    #store_list .item:nth-child(-n+3),
    #store_list .item:nth-child(-n+2){margin-top: 5vw;}
    #store_list .item:first-child{margin-top: 0;}
    #store_list .item .pic{height: 56vw;}
    #store_list .item .info{padding: 5vw 6.21%;}
    #store_list .item .name{font-size: .24rem; }
    #store_list .item .address{margin-top: 2.5vw; font-size: .18rem; }
    #store_list .item .btns{margin-top: 3vw;}
    #store_list .item .btn{padding: 0 2.5vw; height: 6vw; font-size: .18rem;}
    #store_list .item .btn .icon{margin-left: 2vw;}
    #store_list .item .btn .icon .svg{font-size: .2rem;}
    #store_list .item .btn.level .icon .svg{font-size: .22rem;}
    #store_list .item .btn.level{margin-right: 2vw;}
    #store_list .item:hover .pic img{transform: scale(1);}
    #store_list .item:hover .name{color: #333;}
    #store_list .item .btn.more:hover {border-color: #f3f3f3; background-color: transparent; color: #a5a5a5;}
    #store_list .item .btn.more:hover .icon .svg{color: var(--main);}
}
@media (max-width: 576px) {
    #network_banner .cont_text .title{font-size: 0.48rem;}
    #network_banner .cont_text .brief{font-size: 0.26rem;}
    #network_banner .cont_text .brief span{font-size: .32rem;}
    #network_banner .cont_text .btn {margin-top: 5vw; height: 9vw; font-size: 0.26rem;}

    #star_store, #domestic_store{padding: 10vw 0;}
    #star_store .top_icon, #domestic_store .top_icon{margin-right: 4vw; width: 6.5vw; height: 6.3vw;}
    #star_store .top_icon .svg, #domestic_store .top_icon .svg{font-size: 0.5rem;}
    #star_store .top_title, #domestic_store .top_title{font-size: 0.38rem;}

    #star_store .slide .name{font-size: 0.28rem; line-height: 1.5em; height: calc(1.5em * 2);}
    #star_store .slide .address{margin-top: 3vw; font-size: .26rem; }
    #star_store .slide .btn{padding: 0 3vw; height: 7.5vw; font-size: .24rem;}
    #star_store .slide .btn .icon .svg{font-size: .23rem;}
    #star_store .slide .btn.level .icon .svg{font-size: .24rem;}
    #star_store .bot::before{width: calc(100% - 23vw);}
    #star_store .op_pg{width: 8.5vw; height: 8.5vw;}
    #star_store .op_pg .svg{font-size: 0.18rem; transform: scale(1.3);}
    #star_store .op_pg.prev .svg{transform: rotate(180deg) scale(1.3);}
    #star_store .more_btn{height: 8vw; font-size: 0.24rem;}
    #star_store .more_btn .icon{margin-left: 4vw;}
    #star_store .more_btn .svg{font-size: .24rem;}

    #domestic_store .filter, #domestic_store .result{margin-top: 5vw;}
    #domestic_store .select .btn { width: 100%; height: 9vw; font-size: .26rem;}
    #domestic_store .select .btn .jt .svg{font-size: .26rem;}
    #domestic_store .select_list .listwrap{max-height: 60vw;}
    #domestic_store .select_list .select_li a{font-size: .26rem;}

    #domestic_store .filter_form{width: 100%; margin-bottom: 3vw;}
    #domestic_store .filter_form .input{padding: 0 3vw; font-size: .26rem; line-height: 9vw;}
    #domestic_store .filter_form .btn{ font-size: .26rem; height: 9vw;}

    #domestic_store .result .title{font-size: 0.30rem;}
    #domestic_store .result .icon{margin-left: 2vw; width: 6.5vw; height: 6.3vw;}
    #domestic_store .result .icon .svg{font-size: 6vw;}
    
    #domestic_store .store_item{margin-top: 4vw;}
    #domestic_store .store_item_a{padding: 4vw 5.6%}
    #domestic_store .store_item_title .type{padding: 0 2.5vw; font-size: .2rem; line-height: 5vw;}
    #domestic_store .store_item_title .name{font-size: .26rem;}
    #domestic_store .store_item_address{margin-top: 2.5vw;}
    #domestic_store .store_item_address .icon {width: 4.7vw; height: 5vw;;}
    #domestic_store .store_item_address .icon .svg{font-size: 4.2vw;}
    #domestic_store .store_item_address .text{max-width: calc(100% - 9vw); font-size: .24rem; }

    
    #store_list{padding: 10vw 0;}
    #store_list .item .name{font-size: 0.28rem; line-height: 1.5em;}
    #store_list .item .address{margin-top: 3vw; font-size: .26rem; }
    #store_list .item .btn{padding: 0 3vw; height: 7.5vw; font-size: .24rem;}
    #store_list .item .btn .icon .svg{font-size: .23rem;}
    #store_list .item .btn.level .icon .svg{font-size: .24rem;}
}