html,
body {
    min-width: 320px;
    margin: 0;
    padding: 0;
}

* {
    touch-action: pan-y;
}

img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.mainBox {
    margin: auto;
    background-size: 100% auto;
    position: relative;
}

.cate {
    background: #e8358c;
    padding: 3% 0;
}

.cate ul {
    overflow: hidden;
}

.cate li {
    width: 30%;
    margin: 0 1.66666% 1%;
    float: left;
    list-style: none;
}

.cate li a {
    display: block;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    color: #333;
}

.catetitle {
    text-align: center;
    position: relative;
}

.catetitle:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 0;
}

.catetitle h4 {
    background: #e8358c;
    color: #fff;
    position: relative;
    display: inline;
    padding: 0 2%;
    z-index: 9;
}

.weui-table td,
.weui-table th,
table td,
table th {
    line-height: 13px;
}

.fixtop {
    position: fixed;
    height: 8.8rem;
    background: #fff;
    z-index: 99;
    top: 0;
    border-bottom: 0.3rem solid #9E220A;
    width: 100%;
}

.PageProgram {
    text-align: center;
}

.PageProgram span {
    display: inline-block;
    width: 20%;
    margin: 0 1%;
    line-height: 1.8rem;
    background: #ddd;
    color: #ccc;
    border-radius: 5px;
}

.PageProgram span a {
    display: block;
    background: #fa0000;
    color: #fff;
    border-radius: 5px;
}

.topPic {
    position: relative;
}

.telBtn .telicon {
    background: url(../images/dianhua.png) no-repeat;
    background-size: contain;
    width: 27px;
    display: inline-block;
    height: 31px;
    vertical-align: middle;
}

.telBtn {
    background-color: #feee02;
    color: #000;
    width: 92%;
    line-height: 48px;
    text-align: center;
    border-radius: 50px;
    font-size: 20px;
    display: inline-block;
    margin: 20px auto;
}

.topPic .telBtn {
    position: absolute;
    bottom: 5px;
    left: 4%;
}

.topPic .logo {
    padding: 5%;
}

.topPic img {
    width: 100%;
}

.side .topPic {
    background: unset;
}

.sideNav {
    position: relative;
    text-align: center;
}

.sideNav li {
    background: #9E220A;
    display: inline-block;
    border-radius: 10px;
    padding: 5px 10px;
    font-size: 0.7rem;
}

.sideNav li a {
    color: #fff;
    font-weight: 800;

}

.sideNav a.backBtn {
    display: block;
    position: absolute;
    left: 0;
    background: url(../images/back_btn.png) no-repeat;
    width: 1.4rem;
    height: 1.4rem;
    background-size: cover;
    top: 2px;
    left: 7px;
}

nav.menu {
    overflow: hidden;
    margin: 10px 0 20px 0;
}

nav.menu li {
    width: 25%;
    display: inline-block;
    float: left;
    margin: 0.5rem 0 0 0;
}

nav.menu li h4 {
    font-size: 0.7rem;
}

nav.menu li a {
    display: block;
    width: 100%;
    text-align: center;
}

nav.menu li i {
    display: block;
    width: 2.6rem;
    height: 2.6rem;
    margin: auto;
}

nav.menu li i.m0 {
    background: url(../images/icon/m0.png) no-repeat;
    background-size: 100%;
}

nav.menu li i.m1 {
    background: url(../images/icon/m1.png) no-repeat;
    background-size: 100%;
}

nav.menu li i.m2 {
    background: url(../images/icon/m2.png) no-repeat;
    background-size: 100%;
}

nav.menu li i.m3 {
    background: url(../images/icon/m3.png) no-repeat;
    background-size: 100%;
}

nav.menu li i.m4 {
    background: url(../images/icon/m4.png) no-repeat;
    background-size: 100%;
}

nav.menu li i.m5 {
    background: url(../images/icon/m5.png) no-repeat;
    background-size: 100%;
}

nav.menu li i.m6 {
    background: url(../images/icon/m6.png) no-repeat;
    background-size: 100%;
}

nav.menu li i.m7 {
    background: url(../images/icon/m7.png) no-repeat;
    background-size: 100%;
}

nav.menu li i.m8 {
    background: url(../images/icon/m8.png) no-repeat;
    background-size: 100%;
}

nav.menu li i.m9 {
    background: url(../images/icon/m9.png) no-repeat;
    background-size: 100%;
}

nav.menu li i.m10 {
    background: url(../images/icon/m10.png) no-repeat;
    background-size: 100%;
}

nav.menu li i.m11 {
    background: url(../images/icon/m11.png) no-repeat;
    background-size: 100%;
}

nav.menu li i.m12 {
    background: url(../images/icon/m12.png) no-repeat;
    background-size: 100%;
}

.index-bg1 {
    background: url(../images/index_bg1.jpg) no-repeat;
    background-size: contain !important;
    min-height: 276px;
}

.copyright {
    overflow: hidden;
    background: #fafafa;
    color: #858585;
    font-size: 0.6rem;
    text-align: center;
    padding: 1rem 0.5rem 4.5rem;
}

.NoInformation {
    text-align: center;
}

.sidebanner {
    margin: 1rem auto 0;
}

.sidebanner img {
    width: 100%;
}

.bannerTxt {
    overflow: hidden;
    text-align: center;
    margin-bottom: -4%;
}

.bannerTxt li {
    width: 23%;
    display: inline-block;
    float: left;
    background-color: #583121;
    margin: 1%;
    position: relative;
    overflow: hidden;
}

.bannerTxt li div {
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 6.5vw;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 132%;
    padding: 12% 0 0 0;
}

/*a.backBtn{background: url(../images/icon/back.png) no-repeat;display: block;position: absolute;top: 28%;left: 4%;width: 1.5rem;height: 1.5rem;background-size: contain;}*/
.search {
    border-radius: 50px;
    border: 2px solid #FF0000;
    height: 2rem;
    width: 96%;
    margin: 1.6rem auto;
    position: relative;
}

.search h4 {
    display: block;
    color: #fff;
    background: #FF0000;
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
    height: 1.8rem;
    line-height: 1.8rem;
    padding: 0 0.3rem;
    border-radius: 50px;
    font-weight: 300;
    animation: rotate 2s ease infinite;
}

.search .hand {
    position: absolute;
    background: url(../images/hand.png) no-repeat;
    width: 26px;
    height: 39px;
    right: 30px;
    top: 30px;
    z-index: 9;
    background-size: contain;
}

@keyframes rotate {
    0% {
        transform: scale(1, 1);
    }

    10% {
        transform: scale(0.9, 0.9);
    }

    20% {
        transform: scale(1, 1);
    }

    30% {
        transform: scale(0.9, 0.9);
    }

    40% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1, 1);
    }
}



.weui-mark li h4 {
    text-align: center;
}

.page-bd {
    overflow: hidden;
}

.page-bd .title h2,
.page-bd .title a {
    text-align: center;
}

.page-bd .title h2 {
    font-size: 1rem;
    margin: 0.5rem auto;
}

.page-bd .title a {
    font-size: 0.7rem;
    font-weight: 500;
    display: block;
    width: 7rem;
    border: 1px solid #333;
    border-radius: 30px;
    margin: auto;
}

.page-bd .title a span {
    color: #FE0851;
}

.index-list {
    background: #fff;
    width: 96%;
    margin: 0.7rem auto;
    border-radius: 5px;
    font-size: 0.7rem;
    box-shadow: rgba(58, 78, 95, 0.2) 0 0px 5px, rgba(58, 78, 95, 0.05) 0 0px 5px;
}

.js_grid {
    text-align: center;
    padding: 8px;
}

.index-list .weui-grids {
    padding: 10px;
}

.weui-grid .hot {
    position: absolute;
    top: 0;
    right: 0;
    background: url('../images/hot.gif') no-repeat;
    background-size: contain;
    width: 28px;
    height: 12px;
}

.js_grid:before,
.js_grid:after {
    content: unset;
}

.out-server {
    background: #FE0851;
    width: 90%;
    margin: 0 auto 0.7rem auto;
    overflow: hidden;
    border-radius: 5px;
    max-width: 380px;
}

.out-server li {
    width: 50%;
    float: left;
    list-style: none;
    text-align: center;
    position: relative;
}

.out-server li a {
    color: #fff;
    line-height: 36px;
}

.out-server li.s:after {
    content: '';
    width: 1px;
    height: 100%;
    background: #FF5989;
    position: absolute;
    right: 0;
}

.out-server li.d:before {
    content: '';
    width: 1px;
    height: 100%;
    background: #DD0848;
    position: absolute;
    left: 0;
}

.tel {
    width: 98%;
    margin: 1rem auto 0.8rem auto;
}

.tel img {
    width: 100%;
}

.footer {
    border-bottom: 3px solid #FF0000;
    position: fixed;
    width: 100%;
    bottom: 0;
    height: 60px;
    background: linear-gradient(90deg, #ff9233, #fe5136 31%, #fd2245 64%, #fd227a);
    background-size: cover;
    z-index: 99999;
    overflow: hidden;
    padding: 0.3rem 0 0;
    color: #fff;
}

.zx ul {
    display: flex;
}

.zx li {
    text-align: center;
    list-style: none;
    width: 20%;
}

.zx li:last-child {
    width: 59%;
}

.zx li:last-child a {
    background: linear-gradient(90deg, rgb(255, 243, 218) 4%, rgb(255, 231, 162) 96%);
    border-radius: 50px;
    width: 96%;
    display: block;
    line-height: 55px;
    color: #fa1818;
    font-weight: bold;
    text-shadow: 0 2px 0 #fff;
    -webkit-animation: templateEnlargeShrink-47ed9df8 3s infinite;
    -o-animation: templateEnlargeShrink-47ed9df8 3s infinite;
    animation: templateEnlargeShrink-47ed9df8 3s infinite;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.zx li div img {
    height: 16px;
    display: inline-block;
}

.footer li {
    font-size: 0.7rem;
}

.footer li a {
    color: #fff;
}

.footer li i.f1 {
    background: url(../images/icon/f1.gif) no-repeat;
    background-size: contain;
}

.footer li i.f2 {
    background: url(../images/icon/f2.gif) no-repeat;
    background-size: contain;
}

.footer li i.f3 {
    background: url(../images/icon/f3.gif) no-repeat;
    background-size: contain;
}

.footer li i.f4 {
    background: url(../images/icon/f4.gif) no-repeat;
    background-size: contain;
}

.footer li i.f5 {
    background: url(../images/icon/f5.gif) no-repeat;
    background-size: contain;
}

.footer li i {
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    margin: auto;
}

.content {
    margin: 0.5rem auto;
    box-sizing: border-box;
    position: relative;
    border-top: 0.3rem solid #9E220A;
}


.content .ititle {
    text-align: center;
    font-size: 1.2rem;
    color: #583120;
    width: 96%;
    margin: auto;
}

.content .subtitle {
    position: relative;
    z-index: 9;
    text-align: center;
}

.content .subtitle h4 {
    font-family: kt;
    font-size: 0.8rem;
    color: #583120;
    display: inline;
    border-top: #CBAB8E 2px dotted;
    padding-top: 0.3rem;
}

.content .search {
    margin: 0.5rem auto 1.5rem;
    z-index: 9;
    border: 2px solid #583121;
}

.content .search h4 {
    background: #583121;
}

.content .aIMG {
    position: relative;
    z-index: 8;
    font-size: 0;
}

.content .ffpic {
    border-top: 8px solid #583121;
    width: 92%;
    margin: 0 auto 1rem auto;
    overflow: hidden;
    position: relative;
    z-index: 9
}

.content .ffpic li {
    width: 25%;
    display: inline-block;
    float: left;
    background: url(../images/ffline.jpg) no-repeat center top;
    text-align: center;
    padding: 1rem 0 0;
}

.content .ffpic li img {
    width: 75%;
    height: 75%;
    border-radius: 50%;
    border: 3px solid #583121;
}

.page-bd .weui-mark li {
    padding-right: unset;
    width: 46%;
    margin-right: 4%;
    background: #FE0000;
    padding: 2px;
    border-radius: 5px;
    margin-bottom: 4%;
}

.page-bd .weui-mark-title a {
    color: #fff;
    font-size: 0.7rem;
}

.page .content {
    border-top: unset;
}


.weui-content {
    padding: unset;
    margin: 0 0 0.8rem 0;
}

.answer dl {
    width: 92%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.answer dt {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    margin-bottom: 5px;
}

.answer dt span {
    color: #fff;
    background-color: #e6212a;
    font-size: 14px;
    font-weight: normal;
    padding: 1px 2px;
    border-radius: 5px;
    vertical-align: text-top;
    margin-right: 8px;
}

.max-line2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.answer {
    padding: 30px 0;
}

.answer dd {
    padding-left: 26px;
    color: rgba(102, 102, 102, 0.7);
    font-size: 15px;
    position: relative;
}

.answer dd span {
    color: unset !important;
    font-size: unset !important;
}

.answer dd .more {
    color: #000;
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #fff;
}

.answer dd.max-line2 .more {
    display: block;
}

.feedback {
    position: relative;
    background-color: #e6212a;
    text-align: center;
}

.feedback .title {
    text-align: center;
}

.feedback .title img {
    display: inline;
    height: 2.6rem;
}

.feedback .fcontent {
    width: 90%;
    margin: auto;
    text-align: center;
    min-width: 300px;
    padding-bottom: 1rem;
}

.feedback .fcontent div.input {
    background: #fff;
    height: 1.7rem;
    line-height: 1.7rem;
    margin: 0 auto 0.8rem auto;
    text-align: left;
    text-indent: 15px;
    width: 92%;
    border-radius: 50px;
}

.feedback .fcontent div.input input {
    border: unset;
    width: 60%;
    font-size: 16px;
}

.feedback .fcontent p {
    line-height: 2rem;
}

.feedback .fcontent p span {
    color: #FA0000;
}

.feedback .fcontent .submit a {
    display: inline-block;
    height: 1.5rem;
    background: -webkit-linear-gradient(45deg, rgb(248, 231, 28), rgb(255, 152, 3));
    width: 92%;
    border-radius: 50px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5rem;
    -webkit-animation: templateEnlargeShrink-47ed9df8 3s infinite;
    -o-animation: templateEnlargeShrink-47ed9df8 3s infinite;
    animation: templateEnlargeShrink-47ed9df8 3s infinite;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.feedback img,.banner img{
    width:100%;
}

@keyframes templateEnlargeShrink-47ed9df8 {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
    }

    33% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
    }

    66% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
    }
}

@keyframes templateSearchLights-47ed9df8 {
    0% {
        transform: translate(-5.66123188rem);
        -webkit-transform: translate(-5.66123188rem);
        opacity: 0;
    }

    66% {
        transform: translate(-5.66123188rem);
        -webkit-transform: translate(-5.66123188rem);
        opacity: 1;
    }

    100% {
        transform: translate(24.90942029rem);
        -webkit-transform: translate(24.90942029rem);
    }

    .feedback .pp {
        background: url(../images/feedback.png) no-repeat right;
        position: absolute;
        width: 100%;
        height: 170px;
        background-size: contain;
        top: 0;
    }


    .sideBtn {
        overflow: hidden;
        margin: 0.5rem auto;
        width: 90%;
    }

    .sideBtn li {
        display: inline-block;
        width: 50%;
        float: left;
        text-align: center;
    }

    .sideBtn li img {
        width: 80%;
        display: inline;
    }

    .infoImg-1,
    .infoImg-2,
    .infoImg-3 {
        overflow: hidden;
    }

    .infoImg-1 li,
    .infoImg-2 li,
    .infoImg-3 li {
        width: 50%;
        display: inline-block;
        float: left;
    }

    .infoImg-2 li {
        width: 42%;
        padding: 4%;
    }

    .infoImg-3 li {
        width: 21%;
        padding: 2%;
    }

    .zx {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #fff;
        padding: 1.6% 0;
    }

    .zx ul {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    .zx ul li {
        width: 25%;
        float: left;
        text-align: center;
    }

    .zx ul li a {
        display: inline-block;
        color: #fff;
        border-radius: 8px;
        width: 96%;
        margin: auto;
        line-height: 1rem;
        padding: 0.3rem 0;
    }

    .zx ul li a img {
        margin: auto;
        height: 30px;
    }

    .f_home {
        background: #fe0000;
    }

    .f_tel {
        background: #ff00f0;
    }

    .f_zixun1 {
        background: #2658f9;
    }

    .f_zixun2 {
        background: #01b22e;
    }

    .hexagon-img {
        width: 90%;
        padding-top: 100%;
        -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
        clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
        margin: 0 auto;
    }

    .hexagon-img2 {
        width: 100%;
        padding-top: 100%;
        margin: 0 auto;
    }

    /* .container,.page { position: absolute;top: 0;right: 0;bottom: 0;left: 0; } */
    .pd_2 {
        padding-bottom: 2px;
    }

    .pd_10 {
        padding-bottom: 10px;
    }

    .pt_10 {
        padding-top: 10px;
    }

    .mt_0 {
        margin-top: 0px;
    }

    .divline {
        height: 10px;
        background: #f4f4f4;
    }

    .slide {
        padding: 18% 0 0 0;
    }

    .weui-footer {
        padding-top: 10px;
    }

    .weui-tabbar-flex {
        position: fixed;
    }

    .placeholder {
        margin: 5px;
        padding: 0 10px;
        background-color: #ebebeb;
        height: 2.3em;
        line-height: 2.3em;
        text-align: center;
        color: #cfcfcf;
    }

    /* 头部 */
    .head-con {
        border-bottom: 1px #eee solid;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 400;
        background: #fff;
    }

    .head-con .placeholder {
        background: transparent;
        color: #333;
    }

    .head-con .weui-flex__item_left .placeholder {
        text-align: left;
    }

    .head-con .weui-flex__item_right .placeholder {
        text-align: right;
    }

    .mine-top {
        text-align: center;
        padding: 34px 10px;
        background: url(../images/user_bg.jpg);
        color: #fff;
    }

    .mine-top .weui-avatar-circle {
        margin: 0 auto;
        margin-bottom: 5px;
        width: 65px;
        height: 65px;
    }

    .mine-top .weui-avatar-circle img {
        width: 65px;
        height: 65px;
    }

    .fitment-plate {
        padding-left: 10px;
        padding-right: 10px;
    }

    .fitment-plate .weui-flex__item {
        margin: 8px;
        text-align: center;
    }

    .fitment-plate .weui-flex__item img {
        border-radius: 100%;
    }

    .fitment-plate .weui-flex__item .text {
        padding-top: 5px;
    }

    /* 购物车 */
    .page-cart-list-title {
        margin-top: 0;
    }

    .page-cart-list-content {
        margin-top: 0;
    }

    .page-cart-list-content .weui-media-box_appmsg {
        padding: 10px 10px 0 10px;
    }

    .page-cart-list-content .weui-media-box_appmsg .weui-cells {
        margin-top: 0;
    }

    .page-cart-list-content .weui-media-box_appmsg .weui-cells:before,
    .page-cart-list-content .weui-media-box_appmsg .weui-cells:after {
        display: none;
    }

    .page-cart-list-content .weui-media-box_appmsg .weui-cells .weui-cell {
        padding: 10px 0;
    }

    .page-cart-list-content .weui-check__label {
        padding: 0;
    }

    .page-cart-list-content .weui-check__label:active {
        background-color: transparent;
    }

    .cart-nav {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 55px;
        background: #fff;
        z-index: 2;
        border-top: 1px #eee solid;
    }

    .cart-nav .weui-cells_checkbox {
        margin-top: 0;
        float: left;
    }

    .cart-nav .right {
        float: right;
        display: flex;
        line-height: 55px;
    }

    .cart-nav .right .weui-btn {
        margin: 0 0 0 5px;
        border-radius: 0;
        line-height: 55px;
    }

    /* 我的钱包 */
    .wallet-top {
        text-align: center;
        padding: 34px 10px;
        background: url(../images/user_bg.jpg);
        color: #fff;
    }

    .wallet-top span {
        display: block;
    }

    .wallet-top span.content {
        font-size: 34px;
        padding-top: 10px;
    }

    .wallet-put-cash .weui-cells {
        margin-top: 0;
    }

    .wallet-put-cash-list .weui-btn {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 0;
    }

    /* 待结算 */
    .time-sele {
        background: #f4f4f4;
        padding: 10px 15px;
    }

    .time-sele .time-sele-input input {
        width: 140px;
    }

    .time-sele .time-sele-info {
        font-size: 12px;
        color: #9d9d9d;
    }

    /* 产品详情 */
    .product-detail-info .price-box {
        padding-top: 10px;
    }

    .product-detail-info .price-box em {
        font-style: normal;
    }

    .product-detail-info .price-box .price {
        font-weight: bold;
        color: #f00;
        font-size: 18px;
    }

    .product-detail-content {
        text-align: center;
        font-size: 12px;
    }

    .product-detail-content .title {
        padding: 10px 0;
    }

    .product-detail-content .content {
        min-height: 400px;
        background: #f4f4f4;
    }

    .product-nav {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 55px;
        background: #fff;
    }

    .product-nav .weui-btn {
        height: 55px;
        line-height: 55px;
        border-radius: 0;
    }


    .weui-c-article img {
        margin: auto;
    }