.stores-page{background:#fff;color:#333}
.stores-page .store-hero{position:relative;min-height:330px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(120deg,rgba(229,18,120,.94),rgba(185,21,111,.82)),url('/upload/images/2019/9/5bc00f1ca81705a8.jpg') center 42%/cover no-repeat;color:#fff;text-align:center}
.stores-page .store-hero:before,.stores-page .store-hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%}
.stores-page .store-hero:before{width:360px;height:360px;left:-100px;top:-170px}
.stores-page .store-hero:after{width:450px;height:450px;right:-170px;bottom:-290px}
.stores-page .store-hero-inner{position:relative;z-index:1;padding:55px 20px}
.stores-page .store-hero p{margin:0 0 12px;font-size:15px;letter-spacing:6px}
.stores-page .store-hero h1{margin:0 0 16px;font-size:42px;font-weight:500;letter-spacing:4px}
.stores-page .store-hero span{font-size:18px;letter-spacing:2px;opacity:.95}
.stores-page .store-main{width:min(1200px,94%);margin:0 auto;padding-bottom:70px}
.stores-page .store-breadcrumb{display:flex;gap:9px;align-items:center;height:58px;color:#888;font-size:14px;border-bottom:1px solid #eee}
.stores-page .store-breadcrumb a{color:#666}
.stores-page .store-breadcrumb strong{color:#e51278;font-weight:400}
.stores-page .store-subnav{display:flex;justify-content:center;gap:0;margin:34px auto 8px;border:1px solid #eee;border-radius:7px;overflow:hidden;width:min(500px,100%);box-shadow:0 8px 22px rgba(46,23,35,.06)}
.stores-page .store-subnav a{flex:1;padding:16px 15px;color:#555;text-align:center;font-size:17px;background:#fff}
.stores-page .store-subnav a:hover,.stores-page .store-subnav a:first-child{background:#e51278;color:#fff}
.stores-page .store-section{padding:58px 0 10px}
.stores-page .store-section-head{text-align:center;margin-bottom:32px}
.stores-page .store-section-head p{margin:0 0 9px;color:#e51278;font-size:13px;letter-spacing:4px}
.stores-page .store-section-head h2{margin:0;color:#2f2a2d;font-size:30px;font-weight:500}
.stores-page .store-section-head span{display:block;margin-top:12px;color:#888;font-size:14px}
.stores-page .new-store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.stores-page .new-store-card{overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 10px 30px rgba(41,24,33,.1);transition:transform .25s ease,box-shadow .25s ease}
.stores-page .new-store-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(41,24,33,.15)}
.stores-page .new-store-card>div{height:190px;overflow:hidden}
.stores-page .new-store-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.stores-page .new-store-card:hover img{transform:scale(1.04)}
.stores-page .new-store-card section{padding:20px 19px 22px}
.stores-page .new-store-card small{display:inline-block;margin-bottom:9px;color:#e51278;font-size:12px;letter-spacing:1px}
.stores-page .new-store-card h3{margin:0 0 9px;font-size:18px;font-weight:500;color:#282326}
.stores-page .new-store-card p{margin:0;color:#777;font-size:14px;line-height:1.8}
.stores-page .all-stores{margin-top:35px;padding:58px 36px 42px;border-radius:14px;background:#faf7f8}
.stores-page .store-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:-6px auto 30px}
.stores-page .store-filter{padding:9px 22px;border:1px solid #e7dfe3;border-radius:22px;background:#fff;color:#666;font:inherit;cursor:pointer}
.stores-page .store-filter:hover,.stores-page .store-filter.is-active{border-color:#e51278;background:#e51278;color:#fff}
.stores-page .store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.stores-page .store-card{position:relative;min-height:180px;padding:26px 28px 24px 82px;border:1px solid #eee;border-radius:10px;background:#fff;box-shadow:0 7px 22px rgba(55,30,42,.06)}
.stores-page .store-card[hidden]{display:none}
.stores-page .store-card:before{content:"店";position:absolute;top:25px;left:24px;width:42px;height:42px;border-radius:50%;background:#fff0f7;color:#e51278;text-align:center;font:500 19px/42px "Microsoft YaHei",sans-serif}
.stores-page .store-card h3{margin:0 0 13px;color:#2d282b;font-size:19px;font-weight:500}
.stores-page .store-card p{margin:5px 0;color:#6f696c;font-size:14px;line-height:1.7}
.stores-page .store-card .store-card-actions{display:flex;gap:14px;margin-top:14px}
.stores-page .store-card .store-map{display:inline-block;padding:6px 14px;border-radius:18px;background:#fff0f7;color:#e51278;font-size:13px}
.stores-page .store-card .store-map:hover{background:#e51278;color:#fff}
.stores-page .store-card .store-region{display:inline-block;padding:6px 13px;color:#999;font-size:13px}
.stores-page .store-consult{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:60px;padding:38px 45px;border-radius:12px;background:linear-gradient(105deg,#e51278,#b91470);color:#fff}
.stores-page .store-consult p{margin:0 0 8px;font-size:13px;letter-spacing:3px;opacity:.85}
.stores-page .store-consult h2{margin:0 0 8px;font-size:27px;font-weight:500}
.stores-page .store-consult span{font-size:14px;opacity:.92}
.stores-page .store-consult-actions{display:flex;gap:12px;flex-shrink:0}
.stores-page .store-consult-actions a{padding:12px 22px;border:1px solid rgba(255,255,255,.65);border-radius:24px;color:#fff;white-space:nowrap}
.stores-page .store-consult-actions a:first-child{background:#fff;color:#e51278}
@media(max-width:1100px){
  .stores-page .new-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .stores-page .store-hero{min-height:220px}
  .stores-page .store-hero h1{font-size:30px}
  .stores-page .store-hero span{font-size:15px}
  .stores-page .store-main{width:92%;padding-bottom:45px}
  .stores-page .store-section{padding-top:42px}
  .stores-page .store-section-head h2{font-size:25px}
  .stores-page .new-store-grid,.stores-page .store-grid{grid-template-columns:1fr}
  .stores-page .new-store-card>div{height:220px}
  .stores-page .all-stores{padding:42px 15px 26px;margin-left:-2%;margin-right:-2%}
  .stores-page .store-filter{padding:8px 15px}
  .stores-page .store-card{padding:23px 20px 22px 70px}
  .stores-page .store-card:before{left:17px;top:22px}
  .stores-page .store-consult{display:block;padding:30px 24px;text-align:center}
  .stores-page .store-consult-actions{justify-content:center;flex-wrap:wrap;margin-top:22px}
}
