/*头部*/
.top-nav-container{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:1.44rem;padding:.3rem .6rem;background: linear-gradient(to bottom,#0008,#0000);backdrop-filter: blur(0.02rem); z-index: var(--top-nav-index);}
.top-nav-wrapper{display: flex;align-items:center;min-height: 1em;margin: 0 auto;width: 100%;max-width: 17.4rem;}
.top-nav-container .logo{margin-right: auto;height: 100%;}
.nav-tabs{display: flex;align-items: center;margin-right: .8rem;}
.nav-tab a{color: inherit;line-height: 1.5;transition: .3s;}
.nav-tab a:hover{color: var(--theme-color);}
.nav-tabs .nav-tab:nth-child(n+2){margin-left: .6rem;}

.nav-options{display: flex;align-items: center;height: 100%;}
.nav-option{position: relative;height: 100%;width: 1em;cursor: pointer;}
.nav-option:nth-child(n+2){margin-left: .2rem;}
.nav-option.menu{display: none;}
.nav-opt-icon{width: 1em;height: 1em;}

.nav-option.login{width: auto;}
.login-btn{display: flex;align-items: center;justify-content: center;width: auto;border: none;padding: .05rem 1em;height: 2em;color: #fff;background-color: var(--theme-color);border-radius: 1em;}
.nav-option.cart img{filter: grayscale(1) brightness(10);}

.lang-box{position: absolute;top: 110%;left: 50%;transform: translateX(-50%);display: none; background-color: #fff;padding: .1rem; border-radius: .1rem;overflow: hidden;}
.lang-box.show{display: block;}
.lang-item{display: block; white-space: nowrap;line-height: 1.5;padding: .15rem .3rem;border-radius: .1rem;cursor: pointer;}
.lang-item:hover{background-color: var(--theme-color);color: #fff;}

.search-box{position: absolute;top: 110%;right: 0;width: 0;overflow: hidden;transition: .3s;}
.search-box.show{width: 2rem;}
.search-ipt{width: 100%; background-color: #fff;border: none;padding: .1rem;border-radius: .2rem;}

.login-dialog .dialog-inner{border-radius: .3rem;overflow: hidden;}
.login-dialog .dialog-main{padding: 0.8rem .4rem;}
.login-dialog .login-form{margin-top: .55rem;}
.login-dialog .form-item{position: relative;}
.login-dialog .form-item:nth-child(n+2){margin-top: .2rem;}
.login-dialog .form-ipt,.form-btn{min-height: 0.7rem;min-width: 4.4rem;max-height: 100%;max-width: 100%;padding: .1rem .3rem;border: unset;background-color: #f7f7f7;border-radius: 0.1rem;}
.login-dialog .form-submit,.form-btn{background-color: var(--theme-color);color: #fff;border: unset;cursor: pointer;}
.form-btn{background-color: var(--theme-color);}
.form-btn.cancel{background-color: #f7f7f7;color: #999;}
.login-dialog .dialog-title{text-align: center;}
.login-dialog .dialog-cancel::after{color: #000;}
.login-dialog .dialog-cancel{top: 0.32rem;right: 0.32rem;}

.login-footer{display: flex;align-items: center;justify-content: space-between;}
.forgot{color: #999;line-height: 2.125;margin-top: .31rem;transition: .3s;}
.forgot:hover{color: var(--theme-color);}
.register{color: var(--theme-color);line-height: 2.125;margin-top: .31rem;}
.register:hover{text-shadow: .01rem .01rem 0.05rem var(--theme-color);}
.register-code{position: absolute;top: 50%;right: 4%;transform: translateY(-50%);color: var(--theme-color);border: unset;background: unset; cursor: pointer;}

@media (max-width: 750px) {
    .top-nav-container .nav-tabs{display: none;}
    .nav-option.menu{display: block;}
}

/*底部*/
.page-footer-title{font-family: "Montserrat-Bold";line-height: 1.2;margin-bottom: .4rem;}
.page-footer-wrap{display: flex;background-color: #eee;min-height: 5rem;width: 100%;padding-top: 1rem;padding-bottom: 0;}
.page-footer{display: flex;flex-direction: column;}
.page-footer-main{display: flex;justify-content: space-between;}
.page-footer-main .learn-more{color: #666;}
.pf-main-right{display: flex; line-height: 2;margin-right: .8rem;}
.pf-main-right dd{color: #222;line-height: 2;}
.pf-main-right dl:nth-child(n+2){margin-left: 2.32rem;}
.pf-main-right a{transition: .3s;}
.pf-main-right a:hover{color:var(--theme-color);}
.page-feet{width: 100%;height: 1.24rem; display: flex;align-items: center;justify-content: space-between;margin-top: auto;}
.page-feet-right{display: flex;color: #666;line-height: 1.2;}
.copyright{margin-right: 1rem;}
@media (max-width: 750px) {
    .pf-main-right{display: none;}
    .page-footer-main{justify-content: center;}
    .page-feet{flex-direction: column;align-items: center;}
    .page-feet-right{flex-direction: column;}
    .page-feet{height: auto;}
    .copyright,.powered-by{line-height: 2;text-align: center;margin-right: 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 .05rem; border-radius: 50%;color: #666;background-color: #f7f7f7;}
.pagination-index.active{background-color: var(--theme-color);color: #fff;}