.md33675.n-main{width: 100%;height: 10.3rem;font-family: Montserrat-Regular;padding: 0.9rem .3rem 0.44rem;position: relative;overflow: hidden;scroll-margin-top: 1rem;}
.md33675.n-main .n-bg{width: 100%;height: auto;position: absolute;left: 0;bottom: 0;z-index: 1;object-fit: cover;}
.md33675.n-main .layout{width: 100%;max-width: 16rem;margin: 0 auto;position: relative;z-index: 12;}
.md33675.n-main .n-title{color: #333;text-align: center;font-weight: bold;font-family: Montserrat-SemiBold;line-height: 1;margin-bottom: .86rem;}
.md33675.n-main .n-list{width: 100%;display: flex;}
.md33675.n-main .n-item{width: 4.6rem;text-align: center;}
.md33675.n-main .n-item:nth-child(3n+2){width: auto;flex: 1;}
.md33675.n-main .n-box{width: 1.2rem;height: 1.2rem;background-color: #f4f8fc;margin: 0 auto 0.15rem;border-radius: 50%;overflow: hidden;}
.md33675.n-main .n-icon{width: 100%;height: 100%;vertical-align: top;}
.md33675.n-main .n-tit{color: #333;font-weight: bold;font-family: Montserrat-SemiBold;margin-bottom: .2rem;line-height: 1;}
.md33675.n-main .n-des{color: #666;line-height: 1.5;}
@media(max-width: 900px){
    .md33675.n-main{height: auto;padding-bottom: 25%;}
    .md33675.n-main .n-list{display: block;}
    .md33675.n-main .n-item{width: 100%;margin-bottom: .3rem;}
}
@media(max-width: 750px){
    .md33675.n-main{padding-top: .6rem;}
    .md33675.n-main .n-title{margin-bottom: .5rem;}
}


.md33675.z-main{width: 100%;font-family: Montserrat-Regular;padding: 0.9rem .3rem 1rem;position: relative;overflow: hidden;scroll-margin-top: 1rem;}
.md33675.z-main .layout{width: 100%;max-width: 16rem;margin: 0 auto;position: relative;z-index: 12;}
.md33675.z-main .title{color: #333;text-align: center;font-weight: bold;font-family: Montserrat-SemiBold;line-height: 1;margin-bottom: .3rem;}
.md33675.z-main .panel{width: 100%;display: flex;}
.md33675.z-main .panel-l{width: 4.6rem;background: var(--active);background: linear-gradient(to bottom, var(--theme), var(--active));padding: .78rem .7rem .72rem;border-radius: .2rem 0 0 .2rem;display: flex;flex-direction: column;justify-content: space-between;}
.md33675.z-main .panel-r{width: calc(100% - 4.6rem);background-color: #f5f5f5;border-radius: 0 0.2rem 0.2rem 0;padding: .8rem;}
.md33675.z-main .lp-t{color: #fff;font-family: Montserrat-Medium;line-height: 1.166;margin-bottom: .5rem;}
.md33675.z-main .z-bot{width: 100%;}
.md33675.z-main .social{font-size: 0;margin-bottom: .16rem;}
.md33675.z-main .social-item{width: .44rem;height: .44rem;min-width: 30px;min-height: 30px;border-radius: 50%;margin-right: .15rem;position: relative;background-color: rgba(255,255,255,0.2);display: inline-block;vertical-align: top;cursor: pointer;transition: all .3s;}
.md33675.z-main .social-item:last-child{margin-right: 0;}
.md33675.z-main .social-ic{filter: grayscale(100%) brightness(300%);width: 100%;height: 100%;vertical-align: top;}
.md33675.z-main .qr-desc{color: rgba(255,255,255,0.6);line-height: 1.5;}
.md33675.z-main .z-code-box{width: 1.2rem;height: 1.2rem;padding: .05rem;background-color: #fff;position: absolute;left: 0;bottom: 100%;margin-bottom: .12rem;border-radius: .06rem;visibility: hidden;opacity: 0;transition: all .3s;}
.md33675.z-main .z-code-box:after{content: "";display: inline-block;border-top: .08rem solid #fff;border-left: .08rem solid transparent;border-right: .08rem solid transparent;position: absolute;left: 0.22rem;margin-left: -0.08rem;bottom: -0.08rem;}
.md33675.z-main .z-code{width: 100%;height: 100%;}
.md33675.z-main .social-item.active{background-color: #fff;}
.md33675.z-main .social-item.active .social-ic{filter: grayscale(0%) brightness(100%);}
.md33675.z-main .social-item.active .z-code-box{visibility: visible;opacity: 1;}
.md33675.z-main .form-row{display: flex;flex-wrap: wrap;gap: 0.2rem;}
.md33675.z-main .field{margin-bottom: .2rem;position: relative;flex: 1;}
.md33675.z-main .field.active .field-l{display: none;}
.md33675.z-main .field-l{width: 100%;position: absolute;left: 0;top: 0;color: #333;line-height: .6rem;padding-left: .3rem;pointer-events: none;}
.md33675.z-main .z-input{width: 100%;height: .6rem;border-radius: 0.05rem;border: none;background-color: #fff;padding: 0 .29rem;color: #333;}
.md33675.z-main .z-region-input{padding-right: .45rem;}
.md33675.z-main .z-area{width: 100%;height: 2rem;border-radius: 0.05rem;border: none;background-color: #fff;padding: calc(0.3rem - 0.75em) .29rem;vertical-align: top;color: #333;line-height: 1.5;}
.md33675.z-main .ast{color: var(--active);}
.md33675.z-main .field-arrow{border-top: .11rem solid #333;border-left: .07rem solid transparent;border-right: .07rem solid transparent;position: absolute;right: 0.3rem;top: 50%;margin-top: -0.06rem;z-index: 12;pointer-events: none;}
.md33675.z-main .submit-btn{display: inline-block;vertical-align: top;padding: 0 0.3rem;border-radius: .3rem;margin-top: .2rem;min-width: 2rem;line-height: .6rem;color: #fff;cursor: pointer;background: var(--active);background: linear-gradient(to right, var(--active), var(--theme));border: none;}
.md33675.z-main .ss-box{width: 100%;min-width: 300px;border-right: 1px solid #ccc;display: none;background-color: #fff;position: absolute;left: 0;top: 100%;z-index: 12345;}
.md33675.z-main .ss-box.show{display: flex;}
.md33675.z-main .ss-col{position:relative;flex: 1;}
.md33675.z-main .ss-list{width:100%;height: 3.5rem;overflow: auto;border: 1px solid #ccc;border-right: none;border-top: none;}
.md33675.z-main .ss-item{width:100%;cursor: pointer;color: #333;line-height: 1.333;padding: 0.3em 1em;transition: all .2s;}
.md33675.z-main .ss-item.hide{display:none}
.md33675.z-main .ss-item:hover{background-color: var(--active);color: #fff;}
.md33675.z-main .ss-item.active{color: #fff;background: var(--active);background: linear-gradient(to right, var(--active), var(--theme));}
.md33675.z-main .ss-input{width: 100%;height: 2.5em;border: 1px solid #ccc;outline: none;color: #333;padding: 0 1em;border-right: none;}
@media(max-width: 1920px){
    .md33675.z-main .z-code-box{width: 120px;height: 120px;padding: 5px;margin-bottom: 12px;}
    .md33675.z-main .z-code-box:after{border-top-width: 8px;border-left-width: 8px;border-right-width: 8px;margin-left: -8px;bottom: -8px;}
}
@media(max-width: 750px){
    .md33675.z-main .panel{display: block;}
    .md33675.z-main .panel-l{display: block;width: 100%;}
    .md33675.z-main .panel-r{width: 100%;padding: .3rem;}
    .md33675.z-main .submit-btn{margin-top: .1rem;}
}
@media(max-width: 500px){
    .md33675.z-main .form-row{display: block;}
    .md33675.z-main .field{width: 100%;}
}