*,
:after,
:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0 !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

ol,
ul {
    list-style: none
}

a {
    text-decoration: none
}

img,
input,
select,
textarea {
    border: none
}

textarea {
    resize: none
}

input[type=button],
input[type=checkbox],
input[type=radio],
input[type=reset],
input[type=submit],
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select::-ms-expand {
    display: none
}

.mzw-prel {
    position: relative
}

.mzw-ofh {
    overflow: hidden
}

.mzw-clear::after {
    content: "";
    display: block;
    clear: both
}

.mzw-l {
    float: left
}

.mzw-r {
    float: right
}

.mzw-img1 img {
    display: block;
    width: 100%;
    height: auto
}

.mzw-img2 img {
    display: block;
    width: auto;
    height: 100%
}

.mzw-img3 .img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.mzw-img3 .img,
.mzw-img3 img {
    display: block;
    width: 100%;
    height: 100%
}

.mzw-img3 .img img {
    opacity: 0
}

.mzw-img4 {
    height: 0;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.mzw-img4 .img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.mzw-img4 .img img {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0
}

.mzw-imgHvr img {
    transition: .4s
}

.mzw-imgHvr:hover img {
    transform: scale(1.2)
}

.mzw-imgHvr2 .img {
    transition: .4s
}

.mzw-imgHvr2:hover .img {
    transform: scale(1.2)
}

.mzw-det img {
    display: inline-block
}

.mzw-det img,
.mzw-det table,
.mzw-det video {
    max-width: 100%
}

.mzw-bg1 {
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.mzw-tabcon {
    display: none
}

.mzw-tabcon.show {
    display: block
}

.mzw-placeholder input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .702)
}

.mzw-placeholder input:-moz-placeholder {
    color: rgba(0, 0, 0, .702)
}

.mzw-placeholder input::-moz-placeholder {
    color: rgba(0, 0, 0, .702)
}

.mzw-placeholder input::-ms-input-placeholder {
    color: rgba(0, 0, 0, .702)
}

.mzw-placeholder2 input::-webkit-input-placeholder {
    color: #000
}

.mzw-placeholder2 input:-moz-placeholder {
    color: #000
}

.mzw-placeholder2 input::-moz-placeholder {
    color: #000
}

.mzw-placeholder2 input::-ms-input-placeholder {
    color: #000
}

.mzw-placeholder3 input::-webkit-input-placeholder {
    color: #a8a8a8
}

.mzw-placeholder3 input:-moz-placeholder {
    color: #a8a8a8
}

.mzw-placeholder3 input::-moz-placeholder {
    color: #a8a8a8
}

.mzw-placeholder3 input::-ms-input-placeholder {
    color: #a8a8a8
}

.mzw-pc {
    display: block !important
}

.mzw-pe {
    display: none !important
}

.mzw-ellipsis1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

body {
    color: #000;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    font-family: Lato-Regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
}

input,
select,
textarea {
    font-size: 14px;
    font-weight: 400;
    font-family: Lato-Regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
}

@font-face {
    font-family: Lato-Light;
    src: url(../fonts/Lato-Light.ttf);
    font-display: swap
}

@font-face {
    font-family: Lato-Regular;
    src: url(../fonts/Lato-Regular.ttf);
    font-display: swap
}

@font-face {
    font-family: Lato-Bold;
    src: url(../fonts/Lato-Bold.ttf);
    font-display: swap
}

@font-face {
    font-family: Lato-Black;
    src: url(../fonts/Lato-Black.ttf);
    font-display: swap
}

.wp {
    margin: 0 auto;
    max-width: 16.7rem
}

.fs12 {
    font-size: .12rem
}

.fs14 {
    font-size: .14rem
}

.fs16 {
    font-size: .16rem
}

.fs18 {
    font-size: .18rem
}

.fs20 {
    font-size: .2rem
}

.fs22 {
    font-size: .22rem
}

.fs16-16 {
    font-size: .16rem
}

.fs18-16,
.fs18-18 {
    font-size: .18rem
}

.fs20-16,
.fs20-18 {
    font-size: .2rem
}

.fs20-18,
.fs22-16 {
    font-size: .22rem
}

@media only screen and (max-width:1920px) {

    .fs12 {
        font-size: 12px
    }

    .fs14 {
        font-size: 14px
    }

    .fs16-16 {
        font-size: 16px
    }

    .fs18-18 {
        font-size: 18px
    }

}

@media only screen and (min-width:1200px) and (max-width:1728px) {

    .fs20-18 {
        font-size: 18px
    }

}

@media only screen and (min-width:1200px) and (max-width:1706px) {

    .fs18-16 {
        font-size: 16px
    }

}

@media only screen and (min-width:1200px) and (max-width:1680px) {

    .fs16 {
        font-size: 14px
    }

}

@media only screen and (min-width:1200px) and (max-width:1570px) {

    .fs22-18 {
        font-size: 18px
    }

}

@media only screen and (min-width:1200px) and (max-width:1536px) {

    .fs20-16 {
        font-size: 16px
    }

}

@media only screen and (min-width:1200px) and (max-width:1500px) {

    .fs18 {
        font-size: 14px
    }

}

@media only screen and (min-width:1200px) and (max-width:1396px) {

    .fs22-16 {
        font-size: 16px
    }

}

@media only screen and (min-width:1200px) and (max-width:1344px) {

    .fs20 {
        font-size: 14px
    }

}

@media only screen and (min-width:1200px) and (max-width:1220px) {

    .fs22 {
        font-size: 14px
    }

}

@media only screen and (max-width:1199px) {

    .mzw-l,
    .mzw-r {
        float: none
    }

    .mzw-pc {
        display: none !important
    }

    .mzw-pe {
        display: block !important
    }

    .wp {
        max-width: none;
        padding: 0 .3rem
    }

    .fs12 {
        font-size: .24rem
    }

    .fs14,
    .fs16,
    .fs18 {
        font-size: .28rem
    }

    .fs16-16,
    .fs20,
    .fs22 {
        font-size: .32rem
    }

    .fs18-16,
    .fs20-16,
    .fs20-18,
    .fs22-16,
    .fs22-18 {
        font-size: .36rem
    }

}

.header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    transition: .4s
}

.header-height {
    height: calc(.85rem + 2px);
    display: none
}

.header-height.show {
    display: block
}

.header .hdr-con {
    height: .85rem
}

.header .hdr-line {
    height: 1px;
    box-sizing: content-box;
    background-color: rgba(0, 0, 0, .5);
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    transition: .4s
}

.header .logo {
    width: 2.17rem;
    height: 100%;
    overflow: hidden;
    position: relative;
    float: left
}

.header .logo img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.header .hdr-menubtn {
    display: none
}

.header .hdr-other {
    height: 100%;
    display: flex;
    float: right
}

.header .hdr-other .item {
    margin-right: .35rem;
    position: relative
}

.header .hdr-other .item:last-child {
    margin-right: 0
}

.header .hdr-other .box1 {
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer
}

.header .hdr-other .box1 .icon {
    position: relative
}

.header .hdr-shop .box1 .icon,
.header .hdr-user .box1 .icon {
    width: 18px
}

.header .hdr-search .box1 .icon {
    width: 17px
}

.header .hdr-language .box1 .icon {
    width: 15px
}

.header .hdr-other .box2 {
    width: 2.45rem;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    display: none
}

.header .hdr-other .box2 .con {
    background-color: rgb(0, 0, 0, .72);
    margin-top: 2px
}

.header .hdr-other .box2 .close {
    display: none
}

.header .hdr-user .name {
    max-width: 65px;
    color: #fff;
    margin-left: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.header .hdr-user .title {
    color: #fff;
    text-align: center;
    padding: .25rem 0
}

.header .hdr-user .title.sty2 {
    padding-left: .21rem;
    padding-right: .21rem;
    text-align: left
}

.header .hdr-user .btn {
    display: block;
    border: 2px solid rgba(255, 255, 255, .72);
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: .1rem 0;
    box-sizing: content-box;
    margin: 0 .21rem .2rem;
    transition: border-color .4s;
    cursor: pointer
}

.header .hdr-user .btn:last-of-type {
    margin-bottom: .3rem
}

.header .hdr-user .btn:hover {
    border-color: #fff
}

.header .hdr-user .list {
    border-top: 1px solid #fff
}

.header .hdr-user .list .a1 {
    display: flex;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
    padding: .13rem .22rem;
    border-bottom: 1px solid rgba(255, 255, 255, .72)
}

.header .hdr-user .list li:last-child .a1 {
    border-bottom: none
}

.header .hdr-user .list .icon {
    width: .23rem;
    min-height: .26rem;
    display: flex;
    align-items: center;
    margin-right: .15rem
}

.header .hdr-user .list .txt {
    color: #fff
}

.header .hdr-user .list .a1:hover .txt {
    font-weight: 600
}

.header .hdr-language .box1 .icon2 {
    width: 11px;
    margin-left: 14px;
    transition: transform .4s
}

.header .hdr-language.open .box1 .icon2 {
    transform: rotateZ(180deg)
}

.header .hdr-language .title {
    color: #fff;
    padding: .14rem .21rem;
    line-height: 1.333
}

.header .hdr-language .list {
    border-top: 1px solid #fff
}

.header .hdr-language .list li {
    padding: .2rem .21rem;
    border-bottom: 1px solid rgba(255, 255, 255, .72)
}

.header .hdr-language .list li:last-child {
    border-bottom: none
}

.header .hdr-language .list .row1 {
    display: flex;
    align-items: center;
    margin-bottom: .2rem
}

.header .hdr-language .list .icon {
    width: .25rem;
    margin-right: .2rem
}

.header .hdr-language .list .txt {
    color: #fff
}

.header .hdr-language .layui-form-select .layui-input {
    display: block;
    height: .5rem;
    border: 2px solid rgba(255, 255, 255, .72);
    background-color: #000;
    font-size: .18rem;
    color: #fff;
    padding: 0 .48rem 0 .21rem;
    cursor: pointer
}

.header .hdr-language .layui-form-select .layui-edge {
    width: .17rem;
    height: .18rem;
    border: none;
    background: url(../images/icon-d4.png) center/100% auto no-repeat;
    right: .18rem;
    margin-top: -.09rem
}

.header .hdr-language .layui-input:hover {
    border-color: #fff !important
}

.header .hdr-language .layui-input:focus {
    border-color: #fff !important;
    box-shadow: unset
}

.header .hdr-language .layui-form-select dl {
    top: .6rem
}

.header .hdr-language .layui-form-selectup dl {
    top: auto;
    bottom: .6rem
}

.header .hdr-language .btn {
    display: block;
    background-color: #fc9892;
    font-family: Lato-Bold;
    color: #fff;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    padding: .1rem .21rem;
    transition: opacity .4s
}

.header .hdr-language .btn:hover {
    opacity: .8
}

.header .hdr-nav {
    float: right;
    margin-right: .6rem
}

.nav .li1 {
    float: left;
    position: relative;
    margin-left: .95rem
}

.nav .li1:first-child {
    margin-left: 0
}

.nav .a1 {
    display: block;
    cursor: pointer;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    padding: 0 .1rem
}

.nav .a1::after {
    content: '';
    display: block;
    background-color: #fff;
    width: 100%;
    height: .06rem;
    position: absolute;
    bottom: 1px;
    left: 0;
    transition: .4s;
    transform: scaleX(0)
}

.nav .tit1 {
    display: block;
    font-family: Lato-Bold;
    font-weight: 700;
    color: #fff;
    line-height: .85rem;
    transition: color .4s
}

.nav .icon1 {
    display: none
}

.nav .dropmenu {
    width: 2.45rem;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    display: none
}

.nav2 {
    background-color: rgb(0, 0, 0, .72);
    margin-top: 2px
}

.nav2 .li2 {
    border-bottom: 1px solid rgba(255, 255, 255, .72)
}

.nav2 .li2:last-child {
    border-bottom: none
}

.nav2 .a2 {
    display: block;
    color: #fff;
    text-align: center;
    margin: 0 .2rem;
    padding: .23rem 0
}

.nav .li1.on .a1::after,
.nav .li1:hover .a1::after {
    transform: scale(1)
}

.nav2 .a2:hover {
    font-weight: 600
}

.header.active,
.header.black {
    background-color: #000
}

.header.active .hdr-line,
.header.black .hdr-line {
    background-color: #7f7f7f;
    border-color: #7f7f7f
}

.header.active .hdr-other .con,
.header.black .hdr-other .con {
    background-color: #000
}

.mzwPopupSearch {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1100;
    display: none
}

.mzwPopupSearch .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    opacity: 1
}

.mzwPopupSearch .close {
    position: absolute;
    right: 50px;
    top: 50px;
    width: 25px;
    height: 25px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAlElEQVRIic3WUQqAIBAE0KHL62U9w/SRgVnqWjvSQj+h89BMBQCQTCQDSTg/gWRCRgKPio5AzJnhRMqXHtAlq0S8oFtGjXyFHvs+IW+hZp8WMgt12/YQKzRsM0JGIabRWpBWmHk6rUgdOrUwZpASMgMksWFV/WW65B9evoTlP6N8W5FvkPKtXn5oyY/fJRcJ/ZVIXTv8GM0XhxTytgAAAABJRU5ErkJggg==) center no-repeat;
    z-index: 10;
    cursor: pointer
}

.mzwPopupSearch .search {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 600px;
    max-width: 90%;
    height: 60px;
    transform: translate(-50%, -50%);
    z-index: 10;
    box-shadow: 0 0 10px rgba(255, 255, 255, .2)
}

.mzwPopupSearch .input,
.mzwPopupSearch .submit {
    outline: 0;
    border: none;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    float: left
}

.mzwPopupSearch .input {
    padding: 0 12px;
    width: calc(100% - 120px);
    color: #212121;
    box-sizing: border-box
}

.mzwPopupSearch .submit {
    width: 120px;
    background-color: #000;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.footer {
    background-image: url(../img/bgpic-a4.jpg);
    padding-top: 1.07rem
}

.footer .row1 {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: .52rem 0 .49rem .35rem
}

.footer .ftr-left {
    float: left;
    margin-right: 1.76rem
}

.footer .logo {
    width: 2.61rem;
    margin: 0 auto .39rem
}

.footer .ftr-share {
    overflow: hidden
}

.footer .ftr-share li {
    float: left;
    margin-right: .6rem
}

.footer .ftr-share li:last-child {
    margin-right: 0
}

.footer .ftr-share .a1 {
    display: flex;
    align-items: center;
    justify-self: center;
    width: .4rem;
    height: .4rem;
    cursor: pointer;
    transition: opacity .4s
}

.footer .ftr-share .a1:hover {
    opacity: .5
}

.footer .ftr-share .icon {
    height: .35rem
}

.footer .ftr-share .li2 .icon {
    height: .33rem
}

.footer .ftr-nav {
    overflow: hidden;
    float: left
}

.footer .ftr-nav li {
    float: left;
    margin-right: 1.3rem
}

.footer .ftr-nav li:last-child {
    margin-right: 0
}

.footer .ftr-nav .a1 {
    display: block;
    color: #000;
    line-height: 2.4;
    transition: opacity .4s;
    font-family: Lato-Bold;
    font-weight: 700
}

.footer .ftr-nav .a1:hover {
    opacity: .5
}

.footer .ftr-info {
    color: #000;
    float: right;
    margin-top: .12rem
}

.footer .ftr-info .tit {
    font-family: Lato-Bold;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: .08rem
}

.footer .ftr-info .txt {
    line-height: 1.522
}

.footer .row2 {
    padding: .25rem 0
}

.footer .copyright {
    font-family: Lato-Light;
    font-weight: 300;
    color: #000;
    text-align: center
}

.footer .copyright a {
    display: inline;
    color: inherit
}

.g-mzw-top1 {
    display: none;
    background-color: #1a1a1a;
    position: fixed;
    right: 10px;
    bottom: 10vh;
    z-index: 99;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 1;
    padding: 3px 10px 8px;
    cursor: pointer
}

.g-mzw-top1 .layui-icon {
    font-size: 20px
}

@media only screen and (min-width:1200px) and (max-width:1500px) {

    .header .hdr-language .layui-form-select .layui-input {
        font-size: 14px
    }

}

@media only screen and (max-width:1199px) {

    .header-height {
        display: block;
        height: 1.8rem
    }

    .header {
        background-color: #000
    }

    .header .hdr-line {
        height: 0
    }

    .header .hdr-con {
        height: 1rem;
        padding-top: .8rem;
        box-sizing: content-box
    }

    .header .logo {
        width: 2.17rem
    }

    .header .hdr-other {
        float: none;
        width: 100%;
        height: .8rem;
        padding: 0 .3rem;
        border-bottom: 1px solid rgba(255, 255, 255, .72);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2
    }

    .header .hdr-other .item {
        margin-right: .6rem;
        position: static
    }

    .header .hdr-shop .box1 .icon,
    .header .hdr-user .box1 .icon {
        width: .36rem
    }

    .header .hdr-search .box1 .icon {
        width: .34rem
    }

    .header .hdr-language .box1 .icon {
        width: .3rem
    }

    .header .hdr-other .box2 {
        width: 100%;
        height: calc(100vh - .8rem);
        left: 0;
        top: 100%;
        transform: none
    }

    .header .hdr-other .box2 .con {
        height: 100%;
        background-color: #000;
        margin-top: 0;
        position: relative;
        padding-top: .4rem
    }

    .header .hdr-other .box2 .close {
        display: block;
        width: .4rem;
        height: .4rem;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAlElEQVRIic3WUQqAIBAE0KHL62U9w/SRgVnqWjvSQj+h89BMBQCQTCQDSTg/gWRCRgKPio5AzJnhRMqXHtAlq0S8oFtGjXyFHvs+IW+hZp8WMgt12/YQKzRsM0JGIabRWpBWmHk6rUgdOrUwZpASMgMksWFV/WW65B9evoTlP6N8W5FvkPKtXn5oyY/fJRcJ/ZVIXTv8GM0XhxTytgAAAABJRU5ErkJggg==) center no-repeat;
        position: absolute;
        top: 0;
        right: .3rem
    }

    .header .hdr-user .name {
        max-width: 1.6rem;
        margin-left: .2rem
    }

    .header .hdr-user .title {
        padding: .3rem 0 .4rem;
        font-size: .36rem
    }

    .header .hdr-user .title.sty2 {
        padding-left: .3rem;
        padding-right: .3rem
    }

    .header .hdr-user .btn {
        padding: .2rem 0;
        margin: 0 .3rem .3rem;
        font-size: .32rem
    }

    .header .hdr-user .btn:last-of-type {
        margin-bottom: .4rem
    }

    .header .hdr-user .list .a1 {
        padding: .2rem .3rem
    }

    .header .hdr-user .list .icon {
        width: .32rem;
        min-height: .36rem;
        margin-right: .2rem
    }

    .header .hdr-language .box1 .icon2 {
        width: 11px;
        margin-left: 14px
    }

    .header .hdr-language .title {
        padding: .3rem .3rem .4rem;
        font-size: .36rem
    }

    .header .hdr-language .list li {
        padding: .4rem .3rem
    }

    .header .hdr-language .list .row1 {
        margin-bottom: .2rem
    }

    .header .hdr-language .list .icon {
        width: .36rem
    }

    .header .hdr-language .list .txt {
        font-size: .32rem
    }

    .header .hdr-language .layui-form-select .layui-input {
        height: .72rem;
        font-size: .28rem;
        padding: 0 .54rem 0 .2rem
    }

    .header .hdr-language .layui-form-select .layui-edge {
        width: .24rem;
        height: .24rem;
        right: .2rem;
        margin-top: -.12rem
    }

    .header .hdr-language .layui-form-select dl {
        top: .82rem
    }

    .header .hdr-language .layui-form-selectup dl {
        bottom: .82rem
    }

    .header .hdr-language .btn {
        font-size: .32rem;
        padding: .2rem
    }

    .header .hdr-nav {
        float: none;
        margin-right: 0;
        display: none;
        background-color: #000;
        width: 100%;
        height: calc(100vh - 1.8rem);
        position: absolute;
        left: 0;
        top: 1.8rem;
        border-top: 1px solid #fff;
        overflow-x: hidden;
        overflow-y: auto
    }

    .nav {
        padding: .4rem .3rem
    }

    .nav .li1 {
        float: none;
        margin-left: 0
    }

    .nav .a1 {
        text-align: left;
        padding: .3rem 0;
        display: flex;
        align-items: center;
        overflow: hidden
    }

    .nav .a1::after {
        display: none
    }

    .nav .tit1 {
        flex: 1;
        line-height: 1.5;
        overflow: hidden
    }

    .nav .icon1 {
        flex-shrink: 0;
        display: block;
        width: .34rem;
        height: .2rem;
        background: url(../images/icon-d4.png) center/100% auto no-repeat;
        transform: rotateZ(-90deg);
        transition: transform .4s
    }

    .nav .a1.active .icon1 {
        transform: rotateZ(0)
    }

    .nav .dropmenu {
        width: 100%;
        position: static;
        display: none;
        transform: none
    }

    .header .hdr-menubtn {
        width: .6rem;
        height: 1rem;
        display: block;
        float: right;
        position: relative
    }

    .nav2 {
        margin-top: 0
    }

    .nav2 .a2 {
        margin: 0 .3rem;
        padding: .2rem 0;
        text-align: left
    }

    .mzw-menuBtn {
        width: 100%;
        cursor: pointer;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .mzw-menuBtn .s {
        display: block;
        width: 100%;
        height: .06rem;
        background-color: #fff;
        transition: .4s
    }

    .mzw-menuBtn .s2 {
        margin: .1rem 0
    }

    .mzw-menuBtn.open .s1 {
        transform: translateY(.16rem) rotateZ(45deg)
    }

    .mzw-menuBtn.open .s2 {
        opacity: 0
    }

    .mzw-menuBtn.open .s3 {
        transform: translateY(-.16rem) rotateZ(-45deg)
    }

    .mzwPopupSearch .search {
        height: 40px
    }

    .mzwPopupSearch .close {
        width: 30px;
        height: 30px;
        top: 25px;
        right: 25px
    }

    .mzwPopupSearch .input,
    .mzwPopupSearch .submit {
        font-size: 14px;
        height: 40px;
        line-height: 40px
    }

    .mzwPopupSearch .input {
        width: calc(100% - 60px)
    }

    .mzwPopupSearch .submit {
        width: 60px
    }

    .footer {
        padding-top: .8rem
    }

    .footer .row1 {
        padding: .6rem 0
    }

    .footer .ftr-left {
        float: none;
        margin-right: 0;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .footer .logo {
        width: 3.2rem;
        margin-bottom: .6rem
    }

    .footer .ftr-share {
        margin-bottom: .6rem
    }

    .footer .ftr-share .a1 {
        width: .6rem;
        height: .6rem
    }

    .footer .ftr-share .icon {
        height: .45rem
    }

    .footer .ftr-share .li2 .icon {
        height: .43rem
    }

    .footer .ftr-nav {
        display: none
    }

    .footer .ftr-info {
        float: none;
        margin-top: 0;
        text-align: center
    }

    .footer .ftr-info .tit {
        margin-bottom: .2rem
    }

    .footer .ftr-info .txt {
        font-size: .32rem
    }

    .footer .row2 {
        padding: .4rem 0
    }

}

.mzw-bgc1 {
    background-color: #f3f3f3
}

.mzw-cursor .con,
.mzw-cursor2 {
    cursor: url(../images/icon-a12.png), pointer !important
}

.mzw-form .layui-input {
    font-family: Lato-Regular;
    font-weight: 400;
    color: #000;
    line-height: 1.5;
    border-color: #000
}

.mzw-form .layui-input:hover,
.mzw-form .layui-textarea:hover {
    border-color: #000 !important
}

.mzw-form .layui-input:focus,
.mzw-form .layui-textarea:focus {
    border-color: #000 !important;
    box-shadow: unset
}

.layui-form-checked[lay-skin=primary]>i {
    border-color: #000 !important;
    background-color: #000 !important
}

.layui-form-checkbox[lay-skin=primary]:hover>i {
    border-color: #000
}

.layui-form-select dl dd.layui-this {
    color: #000
}

._citys {
    width: 450px;
    display: inline-block;
    border: 2px solid #eee;
    padding: 5px;
    position: relative;
    background-color: #fff
}

._citys span {
    color: #000;
    height: 15px;
    width: 15px;
    line-height: 12px;
    text-align: center;
    border-radius: 3px;
    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px solid #000;
    cursor: pointer
}

._citys0 {
    width: 100%;
    height: 34px;
    display: inline-block;
    border-bottom: 2px solid #000;
    padding: 0;
    margin: 0
}

._citys0 li {
    display: inline-block;
    line-height: 34px;
    font-size: 16px;
    color: #888;
    min-width: 80px;
    text-align: center;
    cursor: pointer;
    padding: 0 15px
}

.citySel {
    background-color: #000;
    color: #fff !important
}

._citys1 {
    width: 100%;
    display: inline-block;
    padding: 10px 0
}

._citys1 a {
    min-width: 80px;
    height: 35px;
    display: inline-block;
    background-color: #f5f5f5;
    color: #666;
    margin-left: 6px;
    margin-top: 3px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    overflow: hidden;
    padding: 0 10px
}

._citys1 a:hover {
    color: #fff;
    background-color: #000
}

.AreaS {
    background-color: #000 !important;
    color: #fff !important
}

.g-mzw-badge {
    font-size: 12px;
    line-height: 1;
    padding: 2px;
    min-width: 12px;
    box-sizing: content-box;
    color: #fff;
    background-color: #f881a7;
    border-radius: 8px;
    text-align: center;
    position: absolute;
    top: -6px;
    right: -6px
}

.g-mzw-tit1 {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.g-mzw-tit1 .icon {
    width: .5rem
}

.g-mzw-tit1 .tit {
    font-family: Lato-Black;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 .2rem;
    text-align: center
}

.g-mzw-btn1 {
    display: inline-block;
    min-width: 1.68rem;
    font-family: Lato-Bold;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    line-height: 2;
    padding: .11rem .2rem;
    border: 1px solid #1a1a1a;
    box-sizing: content-box;
    cursor: pointer;
    transition: .4s;
    text-align: center
}

.g-mzw-btn1:hover {
    background-color: #000;
    color: #fff
}

.g-mzw-btn1.bg1 {
    background-color: #1a1a1a;
    color: #fff
}

.g-mzw-btn1.bg1:hover {
    opacity: .8
}

.g-mzw-btn1.sty2 {
    min-width: 1.61rem;
    border-radius: .05rem;
    padding: .07rem .15rem
}

.g-mzw-tag1 {
    color: #fff;
    line-height: 1.5;
    text-align: center;
    width: 2rem;
    padding: .09rem 0;
    box-shadow: 0 .02rem .05rem rgba(34, 24, 21, .35);
    transform: translate(-50%, 50%) rotateZ(45deg);
    position: absolute;
    left: .3rem;
    bottom: .3rem;
    transition: opacity .4s
}

.g-mzw-tag1.bg1 {
    background-image: linear-gradient(to left, rgba(255, 185, 150, .92) 10%, rgba(229, 154, 117, .92) 52%, rgba(255, 185, 150, .92) 91%)
}

.g-mzw-tag1.bg2 {
    background-image: linear-gradient(to left, rgba(157, 154, 152, .92) 12%, rgba(125, 125, 125, .92) 52%, rgba(143, 139, 137, .92) 91%)
}

.g-mzw-tag1.bg3 {
    background-color: #000
}

.g-mzw-tag1.sty2 {
    padding: .12rem 0;
    left: .4rem;
    bottom: .4rem
}

.g-mzw-price {
    color: #000;
    font-family: Lato-Bold;
    font-weight: 700;
    font-size: .28rem
}

.g-mzw-price i {
    font-style: normal;
    font-size: .18rem;
    margin-right: .4em;
    font-weight: 400
}

.g-mzw-price .no {
    text-decoration: line-through
}

.g-mzw-price.fw250 {
    font-family: Lato-Light;
    font-weight: 300
}

.g-mzw-price.fw250 i,
.g-mzw-price.fw330 i {
    font-weight: inherit
}

.g-mzw-price.fw330 {
    font-family: Lato-Regular;
    font-weight: 400
}

.g-mzw-price.fw630 {
    font-family: Lato-Black;
    font-weight: 800
}

.g-mzw-price.fw630 i {
    font-weight: 700
}

.g-mzw-scrollTip1 {
    color: #ff0000;
    display: none;
}

.ul-mzw-litpic1 {
    margin: 0 -.11rem
}

.ul-mzw-litpic1 li {
    width: 25%;
    float: left;
    margin-bottom: .35rem
}

.ul-mzw-litpic1 .con {
    display: block;
    margin: 0 .11rem
}

.ul-mzw-litpic1 .box1 {
    position: relative;
    margin-bottom: .27rem;
    overflow: hidden
}

.ul-mzw-litpic1 .pic1 {
    padding-top: 100%;
    transition: opacity .4s
}

.ul-mzw-litpic1 .pic2 {
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity .4s;
    opacity: 0
}

.ul-mzw-litpic1 .txt {
    color: #000;
    font-family: Lato-Bold;
    font-weight: 700
}

.ul-mzw-litpic1 .desc,
.ul-mzw-litpic1 .tit {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ul-mzw-litpic1 .row2 {
    display: flex;
    align-items: flex-end;
    margin-top: -.03rem
}

.ul-mzw-litpic1 .desc {
    flex: 1;
    margin-bottom: .02rem
}

.ul-mzw-litpic1 .price {
    line-height: 1.25
}

.ul-mzw-litpic1 .con:hover .pic1 {
    opacity: 0
}

.ul-mzw-litpic1 .con:hover .pic2 {
    opacity: 1
}

.ul-mzw-litpic1 .con:hover .tag {
    opacity: 0
}

.ul-mzw-litpic1.sty2 li {
    margin-bottom: .47rem
}

.ul-mzw-litpic1.sty3 {
    margin: 0
}

.ul-mzw-litpic1.sty3 .title {
    font-size: .36rem;
    font-family: Lato-Black;
    font-weight: 800;
    color: #080103;
    line-height: 1.2;
    padding: .44rem 0
}

.ul-mzw-litpic1.sty3 .swiperBox {
    position: relative;
    overflow: hidden;
    margin: 0 -.1rem
}

.ul-mzw-litpic1.sty3 .con {
    margin: 0 .1rem
}

.ul-mzw-litpic1.sty3 .box1 {
    border: solid #878787
}

.ul-mzw-litpic1.sty3 .swiper-scrollbar {
    width: 100%;
    position: static;
    height: 5px;
    background-color: #ccc;
    border-radius: 0;
    margin-top: .52rem
}

.ul-mzw-litpic1.sty3 .swiper-scrollbar-drag {
    background-color: #000;
    border-radius: 0
}

.ul-mzw-litpic1.sty3_2 li {
    margin-bottom: .42rem
}

.ul-mzw-litpic1.sty3_2 .box1 {
    margin-bottom: .23rem
}

.ul-mzw-litpic1.sty3_2 .tit {
    white-space: normal;
    line-height: 1.667;
    height: .6rem;
    min-height: 47px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    margin-bottom: .11rem
}

.ul-mzw-litpic1.sty3_3 {
    margin: 0 .02rem
}

.ul-mzw-litpic1.sty3_3 li {
    width: 33.333%;
    margin-bottom: .25rem
}

.ul-mzw-litpic1.sty3_3 .con {
    margin: 0 .18rem
}

.ul-mzw-litpic1.sty3_3 .box1 {
    border-color: #d8d8d8;
    margin-bottom: .19rem
}

.ul-mzw-litpic1.sty3_3 .tit {
    margin-bottom: .02rem
}

.ul-mzw-litpic1.sty3_3 .remove {
    width: 100%;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: .17rem 0;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: transform .4s;
    transform: translateY(100%)
}

.ul-mzw-litpic1.sty3_3 .remove .icon {
    width: .24rem;
    margin-right: .1rem
}

.ul-mzw-litpic1.sty3_3 .remove .icon-txt {
    color: #fff;
    line-height: 1.5
}

.ul-mzw-litpic1.sty3_3 .g-mzw-price {
    font-size: .24rem
}

.ul-mzw-litpic1.sty3_3 .g-mzw-price i {
    font-size: .14rem;
    margin-right: .5em
}

.ul-mzw-litpic1.sty3_3 .con:hover .pic1 {
    opacity: 1
}

.ul-mzw-litpic1.sty3_3 .con:hover .remove {
    transform: translateY(0)
}

.ul-mzw-litpic2 {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -.12rem
}

.ul-mzw-litpic2 li {
    width: 20%;
    margin-bottom: .56rem
}

.ul-mzw-litpic2 .con {
    height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 .12rem
}

.ul-mzw-litpic2 .box1 {
    border-radius: 50%;
    background-color: #efefef;
    margin-bottom: .25rem;
    transition: background-color .4s
}

.ul-mzw-litpic2 .pic {
    padding-top: 100%;
    border-radius: 50%;
    transform: scale(.95)
}

.ul-mzw-litpic2 .txt {
    flex: 1;
    font-family: Lato-Bold;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    border-bottom: 2px solid #000;
    padding-bottom: .09rem;
    display: flex;
    flex-direction: column
}

.ul-mzw-litpic2 .tit {
    flex: 1;
    margin-bottom: .14rem
}

.ul-mzw-litpic2 .row2 {
    display: flex;
    align-items: center;
    overflow: hidden
}

.ul-mzw-litpic2 .num {
    flex: 1
}

.ul-mzw-litpic2 .icon {
    flex-shrink: 0;
    width: .27rem
}

.ul-mzw-litpic2 .con:hover .box1 {
    background-color: #ffd4c2
}

.ul-mzw-litpic2.left {
    justify-content: flex-start
}

.mzw-banner1 {
    position: relative;
    overflow: hidden
}

.mzw-banner1 .txt {
    height: 9.46rem;
    margin: 0 1rem;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.mzw-banner1 .tit {
    font-family: Lato-Black;
    font-weight: 800;
    font-size: .38rem;
    margin: .9rem 0 .1rem
}

.mzw-banner1 .info {
    margin-bottom: .3rem;
    font-family: Lato-Bold;
    font-weight: 700
}

.mzw-banner1 .desc {
    margin-bottom: .39rem
}

.mzw-banner1 .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 1.2rem;
    height: 1.2rem;
    background-color: rgba(255, 255, 255, .24);
    border-radius: 50%;
    background-clip: content-box;
    cursor: pointer;
    color: #fff;
    line-height: 1.2;
    transition: .4s;
    font-family: Lato-Bold;
    font-weight: 700
}

.mzw-banner1 .btn::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform .4s;
    transform: scale(.84)
}

.mzw-banner1 .btn:hover::before {
    transform: scale(1)
}

.mzw-banner1 .btn span {
    position: relative
}

.mzw-banner1 .swiper-button-next,
.mzw-banner1 .swiper-button-prev {
    margin-top: 0;
    overflow: hidden;
    background-image: none;
    width: .66rem;
    height: .66rem;
    border-radius: 50%;
    border: 1px solid #fff;
    transform: translateY(-50%)
}

.mzw-banner1 .swiper-button-prev {
    left: calc(50% - 8.6rem)
}

.mzw-banner1 .swiper-button-next {
    right: calc(50% - 8.6rem)
}

.mzw-banner1 .swiper-button-next::after,
.mzw-banner1 .swiper-button-prev::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/icon-a8.png) center no-repeat;
    background-size: .16rem auto
}

.mzw-banner1 .swiper-button-next::after {
    transform: rotateY(180deg)
}

.mzw-row-a1 {
    padding: .63rem 0 .54rem
}

.mzw-row-a1-1 {
    margin-bottom: .43rem
}

.mzw-swiper1 {
    position: relative;
    overflow: hidden
}

.mzw-swiper1 .con {
    width: 8.9rem;
    display: block
}

.mzw-swiper1 .row1 {
    padding-bottom: .33rem;
    position: relative
}

.mzw-swiper1 .box1 {
    width: 4.45rem;
    position: relative;
    margin: 0 auto;
    transition: transform .8s
}

.mzw-swiper1 .pic1 {
    height: 96.2138%;
    position: absolute;
    right: 0;
    top: 2%;
    transition: transform .8s
}

.mzw-swiper1 .pic2 {
    padding-top: 100.8988%
}

.mzw-swiper1 .shadow {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0
}

.mzw-swiper1 .txt {
    text-align: center;
    color: #000;
    text-transform: uppercase;
    transition: opacity .8s;
    opacity: 0
}

.mzw-swiper1 .box1,
.mzw-swiper1 .pic1,
.mzw-swiper1 .txt {
    transition-delay: .3s
}

.mzw-swiper1 .info,
.mzw-swiper1 .tit {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mzw-swiper1 .tit {
    font-family: Lato-Bold;
    font-weight: 700;
    margin-bottom: .02rem
}

.mzw-swiper1 .info {
    margin-bottom: .24rem
}

.mzw-swiper1 .swiper-slide {
    width: auto
}

.mzw-swiper1 .swiper-slide-active .box1 {
    transform: translateX(-.72rem)
}

.mzw-swiper1 .swiper-slide-active .pic1 {
    transform: translateX(2.08rem)
}

.mzw-swiper1 .swiper-slide-active .txt {
    opacity: 1
}

.mzw-swiper1 .swiper-pagination {
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .27rem
}

.mzw-swiper1 .swiper-pagination-bullet {
    display: block;
    width: .2rem;
    height: .2rem;
    background: url(../images/icon-a10-1.png) center/100% auto no-repeat;
    border-radius: 0;
    margin: 0 .05rem !important;
    opacity: 1
}

.mzw-swiper1 .swiper-pagination-bullet-active {
    background-image: url(../images/icon-a10-2.png)
}

.mzw-row-a2 {
    padding: .6rem 0 .1rem
}

.mzw-row-a2-1 {
    margin-bottom: .49rem
}

.mzw-row-a3 {
    padding: .64rem 0 .21rem
}

.mzw-row-a3-1,
.mzw-row-a4-1 {
    margin-bottom: .51rem
}

.mzw-row-a4-2 {
    background-image: url(../images/bgpic-a2.jpg);
    padding-top: .93rem
}

.mzw-litpic1 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.17rem;
    overflow: hidden
}

.mzw-litpic1 li {
    width: 50%;
    margin-bottom: .45rem
}

.mzw-litpic1 .con {
    height: 100%;
    display: block;
    color: #fff;
    margin: 0 .17rem;
    border-bottom: 1px solid #262728;
    padding-bottom: .4rem
}

.mzw-litpic1 li:nth-last-child(1) .con,
.mzw-litpic1 li:nth-last-child(2) .con {
    border-bottom: none
}

.mzw-litpic1 .date {
    font-family: Lato-Bold;
    font-weight: 700;
    margin-bottom: .31rem
}

.mzw-litpic1 .row2 {
    overflow: hidden
}

.mzw-litpic1 .box1 {
    width: 1.34rem;
    margin-right: .28rem;
    float: left;
    margin-top: .02rem
}

.mzw-litpic1 .pic {
    padding-top: 73.8805%;
    border-radius: .1rem
}

.mzw-litpic1 .txt {
    overflow: hidden;
    padding-right: .7rem
}

.mzw-litpic1 .desc,
.mzw-litpic1 .tit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden
}

.mzw-litpic1 .tit {
    font-family: Lato-Bold;
    font-weight: 700;
    margin-bottom: .14rem
}

.mzw-litpic1 .desc {
    line-height: 2.25
}

.g-mzw-tit2 {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.g-mzw-tit2 .icon {
    width: .31rem
}

.g-mzw-tit2 .icon.right {
    transform: rotateY(180deg)
}

.g-mzw-tit2 .tit {
    font-family: Lato-Black;
    font-size: .3rem;
    color: #000;
    font-weight: 800;
    margin: 0 .17rem
}

.g-mzw-tit2.sty2 .tit {
    font-size: .24rem;
    margin: 0 .13rem
}

.mzw-login {
    padding: 2rem 0 2.25rem
}

.mzw-login .box {
    border: 1px solid #000;
    border-radius: .12rem;
    background-color: #fff;
    width: 6.9rem;
    margin-left: auto;
    padding: .26rem 1.16rem .62rem
}

.mzw-login .title {
    margin-bottom: .43rem
}

.mzw-login .item {
    margin-bottom: .17rem
}

.mzw-login .label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .15rem
}

.mzw-login .label-txt {
    color: rgba(0, 0, 0, .702)
}

.mzw-login .forget {
    display: inline;
    font-family: Lato-Bold;
    font-weight: 700;
    font-style: italic;
    color: rgba(255, 0, 0, .702);
    transition: color .4s;
    text-decoration: underline;
}

.mzw-login .forget:hover {
    color: #ff0000;
}

.mzw-login .input {
    height: .53rem
}

.mzw-login .layui-input {
    border-radius: .12rem;
    height: 100%;
    padding: 0 .2rem
}

.mzw-login .btn {
    display: block;
    width: 100%;
    height: .53rem;
    background-color: #000;
    border: none;
    font-family: Lato-Bold;
    border-radius: .12rem;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    margin: .51rem 0 .3rem;
    cursor: pointer;
    transition: opacity .4s
}

.mzw-login .btn:hover {
    opacity: .8
}

.mzw-login .other {
    color: rgba(0, 0, 0, .702);
    padding: 1px 0
}

.mzw-login .other a {
    font-family: Lato-Bold;
    font-weight: 700;
    text-decoration: underline;
    color: #000;
    transition: opacity .4s;
    margin-left: .1em
}

.mzw-login .other a:hover {
    opacity: .5
}

.mzw-login.register .box {
    padding-bottom: .38rem
}

.mzw-login.register .vcode .input {
    display: flex;
    overflow: hidden
}

.mzw-login.register .vcode .layui-input {
    flex: 1
}

.mzw-login.register .code {
    flex-shrink: 0;
    width: 1.73rem;
    border-radius: .12rem;
    height: 100%;
    overflow: hidden;
    margin-left: .12rem;
    cursor: pointer
}

.mzw-login.register .checkbox {
    display: flex;
    align-items: center;
    margin-top: .33rem
}

.mzw-login.register .checkbox .info {
    color: rgba(30, 30, 30, .7);
    margin-left: .16rem
}

.mzw-login.register .checkbox .info a {
    display: inline;
    color: inherit;
    text-decoration: underline;
    transition: color .4s
}

.mzw-login.register .checkbox .info a:hover {
    color: #1e1e1e
}

.mzw-login.register .checkbox .layui-form-checkbox[lay-skin=primary] {
    min-width: 14px;
    min-height: 14px;
    padding-left: 14px
}

.mzw-login.register .checkbox .layui-form-checkbox[lay-skin=primary]>i {
    width: 14px;
    height: 14px;
    border-color: #cecece;
    border-radius: 3px
}

.mzw-login.register .checkbox .layui-form-checked[lay-skin=primary]>i {
    border-color: #000 !important;
    background-color: #000
}

.mzw-login.register .btn {
    margin-top: .35rem;
    margin-bottom: 0
}

.m-mzw-banner1 .con {
    position: relative;
    height: 7.56rem
}

.m-mzw-banner1 .crumb {
    position: absolute;
    left: 0;
    bottom: .34rem
}

.m-mzw-banner1.sty2 .con {
    height: 4.16rem;
    padding-top: calc(.85rem + 2px)
}

.m-mzw-banner1.sty2 .txt {
    color: #fff;
    text-align: center;
    margin-top: .59rem
}

.m-mzw-banner1.sty2 .tit {
    font-size: .3rem;
    font-weight: 520;
    margin-bottom: .23rem
}

.m-mzw-banner1.sty2 .date {
    display: inline-block;
    padding-left: 24px;
    background: url(../images/icon-c1-2.png) left center/15px auto no-repeat
}

.m-mzw-banner1.sty3 .con {
    height: 3.41rem
}

.m-mzw-banner1.sty3 .crumb {
    margin-left: 3.65rem
}

.mzwCrumb {
    overflow: hidden;
    line-height: 1.5;
    color: #fff;
    font-family: Lato-Bold;
    font-weight: 700
}

.mzwCrumb li {
    display: inline-block
}

.mzwCrumb li::after {
    content: '>';
    display: inline;
    margin: 0 2px 0 10px
}

.mzwCrumb li:last-child::after {
    display: none
}

.mzwCrumb .a1 {
    display: inline-block;
    color: inherit;
    transition: .4s
}

.mzwCrumb .a1.home {
    padding-left: 30px;
    background: url(../img/icon-b8.png) left center no-repeat;
    background-size: 20px auto
}

.mzwCrumb .a1:hover {
    color: #fff;
    opacity: .8
}

.m-mzw-box1 {
    min-height: .53rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid rgba(26, 26, 26, .5);
    padding-bottom: .19rem;
    box-sizing: content-box
}

.m-mzw-box1 .left {
    color: #000
}

.m-mzw-box1 .left span {
    font-family: Lato-Bold;
    font-weight: 700
}

.m-mzw-select1 {
    width: 3.4rem
}

.m-mzw-select1 .layui-input {
    height: .53rem;
    background-color: transparent;
    font-size: .18rem;
    color: #000;
    padding-left: .19rem;
    padding-right: .35rem
}

.m-mzw-select1 .layui-form-select dl {
    top: .57rem
}

.m-mzw-select1 .layui-form-selectup dl {
    top: auto;
    bottom: .57rem
}

.m-mzw-select1 .layui-form-select dl dd.layui-this {
    color: #000
}

.m-mzw-select1 .layui-form-select .layui-edge {
    border: none;
    width: .16rem;
    height: .16rem;
    background: url(../images/icon-b2.png) center/100% auto no-repeat;
    margin-top: -.08rem;
    right: .13rem
}

.mzwPage {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.mzwPage a {
    display: block;
    font-family: Lato-Bold;
    font-weight: 700;
    color: #0a0204;
    line-height: 2;
    padding: 0 .11rem;
    text-align: center;
    transition: .4s
}

.mzwPage a:hover,
.mzwPage li.on a {
    text-decoration: underline
}

.mzwPage li.prev {
    border-right: 1px solid #817f7f;
    margin-right: .5rem
}

.mzwPage li.next {
    border-left: 1px solid #817f7f;
    margin-left: .5rem
}

.mzwPage li.next a,
.mzwPage li.prev a {
    height: .5rem;
    width: .43rem;
    position: relative;
    padding: 0
}

.mzwPage li.next a::after,
.mzwPage li.prev a::after {
    content: '';
    display: block;
    width: 13px;
    height: 100%;
    background: url(../images/icon-b3.png) left center/100% auto no-repeat;
    position: absolute;
    top: 0
}

.mzwPage li.prev a::after {
    left: 0
}

.mzwPage li.next a::after {
    right: 0;
    transform: rotateY(180deg)
}

.mzwPage li.next a:hover,
.mzwPage li.prev a:hover {
    opacity: .5
}

.mzwPage li.disabled a {
    opacity: .5;
    cursor: auto;
    pointer-events: none
}

.mzw-row-b1 {
    padding: .48rem 0 .15rem
}

.mzw-row-b2 {
    margin-bottom: .33rem
}

.mzw-row-b3 {
    margin-bottom: .27rem
}

.mzw-row-b4 {
    padding-bottom: .82rem
}

.m-mzw-box2 .box-con {
    padding-top: .57rem
}

.m-mzw-box2 .left {
    width: 9.26rem;
    float: left;
    display: flex;
    margin-bottom: .5rem
}

.m-mzw-box2 .swiper1 {
    flex-shrink: 0;
    width: 7.48rem;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 .29rem rgba(225, 225, 225, .35);
    margin-right: .43rem;
    border-radius: .08rem;
    background-color: #f3f3f3
}

.m-mzw-box2 .swiper1 .con {
    display: block;
    margin: .3rem
}

.m-mzw-box2 .swiper1 .pic {
    padding-top: 6.59rem;
    border-radius: .08rem
}

.m-mzw-box2 .swiper2 {
    height: 6.59rem;
    flex: 1;
    overflow: hidden;
    position: relative
}

.m-mzw-box2 .swiper2 .box {
    overflow: hidden;
    margin: .09rem 0;
    height: calc(100% - .44rem)
}

.m-mzw-box2 .swiper2 .swiper-button-next,
.m-mzw-box2 .swiper2 .swiper-button-prev {
    margin-top: 0;
    overflow: hidden;
    background-image: none;
    position: static;
    width: 100%;
    height: .13rem;
    cursor: pointer
}

.m-mzw-box2 .swiper2 .swiper-button-next::after,
.m-mzw-box2 .swiper2 .swiper-button-prev::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/icon-b4.png) center/auto 100% no-repeat
}

.m-mzw-box2 .swiper2 .swiper-button-next::after {
    transform: rotateX(180deg)
}

.m-mzw-box2 .swiper2 .con {
    height: 100%;
    cursor: pointer;
    border: 2px solid transparent;
    background-color: #fff;
    border-radius: .06rem;
    transition: border-color .4s;
    overflow: hidden
}

.m-mzw-box2 .swiper2 .con::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: solid #fff;
    border-radius: .06rem;
    transition: border-color .4s;
    position: absolute;
    left: 0;
    top: 0
}

.m-mzw-box2 .swiper2 .pic {
    height: 100%;
    overflow: hidden
}

.m-mzw-box2 .swiper2 .swiper-slide-active .con::after {
    border-color: #000
}

.m-mzw-box2 .right {
    width: calc(100% - 9.7rem);
    float: right
}

.m-mzw-box2 .shop {
    margin-top: -.06rem
}

.m-mzw-box2 .shop .crumb {
    display: inline-flex;
    align-items: center;
    color: #000;
    margin-bottom: .21rem
}

.m-mzw-box2 .shop .crumb::after {
    content: '';
    display: block;
    width: 7px;
    height: 11px;
    background: url(../images/icon-b5.png) center/100% auto no-repeat;
    margin-left: .1rem
}

.m-mzw-box2 .shop .tit {
    font-size: .24rem;
    font-family: Lato-Bold;
    font-weight: 700;
    color: #000;
    line-height: 1.25;
    border-bottom: 1px solid #000;
    padding-bottom: .36rem;
    margin-bottom: .12rem
}

.m-mzw-box2 .shop .price {
    margin-bottom: .13rem
}

.m-mzw-box2 .shop .price i {
    font-weight: 450
}

.m-mzw-box2 .from .item {
    display: flex;
    align-items: center;
    margin-bottom: .19rem
}

.m-mzw-box2 .from .label {
    font-family: Lato-Bold;
    font-weight: 700;
    color: #000
}

.m-mzw-box2 .from .label.w1 {
    min-width: .77rem;
    margin-right: .2rem
}

.m-mzw-box2 .from .input {
    flex: 1;
    color: #000
}

.m-mzw-box2 .from .item2 .input {
    display: flex;
    align-items: center
}

.m-mzw-box2 .from .tip {
    font-family: Lato-Light;
    font-weight: 300;
    color: #f881a7;
    margin-left: .18rem
}

.m-mzw-box2 .from .radio .layui-form-radio {
    margin-top: 0;
    margin-right: .1rem;
    padding-right: 0;
    padding: .06rem .1rem;
    min-width: .86rem;
    box-sizing: content-box;
    border: 1px solid #000;
    border-radius: .09rem;
    text-align: center;
    line-height: 1.5
}

.m-mzw-box2 .from .radio .layui-form-radio div {
    font-family: Lato-Regular;
    font-weight: 400;
    font-size: .18rem;
    color: #000;
    line-height: 1.5
}

.m-mzw-box2 .from .radio .layui-form-radioed {
    background-color: #000
}

.m-mzw-box2 .from .radio .layui-form-radioed div {
    color: #fff
}

.m-mzw-box2 .from .radio .layui-icon {
    display: none
}

.m-mzw-box2 .from .item2 {
    margin-bottom: .21rem
}

.m-mzw-box2 .from .item3 {
    justify-content: space-between;
    margin-bottom: .13rem
}

.m-mzw-box2 .from .item3 .btns {
    display: flex
}

.m-mzw-box2 .from .item3 .btn1 {
    margin-right: .1rem
}

.m-mzw-box2 .from .collect {
    color: #000;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-family: Lato-Bold;
    font-weight: 700
}

.m-mzw-box2 .from .collect .num {
    display: none
}

.m-mzw-box2 .from .collect .icon {
    width: .31rem;
    margin-left: .15rem
}

.m-mzw-box2 .from .collect .icon .img2,
.m-mzw-box2 .from .collect.true .icon .img1 {
    display: none
}

.m-mzw-box2 .from .collect .icon .img1,
.m-mzw-box2 .from .collect.true .icon .img2 {
    display: block
}

.m-mzw-box2 .from .collect.true .num {
    display: inline
}

.m-mzw-box2 .from .select-picker {
    display: flex
}

.m-mzw-box2 .from .select {
    width: 1.38rem;
    margin-right: .1rem
}

.m-mzw-box2 .from .select .layui-input {
    height: .38rem;
    background-color: transparent;
    font-family: Lato-Regular;
    font-weight: 400;
    font-size: .18rem;
    color: #080103;
    padding-left: .15rem;
    padding-right: .35rem;
    border-radius: .04rem
}

.m-mzw-box2 .from .select .layui-form-select dl {
    top: .42rem
}

.m-mzw-box2 .from .select .layui-form-selectup dl {
    top: auto;
    bottom: .42rem
}

.m-mzw-box2 .from .select .layui-form-select dl dd {
    font-family: Lato-Regular;
    font-weight: 400
}

.m-mzw-box2 .from .select .layui-form-select dl dd.layui-this {
    color: #000;
    font-weight: 700
}

.m-mzw-box2 .from .select .layui-form-select .layui-edge {
    border: none;
    width: .13rem;
    height: .14rem;
    background: url(../images/icon-b7.png) center/100% auto no-repeat;
    margin-top: -.07rem;
    right: .12rem
}

.m-mzw-box2.sty2 .swiper1 {
    border: 2px solid #828282
}

.g-mzw-stepper1 {
    width: 2.42rem;
    height: .5rem;
    border-radius: .05rem;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    display: flex;
    overflow: hidden
}

.g-mzw-stepper1 .stepper-add,
.g-mzw-stepper1 .stepper-sub {
    width: .46rem;
    height: 100%;
    flex-shrink: 0;
    background-color: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.g-mzw-stepper1 .stepper-sub {
    border-right: 1px solid #dfdfdf
}

.g-mzw-stepper1 .stepper-add {
    border-left: 1px solid #dfdfdf
}

.g-mzw-stepper1 .layui-icon {
    font-size: .2rem;
    color: #000
}

.g-mzw-stepper1 .stepper-box {
    flex: 1;
    overflow: hidden;
    height: 100%;
    background-color: #fff
}

.g-mzw-stepper1 .stepper-box input {
    width: 100%;
    height: 100%;
    border: none;
    padding: 0;
    outline: 0;
    background-color: transparent;
    text-align: center;
    color: #000
}

.g-mzw-stepper1.sty2 {
    width: 1.35rem;
    height: .44rem;
    border-radius: 0;
    background-color: transparent;
    border-color: #c9c9c9
}

.g-mzw-stepper1.sty2 .stepper-add,
.g-mzw-stepper1.sty2 .stepper-sub {
    width: .46rem;
    background-color: transparent
}

.g-mzw-stepper1.sty2 .stepper-sub {
    border-right: none
}

.g-mzw-stepper1.sty2 .stepper-add {
    border-left: none
}

.g-mzw-stepper1.sty2 .layui-icon {
    font-size: .18rem;
    color: #c9c9c9;
    font-weight: 600
}

.g-mzw-stepper1.sty2 .stepper-box {
    background-color: transparent
}

.m-mzw-tab1 {
    position: relative
}

.m-mzw-tab1::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #d2d2d2;
    position: absolute;
    left: 0;
    bottom: 0
}

.m-mzw-tab1 ul {
    display: flex;
    justify-content: space-between
}

.m-mzw-tab1 .a1 {
    display: block;
    font-size: .24rem;
    font-family: Lato-Bold;
    font-weight: 700;
    color: #000;
    transition: color .4s;
    padding: .21rem 0 .22rem;
    position: relative
}

.m-mzw-tab1 .a1::after {
    content: '';
    display: block;
    width: 100%;
    height: .03rem;
    background-color: #000;
    transition: transform .4s;
    transform: scaleX(0);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.m-mzw-tab1 .a1:hover,
.m-mzw-tab1 li.on .a1 {
    font-weight: 520
}

.m-mzw-tab1 .a1:hover::after,
.m-mzw-tab1 li.on .a1::after {
    transform: scaleX(1)
}

.m-mzw-tab1.sty2 {
    background-color: #f6f6f6
}

.m-mzw-tab1.sty2::after {
    display: none
}

.m-mzw-tab1.sty2 ul {
    justify-content: center
}

.m-mzw-tab1.sty2 li {
    margin: 0 1rem
}

.m-mzw-tab1.sty2 .a1 {
    font-weight: 520;
    padding-left: .2rem;
    padding-right: .2rem
}

.m-mzw-tab1.sty2 .a1::after {
    height: .05rem
}

.m-mzw-tab1.sty3 li {
    margin: 0 .1rem
}

.m-mzw-tab1.sty3 .a1 {
    font-size: .2rem;
    min-width: .62rem;
    padding: .2rem .1rem;
    text-align: center;
    font-family: Lato-Regular;
    font-weight: 400
}

.m-mzw-tab1.sty3 .a1::after {
    height: .04rem;
    border-radius: 2px
}

.m-mzw-tab1.sty3 .a1:hover,
.m-mzw-tab1.sty3 li.on .a1 {
    font-family: Lato-Bold;
    font-weight: 700
}

.mzw-box1 {
    margin-top: .81rem
}

.mzw-box1 .pic {
    margin-bottom: 2px
}

.mzw-box1 .txt {
    font-size: .3rem;
    font-family: Lato-Bold;
    font-weight: 700;
    color: #000;
    line-height: 2;
    /*background-color:#000;*/
    padding: .3rem .36rem .44rem
}

.mzw-litpic2 {
    margin-bottom: .7rem
}

.mzw-litpic2 .con {
    display: flex;
    align-items: center;
    overflow: hidden;
    border-bottom: 1px solid #000;
    padding: .82rem 0
}

.mzw-litpic2 .pic {
    width: 6.9rem;
    flex-shrink: 0;
    margin-right: .4rem
}

.mzw-litpic2 .pic.w2 {
    width: 9.74rem
}

.mzw-litpic2 .txt {
    flex: 1;
    font-size: .36rem;
    font-family: Lato-Bold;
    font-weight: 700;
    color: #000;
    line-height: 1.667
}

.mzw-litpic2 .tit {
    margin-bottom: .21rem
}

.mzw-litpic2 .desc {
    margin-left: 1em
}

.mzw-litpic2 li:nth-child(odd) .con {
    flex-direction: row-reverse
}

.mzw-litpic2 li:nth-child(odd) .pic {
    margin-right: 0;
    margin-left: .4rem
}

.mzw-box2 {
    /*background-image:url(../images/bgpic-a3.jpg);*/
    color: #000;
    line-height: 2;
    padding: .5rem .59rem .64rem;
    margin-bottom: .7rem
}

.mzw-box3 {
    color: #000;
    line-height: 2;
    padding: .4rem .59rem .62rem;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000
}

.m-mzw-select2 {
    position: relative;
    width: 290px;
    height: 34px;
    display: flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid #a8a8a8;
    border-radius: 4px;
    padding: 0 13px
}

.m-mzw-select2 .icon,
.m-mzw-select2 .tit {
    flex-shrink: 0
}

.m-mzw-select2 .input,
.m-mzw-select2 .tit {
    color: #000;
    line-height: 32px
}

.m-mzw-select2 .input {
    flex: 1;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    margin: 0 10px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.m-mzw-select2 .icon {
    width: 13px
}

.mzw-row-c1 {
    padding: .48rem 0 .1rem
}

.mzw-row-c2-1 {
    display: flex;
    justify-content: flex-end;
    margin-bottom: .2rem
}

.m-mzw-shopList1 .td,
.m-mzw-shopList1 .tr {
    display: flex;
    align-items: center;
    overflow: hidden
}

.m-mzw-shopList1 .w1 {
    width: 52%
}

.m-mzw-shopList1 .w2,
.m-mzw-shopList1 .w3,
.m-mzw-shopList1 .w4,
.m-mzw-shopList1 .w5,
.m-mzw-shopList1 .w6 {
    width: 9.6%;
    justify-content: center
}

.m-mzw-shopList1 .w6 {
    justify-content: flex-end
}

.m-mzw-shopList1 .head {
    border-top: 2px solid #8c8c8c;
    border-bottom: 1px solid #8c8c8c;
    font-family: Lato-Bold;
    font-weight: 700
}

.m-mzw-shopList1 .head .tr {
    padding: .25rem 0;
    min-height: .88rem
}

.m-mzw-shopList1 .head .td {
    color: #000
}

.m-mzw-shopList1 .head .checkbox {
    margin-right: .44rem
}

.m-mzw-shopList1 .head .deleteAll {
    margin-right: 1.26rem
}

.m-mzw-shopList1 .body .tr {
    border-bottom: 1px solid #8c8c8c;
    padding: .3rem 0
}

.m-mzw-shopList1 .body .checkbox {
    margin-right: .42rem;
    flex-shrink: 0
}

.m-mzw-shopList1 .deleteAll {
    font-family: Lato-Regular;
    font-weight: 400;
    display: inline-block;
    min-width: .68rem;
    color: #000;
    padding: .02rem .1rem;
    box-sizing: content-box;
    border: 1px solid #a8a8a8;
    border-radius: .04rem;
    text-align: center;
    cursor: pointer;
    transition: .4s
}

.m-mzw-shopList1 .deleteAll:hover {
    border-color: #000;
    background-color: #000;
    color: #fff
}

.m-mzw-shopList1 .checkbox .layui-form-checkbox[lay-skin=primary] {
    min-width: 27px;
    min-height: 27px;
    padding-left: 27px
}

.m-mzw-shopList1 .checkbox .layui-form-checkbox[lay-skin=primary]>i {
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #a8a8a8;
    box-sizing: content-box;
    line-height: 25px;
    font-size: 14px
}

.m-mzw-shopList1 .checkbox .layui-form-checkbox[lay-skin=primary]:hover>i {
    border-color: #a8a8a8;
    background-color: transparent
}

.m-mzw-shopList1 .checkbox .layui-form-checkbox[lay-skin=primary]>div {
    font-size: .22rem;
    color: #000;
    line-height: 27px;
    margin-left: .2rem;
    margin-top: 0;
    padding-right: 0
}

.m-mzw-shopList1 .litpic {
    overflow: hidden;
    flex: 1
}

.m-mzw-shopList1 .litpic .box1 {
    width: 1.69rem;
    border: 1px solid #000;
    float: left;
    margin-right: .16rem;
    padding: .08rem
}

.m-mzw-shopList1 .litpic .pic {
    padding-top: 100%;
    border-radius: .08rem
}

.m-mzw-shopList1 .litpic .txt {
    overflow: hidden
}

.m-mzw-shopList1 .litpic .tit {
    font-family: Lato-Bold;
    font-weight: 700;
    font-size: .25rem;
    color: #282828;
    margin-bottom: .04rem
}

.m-mzw-shopList1 .litpic .desc {
    font-family: Lato-Light;
    font-weight: 300;
    font-size: .2rem;
    color: #101010;
    line-height: 1.6
}

.m-mzw-shopList1 .delete {
    display: inline-block;
    padding-left: .34rem;
    background: url(../images/icon-b9.png) left center/.22rem auto no-repeat;
    font-size: .2rem;
    color: #101010;
    line-height: 1.5;
    cursor: pointer
}

.m-mzw-shopList1 .foot {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: .45rem .86rem 0 0
}

.m-mzw-shopList1 .foot .row1 {
    display: flex;
    align-items: center;
    font-size: .24rem;
    color: #050505;
    margin-bottom: .37rem;
    padding-right: .32rem;
    font-family: Lato-Bold;
    font-weight: 700
}

.m-mzw-shopList1 .foot .row1 .price {
    margin-left: .22rem
}

.m-mzw-shopList1.sty2 {
    border: 1px solid #8c8c8c
}

.m-mzw-shopList1.sty2 .thead {
    font-size: .24rem;
    font-family: Lato-Black;
    font-weight: 800;
    color: #292929;
    text-transform: uppercase;
    padding-top: .21rem;
    padding-bottom: .21rem
}

.m-mzw-shopList1.sty2 .thead,
.m-mzw-shopList1.sty2 .tr {
    padding-left: .18rem;
    padding-right: .18rem
}

.m-mzw-shopList1.sty2 .head {
    border-top-width: 1px
}

.m-mzw-shopList1.sty2 .body .w4 {
    color: #101010
}

.m-mzw-shopList1.sty2 .w2,
.m-mzw-shopList1.sty2 .w3,
.m-mzw-shopList1.sty2 .w4,
.m-mzw-shopList1.sty2 .w5 {
    width: 12%
}

.m-mzw-shopList1.sty2 .foot {
    padding: .29rem .92rem 0 0
}

.m-mzw-shopList1.sty2 .foot .row1 {
    font-weight: 305;
    font-size: .2rem;
    color: #292929;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: .22rem;
    padding-right: 0
}

.m-mzw-shopList1.sty2 .foot .item {
    display: flex;
    align-items: center;
    font-family: Lato-Regular;
    font-weight: 400
}

.m-mzw-shopList1.sty2 .foot .item .tit {
    text-transform: uppercase;
    width: 3.25rem
}

.m-mzw-shopList1.sty2 .foot .item .price {
    overflow: hidden;
    text-align: left;
    margin-left: 0
}

.m-mzw-shopList1.sty2 .foot .total {
    margin-top: .18rem
}

.m-mzw-shopList1.sty2 .foot .total .tit {
    font-family: Lato-Bold;
    font-weight: 700
}

.m-mzw-shopList1.sty2_1 {
    border-color: #c8c8c8;
    margin-bottom: .39rem
}

.m-mzw-shopList1.sty2_1:last-child {
    margin-bottom: 0
}

.m-mzw-shopList1.sty2_1 .tr {
    padding-left: .24rem;
    padding-right: .44rem
}

.m-mzw-shopList1.sty2_1 .head {
    border-bottom-color: #c8c8c8
}

.m-mzw-shopList1.sty2_1 .head .tr {
    padding-top: .12rem;
    padding-bottom: .12rem;
    min-height: 0
}

.m-mzw-shopList1.sty2_1 .head .td {
    font-family: Lato-Bold;
    font-weight: 700
}

.m-mzw-shopList1.sty2_1 .w1 {
    width: 34%
}

.m-mzw-shopList1.sty2_1 .w2,
.m-mzw-shopList1.sty2_1 .w3,
.m-mzw-shopList1.sty2_1 .w4,
.m-mzw-shopList1.sty2_1 .w5,
.m-mzw-shopList1.sty2_1 .w6 {
    width: 13.2%
}

.m-mzw-shopList1.sty2_1 .body {
    border-bottom: 1px solid #c8c8c8
}

.m-mzw-shopList1.sty2_1 .body .tr {
    border-bottom: none
}

.m-mzw-shopList1.sty2_1 .litpic .box1 {
    width: 1.29rem
}

.m-mzw-shopList1.sty2_1 .litpic .desc,
.m-mzw-shopList1.sty2_1 .litpic .tit {
    font-family: Lato-Regular;
    font-weight: 400;
    font-size: .18rem
}

.m-mzw-shopList1.sty2_1 .g-mzw-price {
    font-size: .2rem
}

.m-mzw-shopList1.sty2_1 .foot2 {
    padding: .09rem .44rem .09rem .24rem
}

.m-mzw-shopList1.sty2_1 .foot2 .row2 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.m-mzw-shopList1.sty2_1 .foot2 .row2 .info {
    color: #3f3f3f
}

.m-mzw-shopList1.sty2_1 .foot2 .row2 .info p {
    display: inline;
    margin-right: 1em
}

.m-mzw-shopList1.sty2_1 .foot2 .row2 .btns {
    display: flex
}

.m-mzw-shopList1.sty2_1 .foot2 .row2 .g-mzw-btn2 {
    padding-top: .02rem;
    padding-bottom: .02rem;
    margin-right: .19rem
}

.m-mzw-shopList1.sty2_1 .foot2 .row2 .g-mzw-btn2:last-child {
    margin-right: 0
}

.m-mzw-shopList1.sty2_2 {
    border-color: #c8c8c8;
    margin-bottom: .39rem
}

.m-mzw-shopList1.sty2_2:last-child {
    margin-bottom: 0
}

.m-mzw-shopList1.sty2_2 .tr {
    padding-left: .24rem;
    padding-right: .44rem
}

.m-mzw-shopList1.sty2_2 .thead {
    font-family: Lato-Blod;
    font-weight: 700;
    border-bottom: 1px solid #c8c8c8;
    padding: .16rem .24rem
}

.m-mzw-shopList1.sty2_2 .head {
    border-bottom-color: #c8c8c8
}

.m-mzw-shopList1.sty2_2 .head .tr {
    padding-top: .12rem;
    padding-bottom: .12rem;
    min-height: 0
}

.m-mzw-shopList1.sty2_2 .head .td {
    font-family: Lato-Bold;
    font-weight: 700
}

.m-mzw-shopList1.sty2_2 .w1 {
    width: 47.2%
}

.m-mzw-shopList1.sty2_2 .w2,
.m-mzw-shopList1.sty2_2 .w3,
.m-mzw-shopList1.sty2_2 .w4,
.m-mzw-shopList1.sty2_2 .w5 {
    width: 13.2%
}

.m-mzw-shopList1.sty2_2 .body {
    border-bottom: 1px solid #c8c8c8
}

.m-mzw-shopList1.sty2_2 .body .tr {
    border-bottom: none
}

.m-mzw-shopList1.sty2_2 .litpic .box1 {
    width: 1.29rem
}

.m-mzw-shopList1.sty2_2 .litpic .desc,
.m-mzw-shopList1.sty2_2 .litpic .tit {
    font-size: .18rem;
    font-family: Lato-Regular;
    font-weight: 400
}

.m-mzw-shopList1.sty2_2 .g-mzw-price {
    font-size: .2rem
}

.m-mzw-shopList1.sty2_2 .foot .total {
    margin-top: .36rem
}

.mzw-row-d1 {
    padding: .48rem 0 .69rem
}

.m-mzw-success {
    overflow: hidden
}

.m-mzw-success .left {
    width: 7.37rem;
    float: left;
    border: 2px solid #787878;
    border-radius: .48rem 0;
    overflow: hidden;
    margin-right: .48rem
}

.m-mzw-success .pic {
    padding-top: 97.9619%
}

.m-mzw-success .right {
    overflow: hidden
}

.m-mzw-success .list li {
    border-bottom: 1px solid #7f7f7f;
    padding: .2rem 0;
    overflow: hidden
}

.m-mzw-success .list .con {
    color: #000;
    line-height: 1.5;
    overflow: hidden
}

.m-mzw-success .list .tit {
    float: left
}

.m-mzw-success .list .txt {
    overflow: hidden
}

.m-mzw-success .list li.col2 .con {
    float: left;
    margin-right: 1rem
}

.m-mzw-success .list li.col2 .con:last-child {
    margin-right: 0
}

.g-mzw-btn2 {
    display: inline-block;
    min-width: 1.74rem;
    border: 1px solid #e1e8fd;
    background-color: #f7f9ff;
    cursor: pointer;
    color: #000;
    line-height: 1.6;
    padding: .13rem .3rem;
    border-radius: 60px;
    text-align: center;
    box-sizing: content-box;
    transition: .4s
}

.g-mzw-btn2:hover {
    background-color: #e1e8fd
}

.g-mzw-btn2.bg2 {
    border-color: #000;
    background-color: #000;
    color: #fff
}

.g-mzw-btn2.bg2:hover,
.g-mzw-btn2.bg4:hover,
.g-mzw-btn2.bg5:hover,
.g-mzw-btn2.bg6:hover {
    opacity: .8
}

.g-mzw-btn2.bg3 {
    border-color: #000;
    background-color: transparent
}

.g-mzw-btn2.bg3:hover {
    border-color: #f0a4a4;
    background-color: #f0a4a4;
    color: #fff
}

.g-mzw-btn2.bg3.hvr1:hover {
    border-color: #000;
    background-color: #000
}

.g-mzw-btn2.bg4 {
    border-color: #d8d8d8;
    background-color: #d8d8d8;
    color: #fff
}

.g-mzw-btn2.bg4_2 {
    color: #000
}

.g-mzw-btn2.bg5 {
    border-color: #747474;
    background-color: #747474;
    color: #fff
}

.g-mzw-btn2.bg6 {
    border-color: #f0a4a4;
    background-color: #f0a4a4;
    color: #fff
}

.g-mzw-btn2.sty2,
.g-mzw-btn2.sty3 {
    font-family: Lato-Bold;
    font-weight: 700;
    text-transform: uppercase
}

.g-mzw-btn2.sty2 {
    min-width: 1.5rem
}

.g-mzw-btn2.sty3 {
    min-width: 2.1rem
}

.g-mzw-btn2.sty4 {
    min-width: 0;
    font-family: Lato-Light;
    font-weight: 300;
    padding: .02rem .16rem
}

.g-mzw-btn2.sty5 {
    min-width: 1.44rem
}

.g-mzw-btn2.sty6 {
    min-width: .98rem;
    padding: .04rem .1rem
}

.g-mzw-btn2.sty6.minw1 {
    min-width: 1.1rem
}

.g-mzw-btn2.sty6.minw2 {
    min-width: 1.05rem
}

.g-mzw-btn2.sty7 {
    min-width: 1.37rem;
    padding: .08rem .2rem
}

.g-mzw-btn2.sty8 {
    font-family: Lato-Light;
    font-weight: 300;
    min-width: 1.19rem;
    padding: .11rem .2rem
}

.mzw-row-e1 {
    padding: .48rem 0 .43rem
}

.mzw-row-e2-1 {
    margin-bottom: .42rem
}

.mzw-settle .title {
    font-size: .24rem;
    color: #292929;
    font-family: Lato-Black;
    font-weight: 800;
    text-transform: uppercase;
    flex: 1
}

.mzw-settle .edit {
    display: block;
    color: #000;
    font-family: Lato-Bold;
    text-decoration: underline;
    cursor: pointer;
}

.mzw-settle .address {
    border-top: 2px solid #1a1a1a;
    margin-bottom: .43rem
}

.mzw-settle .address .head {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mzw-settle .address .title {
    padding: .28rem 0 .44rem
}

.mzw-settle .address .radio {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin: 0 -.14rem
}

.mzw-settle .address .item {
    width: 50%;
    display: block;
    margin-bottom: .29rem
}

.mzw-settle .address input {
    display: none !important
}

.mzw-settle .address .con {
    height: 100%;
    border: 1px solid #a8a8a8;
    transition: .4s;
    margin: 0 .14rem;
    position: relative;
    padding: .22rem .23rem .31rem;
    cursor: pointer
}

.mzw-settle .address .con::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid #000;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .4s
}

.mzw-settle .address .icon {
    width: .32rem;
    position: absolute;
    right: 3px;
    bottom: 3px;
    opacity: 0;
    transition: .4s
}

.mzw-settle .address input:checked+.con .icon,
.mzw-settle .address input:checked+.con::before {
    opacity: 1
}

.mzw-settle .address .txt {
    color: #010101;
    position: relative
}

.mzw-settle .address .tit {
    font-family: Lato-Bold;
    font-weight: 700;
    margin-bottom: .05rem
}

.mzw-settle .address .desc {
    color: #626262;
    line-height: 1.667;
    overflow: hidden
}

.mzw-settle .address li {
    width: 50%;
    float: left
}

.mzw-settle .address li.add {
    width: 100%
}

.mzw-settle .address .c2 {
    color: #a4a4a4
}

.mzw-settle .information {
    border-top: 2px solid #1a1a1a;
    padding-top: .4rem;
    margin-bottom: .31rem
}

.mzw-settle .information .table {
    border: 1px solid #8c8c8c;
    margin-bottom: .3rem
}

.mzw-settle .information .head {
    padding: .18rem .18rem .19rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mzw-settle .information .link {
    color: #000;
    text-decoration: underline
}

.mzw-settle .information .tr {
    border-top: 1px solid #8c8c8c;
    display: flex
}

.mzw-settle .information .td {
    padding: .14rem .18rem;
    min-height: .8rem;
    display: flex;
    align-items: center
}

.mzw-settle .information .td.w1 {
    width: 25.8%;
    border-right: 1px solid #8c8c8c
}

.mzw-settle .information .w2 {
    width: 74.2%;
    padding-left: .4rem;
    padding-right: .4rem
}

.mzw-settle .information .tit {
    color: #000;
    line-height: 1.25;
    position: relative;
    padding-left: 1em
}

.mzw-settle .information .tit.required::before {
    content: '*';
    display: inline;
    font-size: 1.5em;
    position: absolute;
    left: 0;
    top: 0
}

.mzw-settle .information .input {
    width: 4.85rem
}

.mzw-settle .information .layui-input {
    border-color: #a8a8a8;
    width: 100%;
    height: .53rem;
    padding: 0 .28rem;
    color: #000
}

.mzw-settle .information .layui-input:hover {
    border-color: #a8a8a8 !important
}

.mzw-settle .information .layui-input:focus {
    border-color: #000 !important;
    box-shadow: unset
}

.mzw-settle .information .email,
.mzw-settle .information .name {
    display: flex;
    overflow: hidden
}

.mzw-settle .information .email .layui-input,
.mzw-settle .information .name .layui-input {
    flex: 1
}

.mzw-settle .information .name .layui-input:first-child {
    margin-right: .09rem
}

.mzw-settle .information .email {
    align-items: center
}

.mzw-settle .information .email .icon {
    padding: 0 .12rem;
    font-size: .24rem;
    color: #000
}

.mzw-settle .information .email .layui-input:first-child {
    width: 2.36rem;
    flex: 0 1 auto
}

.mzw-settle .information .select .layui-form-select .layui-input {
    font-size: .18rem;
    height: .53rem;
    color: #000;
    border-color: #a8a8a8;
    padding: 0 calc(12px + .3rem) 0 .28rem
}

.mzw-settle .information .select .layui-form-select .layui-edge {
    border-top-color: #464646;
    right: .2rem
}

.mzw-settle .information .select .layui-form-select dl {
    top: .63rem
}

.mzw-settle .information .select .layui-form-selectup dl {
    top: auto;
    bottom: .63rem
}

.mzw-settle .information .radio {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.mzw-settle .information .radio .layui-form-radio {
    display: flex;
    align-self: center;
    padding-right: 0;
    margin-right: .8rem;
    margin-top: 0
}

.mzw-settle .information .radio .layui-icon {
    display: block;
    width: .36rem;
    height: .36rem;
    border: 1px solid #aaa;
    box-sizing: content-box;
    border-radius: 50%;
    background-color: #f7f9ff;
    margin-right: .2rem;
    text-align: center;
    line-height: .36rem;
    animation: none
}

.mzw-settle .information .radio .layui-form-radio>div {
    display: block;
    font-size: .2rem;
    color: #000;
    line-height: 1.5;
    padding-top: .04rem
}

.mzw-settle .information .radio .layui-icon::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/icon-b13.png) center/.21rem auto no-repeat;
    opacity: 0
}

.mzw-settle .information .radio .layui-icon-radio::before {
    opacity: 1
}

.mzw-settle .notes {
    border-top: 2px solid #1a1a1a;
    padding: .31rem 0 .07rem
}

.mzw-settle .notes .title {
    margin-bottom: .12rem
}

.mzw-settle .notes .item {
    display: flex;
    align-items: center;
    margin-bottom: .31rem
}

.mzw-settle .notes .label {
    color: #000;
    margin-right: .21rem
}

.mzw-settle .notes .input {
    width: 8.75rem
}

.mzw-settle .notes .layui-input {
    width: 100%;
    height: .53rem;
    border-color: #000;
    padding: 0 .28rem
}

.mzw-settle .notes .layui-input:hover {
    border-color: #000 !important
}

.mzw-settle .notes .layui-input:focus {
    border-color: #000 !important;
    box-shadow: unset
}

.mzw-settle .notes .layui-form-checkbox>div {
    font-size: .22rem;
    color: #464646;
    line-height: 1.5;
    flex: 1
}

.mzw-settle .notes .layui-form-checkbox {
    padding-left: 0;
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

.mzw-settle .notes .layui-form-checkbox[lay-skin=primary]>i {
    background-color: transparent;
    border-radius: 3px;
    position: static;
    margin-right: .13rem;
    border-color: #000
}

.mzw-settle .notes .layui-form-checked[lay-skin=primary]>i {
    background-color: transparent !important;
    color: #000
}

.mzw-settle .payment {
    border-top: 2px solid #1a1a1a;
    padding-top: .38rem
}

.mzw-settle .payment .table {
    border: 1px solid #8c8c8c
}

.mzw-settle .payment .tr {
    display: flex
}

.mzw-settle .payment .td {
    border-right: 1px solid #8c8c8c;
    padding: .15rem .18rem;
    display: flex;
    align-items: center;
    min-height: .73rem
}

.mzw-settle .payment .td:last-child {
    border-right: 0
}

.mzw-settle .payment .w1 {
    width: 67.9%
}

.mzw-settle .payment .w2 {
    width: 32.1%
}

.mzw-settle .payment .tit {
    font-family: Lato-Bold;
    font-weight: 700;
    color: #000;
    margin-right: 1.12rem
}

.mzw-settle .payment .body .tr {
    border-top: 1px solid #8c8c8c
}

.mzw-settle .payment .body .td {
    padding-top: .22rem;
    padding-bottom: .22rem
}

.mzw-settle .payment .body .w2 {
    justify-content: flex-end
}

.mzw-settle .payment .radio {
    display: flex;
    flex-wrap: wrap;
    padding-top: .1rem
}

.mzw-settle .payment .radio .item {
    margin-right: .4rem;
    margin-bottom: .1rem
}

.mzw-settle .payment .radio input {
    display: none;
    position: absolute
}

.mzw-settle .payment .radio .con {
    display: flex;
    align-items: center;
    cursor: pointer
}

.mzw-settle .payment .radio .icon {
    width: .36rem;
    height: .36rem;
    border: 1px solid #aaa;
    box-sizing: content-box;
    border-radius: 50%;
    background-color: #f7f9ff;
    transition: .4s;
    margin-right: .4rem;
    text-align: center;
    line-height: .36rem
}

.mzw-settle .payment .radio .icon i {
    font-size: .24rem;
    opacity: 0;
    transition: .4s
}

.mzw-settle .payment .radio .pic {
    height: .62rem
}

.mzw-settle .payment .radio input:checked+.con .icon i {
    opacity: 1
}

.mzw-settle.order-detail .information {
    padding-top: 0;
    border-top: none;
    margin-bottom: 0
}

.mzw-settle.order-detail .information .tr:first-child {
    border-top: none
}

.mzw-settle.order-detail .information .btns {
    padding: .2rem 0;
    text-align: right
}

.mzw-settle.order-detail .information .btns .btn {
    margin-right: .2rem
}

.mzw-settle.order-detail .information .btns .btn:last-child {
    margin-right: 0
}

.mzw-row-f1 {
    padding: .48rem 0 .15rem
}

.mzw-row-f2 {
    margin-bottom: .32rem
}

.mzw-row-f3 {
    padding-bottom: .4rem
}

.mzw-box4 {
    /*background-color:#000;*/
    color: #000;
    margin: .81rem 0 .63rem
}

.mzw-box4 .tit,
.mzw-box4 .txt {
    padding: 0 .84rem
}

.mzw-box4 .tit {
    font-size: .4rem;
    font-family: Lato-Black;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    border-bottom: 1px solid #fff;
    padding-top: .44rem;
    padding-bottom: .5rem
}

.mzw-box4 .txt {
    font-size: .3rem;
    font-family: Lato-Bold;
    font-weight: 700;
    line-height: 2;
    padding-top: .31rem;
    padding-bottom: .42rem
}

.mzw-box4 .txt li {
    position: relative;
    padding-left: 1.2em;
    margin-bottom: .38em
}

.mzw-box4 .txt li:last-child {
    margin-bottom: 0
}

.mzw-box4 .txt li::before {
    content: '•';
    display: inline;
    position: absolute;
    left: 0;
    top: 0
}

.mzw-box5 {
    color: #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: .46rem 0 .5rem;
    margin-bottom: .6rem
}

.mzw-box5.mb0 {
    margin-bottom: 0
}

.mzw-box5.last {
    border-top: none
}

.mzw-box5 .tit {
    font-family: Lato-Bold;
    font-weight: 700;
    font-size: .36rem;
    margin-bottom: .32rem
}

.mzw-box5 .txt {
    font-size: .3rem;
    line-height: 1.6;
    padding-left: 1.5em
}

.mzw-box5 .txt li {
    position: relative;
    padding-left: 1.35em;
    margin-bottom: 1.2em
}

.mzw-box5 .txt li:last-child {
    margin-bottom: 0
}

.mzw-box5 .txt li::before {
    content: '•';
    display: inline;
    position: absolute;
    left: 0;
    top: 0
}

.mzw-box6 {
    margin-bottom: .22rem
}

.mzw-box6 .pic {
    border: 1px solid #000
}

.mzw-box6 .list {
    margin-left: 3.43rem;
    display: flex;
    flex-wrap: wrap;
    color: #000;
    font-size: .36rem;
    padding-top: .52rem;
    background: url(../images/icon-b12.png) 32.4% top/3.46rem auto no-repeat
}

.mzw-box6 li {
    margin-bottom: .44rem;
    width: 49%
}

.mzw-box6 li:nth-child(odd) {
    width: 35%;
    margin-right: 16%
}

.mzw-box6 .tit {
    font-family: Lato-Bold;
    font-weight: 700
}

.mzw-box6 .info {
    font-size: .3rem;
    line-height: 1.6
}

.mzw-box7 {
    margin-bottom: .11rem
}

.mzw-box7 .head {
    color: #000;
    text-align: center;
    margin: 0 11.5% .51rem
}

.mzw-box7 .head .tit {
    font-size: .36rem;
    font-family: Lato-Bold;
    font-weight: 700
}

.mzw-box7 .head .desc {
    font-size: .3rem;
    line-height: 1.6
}

.mzw-box7 .list {
    margin: 0 -.31rem;
    display: flex;
    flex-wrap: wrap
}

.mzw-box7 .list li {
    width: 50%;
    margin-bottom: .5rem
}

.mzw-box7 .list .con {
    height: 100%;
    border: 2px solid #787878;
    margin: 0 .31rem;
    background-color: #fff
}

.mzw-box7 .list .tit {
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    color: #fff;
    font-size: .48rem;
    font-family: Lato-Bold;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #000
}

.mzw-box7 .list .txt {
    color: #000;
    line-height: 1.667;
    padding: .22rem .35rem
}

.mzw-box8 {
    padding-bottom: .6rem;
    border-bottom: 1px solid #000;
    margin-bottom: .1rem
}

.m-mzw-date {
    width: 100%;
    display: flex
}

.m-mzw-date .date-select {
    flex: 1;
    margin-right: .09rem
}

.m-mzw-date .date-select:last-child {
    margin-right: 0
}

.m-mzw-date .layui-form-select .layui-input {
    font-size: .18rem;
    height: .53rem;
    color: #000;
    border-color: #a8a8a8;
    padding: 0 calc(12px + .3rem) 0 .28rem
}

.m-mzw-date .layui-form-select .layui-edge {
    border-top-color: #464646;
    right: .2rem
}

.m-mzw-date .layui-form-select dl {
    top: .63rem
}

.m-mzw-date .layui-form-selectup dl {
    top: auto;
    bottom: .63rem
}

.m-mzw-popup1 {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 200;
    display: none
}

.m-mzw-popup1 .popup-mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .49)
}

.m-mzw-popup1 .popup-con {
    width: 12.64rem;
    max-width: calc(100% - .6rem);
    border-radius: .12rem;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.m-mzw-popup1 .popup-head {
    min-height: .8rem;
    background: url(../images/bgpic-a6.jpg) center/cover no-repeat;
    text-align: center;
    padding: .19rem .8rem;
    position: relative
}

.m-mzw-popup1 .popup-close {
    width: .32rem;
    position: absolute;
    top: 50%;
    right: .38rem;
    transform: translateY(-50%);
    cursor: pointer
}

.m-mzw-popup1 .popup-title {
    font-size: .28rem;
    line-height: 1.5;
    font-family: Lato-Bold;
    color: #f3f3f3;
    font-weight: 700
}

.m-mzw-popup1 .popup-head.left {
    text-align: left;
    padding-left: .3rem
}

.m-mzw-popup1 .popup-body {
    background-color: #fff
}

.m-mzw-popup1 .popup-scroll {
    padding: .4rem .3rem
}

.m-mzw-popup1 .popup-scroll-con {
    max-height: 70vh;
    overflow-x: hidden;
    overflow-y: auto
}

.m-mzw-popup1.bgc1 .popup-body {
    background-color: #f3f3f3
}

.m-mzw-popup1.sty2 .popup-con {
    width: 4.8rem;
    overflow: visible;
}

.m-mzw-popup1.sty2 .popup-head {
    border-radius: .12rem .12rem 0 0;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.m-mzw-popup1.sty2 .popup-body {
    border-radius: 0 0 .12rem .12rem;
    padding: 0.4rem 0.3rem;
}

.m-mzw-popup1.sty2 .popup-foot {
    padding-top: 0.4rem;
    text-align: center;
}

.g-mzw-select-a1 .layui-form-select .layui-input {
    display: block;
    height: .5rem;
    border: 2px solid #000;
    background-color: #fff;
    font-size: .18rem;
    color: #000;
    padding: 0 .48rem 0 .21rem;
    cursor: pointer
}

.g-mzw-select-a1 .layui-form-select .layui-edge {
    width: .17rem;
    height: .18rem;
    border: none;
    background: url(../images/icon-b2.png) center/100% auto no-repeat;
    right: .18rem;
    margin-top: -.09rem
}

.g-mzw-select-a1 .layui-input:hover {
    border-color: #000 !important
}

.g-mzw-select-a1 .layui-input:focus {
    border-color: #000 !important;
    box-shadow: unset
}

.g-mzw-select-a1 .layui-form-select dl {
    top: .6rem
}

.g-mzw-select-a1 .layui-form-selectup dl {
    top: auto;
    bottom: .6rem
}

.mzw-box9 {
    padding: .27rem .9rem .6rem
}

.mzw-box9 .txt {
    color: #000;
    line-height: 1.5;
    margin-bottom: .46rem
}

.mzw-box9 .btn {
    text-align: center
}

.mzw-box9 .btn .g-mzw-btn2 {
    font-family: Lato-Light;
    font-weight: 300
}

.mzw-row-g1 {
    padding: .48rem 0 .14rem
}

.mzw-row-g2 {
    margin-bottom: .5rem
}

.mzw-row-h1 {
    padding: .48rem 0 .49rem
}

.mzw-row-h2 {
    margin-bottom: .2rem
}

.mzw-row-h3 {
    margin-bottom: .39rem
}

.mzw-row-h4 {
    padding-bottom: .4rem
}

.mzw-box10 {
    overflow: hidden
}

.mzw-box10 .left {
    width: 3.15rem;
    border-radius: 50%;
    background-color: #cdcdcd;
    padding: .08rem;
    margin-right: .45rem;
    float: left
}

.mzw-box10 .pic {
    padding-top: 100%;
    border-radius: 50%
}

.mzw-box10 .txt {
    overflow: hidden;
    color: #000;
    line-height: 2;
    padding-top: .23rem
}

.mzw-box10 .tit {
    font-family: Lato-Black;
    font-weight: 800;
    font-size: .28rem;
    text-transform: uppercase;
    margin-bottom: .02rem
}

.mzw-row-i1 {
    margin-bottom: .57rem
}

.mzw-row-i2 {
    margin-bottom: .52rem
}

.mzw-litpic3 {
    margin: 0 -.25rem;
    padding-bottom: .1rem;
    display: flex;
    flex-wrap: wrap
}

.mzw-litpic3 li {
    width: 33.333%;
    margin-bottom: .3rem
}

.mzw-litpic3 .con {
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 0 .05rem .1rem rgba(0, 0, 0, .05);
    overflow: hidden;
    margin: 0 .25rem
}

.mzw-litpic3 .pic {
    padding-top: 58.2987%
}

.mzw-litpic3 .txt {
    flex: 1;
    padding: .24rem .3rem 0;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.mzw-litpic3 .tit {
    font-family: Lato-Bold;
    font-weight: 700;
    color: #333;
    line-height: 1.364;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    margin-bottom: .09rem
}

.mzw-litpic3 .desc {
    flex: 1;
    color: #565656;
    line-height: 1.667;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
    margin-bottom: .15rem
}

.mzw-litpic3 .date {
    border-top: 1px solid #eaf0fb;
    font-family: Lato-Bold;
    font-weight: 700;
    color: #000;
    line-height: 1.5;
    background: url(../images/icon-c1.png) left center/15px auto no-repeat;
    padding: .12rem 0;
    padding-left: 24px
}

.mzw-row-i3 {
    margin-bottom: .5rem
}

.mzw-det1 {
    color: #000;
    padding-top: .49rem
}

.mzw-det1 .row1 {
    font-family: Lato-Bold;
    font-weight: 700;
    line-height: 2;
    margin-bottom: .16rem
}

.mzw-det1 .item {
    border-bottom: 1px solid #000;
    padding-bottom: .22rem;
    margin-bottom: .3rem
}

.mzw-det1 .item:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0
}

.mzw-det1 .tit,
.mzw-det1 .txt {
    padding-left: .57rem
}

.mzw-det1 .tit {
    font-size: .24rem;
    font-family: Lato-Bold;
    font-weight: 700;
    line-height: .49rem;
    background: url(../images/icon-c2.png) left center/.46rem auto no-repeat
}

.mzw-det1 .txt {
    line-height: 2
}

.mzw-row-j1 {
    margin-bottom: .57rem
}

.mzw-row-j2 {
    margin-bottom: .52rem
}

.mzw-row-j3 {
    margin-bottom: .75rem
}

.mzw-list1 {
    padding: 0 .6rem
}

.mzw-list1 .head {
    display: flex;
    align-items: center;
    overflow: hidden;
    border-bottom: 1px solid #000;
    padding: .17rem 0;
    cursor: pointer
}

.mzw-list1 .icon1,
.mzw-list1 .icon2 {
    flex-shrink: 0
}

.mzw-list1 .icon1 {
    width: .4rem
}

.mzw-list1 .tit {
    flex: 1;
    font-family: Lato-Bold;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    margin: 0 .2rem
}

.mzw-list1 .icon2 {
    width: .24rem;
    margin-right: .25rem;
    transition: transform .4s
}

.mzw-list1 .body {
    display: none;
    overflow: hidden
}

.mzw-list1 .body::after {
    content: '';
    display: block;
    height: 1px;
    background-color: #000
}

.mzw-list1 .txt {
    margin: .1rem .44rem;
    background-color: #f4f4f4;
    color: #000;
    line-height: 1.667;
    padding: .1rem .15rem
}

.mzw-list1 li.show .body {
    display: block
}

.mzw-list1 li.on .icon2 {
    transform: rotateZ(180deg)
}

.mzw-layout {
    padding-top: .52rem;
    padding-bottom: .3rem
}

.mzw-layout .layout-l {
    width: 3.38rem;
    float: left;
    margin-top: -1.05rem;
    position: relative
}

.mzw-layout .layout-r {
    width: calc(100% - 3.78rem);
    min-height: 7.67rem;
    border-radius: .12rem;
    background-color: #fff;
    box-shadow: 0 0 .24rem rgba(0, 0, 0, .1);
    padding: 0 .55rem;
    float: right
}

.mzw-layout .layout-head {
    border-bottom: 1px solid #c5c5c5;
    font-size: .3rem;
    font-family: Lato-Black;
    font-weight: 800;
    color: #000;
    padding: .24rem 0 .21rem
}

.mzw-layout .layout-body {
    padding: .4rem 0 .6rem
}

.mzw-member {
    border-radius: .12rem;
    background-color: #fff;
    box-shadow: 0 0 .24rem rgba(0, 0, 0, .1);
    padding: 0 .3rem
}

.mzw-member .head {
    border-bottom: 1px solid #aeaeae;
    padding: .37rem 0 .16rem
}

.mzw-member .head .title {
    margin-bottom: .3rem
}

.mzw-member .head .userInfo .box {
    width: .87rem;
    border: 2px solid #b9b9b9;
    overflow: hidden;
    margin: 0 auto .03rem;
    border-radius: 50%
}

.mzw-member .head .userInfo .pic {
    padding-top: 100%
}

.mzw-member .head .userInfo .txt {
    text-align: center
}

.mzw-member .head .userInfo .name {
    color: #000;
    text-transform: uppercase;
    margin-bottom: .09rem;
    font-family: Lato-Bold;
    font-weight: 700
}

.mzw-member .head .userInfo .email {
    color: #292929
}

.mzw-member .body {
    padding: .27rem 0 .58rem
}

.mzw-member .list li {
    margin-bottom: .45rem
}

.mzw-member .list li:last-child {
    margin-bottom: 0
}

.mzw-member .list .a1 {
    display: flex;
    align-items: center;
    overflow: hidden;
    padding-left: .07rem;
    cursor: pointer
}

.mzw-member .list .icon {
    width: .32rem;
    flex-shrink: 0;
    margin-right: .18rem
}

.mzw-member .list .txt {
    flex: 1;
    overflow: hidden;
    color: rgba(0, 0, 0, .8);
    line-height: 1.36;
    transition: .4s
}

.mzw-member .list .a1:hover .txt,
.mzw-member .list li.on .txt {
    font-family: Lato-Bold;
    font-weight: 700;
    color: #000
}

.m-mzw-address {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin: 0 -.2rem
}

.m-mzw-address .item {
    width: 50%;
    display: flex;
    margin-bottom: .28rem;
    min-height: 2.15rem
}

.m-mzw-address input {
    display: none !important
}

.m-mzw-address .con {
    width: 100%;
    border: 1px solid #a8a8a8;
    transition: .4s;
    margin: 0 .2rem;
    position: relative;
    padding: .22rem .21rem .2rem;
    cursor: pointer
}

.m-mzw-address .con::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid #000;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .4s
}

.m-mzw-address input:checked+.con .tip,
.m-mzw-address input:checked+.con::before {
    opacity: 1
}

.m-mzw-address .txt {
    color: #010101;
    position: relative
}

.m-mzw-address .tit {
    font-family: Lato-Bold;
    font-weight: 700;
    margin-bottom: .05rem
}

.m-mzw-address .desc {
    color: #626262;
    line-height: 1.667;
    overflow: hidden;
    margin: 0 -.2rem .16rem
}

.m-mzw-address li {
    float: left;
    margin: 0 .2rem
}

.m-mzw-address .c2 {
    color: #a4a4a4
}

.m-mzw-address .other {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.m-mzw-address .btns {
    font-family: Lato-Light;
    font-weight: 300;
    color: #000;
    padding: .02rem 0;
    line-height: 1.6;
    border: 1px solid transparent
}

.m-mzw-address .btn {
    display: inline;
    color: inherit
}

.m-mzw-address .btns i {
    margin: 0 .3em;
    font-style: normal
}

.m-mzw-address .tip {
    transition: .4s;
    opacity: 0
}

.m-mzw-address .item.add .con {
    display: block;
    padding: .19rem
}

.m-mzw-address .item.add .con::before {
    display: none
}

.m-mzw-address .item.add .txt2 {
    height: 100%;
    border: 1px solid #a8a8a8;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: .3rem
}

.m-mzw-address .item.add .icon2 {
    width: .33rem;
    margin-bottom: .06rem
}

.m-mzw-address .item.add .tit2 {
    color: #a7a7a7;
    text-align: center
}

.memberPage2 .mzw-settle .information {
    margin-bottom: .23rem;
    padding-top: 0;
    border-top: none
}

.memberPage2 .mzw-settle .information .table {
    margin-bottom: 0
}

.memberPage2 .mzw-settle .notes {
    border-top: none;
    padding-top: 0
}

.mzw-account {
    display: flex
}

.mzw-account .left {
    width: 1.2rem;
    height: 100%;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    margin: .48rem .5rem 0 .89rem;
    float: left
}

.mzw-account .left .pic {
    padding-top: 100%
}

.mzw-account .file {
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.mzw-account .file input {
    display: none;
    position: absolute
}

.mzw-account .file .txt {
    color: #fff
}

.mzw-account .mzw-settle {
    border-top: none;
    border-left: 1px solid #000
}

.mzw-account .mzw-settle .information {
    border-top: none;
    padding-top: 0;
    padding-left: .23rem
}

.mzw-account .mzw-settle .information .table,
.mzw-account .mzw-settle .information .td,
.mzw-account .mzw-settle .information .tr {
    border: none
}

.mzw-account .mzw-settle .information .tr {
    padding: .16rem 0
}

.mzw-account .mzw-settle .information .td {
    min-height: 0
}

.mzw-account .mzw-settle .information .td.w1 {
    text-align: right;
    padding: 0;
    justify-content: flex-end;
    width: 21.5%
}

.mzw-account .mzw-settle .information .td.w2 {
    width: 78.5%;
    padding: 0 0 0 .3rem
}

.mzw-account .mzw-settle .information .tit {
    padding-left: 0
}

.mzw-account .submit {
    margin-top: .34rem;
    padding-left: .23rem
}

.mzw-account .submit .tr {
    display: flex
}

.mzw-account .submit .w1 {
    width: 21%
}

.mzw-account .submit .w2 {
    width: 79%;
    text-align: center
}

.memberPage5 .mzw-settle .information {
    margin-bottom: .23rem;
    padding-top: 0;
    border-top: none
}

.memberPage5 .mzw-settle .information .table {
    margin-bottom: 0
}

.memberPage5 .mzw-settle .information .table .w1 {
    width: 37.1%
}

.memberPage5 .mzw-settle .information .table .w2 {
    width: 62.9%
}

.memberPage5 .mzw-settle .notes {
    border-top: none;
    padding-top: 0
}

.memberPage7.mzw-layout .layout-body {
    padding-top: 0
}

.memberPage7 .m-mzw-tab1 {
    margin-bottom: .4rem
}

.memberPage7 .m-mzw-shopList1 .head {
    border-top: none
}

.memberPage8.mzw-layout .layout-body {
    padding-top: 0
}

.memberPage8 .m-mzw-tab1 {
    margin-bottom: .4rem
}

.memberPage8 .m-mzw-shopList1 .head {
    border-top: none
}

.memberPage8 .mtitle {
    font-size: .24rem;
    color: #292929;
    font-family: Lato-Bold;
    font-weight: 700;
    text-transform: uppercase
}

.mzw-box11 {
    border-top: 2px solid #1a1a1a;
    margin-bottom: .48rem;
    margin-top: .4rem
}

.mzw-box11 .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .3rem 0 .28rem
}

.mzw-box11 .head .edit {
    display: block;
    color: #000;
    font-family: Lato-Bold;
    text-decoration: underline;
    cursor: pointer
}

.mzw-box11 .title {
    padding: .28rem 0 .34rem
}

.mzw-box11 .radio {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin: 0 0 .29rem
}

.mzw-box11 .item {
    width: 69.3%;
    display: block
}

.mzw-box11 .con {
    height: 100%;
    border: 1px solid #000;
    margin: 0;
    padding: .22rem .23rem .31rem
}

.mzw-box11 .txt {
    color: #010101;
    position: relative
}

.mzw-box11 .tit {
    margin-bottom: .05rem;
    font-family: Lato-Bold;
    font-weight: 700
}

.mzw-box11 .desc {
    color: #626262;
    line-height: 1.667;
    overflow: hidden
}

.mzw-box11 li {
    width: 50%;
    float: left
}

.mzw-box11 li.add {
    width: 100%
}

.mzw-box11 .c2 {
    color: #a4a4a4
}

.mzw-box12 {
    border-top: 2px solid #1a1a1a
}

.mzw-box12 .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .3rem 0 .28rem
}

.mzw-box12 .head .edit {
    display: block;
    color: #000;
    font-family: Lato-Bold;
    text-decoration: underline;
    cursor: pointer
}

.mzw-box12 .list {
    color: #000
}

.mzw-box12 .list li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #8c8c8c;
    padding: .25rem 0
}

.mzw-box12 .list li:first-child {
    border-top: 1px solid #8c8c8c
}

.mzw-box12 .list .name {
    margin-right: .26rem
}

.mzw-box12 .list .info {
    font-family: Lato-Light;
    font-weight: 300
}

.mzw-box12 .list .copy {
    color: #000;
    font-family: Lato-Bold;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 2em
}

.mzw-box12.sty2 .list li {
    display: block
}

.mzw-box12.sty2 .list .name {
    margin-bottom: .1rem
}

.mzw-box12.sty2 .list .date {
    margin-right: .3rem
}

.mzw-box13 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: .4rem
}

.mzw-box13 .btn {
    margin-right: .1rem
}

.mzw-box13 .btn:last-child {
    margin-right: 0
}

.mzw-table1 {
    padding: .48rem .48rem .6rem
}

.mzw-table1 .table {
    max-height: 70vh;
    overflow-x: hidden;
    overflow-y: auto
}

.mzw-table1 table {
    width: 100%;
    border-collapse: separate;
    border: 2px solid #ccc;
    table-layout: fixed;
    border-radius: .12rem;
    overflow: hidden
}

.mzw-table1 td,
.mzw-table1 th {
    padding: .22rem .17rem;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.mzw-table1 td:last-child,
.mzw-table1 th:last-child {
    border-right: none
}

.mzw-table1 tbody tr:last-child td {
    border-bottom: none
}

.mzw-table1 thead tr {
    background-color: #e9e9e9;
    font-family: Lato-Bold;
    font-weight: 700
}

.mzw-table1 tbody tr {
    color: #000;
    text-align: center
}

.mzw-table1 tbody tr td:first-child {
    text-align: left
}

.mzw-table1 .btns {
    text-align: right;
    padding: .18rem 0
}

.mzw-table1 .btns .btn {
    margin-right: .2rem
}

.mzw-table1 .btns .btn:last-child {
    margin-right: 0
}

.mzw-table1 .layui-form-radio {
    margin: 0;
    padding-right: 0;
    line-height: 1.5;
    display: inline-flex;
    align-items: center
}

.mzw-table1 .layui-form-radio>i {
    margin-right: .24rem;
    display: block;
    border: 1px solid #aeaeae;
    width: .23rem;
    height: .23rem;
    border-radius: 50%
}

.mzw-table1 .layui-form-radio>i::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/icon-b13.png) center/60% auto no-repeat;
    opacity: 0
}

.mzw-table1 .layui-form-radio>div {
    font-size: .18rem;
    color: #000
}

.mzw-table1 .layui-form-radioed>i::before {
    opacity: 1
}

.mzw-table1 .layui-icon {
    animation: none
}

.memberPage10 .mzw-settle .information {
    margin-bottom: .23rem;
    padding-top: 0;
    border-top: none
}

.memberPage10 .mzw-settle .information .table {
    margin-bottom: 0
}

.memberPage10 .mzw-settle .notes {
    border-top: none;
    padding-top: 0
}

@media only screen and (min-width:1200px) and (max-width:1500px) {

    .m-mzw-box2 .from .radio .layui-form-radio div,
    .m-mzw-box2 .from .select .layui-input,
    .m-mzw-select1 .layui-input,
    .m-mzw-shopList1.sty2_1 .litpic .desc,
    .m-mzw-shopList1.sty2_1 .litpic .tit,
    .mzw-settle .information .radio .layui-form-radio>div,
    .mzw-settle .layui-input,
    .mzw-table1 .layui-form-radio>div {
        font-size: 14px
    }

}

@media only screen and (min-width:1200px) and (max-width:1344px) {

    .m-mzw-shopList1.sty2_1 .g-mzw-price,
    .m-mzw-tab1.sty3 .a1 {
        font-size: 14px
    }

}

@media only screen and (max-width:1199px) {

    ._citys {
        width: 345px
    }

    .g-mzw-tit1 .icon {
        width: .8rem
    }

    .g-mzw-tit1 .tit {
        font-size: .44rem
    }

    .g-mzw-btn1 {
        min-width: 2rem
    }

    .g-mzw-btn1.sty2 {
        min-width: 2.4rem;
        border-radius: .08rem;
        padding: .04rem .2rem
    }

    .g-mzw-tag1 {
        font-size: .2rem;
        padding: .04rem 0;
        left: .34rem;
        bottom: .34rem
    }

    .g-mzw-tag1.sty2 {
        left: .44rem;
        bottom: .44rem
    }

    .g-mzw-price {
        font-size: .36rem
    }

    .g-mzw-price i {
        font-size: .24rem
    }

    .g-mzw-price.sty2 {
        font-size: .48rem
    }

    .g-mzw-price.sty2 i {
        font-size: .28rem
    }

    .g-mzw-scrollTip1 {
        display: block;
        padding: 1em 0
    }

    .ul-mzw-litpic1 {
        margin: 0 -.15rem;
        display: flex;
        flex-wrap: wrap
    }

    .ul-mzw-litpic1 li {
        width: 50%;
        margin-bottom: .4rem
    }

    .ul-mzw-litpic1 .con {
        height: 100%;
        margin: 0 .15rem;
        display: flex;
        flex-direction: column;
        overflow: hidden
    }

    .ul-mzw-litpic1 .box1 {
        margin-bottom: .27rem
    }

    .ul-mzw-litpic1 .txt {
        flex: 1;
        overflow: hidden;
        display: flex;
        flex-direction: column
    }

    .ul-mzw-litpic1 .desc,
    .ul-mzw-litpic1 .tit {
        white-space: normal
    }

    .ul-mzw-litpic1 .tit {
        font-size: .32rem
    }

    .ul-mzw-litpic1 .row2 {
        flex: 1;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 0
    }

    .ul-mzw-litpic1 .desc {
        margin-bottom: .1rem
    }

    .ul-mzw-litpic1 .price {
        width: 100%
    }

    .ul-mzw-litpic1 .con:hover .pic1 {
        opacity: 1
    }

    .ul-mzw-litpic1 .con:hover .pic2 {
        opacity: 0
    }

    .ul-mzw-litpic1 .con:hover .tag {
        opacity: 1
    }

    .ul-mzw-litpic1.sty2 li {
        margin-bottom: .4rem
    }

    .ul-mzw-litpic1.sty3 .title {
        font-size: .48rem;
        padding: .6rem 0
    }

    .ul-mzw-litpic1.sty3 .box1 {
        border-width: 1px
    }

    .ul-mzw-litpic1.sty3 .swiperBox {
        padding-bottom: .6rem
    }

    .ul-mzw-litpic1.sty3 .swiper-scrollbar {
        height: 4px;
        margin-top: 0;
        position: absolute;
        left: 0;
        bottom: 0
    }

    .ul-mzw-litpic1.sty3_2 li {
        margin-bottom: .4rem
    }

    .ul-mzw-litpic1.sty3_2 .box1 {
        margin-bottom: .27rem
    }

    .ul-mzw-litpic1.sty3_2 .tit {
        height: 1.06rem;
        min-height: 0
    }

    .ul-mzw-litpic1.sty3_3 {
        margin: 0 -.15rem
    }

    .ul-mzw-litpic1.sty3_3 li {
        width: 50%;
        margin-bottom: .4rem
    }

    .ul-mzw-litpic1.sty3_3 .con {
        margin: 0 .15rem
    }

    .ul-mzw-litpic1.sty3_3 .box1 {
        margin-bottom: .27rem
    }

    .ul-mzw-litpic1.sty3_3 .remove {
        transform: translateY(0);
        padding: .1rem 0
    }

    .ul-mzw-litpic1.sty3_3 .remove .icon {
        margin-right: .2rem
    }

    .ul-mzw-litpic1.sty3_3 .g-mzw-price {
        font-size: .36rem
    }

    .ul-mzw-litpic1.sty3_3 .g-mzw-price i {
        font-size: .24rem
    }

    .ul-mzw-litpic2 {
        margin: 0 -.15rem
    }

    .ul-mzw-litpic2 li {
        width: 50%;
        margin-bottom: .4rem
    }

    .ul-mzw-litpic2 .con {
        margin: 0 .15rem
    }

    .ul-mzw-litpic2 .box1 {
        margin-bottom: .2rem
    }

    .ul-mzw-litpic2 .txt {
        border-bottom-width: 1px;
        padding-bottom: .2rem
    }

    .ul-mzw-litpic2 .tit {
        font-size: .36rem;
        margin-bottom: .2rem
    }

    .mzw-banner1 .txt {
        height: 8rem
    }

    .mzw-banner1 .tit {
        font-size: .48rem;
        margin: 0 0 .3rem
    }

    .mzw-banner1 .btn {
        font-size: .24rem
    }

    .mzw-banner1 .swiper-button-prev {
        left: .3rem
    }

    .mzw-banner1 .swiper-button-next {
        right: .3rem
    }

    .mzw-row-a1 {
        padding: .8rem 0
    }

    .mzw-row-a1-1 {
        margin-bottom: .6rem
    }

    .mzw-swiper1 {
        margin: 0 -.3rem
    }

    .mzw-swiper1 .con {
        width: 100%
    }

    .mzw-swiper1 .row1 {
        padding-bottom: .4rem
    }

    .mzw-swiper1 .shadow {
        width: 110%;
        left: 50%;
        transform: translateX(-50%)
    }

    .mzw-swiper1 .box1 {
        width: 3.6rem
    }

    .mzw-swiper1 .txt {
        padding: 0 .3rem
    }

    .mzw-swiper1 .tit {
        margin-bottom: .1rem
    }

    .mzw-swiper1 .info {
        font-size: .32rem;
        margin-bottom: .3rem
    }

    .mzw-swiper1 .swiper-slide {
        width: 100%
    }

    .mzw-swiper1 .swiper-slide-active .box1 {
        transform: translateX(-.7rem)
    }

    .mzw-swiper1 .swiper-slide-active .pic1 {
        transform: translateX(1.4rem)
    }

    .mzw-swiper1 .swiper-pagination {
        margin-top: .6rem
    }

    .mzw-row-a2 {
        padding: .8rem 0 .6rem
    }

    .mzw-row-a2-1 {
        margin-bottom: .6rem
    }

    .mzw-row-a3 {
        padding: .8rem 0 .4rem
    }

    .mzw-row-a3-1,
    .mzw-row-a4-1 {
        margin-bottom: .6rem
    }

    .mzw-row-a4-2 {
        padding: .8rem 0 .2rem
    }

    .mzw-litpic1 {
        display: block;
        margin: 0
    }

    .mzw-litpic1 li {
        width: 100%;
        margin-bottom: .4rem
    }

    .mzw-litpic1 .con {
        margin: 0;
        padding-bottom: .4rem
    }

    .mzw-litpic1 li:nth-last-child(2) .con {
        border-bottom: 1px solid #262728
    }

    .mzw-litpic1 .date {
        margin-bottom: .2rem
    }

    .mzw-litpic1 .row2 {
        overflow: hidden
    }

    .mzw-litpic1 .box1 {
        width: 2rem;
        margin-right: .3rem;
        margin-top: .06rem
    }

    .mzw-litpic1 .txt {
        padding-right: 0
    }

    .mzw-litpic1 .tit {
        font-size: .32rem
    }

    .mzw-litpic1 .desc {
        line-height: 1.5
    }

    .g-mzw-tit2 .icon {
        width: .32rem
    }

    .g-mzw-tit2 .tit,
    .g-mzw-tit2.sty2 .tit {
        font-size: .44rem;
        margin: 0 .2rem
    }

    .mzw-login {
        padding: .8rem 0
    }

    .mzw-login .box {
        max-width: 6.9rem;
        width: 100%;
        margin: 0 auto;
        padding: .6rem
    }

    .mzw-login .title {
        margin-bottom: .4rem
    }

    .mzw-login .item {
        margin-bottom: .3rem
    }

    .mzw-login .label {
        display: block;
        margin-bottom: .1rem
    }

    .mzw-login .input {
        height: .72rem
    }

    .mzw-login .btn {
        height: .72rem;
        font-size: .32rem
    }

    .mzw-login.register .box {
        padding-bottom: .3rem
    }

    .mzw-login.register .code {
        width: 2.4rem;
        margin-left: .2rem
    }

    .mzw-login.register .checkbox {
        margin-top: .4rem
    }

    .mzw-login.register .checkbox .info {
        margin-left: .2rem
    }

    .mzw-login.register .btn {
        margin-top: .5rem;
        margin-bottom: 0
    }

    .m-mzw-banner1 .con {
        height: 6rem
    }

    .m-mzw-banner1 .crumb {
        display: none
    }

    .m-mzw-banner1.sty2 .con {
        height: 6rem;
        padding-top: 0;
        display: flex;
        align-items: center
    }

    .m-mzw-banner1.sty2 .txt {
        margin-top: 0
    }

    .m-mzw-banner1.sty2 .tit {
        font-size: .4rem;
        margin-bottom: .4rem
    }

    .m-mzw-banner1.sty3 .con {
        height: 4rem
    }

    .m-mzw-banner1.sty3 .crumb {
        margin-left: 0
    }

    .mzwCrumb {
        display: none
    }

    .m-mzw-box1 {
        min-height: .68rem;
        border-bottom-width: 1px;
        padding-bottom: .2rem
    }

    .m-mzw-select1 {
        width: 4rem
    }

    .m-mzw-select1 .layui-input {
        height: .68rem;
        font-size: .28rem;
        padding-left: .2rem;
        padding-right: .54rem
    }

    .m-mzw-select1 .layui-form-select dl {
        top: .78rem
    }

    .m-mzw-select1 .layui-form-selectup dl {
        bottom: .78rem
    }

    .m-mzw-select1 .layui-form-select .layui-edge {
        width: .24rem;
        height: .24rem;
        margin-top: -.12rem;
        right: .2rem
    }

    .mzwPage li {
        display: none
    }

    .mzwPage a {
        padding: 0 .2rem
    }

    .mzwPage li.next,
    .mzwPage li.on,
    .mzwPage li.prev {
        display: block
    }

    .mzwPage li.next a,
    .mzwPage li.prev a {
        width: .86rem
    }

    .mzwPage li.next a::after,
    .mzwPage li.prev a::after {
        width: .26rem
    }

    .mzw-row-b1 {
        padding: .8rem 0 .6rem
    }

    .mzw-row-b2 {
        margin-bottom: .6rem
    }

    .mzw-row-b3 {
        margin-bottom: .4rem
    }

    .mzw-row-b4 {
        padding-bottom: .8rem
    }

    .m-mzw-box2 .box-con {
        padding: .8rem 0 .6rem
    }

    .m-mzw-box2 .left {
        width: 100%;
        float: none;
        display: block;
        margin-bottom: .4rem
    }

    .m-mzw-box2 .swiper1 {
        width: 100%;
        margin-right: 0;
        border-radius: .12rem;
        margin-bottom: .4rem
    }

    .m-mzw-box2 .swiper1 .con {
        margin: .2rem
    }

    .m-mzw-box2 .swiper1 .pic {
        padding-top: 88.1016%;
        border-radius: .12rem
    }

    .m-mzw-box2 .swiper2 {
        height: auto
    }

    .m-mzw-box2 .swiper2 .box {
        margin: .2rem .3rem;
        height: auto
    }

    .m-mzw-box2 .swiper2 .swiper-button-next,
    .m-mzw-box2 .swiper2 .swiper-button-prev {
        width: .3rem;
        height: .3rem;
        position: absolute;
        transform: translateY(-50%)
    }

    .m-mzw-box2 .swiper2 .swiper-button-prev {
        left: 0
    }

    .m-mzw-box2 .swiper2 .swiper-button-next {
        right: 0
    }

    .m-mzw-box2 .swiper2 .swiper-button-next::after,
    .m-mzw-box2 .swiper2 .swiper-button-prev::after {
        background-position: center top;
        background-size: 100% auto
    }

    .m-mzw-box2 .swiper2 .swiper-button-prev::after {
        transform: rotateZ(-90deg)
    }

    .m-mzw-box2 .swiper2 .swiper-button-next::after {
        transform: rotateZ(90deg)
    }

    .m-mzw-box2 .swiper2 .con {
        height: auto
    }

    .m-mzw-box2 .swiper2 .pic {
        height: 0;
        padding-top: 80.3149%;
        z-index: 0;
        position: relative
    }

    .m-mzw-box2 .swiper2 .pic .img {
        position: absolute;
        top: 0;
        left: 0
    }

    .m-mzw-box2 .right {
        width: 100%;
        float: none
    }

    .m-mzw-box2 .shop {
        margin-top: 0
    }

    .m-mzw-box2 .shop .crumb {
        margin-bottom: .3rem
    }

    .m-mzw-box2 .shop .tit {
        font-size: .36rem;
        margin-bottom: .3rem
    }

    .m-mzw-box2 .shop .price {
        margin-bottom: .2rem
    }

    .m-mzw-box2 .from .item {
        flex-wrap: wrap;
        margin-bottom: .1rem
    }

    .m-mzw-box2 .from .label {
        font-size: .32rem;
        margin-top: .1rem;
        margin-bottom: .1rem
    }

    .m-mzw-box2 .from .label.w1 {
        min-width: 0;
        margin-right: .2rem
    }

    .m-mzw-box2 .from .input {
        flex: 0 1 auto;
        font-size: .32rem;
        margin: .1rem 0
    }

    .m-mzw-box2 .from .tip {
        font-size: .28rem
    }

    .m-mzw-box2 .from .radio .layui-form-radio {
        margin-right: .1rem;
        padding: .08rem .2rem;
        min-width: 1.36rem;
        margin-bottom: .4rem
    }

    .m-mzw-box2 .from .radio .layui-form-radio div {
        font-size: .28rem
    }

    .m-mzw-box2 .from .item1 {
        margin-bottom: 0
    }

    .m-mzw-box2 .from .item2,
    .m-mzw-box2 .from .item3 {
        margin-bottom: .3rem
    }

    .m-mzw-box2 .from .item3 .btns {
        flex-wrap: wrap;
        margin-bottom: .3rem
    }

    .m-mzw-box2 .from .item3 .btn1 {
        margin-right: .2rem
    }

    .m-mzw-box2 .from .collect {
        font-size: .32rem
    }

    .m-mzw-box2 .from .collect .icon {
        width: .4rem;
        margin-left: .2rem
    }

    .m-mzw-box2 .from .select {
        width: auto;
        flex: 1;
        margin-right: .2rem
    }

    .m-mzw-box2 .from .select:last-child {
        margin-right: 0
    }

    .m-mzw-box2 .from .select .layui-input {
        height: .68rem;
        font-size: .32rem;
        padding-left: .2rem;
        padding-right: .5rem;
        border-radius: .08rem
    }

    .m-mzw-box2 .from .select .layui-form-select dl {
        top: .78rem
    }

    .m-mzw-box2 .from .select .layui-form-selectup dl {
        bottom: .78rem
    }

    .m-mzw-box2 .from .select .layui-form-select .layui-edge {
        width: .2rem;
        height: .2rem;
        margin-top: -.1rem;
        right: .2rem
    }

    .m-mzw-box2.sty2 .from .item3 .btns {
        margin-bottom: 0
    }

    .g-mzw-stepper1 {
        width: 4rem;
        height: .72rem;
        border-radius: .12rem
    }

    .g-mzw-stepper1 .stepper-add,
    .g-mzw-stepper1 .stepper-sub {
        width: .8rem
    }

    .g-mzw-stepper1 .layui-icon {
        font-size: .4rem
    }

    .g-mzw-stepper1.sty2 {
        width: 1.56rem;
        height: .54rem
    }

    .g-mzw-stepper1.sty2 .layui-icon {
        font-size: .24rem
    }

    .m-mzw-tab1::after {
        bottom: .2rem
    }

    .m-mzw-tab1 ul {
        display: block;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: .2rem
    }

    .m-mzw-tab1 li {
        display: inline-block;
        margin-right: .2rem
    }

    .m-mzw-tab1 li:last-child {
        margin-right: 0
    }

    .m-mzw-tab1 .a1 {
        font-size: .32rem;
        padding: .3rem .1rem
    }

    .m-mzw-tab1 .a1::after {
        height: .06rem
    }

    .m-mzw-tab1.sty2 ul {
        text-align: center;
        padding-bottom: 0
    }

    .m-mzw-tab1.sty2 li {
        margin: 0 .4rem
    }

    .m-mzw-tab1.sty2 .a1::after {
        height: .06rem
    }

    .m-mzw-tab1.sty3 .a1 {
        font-size: .32rem;
        min-width: 0;
        padding: .2rem .1rem
    }

    .m-mzw-tab1.sty3 .a1::after {
        height: .06rem;
        border-radius: .03rem
    }

    .mzw-box1 {
        margin-top: .6rem
    }

    .mzw-box1 .txt {
        font-size: .28rem;
        padding: .4rem .3rem
    }

    .mzw-litpic2 {
        margin-bottom: .8rem
    }

    .mzw-litpic2 .con {
        display: block;
        padding: .8rem 0
    }

    .mzw-litpic2 .pic {
        width: 100%;
        margin-right: 0;
        margin-bottom: .4rem
    }

    .mzw-litpic2 .pic.w2 {
        width: 100%
    }

    .mzw-litpic2 .txt {
        font-size: .36rem
    }

    .mzw-litpic2 li:nth-child(odd) .pic {
        margin-right: 0;
        margin-left: 0
    }

    .mzw-box2 {
        padding: .4rem .3rem;
        margin-bottom: .8rem
    }

    .mzw-box3 {
        padding: .8rem .3rem
    }

    .m-mzw-select2 {
        width: 240px;
        height: 34px
    }

    .mzw-row-c1 {
        padding: .8rem 0 .6rem
    }

    .mzw-row-c2-1 {
        margin-bottom: .4rem
    }

    .mzw-row-c2-2 {
        overflow-x: auto;
        overflow-y: hidden
    }

    .m-mzw-shopList1 {
        width: 20rem
    }

    .m-mzw-shopList1 .head .tr {
        padding: .3rem 0;
        font-size: .32rem
    }

    .m-mzw-shopList1 .body .tr {
        padding: .3rem 0
    }

    .m-mzw-shopList1 .checkbox .layui-form-checkbox[lay-skin=primary] {
        min-width: 20px;
        min-height: 20px;
        padding-left: 20px
    }

    .m-mzw-shopList1 .checkbox .layui-form-checkbox[lay-skin=primary]>i {
        width: 18px;
        height: 18px;
        line-height: 18px;
        font-size: 12px
    }

    .m-mzw-shopList1 .checkbox .layui-form-checkbox[lay-skin=primary]>div {
        font-size: .32rem;
        line-height: 20px
    }

    .m-mzw-shopList1 .litpic .box1 {
        width: 2.16rem
    }

    .m-mzw-shopList1 .litpic .tit {
        font-size: .32rem;
        line-height: 1.25
    }

    .m-mzw-shopList1 .litpic .desc {
        font-size: .28rem
    }

    .m-mzw-shopList1 .price i {
        margin-right: 0
    }

    .m-mzw-shopList1 .delete {
        padding-left: .42rem;
        background-size: .32rem auto;
        font-size: .28rem
    }

    .m-mzw-shopList1 .foot {
        padding: .6rem 0 0
    }

    .m-mzw-shopList1 .foot .row1 {
        font-size: .32rem;
        margin-bottom: .2rem
    }

    .m-mzw-shopList1.sty2 .thead {
        font-size: .4rem;
        padding-top: .3rem;
        padding-bottom: .3rem
    }

    .m-mzw-shopList1.sty2 .thead,
    .m-mzw-shopList1.sty2 .tr {
        padding-left: .3rem;
        padding-right: .3rem
    }

    .m-mzw-shopList1.sty2 .foot {
        padding: .4rem .8rem 0 0
    }

    .m-mzw-shopList1.sty2 .foot .row1 {
        font-size: .28rem;
        margin-bottom: .4rem
    }

    .m-mzw-shopList1.sty2 .foot .item .tit {
        width: 4.4rem
    }

    .m-mzw-shopList1.sty2 .foot .total {
        margin-top: .4rem
    }

    .m-mzw-shopList1.sty2_1 {
        margin-bottom: .4rem
    }

    .m-mzw-shopList1.sty2_1 .tr {
        padding-left: .3rem;
        padding-right: .3rem
    }

    .m-mzw-shopList1.sty2_1 .head .tr {
        padding-top: .3rem;
        padding-bottom: .3rem
    }

    .m-mzw-shopList1.sty2_1 .litpic .box1 {
        width: 1.6rem
    }

    .m-mzw-shopList1.sty2_1 .litpic .tit {
        font-size: .32rem
    }

    .m-mzw-shopList1.sty2_1 .litpic .desc {
        font-size: .28rem
    }

    .m-mzw-shopList1.sty2_1 .g-mzw-price {
        font-size: .36rem
    }

    .m-mzw-shopList1.sty2_1 .foot2 {
        padding: .4rem .3rem
    }

    .m-mzw-shopList1.sty2_1 .foot2 .row2 .g-mzw-btn2 {
        padding-top: .04rem;
        padding-bottom: .04rem;
        margin-right: .2rem
    }

    .m-mzw-shopList1.sty2_2 {
        margin-bottom: .4rem
    }

    .m-mzw-shopList1.sty2_2:last-child {
        margin-bottom: 0
    }

    .m-mzw-shopList1.sty2_2 .tr {
        padding-left: .3rem;
        padding-right: .3rem
    }

    .m-mzw-shopList1.sty2_2 .thead {
        padding: .3rem
    }

    .m-mzw-shopList1.sty2_2 .head .tr {
        padding-top: .3rem;
        padding-bottom: .3rem
    }

    .m-mzw-shopList1.sty2_2 .litpic .box1 {
        width: 1.6rem
    }

    .m-mzw-shopList1.sty2_2 .litpic .tit {
        font-size: .32rem
    }

    .m-mzw-shopList1.sty2_2 .litpic .desc {
        font-size: .28rem
    }

    .m-mzw-shopList1.sty2_2 .g-mzw-price {
        font-size: .36rem
    }

    .mzw-row-d1 {
        padding: .8rem 0 .6rem
    }

    .m-mzw-success .left {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: .4rem
    }

    .m-mzw-success .list li {
        padding: .1rem 0
    }

    .m-mzw-success .list .tit,
    .m-mzw-success .list .txt {
        padding: .2rem 0
    }

    .m-mzw-success .list .txt {
        float: left;
        white-space: normal
    }

    .m-mzw-success .list li.col2 {
        border-bottom: none;
        padding: 0
    }

    .m-mzw-success .list li.col2 .con {
        float: none;
        margin-right: 0;
        border-bottom: 1px solid #7f7f7f;
        padding: .2rem 0
    }

    .m-mzw-success .list li.col2 .con:last-child {
        margin-right: 0
    }

    .g-mzw-btn2 {
        min-width: 2.4rem;
        font-size: .28rem;
        padding: .16rem .4rem
    }

    .g-mzw-btn2.sty2,
    .g-mzw-btn2.sty3,
    .g-mzw-btn2.sty5 {
        min-width: 2.4rem
    }

    .g-mzw-btn2.sty6 {
        min-width: 1.7rem;
        padding: .04rem .16rem
    }

    .g-mzw-btn2.sty6.minw1 {
        min-width: 1.8rem
    }

    .g-mzw-btn2.sty6.minw2 {
        min-width: 1.3rem
    }

    .g-mzw-btn2.sty8 {
        min-width: 1.3rem;
        padding: .04rem .16rem
    }

    .mzw-row-e1 {
        padding: .8rem 0 .6rem
    }

    .mzw-row-e2-1 {
        margin-bottom: .8rem;
        overflow-x: auto;
        overflow-y: hidden
    }

    .mzw-settle .title {
        font-size: .4rem
    }

    .mzw-settle .address {
        margin-bottom: .8rem
    }

    .mzw-settle .address .title {
        padding: .5rem 0
    }

    .mzw-settle .address .radio {
        display: block;
        margin: 0 0 .4rem
    }

    .mzw-settle .address .item {
        width: 100%;
        margin-bottom: .3rem
    }

    .mzw-settle .address .con {
        margin: 0;
        padding: .3rem .3rem .5rem
    }

    .mzw-settle .address .tit {
        margin-bottom: .1rem
    }

    .mzw-settle .address .icon {
        width: .52rem
    }

    .mzw-settle .address li {
        width: 100%;
        float: none
    }

    .mzw-settle .information {
        padding-top: .8rem;
        margin-bottom: .8rem
    }

    .mzw-settle .information .table {
        margin-bottom: .6rem
    }

    .mzw-settle .information .head {
        padding: .3rem
    }

    .mzw-settle .information .link {
        display: block;
        font-size: .32rem;
        margin-top: .2rem
    }

    .mzw-settle .information .tr {
        display: block
    }

    .mzw-settle .information .td {
        padding: .3rem;
        min-height: 0
    }

    .mzw-settle .information .td.w1 {
        width: 100%;
        border-right: none;
        padding-bottom: 0
    }

    .mzw-settle .information .input,
    .mzw-settle .information .w2 {
        width: 100%
    }

    .mzw-settle .information .tit {
        padding-left: 0
    }

    .mzw-settle .information .tit.required {
        padding-left: 1em
    }

    .mzw-settle .information .layui-input {
        height: .68rem;
        padding: 0 .2rem
    }

    .mzw-settle .information .name .layui-input:first-child {
        margin-right: .2rem
    }

    .mzw-settle .information .email .icon {
        padding: 0 .16rem;
        font-size: .28rem
    }

    .mzw-settle .information .email .layui-input:first-child {
        width: 3.2rem
    }

    .mzw-settle .information .select .layui-form-select .layui-input {
        font-size: .28rem;
        height: .68rem;
        padding: 0 calc(10px + .3rem) 0 .2rem
    }

    .mzw-settle .information .select .layui-form-select .layui-edge {
        border-width: 5px;
        margin-top: -2px
    }

    .mzw-settle .information .select .layui-form-select dl {
        top: .78rem
    }

    .mzw-settle .information .select .layui-form-selectup dl {
        bottom: .78rem
    }

    .mzw-settle .information .radio .layui-form-radio {
        margin-right: .4rem
    }

    .mzw-settle .information .radio .layui-form-radio>div {
        font-size: .28rem;
        padding-top: 0
    }

    .mzw-settle .notes {
        padding: .6rem 0
    }

    .mzw-settle .notes .title {
        margin-bottom: .5rem
    }

    .mzw-settle .notes .item {
        display: block;
        margin-bottom: .3rem
    }

    .mzw-settle .notes .input {
        width: 100%
    }

    .mzw-settle .notes .label {
        margin-right: 0;
        margin-bottom: .3rem
    }

    .mzw-settle .notes .layui-input {
        height: .68rem;
        padding: 0 .2rem
    }

    .mzw-settle .notes .layui-form-checkbox>div {
        font-size: .28rem;
        white-space: normal;
        line-height: 1.25
    }

    .mzw-settle .notes .layui-form-checkbox[lay-skin=primary]>i {
        margin-right: .3rem
    }

    .mzw-settle .payment {
        padding-top: .8rem
    }

    .mzw-settle .payment .tr {
        display: block
    }

    .mzw-settle .payment .td {
        border-right: none;
        padding: .3rem;
        min-height: .73rem;
        border-bottom: 1px solid #8c8c8c
    }

    .mzw-settle .payment .td:last-child {
        border-bottom: none
    }

    .mzw-settle .payment .w1,
    .mzw-settle .payment .w2 {
        width: 100%
    }

    .mzw-settle .payment .tit {
        margin-right: 0
    }

    .mzw-settle .payment .head .w2 {
        justify-content: space-between
    }

    .mzw-settle .payment .body .td {
        padding-top: .3rem;
        padding-bottom: .3rem
    }

    .mzw-settle .payment .radio .item {
        margin-right: .3rem
    }

    .mzw-settle.order-detail .information .table {
        margin-bottom: .4rem
    }

    .mzw-row-f1 {
        padding: .8rem 0 .4rem
    }

    .mzw-row-f2 {
        margin-bottom: .6rem
    }

    .mzw-row-f3 {
        padding-bottom: .4rem
    }

    .mzw-box4 {
        margin: .6rem 0 .8rem
    }

    .mzw-box4 .tit,
    .mzw-box4 .txt {
        padding: 0 .3rem
    }

    .mzw-box4 .tit {
        font-size: .4rem;
        padding-top: .4rem;
        padding-bottom: .4rem
    }

    .mzw-box4 .txt {
        font-size: .32rem;
        padding-top: .4rem;
        padding-bottom: .4rem
    }

    .mzw-box4 .txt li {
        margin-bottom: 1em
    }

    .mzw-box5 {
        padding: .6rem 0;
        margin-bottom: .8rem
    }

    .mzw-box5 .tit {
        font-size: .4rem;
        margin-bottom: .4rem
    }

    .mzw-box5 .txt {
        font-size: .32rem;
        padding-left: 0
    }

    .mzw-box5 .txt li {
        margin-bottom: 1em
    }

    .mzw-box6 {
        margin-bottom: .8rem
    }

    .mzw-box6 .list {
        margin-left: 0;
        display: block;
        font-size: .36rem;
        padding-top: .6rem;
        background-position: right top;
        background-size: 3rem auto
    }

    .mzw-box6 li {
        margin-bottom: .3rem;
        width: 100%
    }

    .mzw-box6 li:nth-child(odd) {
        width: 100%;
        margin-right: 0
    }

    .mzw-box6 .info {
        font-size: .28rem
    }

    .mzw-box7 {
        margin-bottom: .5rem
    }

    .mzw-box7 .head {
        margin: 0 0 .5rem
    }

    .mzw-box7 .head .tit {
        font-size: .4rem;
        margin-bottom: .2rem
    }

    .mzw-box7 .head .desc {
        font-size: .28rem
    }

    .mzw-box7 .list {
        margin: 0;
        display: block
    }

    .mzw-box7 .list li {
        width: 100%;
        margin-bottom: .3rem
    }

    .mzw-box7 .list .con {
        margin: 0
    }

    .mzw-box7 .list .tit {
        height: .9rem;
        line-height: .9rem;
        font-size: .36rem
    }

    .mzw-box7 .list .txt {
        padding: .4rem .3rem
    }

    .m-mzw-date .date-select {
        margin-right: .2rem
    }

    .m-mzw-date .layui-form-select .layui-input {
        font-size: .28rem;
        height: .68rem;
        padding: 0 calc(10px + .3rem) 0 .2rem
    }

    .m-mzw-date .layui-form-select .layui-edge {
        border-width: 5px;
        margin-top: -2px
    }

    .m-mzw-date .layui-form-selected .layui-edge {
        margin-top: -8px
    }

    .m-mzw-date .layui-form-select dl {
        top: .78rem
    }

    .m-mzw-date .layui-form-selectup dl {
        bottom: .78rem
    }

    .m-mzw-popup1 .popup-close {
        width: .32rem;
        position: absolute;
        right: .3rem
    }

    .m-mzw-popup1 .popup-head {
        padding: .3rem .7rem
    }

    .m-mzw-popup1 .popup-title {
        font-size: .4rem
    }

    .m-mzw-popup1.sty2 .popup-con {
        width: calc(100% - 0.6rem);
    }

    .m-mzw-popup1.sty2 .popup-foot .g-mzw-btn2 {
        line-height: 2;
    }

    .g-mzw-select-a1 .layui-form-select .layui-input {
        height: .72rem;
        font-size: .28rem;
        padding: 0 .54rem 0 .2rem
    }

    .g-mzw-select-a1 .layui-form-select .layui-edge {
        width: .24rem;
        height: .24rem;
        right: .2rem;
        margin-top: -.12rem
    }

    .g-mzw-select-a1 .layui-form-select dl {
        top: .82rem
    }

    .g-mzw-select-a1 .layui-form-selectup dl {
        top: auto;
        bottom: .82rem
    }


    .mzw-box9 {
        padding: .4rem .3rem
    }

    .mzw-box9 .txt {
        margin-bottom: .4rem
    }

    .mzw-row-g1 {
        padding: .8rem 0 .6rem
    }

    .mzw-row-g2 {
        margin-bottom: .6rem
    }

    .mzw-row-h1 {
        padding: .8rem 0 1.2rem
    }

    .mzw-row-h2 {
        margin-bottom: .2rem
    }

    .mzw-box10 .left {
        width: 70%;
        margin: 0 auto .6rem;
        float: none
    }

    .mzw-box10 .txt {
        padding-top: 0
    }

    .mzw-box10 .tit {
        font-size: .36rem;
        margin-bottom: .02rem;
        text-align: center
    }

    .mzw-row-h3 {
        margin-bottom: .8rem
    }

    .mzw-row-h4 {
        padding-bottom: .4rem
    }

    .mzw-row-i1 {
        margin-bottom: .8rem
    }

    .mzw-row-i2 {
        margin-bottom: .6rem
    }

    .mzw-litpic3 {
        margin: 0;
        display: block
    }

    .mzw-litpic3 li {
        width: 100%;
        margin-bottom: .4rem
    }

    .mzw-litpic3 .con {
        display: block;
        margin: 0
    }

    .mzw-litpic3 .txt {
        padding: .4rem .3rem 0;
        display: block
    }

    .mzw-litpic3 .tit {
        margin-bottom: .2rem
    }

    .mzw-litpic3 .desc {
        margin-bottom: .15rem
    }

    .mzw-litpic3 .date {
        padding: .2rem 0;
        padding-left: 24px
    }

    .mzw-row-i3 {
        margin-bottom: .3rem
    }

    .mzw-det1 {
        padding-top: .8rem
    }

    .mzw-det1 .row1 {
        margin-bottom: .4rem
    }

    .mzw-det1 .item {
        margin-bottom: .6rem
    }

    .mzw-det1 .tit,
    .mzw-det1 .txt {
        padding-left: .57rem
    }

    .mzw-det1 .tit {
        margin-bottom: .2rem
    }

    .mzw-row-j1 {
        margin-bottom: .8rem
    }

    .mzw-row-j2 {
        margin-bottom: .6rem
    }

    .mzw-row-j3 {
        margin-bottom: .75rem
    }

    .mzw-list1 {
        padding: 0
    }

    .mzw-list1 .head {
        padding: .3rem 0
    }

    .mzw-list1 .icon1 {
        width: .6rem
    }

    .mzw-list1 .tit {
        margin: 0 .3rem;
        line-height: 1.25
    }

    .mzw-list1 .icon2 {
        width: .32rem;
        margin-right: 0
    }

    .mzw-list1 .txt {
        font-size: .32rem;
        margin: .3rem 0;
        padding: .2rem .3rem
    }

    .mzw-layout {
        padding-top: 0
    }

    .mzw-layout .layout-l {
        width: 100%;
        float: none;
        margin: -.8rem 0 .8rem
    }

    .mzw-layout .layout-r {
        min-height: 0;
        padding: 0 .3rem;
        float: none;
        width: 100%
    }

    .mzw-layout .layout-head {
        font-size: .44rem;
        padding: .4rem 0 .3rem
    }

    .mzw-layout .layout-body,
    .mzw-member .head {
        padding: .6rem 0 .4rem
    }

    .mzw-member .head .title {
        margin-bottom: .5rem
    }

    .mzw-member .head .userInfo {
        display: flex;
        align-items: center;
        margin: 0 10%
    }

    .mzw-member .head .userInfo .box {
        width: 1.24rem;
        margin: 0 .3rem 0 0
    }

    .mzw-member .head .userInfo .pic {
        padding-top: 100%
    }

    .mzw-member .head .userInfo .txt {
        text-align: left
    }

    .mzw-member .body {
        padding: .6rem 0 .3rem
    }

    .mzw-member .list {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -.1rem
    }

    .mzw-member .list li {
        width: 50%
    }

    .mzw-member .list li,
    .mzw-member .list li:last-child {
        margin-bottom: .3rem
    }

    .mzw-member .list li.w1 {
        width: 100%
    }

    .mzw-member .list .a1 {
        height: 100%;
        padding-left: 0;
        margin: 0 .1rem
    }

    .mzw-member .list .icon {
        width: .56rem;
        margin-right: .2rem
    }

    .mzw-member .list .txt {
        font-size: .32rem
    }

    .m-mzw-address {
        display: block;
        margin: 0
    }

    .m-mzw-address .item {
        width: 100%;
        margin-bottom: .4rem;
        min-height: 4rem
    }

    .m-mzw-address .con {
        margin: 0;
        padding: .3rem
    }

    .m-mzw-address .tit {
        margin-bottom: .2rem
    }

    .m-mzw-address .desc {
        margin: 0 0 .2rem
    }

    .m-mzw-address li {
        float: none;
        margin: 0
    }

    .m-mzw-address .item.add .con {
        padding: .3rem
    }

    .m-mzw-address .item.add .icon2 {
        width: .6rem;
        margin-bottom: .12rem
    }

    .memberPage2 .mzw-settle {
        margin-bottom: .4rem
    }

    .memberPage2 .mzw-settle .information {
        margin-bottom: .6rem
    }

    .memberPage2 .mzw-settle .notes {
        padding-bottom: .3rem
    }

    .mzw-account {
        display: block
    }

    .mzw-account .left {
        width: 2rem;
        height: 100%;
        margin: 0 auto .6rem;
        float: none
    }

    .mzw-account .mzw-settle {
        border-left: none
    }

    .mzw-account .mzw-settle .information {
        padding-left: 0;
        margin-bottom: .4rem
    }

    .mzw-account .mzw-settle .information .table {
        margin-bottom: 0
    }

    .mzw-account .mzw-settle .information .tr {
        padding: .2rem 0;
        display: block
    }

    .mzw-account .mzw-settle .information .td {
        display: block
    }

    .mzw-account .mzw-settle .information .td.w1 {
        text-align: left;
        margin-bottom: .2rem;
        width: 100%
    }

    .mzw-account .mzw-settle .information .td.w2 {
        width: 100%;
        padding: 0
    }

    .mzw-account .mzw-settle .information .tit {
        padding-left: 0
    }

    .mzw-account .submit {
        margin-top: 0;
        padding-left: 0;
        margin-bottom: .4rem
    }

    .mzw-account .submit .tr {
        display: block
    }

    .mzw-account .submit .w1 {
        display: none
    }

    .mzw-account .submit .w2 {
        width: 100%
    }

    .memberPage5 .mzw-settle {
        margin-bottom: .4rem
    }

    .memberPage5 .mzw-settle .information {
        margin-bottom: .6rem
    }

    .memberPage5 .mzw-settle .information .table .w1,
    .memberPage5 .mzw-settle .information .table .w2 {
        width: 100%
    }

    .memberPage5 .mzw-settle .notes {
        padding-bottom: .3rem
    }

    .memberPage7.mzw-layout .layout-scroll,
    .memberPage8.mzw-layout .layout-scroll {
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: .4rem
    }

    .memberPage8 .mtitle {
        font-size: .4rem
    }

    .mzw-box11 {
        border-top: 2px solid #1a1a1a;
        margin-bottom: .6rem;
        margin-top: .6rem
    }

    .mzw-box11 .head {
        padding: .3rem 0
    }

    .mzw-box11 .title {
        padding: .3rem 0
    }

    .mzw-box11 .radio {
        display: block;
        margin: 0 0 .29rem
    }

    .mzw-box11 .item {
        width: 100%
    }

    .mzw-box11 .con {
        padding: .3rem
    }

    .mzw-box11 .tit {
        margin-bottom: .05rem
    }

    .mzw-box11 li {
        width: 100%;
        float: none
    }

    .mzw-box12 .head {
        padding: .3rem 0
    }

    .mzw-box12 .list li {
        padding: .2rem 0
    }

    .mzw-box12 .list .name {
        font-size: .28rem;
        margin-right: .2rem;
        padding: .1rem 0
    }

    .mzw-box12 .list .info {
        padding: .1rem 0
    }

    .mzw-box13 {
        margin-top: .6rem;
        margin-bottom: .4rem
    }

    .mzw-table1 {
        padding: .4rem .3rem
    }

    .mzw-table1 .table {
        max-height: 70vh;
        overflow-x: auto
    }

    .mzw-table1 table {
        width: 20rem
    }

    .mzw-table1 td,
    .mzw-table1 th {
        padding: .2rem
    }

    .mzw-table1 .btns {
        text-align: left;
        padding: .2rem 0
    }

    .mzw-table1 .btns .btn {
        margin-right: .3rem
    }

    .mzw-table1 .layui-form-radio>i {
        width: .42rem;
        height: .42rem
    }

    .mzw-table1 .layui-form-radio>div {
        font-size: .28rem
    }

    .memberPage10 .mzw-settle {
        margin-bottom: .4rem
    }

    .memberPage10 .mzw-settle .information {
        margin-bottom: .6rem
    }

    .memberPage10 .mzw-settle .notes {
        padding-bottom: .3rem
    }

}





/* 新增 */

.mzw-table1_add {
    padding: .48rem .48rem .6rem
}

.mzw-table1_add .table {
    max-height: 70vh;
    overflow-x: hidden;
    overflow-y: auto
}

.mzw-table1_add table {
    width: 100%;
    border-collapse: separate;
    border: 2px solid #ccc;
    table-layout: fixed;
    border-radius: .12rem;
    overflow: hidden
}

.mzw-table1_add td,
.mzw-table1_add th {
    padding: .22rem .17rem;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.mzw-table1_add td:last-child,
.mzw-table1_add th:last-child {
    border-right: none
}

.mzw-table1_add tbody tr:last-child td {
    border-bottom: none
}

.mzw-table1_add thead tr {
    background-color: #e9e9e9;
    font-family: Lato-Bold;
    font-weight: 700
}

.mzw-table1_add tbody tr {
    color: #000;
    text-align: center
}

.mzw-table1_add tbody tr td:first-child {
    text-align: left
}

.mzw-table1_add .btns {
    text-align: right;
    padding: .18rem 0
}

.mzw-table1_add .btns .btn {
    margin-right: .2rem
}

.mzw-table1_add .btns .btn:last-child {
    margin-right: 0
}

.mzw-table1_add .layui-form-radio {
    margin: 0;
    padding-right: 0;
    line-height: 1.5;
    display: inline-flex;
    align-items: center
}

.mzw-table1_add .layui-form-radio>i {
    margin-right: .24rem;
    display: block;
    border: 1px solid #aeaeae;
    width: .23rem;
    height: .23rem;
    border-radius: 50%
}

.mzw-table1_add .layui-form-radio>i::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/icon-b13.png) center/60% auto no-repeat;
    opacity: 0
}

.mzw-table1_add .layui-form-radio>div {
    font-size: .18rem;
    color: #000
}

.mzw-table1_add .layui-form-radioed>i::before {
    opacity: 1
}

.mzw-table1_add .layui-icon {
    animation: none
}

.mzw-table1_add {
    padding: .4rem .3rem
}

.mzw-table1_add .table {
    max-height: 70vh;
    overflow-x: auto
}

.mzw-table1_add table {
    width: 20rem
}

.mzw-table1_add td,
.mzw-table1_add th {
    padding: .2rem
}

.mzw-table1_add .btns {
    padding: .2rem 0
}

.mzw-table1_add .btns .btn {
    margin-right: .3rem
}

.mzw-table1_add .layui-form-radio>i {
    width: .42rem;
    height: .42rem
}

.mzw-table1_add .layui-form-radio>div {
    font-size: .28rem
}

.m-mzw-popup1_add {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 200;
    display: none
}

.m-mzw-popup1_add .popup-mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .49)
}

.m-mzw-popup1_add .popup-con {
    width: 12.64rem;
    max-width: calc(100% - .6rem);
    border-radius: .12rem;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.m-mzw-popup1_add .popup-head {
    min-height: .8rem;
    background: url(../images/bgpic-a6.jpg) center/cover no-repeat;
    text-align: center;
    padding: .19rem .8rem;
    position: relative
}

.m-mzw-popup1_add .popup-close {
    width: .32rem;
    position: absolute;
    top: 50%;
    right: .38rem;
    transform: translateY(-50%);
    cursor: pointer
}

.m-mzw-popup1_add .popup-title {
    font-size: .28rem;
    line-height: 1.5;
    font-family: Lato-Bold;
    color: #f3f3f3;
    font-weight: 700
}

.m-mzw-popup1_add .popup-head.left {
    text-align: left;
    padding-left: .3rem
}

.m-mzw-popup1_add .popup-body {
    background-color: #fff
}

.m-mzw-popup1_add.bgc1 .popup-body {
    background-color: #f3f3f3
}

.m-mzw-popup1_add .popup-close {
    width: .32rem;
    position: absolute;
    right: .3rem
}

.m-mzw-popup1_add .popup-head {
    padding: .3rem .7rem
}

.m-mzw-popup1_add .popup-title {
    font-size: .4rem
}





.mzw-table1_yy {
    padding: .48rem .48rem .6rem
}

.mzw-table1_yy .table {
    max-height: 70vh;
    overflow-x: hidden;
    overflow-y: auto
}

.mzw-table1_yy table {
    width: 100%;
    border-collapse: separate;
    border: 2px solid #ccc;
    table-layout: fixed;
    border-radius: .12rem;
    overflow: hidden
}

.mzw-table1_yy td,
.mzw-table1_yy th {
    padding: .22rem .17rem;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.mzw-table1_yy td:last-child,
.mzw-table1_yy th:last-child {
    border-right: none
}

.mzw-table1_yy tbody tr:last-child td {
    border-bottom: none
}

.mzw-table1_yy thead tr {
    background-color: #e9e9e9;
    font-family: Lato-Bold;
    font-weight: 700
}

.mzw-table1_yy tbody tr {
    color: #000;
    text-align: center
}

.mzw-table1_yy tbody tr td:first-child {
    text-align: left
}

.mzw-table1_yy .btns {
    text-align: right;
    padding: .18rem 0
}

.mzw-table1_yy .btns .btn {
    margin-right: .2rem
}

.mzw-table1_yy .btns .btn:last-child {
    margin-right: 0
}

.mzw-table1_yy .layui-form-radio {
    margin: 0;
    padding-right: 0;
    line-height: 1.5;
    display: inline-flex;
    align-items: center
}

.mzw-table1_yy .layui-form-radio>i {
    margin-right: .24rem;
    display: block;
    border: 1px solid #aeaeae;
    width: .23rem;
    height: .23rem;
    border-radius: 50%
}

.mzw-table1_yy .layui-form-radio>i::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/icon-b13.png) center/60% auto no-repeat;
    opacity: 0
}

.mzw-table1_yy .layui-form-radio>div {
    font-size: .18rem;
    color: #000
}

.mzw-table1_yy .layui-form-radioed>i::before {
    opacity: 1
}

.mzw-table1_yy .layui-icon {
    animation: none
}

.mzw-table1_yy {
    padding: .4rem .3rem
}

.mzw-table1_yy .table {
    max-height: 70vh;
    overflow-x: auto
}

.mzw-table1_yy table {
    width: 20rem
}

.mzw-table1_yy td,
.mzw-table1_yy th {
    padding: .2rem
}

.mzw-table1_yy .btns {
    padding: .2rem 0
}

.mzw-table1_yy .btns .btn {
    margin-right: .3rem
}

.mzw-table1_yy .layui-form-radio>i {
    width: .42rem;
    height: .42rem
}

.mzw-table1_yy .layui-form-radio>div {
    font-size: .28rem
}

.m-mzw-popup1_yy {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 200;
    display: none
}

.m-mzw-popup1_yy .popup-mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .49)
}

.m-mzw-popup1_yy .popup-con {
    width: 12.64rem;
    max-width: calc(100% - .6rem);
    border-radius: .12rem;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.m-mzw-popup1_yy .popup-head {
    min-height: .8rem;
    background: url(../images/bgpic-a6.jpg) center/cover no-repeat;
    text-align: center;
    padding: .19rem .8rem;
    position: relative
}

.m-mzw-popup1_yy .popup-close {
    width: .32rem;
    position: absolute;
    top: 50%;
    right: .38rem;
    transform: translateY(-50%);
    cursor: pointer
}

.m-mzw-popup1_yy .popup-title {
    font-size: .28rem;
    line-height: 1.5;
    font-family: Lato-Bold;
    color: #f3f3f3;
    font-weight: 700
}

.m-mzw-popup1_yy .popup-head.left {
    text-align: left;
    padding-left: .3rem
}

.m-mzw-popup1_yy .popup-body {
    background-color: #fff
}

.m-mzw-popup1_yy.bgc1 .popup-body {
    background-color: #f3f3f3
}

.m-mzw-popup1_yy .popup-close {
    width: .32rem;
    position: absolute;
    right: .3rem
}

.m-mzw-popup1_yy .popup-head {
    padding: .3rem .7rem
}

.m-mzw-popup1_yy .popup-title {
    font-size: .4rem
}