.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;}

.example-wrap.detail-page{margin-top: .4rem;}
.example-cards{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: .56rem;}
.example-card{position: relative; width: 3.33rem;margin-bottom: .7rem; border-radius: .16rem;overflow: hidden;}
.example-card-pic{height: 3.6rem; }
.example-card:nth-child(n+4){margin-top: .4rem;}
.example-card-content{position: absolute;bottom: 0;left: 0;width: 100%;background-color: #f9f9f7b2;padding: .2rem;}
.example-title{margin: 0 auto;width: 100%;max-width: 2.53rem; color: #876899;line-height: 1.5;}
.view-more{margin: 0 auto;}
.icon-right{background-image: url("/static/home/images/icon/more.png");}
@media (max-width: 750px) {
    .example-card{width: 48%;margin-top: 0 !important;}
}

.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;}
}

.pagination-mg{margin: .1rem 0 1.05rem;}
.pagination,.pagination-count{display: flex;align-items: center;}
.pagination{justify-content: center;}
.icon-arr{background-image: url("/static/home/images/icon/page-arr.png");}
.pagination-next .icon-arr{transform: rotate(180deg);}
.pagination-index,.pagination-prev,.pagination-next,.pagination-eps{display: flex;align-items: center;justify-content: center; width: 3em;height: 3em;margin: 0 .03rem; border-radius: 50%;color: #666;}
.pagination-index.active{background-color: var(--theme-color);color: #fff;}