
*{margin:0;padding:0;list-style:none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;
}


/* 滚动条整体部分 */
#pop-select-cities ::-webkit-scrollbar{
    background: #f1f1f1;
    width: 5px;
}
/* 滚动条里面的小方块，能向上向下移动（或向左向右移动） */
#pop-select-cities ::-webkit-scrollbar-thumb{
    background-color: #c1c1c1;
}
/* 滚动条的轨道（里面装有Thumb） */
#pop-select-cities ::-webkit-scrollbar-track{

}
/* 滚动条的轨道的两端按钮，由于通过点击微调小方块的位置。 */
#pop-select-cities ::-webkit-scrollbar-button{
    display: none;
}
/* 内层轨道，滚动条中间部分 */
::-webkit-scrollbar-track-piece{

}
/* 边角，即垂直滚动条和水平滚动条相交的地方 */
::-webkit-scrollbar-corner{

}
/* 两个滚动条的交汇处上用于拖动调整元素大小的小控件 */
::-webkit-resizer{

}

a{text-decoration:none;color:#333}
img{display:block;}
body,html{font-family:;font-size:16px;width:100%;color:#333;background-color:#fff;position:relative;box-sizing:border-box;min-width:320px}
div,li,p,span{letter-spacing:0px}
.root.overflow{overflow:hidden}

.main{margin-top:120px;transition:margin .3s linear .2s;position:relative}
.main.margin80{margin-top:60px}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
.clearfix{display:block}
.hover{position:relative}
.hover::after{position:absolute;content:"";width:7px;height:11px;top:50%;transform:translateY(-50%);right:16px;background:;transition:all 0.2s linear;opacity:0}
.hover.hover-white::after{background:url(/assets/images/arrow-right-white.png) scroll no-repeat 0 0}
.hover:hover:after{right:12px;opacity:1}

.hide{display: none !important;}

.dealers{background-color:#fff}
.mask{position:absolute;width:100%;height:100%;top:0;left:0;z-index:9;display:none}
.letter-pop{display:none}
.loading{position:absolute;width:100%;height:100%;top:0;left:0;z-index:66}
.loading img{position:absolute;top:38%;left:50%;transform:translateX(-50%);width:auto;}

.dealer-header{position:relative;background-color:#fff;height:;display:flex;align-items:center;justify-content:center;z-index:1;}
.dealer-header .inner{padding:0 20px;width:100%;max-width:960px; z-index:11;box-sizing: border-box;}
.iScrollIndicator{background:rgb(0 0 0,0.2) !important}
.dealer-header .container{background-color:;display:flex;align-items:center;justify-content:space-between;width:100%}
.dealer-header .container-wrapper{height:;width:100%;display:flex;align-items:flex-start; }
.dealer-header .address{position:relative;background-color:#f4f4f4;height:50px;width:calc(100% - 0px);border-radius:30px;background-image:url(/dealer-locator/assets/img/loc.png);background-position:25px center;background-size:16px;background-repeat:no-repeat;cursor:pointer;margin:0 auto}
.dealer-header .address .select{width:100%;height:100%}
.dealer-header .address.active{border-bottom-left-radius:0;border-bottom-right-radius:0}
.dealer-header .address.active .select-container{display:block}
.dealer-header .address::after{position:absolute;top:50%;right:25px;content:"";background: ;background-size:100% 100%;width:7px;height:13px;transform:translateY(-50%) rotate(90deg);transition:transform 0.3s linear}
.dealer-header .address.active::after{transform:translateY(-50%) rotate(-90deg)}
.dealer-header .address.d2{background-image:url(/auto/dealer-locator/assets/img/icon-address-2.png)}

.result-num{width:100%;max-width:1000px;margin:0 auto;padding:0 20px;font-size:16px;position:relative;z-index:8;opacity:0;box-sizing: border-box;}
.result-num p{margin:10px auto 10px;padding-left:24px;color:#666666;letter-spacing:0}
.result-num p span{letter-spacing:-1px;font-style: italic; margin-right: 4px;display:inline-block;}
.result-num span{font-size:20px;font-weight:bold}

.dealer-header .address .tit{font-size:16px;color:#000;position:absolute;top:50%;transform:translateY(-50%);left:55px;font-weight: bold;}
.dealer-header .address .refilter{font-size:16px;color:#000;position:absolute;top:50%;transform:translateY(-50%);right:27px;display:flex;align-items: center;}
.dealer-header .address .refilter img{margin-left:10px; width: 20px;}
.dealer-header .address .line{margin:0 10px}
.dealer-header .address.d1{margin-left:30px;margin-right:40px}
.dealer-header .address.d2{margin-right:30px}
@media (max-width:1024px){
.loading img{top:56%} 
.dealer-header{height:auto;padding-left:24px;padding-right:24px} 
.dealer-header .inner{width:100%;padding:0}
.dealer-header .container{width:100%;height:80px;justify-content:space-around}
.dealer-header .address{height:58px;background-position: 20px center;} 
.dealer-header .address .tit{font-size:16px;left: 60px;}
.result-num{height:;background-color:;display:flex;align-items:center;justify-content:space-between;font-size:15px;padding:6px 15px}
.result-num span{font-size:20px} 
.result-num .book-shop{color:#000;font-size:15px;padding-right:0px;display:block}
.result-num p{margin:0;padding:0;padding-left:15px}
}
@media (max-width:750px){
.dealer-header{height:auto;padding-left:15px;padding-right:15px;padding-top:0}
.dealer-header .container{height:auto;flex-direction:column;background-color:transparent;padding-top:15px;padding-bottom:15px;display:block}
.dealer-header .container-wrapper{ height:auto}
.dealer-header .container-wrapper:last-child{}
.dealer-header .address{width:100%;height:42px; background-size: 14px;background-position: 18px center; }
.dealer-header .address.d1{z-index:2}
.dealer-header .address .refilter{font-size:12px;right: 15px;}
.dealer-header .address .refilter img{margin-left: 5px;width: 15px;}
.dealer-header .address .tit{left:40px;}
.dealer-header .address .select .tit{font-size:14px;}
 
}
@media (max-width:500px){
.dealer-header{ padding-top:15px}
}
.dealer-lists{position:relative;margin-bottom:50px;z-index:1}
.dealer-lists .wrapper{width:100%;margin:0 auto;overflow:hidden;box-sizing:border-box;}
.dealer-lists .shadow-bj{position:absolute;width:100%;top:0;left:0;background-color:#fff;height:200px;z-index:1;display:none;}

.query-lists{width:100%;min-height:400px;margin:0 auto;position:relative;z-index:8;background-color:#fff}
.query-lists .no-dealers{text-align:center;padding-top:180px;font-size:18px;font-weight:bold}
.query-item{background-color:#fff;position:relative;margin-bottom:20px;overflow:hidden;display:flex; justify-content:center;}
.query-item-inner{width:100%;max-width:920px;margin:0 auto;border-radius:10px; box-sizing: border-box; background-color:#f4f4f4;position:relative;padding:0;flex-direction: row;justify-content:space-between;}
.query-item-inner:before{content:"";position:absolute;right:-5px;top:0;width:30px;height:100%;background:#009a49;border-radius:10px;z-index: 0;}
.query-item .border{background:#363636;width:2px;height:75%}

.query-item .base-info{background:#f4f4f4;padding:20px 25px;z-index: 1;height: 100%;box-sizing: border-box;border-radius:10px 0 0 10px;width:calc((100% - 2px) * 0.7 ); } 
.query-item .base-info .info-name .name{position:relative;font-size:22px;line-height:1.35;font-weight:bold;}
.query-item .base-info .info-bscont{margin:15px 0;padding-left:30px;background:url(/dealer-locator/assets/img/bcon.png) no-repeat left 2px / contain;background-size:20px;}
.query-item .base-info .info-bscont .bswrap{ }
.query-item .base-info .info-bscont .bscont{width:100%; position:relative; }
.query-item .base-info .info-bscont .bscont span.points{position:absolute;display:inline-block;right:0;top:20px;}
.query-item .base-info .info-bscont .bscont.notApple{display:flex; flex-wrap: wrap;display: -webkit-inline-box;-webkit-line-clamp: 2; overflow: hidden;white-space: normal;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;}
.query-item .base-info .info-bscont .bscont span.bc{display:inline-block; background:#cfe2b7;padding:4px 6px;margin-right:6px;margin-bottom:6px;font-size:12px;white-space: nowrap; }
.query-item .base-info .info-bscont .bscont span.more{background:none;font-weight: bold;}
.query-item .base-info .info-address{padding-left:30px;background:url(/dealer-locator/assets/img/adr.png) no-repeat left 2px / contain;background-size:20px;font-size:16px;line-height:1.4;} 
.query-item .base-info .weChat-qrcode{margin:15px 0 0;display:flex;}
.query-item .base-info .weChat-qrcode .abtn{margin-right:30px;display:flex;font-size:16px;line-height:1.4;}
.query-item .base-info .weChat-qrcode .abtn img{width:20px;margin-right:10px}
.query-item .base-info .weChat-qrcode .abtn.shop-book{display:none;} 

.query-item .store-info{background:#f4f4f4;padding:20px 30px;z-index: 1;height: 100%;box-sizing: border-box;border-radius:0 10px 10px 0;width:calc((100% - 2px) * 0.3 );box-sizing:border-box;}
.query-item .store-info .map{align-items: flex-end;}
.query-item .store-info .map img{width:100%;}
.query-item .store-info .map p{font-size:15px;}
.query-item .store-info .map p span{font-size:16px;font-weight:bold;}
.query-item .store-info .weChat-qrcode .abtn{width:100%;height:60px;display:flex; margin:15px 0;}
.query-item .store-info .weChat-qrcode .abtn a{width:100%;height:100%;display:flex;align-items:center;justify-content: center;background:#009a49;color:#fff;border-radius:5px;font-weight: bold;}
.query-item .store-info .weChat-qrcode .abtn.user-comment{display:none;} 

.query-item:first-child{background:#78b82a;padding:20px 0;}
.query-item:first-child .base-info{background:#fff; }
.query-item:first-child .border{opacity:0}
.query-item:first-child .store-info{background:#009a49; }
.query-item:first-child .store-info .map{color:#fff}
.query-item:first-child .store-info .weChat-qrcode .abtn a{color:#009a49;background:#fff;font-weight: bolder;}
.query-item:first-child .query-item-inner{box-shadow:0 0 15px rgba(0,0,0,0.5)}
@media (max-width:1024px){
 .query-item-inner{margin:0 10px;}
 .query-item .base-info{border-radius: 5px 0 0 5px;padding: 10px 15px;}
 .query-item .base-info .info-name .name{font-size:18px;}
 .query-item .base-info .info-bscont{margin:8px 0;padding-left:15px;background-position:left 4px; background-size:12px;}
 .query-item .base-info .info-bscont .bscont { /*max-height:48px;*/ width:112%;  transform: scale(0.9); transform-origin: left center;}
 .query-item .base-info .info-bscont .bscont span.bc{ padding:1px 3px;margin-right:4px;margin-bottom:4px; }
 .query-item .base-info .info-address{padding-left:15px; background-size:12px;font-size:14px;line-height:1.2;}
 .query-item .base-info .weChat-qrcode .abtn{margin-right:15px;display:flex;font-size:12px;line-height:1.2;}
 .query-item .base-info .weChat-qrcode .abtn img{width:15px;margin-right: 5px;}
 
 .query-item .store-info{border-radius: 0 5px 5px 0;padding: 10px 15px;display: flex; flex-direction: column; justify-content: center;}
 .query-item .store-info .map{align-items: center;flex-direction: column;}
 .query-item .store-info .map img{width:70%;margin:0 auto;}
 .query-item .store-info .map p{font-size:12px;margin:10px 0;}
 .query-item .store-info .weChat-qrcode .abtn{margin:0; }
 .query-item .store-info .weChat-qrcode .abtn a{ border-radius:3px;}
 .query-item-inner:before{right:-2px;}
}
@media (max-width:750px){
.query-item{margin-bottom:15px;}
.query-item-inner,
.query-item-inner:before{border-radius: 5px;}
	.query-item .base-info {padding:12px 10px 12px 15px}
	 .query-item .base-info .info-name .name{font-size:16px;width:;}
	.query-item .base-info .weChat-qrcode{justify-content: space-between;}
	.query-item .base-info .weChat-qrcode .abtn{margin-right:20px;}
 .query-item .base-info .info-bscont{ background-position:left 3px;margin-bottom:12px; }
 .query-item .base-info .info-address{ font-size:12px;margin-bottom:6px; }
 .query-item .store-info{padding:12px 12px}
 .query-item .store-info .weChat-qrcode .abtn{ height:45px; }
 .query-item:first-child .query-item-inner{box-shadow:8px 8px 20px rgba(0,0,0,0.45)}
 .query-item .border{width:1px;}
 .query-item .store-info .weChat-qrcode .abtn a{font-size:14px;}
}
@media (max-width:410px){
.query-item .base-info .info-bscont .bscont span.bc{margin-right:3px;}
.query-item .base-info{ }
.query-item .store-info{ }
.query-item .border{height:84%;}
  
}

.pop-qrcode-img{top:0;left:0;position:fixed;width:100vw;height:100vh;z-index:9999;display:none}
.qrcode-mask{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgb(0 0 0 / 50%)}
.pop-qrcode-img .inner-block{width:700px;height:470px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 35px 0 rgba(0,0,0,0.75);}
.pop-qrcode-img .inner-block .popin{margin: 55px 20px 20px 20px; display: grid; grid-template-columns: 1.5fr 1fr; gap: 15px;}
.pop-qrcode-img .inner-block .popin .imgstore{ } 
.pop-qrcode-img .inner-block .popin .pop-title{display: flex; align-items:center;flex-direction: column; background:#f4f4f4;justify-content: space-around; } 
.pop-qrcode-img .inner-block .popin .pop-title p{font-size:20px;margin:15px 10px;font-weight:bold;line-height:1.2;color:#009a49;text-align: center;}
.pop-qrcode-img .inner-block .popin .pop-title .tip{font-size:16px;margin:15px;font-weight:bold;line-height:1.2;color:#333;text-align: center;}
.pop-qrcode-img .qrcode-img{width:60%;margin:0 auto}
.pop-qrcode-img .close{position:absolute;top:5px;right:5px;width:40px}
.pop-qrcode-img .close img{width:100%}
.pop-select-cities{top:0;left:0;position:fixed;width:100%;height:100vh;z-index:996;display:none;background-color:rgba(0,0,0,0.1)}
.pop-select-content{position:absolute;width:1000px;min-height:400px;background-color:#fff;top:140px;left:50%;transform:translateX(-50%);box-shadow:0 0 35px 0 rgba(0,0,0,0.25);padding-bottom:30px}
.pop-select-content .current{width:750px;height:60px;background-color:#fff;margin:0 auto;margin-top:15px;justify-content:flex-start}
.pop-select-content .current p{color:#666;margin-left:21px;font-weight:bold}
.pop-select-content .letters{margin:30px auto 0;width:calc(100% - 100px);justify-content:space-between}
.pop-select-content .letters .letter-txt{position:relative;cursor:pointer;flex:0 0 30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:18px}
.pop-select-content .letters .letter-txt::after{display:none;position:absolute;content:'';width:100%;height:100%; background:url(/dealer-locator/assets/img/letter.png) no-repeat center / 110%;top:60%;left:56%;transform:translate(-50%,-50%);z-index:-1;display:none}
.pop-select-content .letters span{display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;font-size:18px}
.pop-select-content .letters >div.active,.pop-select-content .letters >div:hover{ color:#fff;font-weight:bold;transform: scale(1.5);padding: 12px;}
.pop-select-content .letters >div.active::after,.pop-select-content .letters >div:hover::after{display:block}
.pop-select-content .cities-container{margin-top:40px}
.pop-select-content .label{margin:0px auto 0px}
.pop-select-content .label-text{font-weight:bold;color:#009845;font-size:36px;line-height:1}
.pop-select-content .label-line{flex:1;height:2px;background-color:#009845;margin-left:18px}
.pop-select-content .cities{width:calc(100% - 100px);margin:0 auto;display:none}
.pop-select-content .cities-wrapper{flex-wrap:wrap;max-height:calc(100vh - 400px);padding:0 20px 0 40px;overflow-y:auto;margin:0 auto;justify-content:flex-start}
.pop-select-content .cities li{flex:0 0 16.26%;display:flex;background:transparent scroll no-repeat 84% center;background-size:10px auto;margin:15px 0.2% 0;} 
.pop-select-content .cities li:hover{background:#009844 url(/dealer-locator/assets/img/btn-right.png) no-repeat 84% center;background-size:9px auto;text-shadow:0 0 .65px #000;}
.pop-select-content .cities li.active{background:#009844 url(/dealer-locator/assets/img/btn-down.png) scroll no-repeat 84% center; background-size:15px auto;}
.pop-select-content .cities li.active:hover{background-image:#009844 url(/dealer-locator/assets/img/btn-down.png);background-size:15px auto;text-shadow:0 0 .65px #000;color:#fff;}
.pop-select-content .cities li:hover,
.pop-select-content .cities li:hover a,
.pop-select-content .cities li.active a{color:#fff;}
.pop-select-content .cities a{width:100%;max-width: 120px;margin:0 auto;height:50px;line-height:50px;font-size:16px;color:#363636;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: center;}
.pop-select-content .cities li:nth-of-type(6n-5) a{text-align: ;}
.pop-select-content .cities li:nth-of-type(6n) a{text-align: ;}
.pop-select-content .district-content{flex:0 0 95%;background-color:;min-height:65px;display:none;margin:0 auto}
.pop-select-content .district-wrapper{flex-wrap:wrap;justify-content:flex-start;margin:10px 2px}
.pop-select-content .district-wrapper .cd{position:relative; flex:0 0 16.66%;padding:10px 15px 10px 0px;cursor:pointer;text-align:center; color:#fff;margin: 5px;background:#009845;box-sizing: border-box;}
.pop-select-content .district-wrapper .cd .icon{position:absolute;right:10px;top:48%;line-height:1;
	display:inline-block; width: 10px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg) translateY(-50%);
    content: '';margin-right: 8px;
	}
.pop-select-content .district-wrapper .d{flex:0 0 15.4%;padding:14px 0;cursor:pointer;text-align:center;background:;color:#333;margin: 5px;}
.pop-select-content .district-wrapper .d:hover,.pop-select-content .district-wrapper .d.active{background-color:#79b82b;color:#fff;}
.pop-select-content .district-wrapper .d span{display:block;width:110px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0 auto;font-size: 14px;font-weight:bold;}
@media (max-width:1024px){
	.letter-pop{position:absolute;left:-110px;top:77%;transform:translateY(-50%);display:none;width:120px;height:106.8px;background-color:#d5d5d5;color:#fff;display:flex;align-items:center;justify-content:center;font-size:50px;display:none;opacity:0;border-radius:50%;font-weight:bold;background:url(/auto/tyre-selector/assets/img/pop-icon.png) scroll no-repeat 0 0;background-size:100% 100%;z-index:888}
	.letters .letter-txt.show-letter-pop .letter-pop{display:flex;opacity:1;z-index:7}
	.letter-pop p{position:absolute;line-height:54px;top:40%;left:48%;transform:translate(-50%,-50%)}
	.dealer-header .address .tit{font-size:16px}
	.loading img{top:56%}
	.pop-select-cities{background-color:rgba(0,0,0,0.25);}
	.pop-select-cities .popmask{position:absolute;width:74%;height:100%;top:0;right:0;background-color: #eaeaea;box-shadow: -8px 0 15px rgba(0,0,0,0.25);}
	.pop-select-content{width:64%;height:calc(100vh - 60px);min-height:auto;top:60px;left:26%;transform:none;padding:0;box-shadow:none;display:flex;flex-direction:column}
	.pop-select-content .current{width:100%;height:50px;border-radius:4px}
	.pop-select-content .label{width:100%;margin-top:20px;display:block;}
	.pop-select-content .label-text{font-size:30px;font-weight:bold;margin:20px 40px;display:block;}
	.pop-select-content .label-line{margin-left:6px}
	.pop-select-content .letters{position:fixed;margin:0;top:120px;right:7px;width:30px;flex-direction:column;justify-content:center;justify-content:space-between;z-index:999}
	.pop-select-content .letters>div::after{width:22px;height:22px}
	.pop-header{display:flex;font-size:20px;font-weight:bold;margin-top:18px;position:relative}
	.pop-header .back{position:absolute;top:0;left:0;height:100%;width:40px}
	.pop-header .back::after{content:"";position:absolute;top:50%;left:25%;width:20px;height:16px;background:url(/assets/images/arrow-up.png) no-repeat left center;background-size:contain;transform:translate(-50%,-50%) rotate(-90deg)}
	.pop-select-content .cities{width:100%;flex:1;max-height:none;overflow-y:auto;overflow-x:hidden}
	.pop-select-content .cities-wrapper{width:100%;flex-direction:column;padding-right:0;box-sizing: border-box;align-items: flex-start;padding:0;}
	.pop-select-content .cities li{width:82%}
	.pop-select-content .cities a{height:40px;line-height:40px;width:auto;margin-left:0}
	.pop-select-content .cities li.active{background-color:;}
	.pop-select-content .cities li{background:url(/assets/images/btn-right.png) scroll no-repeat 84% center;background-size:10px auto;display: block;padding-left:20px;}
	.pop-select-content .cities li,.pop-select-content .cities li.active{background-position:90% center;margin-top:0}
	.pop-select-content .letters .letter-txt{width:20px;flex:0 0 20px;margin-bottom:2px}
	.pop-select-content .letters >div.active,.pop-select-content .letters >div:hover{background-color:transparent}
	.pop-select-content .letters .letter-txt::after{ }
	.pop-select-content .letters span{font-size:16px}
	.pop-select-content .district-content{width:100%}
	.pop-select-content .district-wrapper{flex-direction:column;align-items: flex-end;}
	.pop-select-content .district-wrapper .d{width:calc(100% - 30px);}
	.pop-select-content .district-wrapper .d span{padding-left:15px;width:auto}
	.pop-select-content .cities{display:block;position:relative}
	.pop-select-content .cities-wrapper{max-height:fit-content;font-size: 14px;}
	.pop-select-content .cities-container{margin-top:10px;margin-bottom:10px;flex:1;overflow-y:auto;position:relative}
	.pop-select-content .district-wrapper .cd{display: flex;width: calc(100% - 20px); margin: 5px 0;padding-right:5px;justify-content: space-evenly;box-sizing: border-box;}
	.pop-select-content .district-wrapper .cd .icon{position: relative; right: 0; top: 0; transform: rotate(-45deg); margin: 5px 0 0 0;}
	.pop-select-content .district-wrapper .d{display: flex; justify-content: space-evenly;margin:5px 0;align-items: center;}
	.pop-select-content .district-wrapper .d span{margin:0;padding:0;}
	.pop-select-content .district-wrapper .d:after{ display:none; width: 10px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff;transform: rotate(-45deg) translateY(-50%); content: '';margin-top: 8px;}
	.pop-select-content .letters >div.active,.pop-select-content .letters >div:hover{ transform: scale(1.8);margin-left:-20px;}
	
	.pop-select-content .cities-wrapper{padding:0 20px;}
	.pop-select-content .district-wrapper .d{padding:10px 0;}
 }
 
 .districts .arrcity{display:inline-block; width: 6px; height: 6px;  border-right: 2px solid #000; border-bottom: 2px solid #000;  transform: rotate(-45deg); content: '';margin-right: 5px;}
@media (max-width:768px){
.districts .arrcity{ width:5px; height:5px;margin-right: 4px;}
}
@media (max-width:420px){
.query-item .store-info .map p{font-size:10px;margin: 8px 0;}
.query-item .store-info .map p span{font-size:14px;}
}

section.bottom {position:relative;margin-top:-15%;pointer-events: none;z-index:1;}
section.bottom img{width:100%;}
.footer .pc{display:block;}
.footer .mobi{display:none;}
.footer { padding-bottom: 50px; margin-top:-350px; z-index:2;position:relative;}
.footer .p1 {padding: 1.6% 0 2.2%;text-align: center;font-size: 2.6vw;border-bottom:2px solid #000;display: inline-block;margin: auto;position: relative;left: 50%;transform: translateX(-50%);}
/*
.footer .p2 {margin: 5% auto auto;display:flex;width: 750px;justify-content: space-between;}
.footer .p2 .a1 {border-right:1px solid #7f7f7f;width: 20%;padding-right: 12%;text-align: center;font-size: 14px; color:#333; line-height: 1.6;}
.footer .p2 .a1 strong { font-weight:700;}
.footer .p2 .a1 img {margin-bottom: 6px;margin-left: 12%;}
.footer .p2 .a2 {width: 54%;display: flex;flex-direction: column;justify-content: space-between;}
.footer .p2 .a2 p {font-size: 0.8vw;line-height: 2;}
.footer .p2 .a2 p img {display: inline-block;width: auto;margin-right: 3px;vertical-align: baseline;}
*/
@media (max-width:1024px){

.footer .pc{display:none;}
.footer .mobi{display:block;}
.footer {height:auto;}
.footer {  margin-top:-150px; }
	.footer .p1 {padding: 5.4rem 0 1rem;border-bottom: none;}
	.footer h1:after {content:'';position:absolute;bottom: -1rem;left: 26%;width: 48%;height:2px;background:#999;}

	.footer .p2 {display:block;margin-top: 3.7rem;width: 100%;position: relative;}
	.footer .p2 .a1b {width: 82%;margin: auto auto 3rem auto;display: block;}
	.footer .p2 .a1b1 {padding: 0 20px 0 5px;height: 3.3rem;border: 1px solid #999;line-height: 3.3rem;background-size: 30px;}

	.footer .p2 .a1b2 {width: 48%;display: flex;flex-direction: column;margin: 3.8rem auto auto;}
	.footer .p2 .a1b2 img{margin-left:8%;}
	.footer .p2 .a2 {width: 100%; font-size:12px;}
	.footer .p2 .a2 h3 {font-size: 28px;text-align: center;width: 82%;margin: auto;display: block;}
	.footer .p2 .a2 h3 a:link, .footer .p2 .a2 h3 a:visited {display:flex;justify-content: center;width:100%;padding: 10px 0;height:30px;margin-top: 1.6rem;line-height: 30px;border: 1px solid #999;font-size: 24px;font-weight: 700;}
	.footer .p2 .a2 h3 a:hover { color:#333;}

	.footer .p2 .a2 h3 img {width:30px;margin-right: 6px;}
	.footer .p2 .a2 p {font-size: 12px;margin-top: 3rem;text-align: center;}

	.footer .p2 .a2 p img { display:none;}

}

@media only screen and (max-width: 376px){
.container, .main  {
    margin-top: calc(100vw * 260 / 1125)!important;
}
}
