.main{box-sizing:border-box;margin:0 auto;}
.main > .title h2{width:100%;text-align:center;font-weight:400;letter-spacing:1px;color:#111;font-family:'Noto-sans-sc';overflow: hidden;}
.main > .title p{font-weight:400;color:#111;overflow: hidden;}
.tabs{position:relative;margin:0 auto 20px;display: flow-root;/*margin不重叠*/width:100%;text-align:center;}
.tabs:nth-of-type(1) {z-index:800;}.tabs:nth-of-type(2) {z-index:700;}.tabs:nth-of-type(3) {z-index:600;}.tabs:nth-of-type(4) {z-index:500;} /*让前面的tabs在上面*/
.tab-indicators{box-sizing:border-box;display:block;width:100%;list-style: none;width:fit-content;font-family:'Montserrat';font-weight:400;}
.tab-indicators li {display:inline-block; margin:0 4px;height:38px;line-height:38px;text-align:center;color:#111;background:#fff;cursor: pointer;}
.tab-indicators li.active {color:#fff;background:#00c87f;}
.tab-content {box-sizing:border-box;width:100%;}
.tab-panel {display: none;}
.tab-panel.active {display: block;}
/**地区或专用页面使用**/
.list-top{position:relative;top:0;margin:0 auto;padding:1px 0 0;z-index:1;background: #EEEEEE;}
.tab-panel .title{display: none;position:relative;background: transparent; pointer-events: none;}
.tab-panel .title h2{padding:0;width:100%;font-size:6.4rem;text-align:center;font-weight:400;letter-spacing:1px;color:#111;font-family:'Noto-sans-sc';overflow: hidden;}
.tab-panel .title p{margin:0 auto;padding:20px 0 0;width:90%;font-size:2rem;text-align:center;}
/**地区或专用页面使用**/
@media(min-width:768px){
.main{width:120rem;padding:40px 0 20px;}
.main > .title h2{padding:12px 0 0;font-size:6.4rem;}.main > .title p{margin:0 auto;padding:2rem 0 0;width:90%;font-size:2rem;text-align:center;}
/**地区或专用页面使用**/
.list-top{padding:165px 0 0;width:100%;background: #fff;}
.tab-panel .title{display: block;margin:0 auto -141px;top:-255px;z-index:9;}
.tab-panel .title p{padding:20px 0 0;width:90%;}
/**地区或专用页面使用**/
.tabs{top:0;padding:19px 0 0;}
.tab-indicators{position:relative;top:0;margin:0 auto;padding:1.5rem 1.6rem 1.9rem;text-align:center;justify-content: space-between;overflow:hidden;}
.tab-indicators li {display:inline-block;box-shadow: 0 2px 24px 1px rgba(135, 135, 135, 0.2);font-size:1.68rem;border-radius:6px;transition: background-color 0.1s ease, color 0.1s ease;}
.tab-indicators li,.tab-indicators li.active{padding:0 18px;}
.tab-indicators li.active {height:42px;line-height:42px;}
.tab-content {margin-top:0;padding:20px 0 32px;background: #fff;}
}
@media(max-width:768px){
.main{width:100%;padding:30px 0 0; }
.main > .title{padding:0 10px;background: #eee;}
.main > .title::before {content: '';position: absolute;left: 0;width: 100%;height:123px; /* 遮罩高度 */background: linear-gradient(to bottom, #fff, #eee); z-index: 1;}
.main > .title > * {position: relative;z-index:2; }
.main > .title h2{margin:0;padding:10px 0 0;font-size:3.6rem;}
.main > .title p{box-sizing:border-box;padding:6px 2px 0;width:100%;font-size:1.8rem;text-align:left;line-height:30px;text-align: justify;justify-content: space-around;letter-spacing: -0.05em;}
.tabs{top:0;padding:2px 0 0;background: #EEEEEE;}
.tabs::before {content: '';position: absolute;bottom: 0;left: 0;width:100%;height: 200px; /* 遮罩高度 */background: linear-gradient(to bottom, #EEEEEE, #fff); z-index: 1;}
.tabs > * {position: relative;z-index:1; }
.tab-indicators{white-space:nowrap;overflow-x:auto;background: #eee;}
.tab-indicators::-webkit-scrollbar {display: none;} .tab-indicators li{box-shadow: 0 0 1px 1px #edede9;}
.nava,.navb,.navc{position:sticky;z-index:19;margin:0 auto;top:0;right:0;left:0;padding:11px 4px 2px 12px;width:100%;height:60px;border-bottom: 0.06rem solid transparent;transition: height 0.2s ease, padding 0.2s ease;}
.nava.is-a,.navb.is-b,.navc.is-c {padding:11px 4px 2px 12px;height:60px;border-bottom: 0.06rem solid #C5C5C5;}
.tab-indicators li{display:inline-block;font-size:1.6rem;margin:0 8px 0 0;border-radius:6px;-webkit-tap-highlight-color: transparent;}
.tab-indicators li,.tab-indicators li.active{padding:0 8px;height:38px;line-height:38px;}
.tab-content{margin:0;padding:3px 12px 8px;}
}