.header-nav-box{position: fixed;top: 0;left: 0; display: flex;justify-content: space-between;align-items: center;width: 100%;height: 1rem;padding: 0 .6rem;background-color: #fff;z-index: var(--header-nav-index);}
.header-nav{display: flex;justify-content: space-between;align-items: center;margin: 0 auto;width: 100%;max-width: 17.2rem;height: 100%;}
.header-nav .nav-tags{display: flex;justify-content: space-between;align-items: center;height: 100%;}
.header-nav .nav-tag{display: flex;align-items: center;line-height: 1.5;padding: 0 .06rem;height: 100%;}
.header-nav .nav-tag.active{box-shadow: 0 -.02rem 0 var(--theme-color) inset;}
.header-nav .nav-tags>li{height: 100%;}
.header-nav .nav-tags>li:nth-child(n+2){margin-left: .79rem;}
.header-nav .nav-search{position: relative;height: 1em;width: 3.478em;background-color: #f7f7f7;border-radius: .5em;display: flex;align-items: center;}
.header-nav .ipt-search{width: 100%;height: 100%;text-align: center;}
.header-nav .ipt-search:focus+div.search-placeholder{opacity: 0;}
.header-nav .search-placeholder{position: absolute;top: 0;left: 0;right: 0;bottom: 0;color: #888;display: flex;align-items: center;pointer-events: none;transition: .3s;}
.header-nav .icon-search{margin-right: .1rem;margin-left: .34rem;background-image: url("/static/home/images/icon/search.png");}
.icon-menu{background-image: url("/static/home/images/icon/menu.png");display: none;}
@media (max-width: 750px) {
    .header-nav .nav-tags{display: none;}
    .icon-menu{display: block;}
}

.module-banner{position: relative; width: 100%;}
.module-banner .banner-inner{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;padding: .6rem;}
.module-banner .banner-content{display: flex;flex-direction: column;justify-content: center;height: 100%;line-height: 1.2; margin: 0 auto;width: 100%;max-width: 10.8rem;color: #fff;}
.module-banner .banner-subtitle{margin-top: .2rem;}

.breadcrumb-bar{display: flex;align-items: center;justify-content: flex-end;margin: 0 auto;width: 100%;max-width: 10.8rem; height: .6rem;padding: 0 .6rem;}
.icon-home{background-image: url("/static/home/images/icon/home.png");}
.icon-next{background-image: url("/static/home/images/icon/next.png");height: 0.11rem;}
.breadcrumb-item{display: flex;align-items: center;}
.breadcrumb-item a{display: flex;align-items: center; color: #666;line-height: 1.5;}
.breadcrumb-item .icon-home{margin: 0 .15rem;}
.breadcrumb-item .icon-next{margin: 0 .2rem;}

.server-scope-wrap{margin-top: .4rem;padding-bottom: 1rem;}
.scope-card-list{display: flex;justify-content: space-between;margin-top: .44rem;}
.scope-card-item{display: flex;flex-direction: column;align-items: center;width: 3.33rem; padding: .5rem .3rem; background-color: #ffffff;box-shadow: 0rem 0rem 0.08rem 0rem rgba(0, 0, 0, 0.08);border-radius: 0.16rem;}
.scope-card-icon{width: 1.2rem;height: 1.2rem;border-radius: 50%;border: 0.06rem solid #f5f5f5;padding: .28rem;}
.scope-card-title{margin-top: .344rem; color: #222;line-height: 1.2;text-align: center;}
.scope-card-info{margin: .084rem auto 0;width: 100%;max-width: 2.1rem;color: #666;line-height: 1.555;text-align: center;}
@media (max-width: 750px) {
    .scope-card-list{flex-direction: column;}
    .scope-card-item{width: 100%;}
    .scope-card-item:nth-child(n+2){margin-top: .6rem;}
}
.consign-methods-wrap{padding: 1rem .6rem 1.23rem; background-color: var(--bg-color);}
.consign-methods{margin: 0 auto;width: 100%;max-width: 14.6rem;}
.methods-card-list{display: flex;flex-wrap: wrap; justify-content: space-between;margin-top: .44rem;}
.consign-methods-card{width: 4.6rem; border-radius: .16rem;background-color: #fff;}
.consign-methods-pic{width: 100%;height: 3.2rem;border-radius: .16rem;overflow: hidden;}
.consign-methods-content{padding: .3rem;width: 100%;}
.consign-methods-title{line-height: 1.5;margin: 0 0 .16rem;}
.consign-methods-info{line-height: 1.75;}
@media (max-width: 750px) {
    .consign-methods-card{width: 100%;}
    .consign-methods-card:nth-child(n+2){margin-top: .6rem;}
}
.server-content-wrap{padding: 1rem .6rem;}
.sc-list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: .32rem;}
.sc-item{display: flex;padding: .35rem .5rem;width: 5.2rem; background-color: #ffffff;box-shadow: 0rem 0rem 0.08rem 0rem rgba(0, 0, 0, 0.08);border-radius: 0.16rem;}
.sc-item:nth-child(n+3){margin-top: .4rem;}
.sc-icon{width: .9rem;height: .9rem;margin-right: .4rem; border-radius: 50%;border: 0.06rem solid #f5f5f5;padding: .18rem;}
.sc-title,.sc-info{line-height: 1.5;}
.sc-info{margin-top: .085rem;}
@media (max-width: 750px) {
    .sc-item{width: 100%;}
    .sc-item:nth-child(n+2){margin-top: .6rem;}
}
 .matters-wrap{padding: 1rem .6rem;background-color: var(--bg-color);}
.matters-label{display: flex;align-items: center;justify-content: space-between; min-height: 0.7rem;padding: .15rem .4rem; line-height: 1.5;color: #222;background-color: #fff;}
.matters-item{margin-top: .2rem;border-radius: .1rem;overflow: hidden;}
.matters-item:nth-child(n+2){margin-top: .2rem;}
.icon-spread{background-image: url("./images/icon/spread.png");filter: grayscale(1);}

.matters-spread-box{max-height: 0;transition: .3s;}
.matters-item .matters-spread{list-style-type: decimal;padding: .4rem;border-top: 0.01rem solid #eaeaea;background-color: #fff;}
.matters-spread p{color: #666;line-height: 1.5;}
.matters-spread p:nth-child(n+2){margin-top: .195rem;}
.matters-item.active .icon-spread{transform: rotateZ(180deg);filter: none;}
.matters-item.active .matters-spread-box{max-height: 5rem;}

.consult{display: none;}
@media (max-width: 750px) {
    .consult{position: fixed;left: 0;right: 0;bottom: 0;width: 100%;display: flex;align-items: center;justify-content: center; padding: .3rem .6rem; z-index: 50;background-color: var(--theme-color);color: #fff;}
}
.consult-dialog{z-index: 50;}
.consult-dialog .dialog-main{background-color: var(--bg-color);border-radius: .3rem;}
.consult-dialog .dialog-main{display: flex;align-items: center;justify-content: center; flex-direction: column; text-align: center;padding: .6rem;}
.consult-dialog .dialog-main{color: var(--theme-sub-color);line-height: 2;}

.footer-wrap{position: relative; background-color: #252525;padding: .72rem .72rem .77rem .72rem;}
.footer{display: flex;justify-content: space-between;padding-bottom: .8rem; margin: 0 auto;width: 100%;max-width: 15rem;}
.footer .logo{color: #fff;}
.logo-box{padding-bottom: .29rem; border-bottom: 0.01rem solid #e6e6e619;}
.footer-left{width: 3.5rem;}
.qr-code-box{display: flex;flex-direction: column; align-items: center;width: 100%; margin-top: .35rem;}
.qr-code{min-width: 1.35rem;}
.qr-code-tips{line-height: 2.571;color: rgba(255,255,255, .6);text-align: center;margin-top: .07rem;}
.footer-right{display: flex;margin-left: .6rem;}
.footer-list{color: #999;line-height: 1.5;}
.footer-title{margin-bottom: .315rem;color: #fff;}
.footer-list dd:nth-of-type(n+2){margin-top: .12rem;}
.footer-list:nth-child(n+2){margin-left: 1.47rem;}
.icon-phone{background-image: url("/static/home/images/icon/phone.png");}
.icon-email{background-image: url("/static/home/images/icon/email.png");}
.icon-location{background-image: url("/static/home/images/icon/location.png");}
.phone{color: #fff;align-items: center;}
.phone span{line-height: 1.1;}
.footer-list.contact{width: 2.44rem;}
.footer-list.contact dd{display: flex;}
.footer-list.contact dd i{flex-shrink: 0; width: 0.37rem;background-position: left center;}
.footer-list a{transition: .3s;}
.footer-list a:hover{color: #fff;}
.copyright-box{position: absolute;bottom: 0;left: 0;display: flex;align-items: center; width: 100%;min-height: 0.77rem;padding: 0 .6rem; border-top: 0.01rem solid rgba(255,255,255,.1);}
.copyright-inner{display: flex;align-items: center;justify-content: space-between;width: 100%; max-width: 15.2rem;margin: 0 auto;}
.copyright,.by{color: #fff;opacity: .5;line-height: 1.5;}
.by{opacity: .3s;}
@media (max-width: 750px) {
.footer{flex-direction: column;}
.footer-left{width: 100%;}
.footer-right{margin-left: 0;}
.footer-list{display: none;}
.footer-list.contact{display: block;width: 100%;margin: 0;}
.footer-list.contact dd i{width: .5rem;}
.copyright-inner{flex-direction: column;padding: .2rem 0;}
}