body,
div,
form,
img,
ul,
ol,
li,
dl,
dt,
dd,
form,
p {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    list-style: none outside none;
    text-decoration: none;
}

body,
html {
    min-width: 1400px;
}

.common-wrap {
    width: 100%;
    position: relative;
}

.common-wrap img {
    width: 100%;
    display: block;
}

.js-btn {
    width: 168px;
    height: 52px;
    /* background:  no-repeat; */
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 74%;
    cursor: pointer;
}
.name01,
.phone01,
.area01 {
    width: 20%;
    height: 5%;
    padding-left: 25px;
    box-sizing: border-box;
    border: 0 none;
    outline: none;
    background: none;
    position: absolute;
    left: 22.9%;
    top: 57.4%;
    font-size: 18px;
}

.sb-btn01 {
    background: url(/uploads/image/zpimages/huoqu.jpg) no-repeat;
    top: 87.5%;
    left: 23.4%;
    position: absolute;
    text-align: center;
    color: #fff;
    width: 22%;
    height: 7%;
    background-size: contain;
    cursor: pointer;
    animation: autoplay 1.5s infinite;
}

.name02,
.phone02,
.area02,
.sb-btn02 {
    width: 20%;
    height: 5%;
    padding-left: 25px;
    box-sizing: border-box;
    border: 0 none;
    outline: none;
    background: none;
    position: absolute;
    right: 57%;
    top: 82.5%;
    font-size: 18px;
}

.sb-btn02 {
    background: #d9002b;
    top: 81.0%;
    right: 21.5%;
    line-height: .6rem;
    font-size: 16px;
    text-align: center;
    color: #fff;
    width: 12.5%;
    height: 7.6%;
    background-size: contain;
    cursor: pointer;
    animation: autoplay 1.5s infinite;
    padding-left: 0;
    text-align: center;
}


@keyframes autoplay {
    0%,
    30%,
    50%,
    60%,
    80% {
        transform: scale(1);
    }
    40%,
    70% {
        transform: scale(0.9);
    }
}

@keyframes zoom_big {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


/* 弹框 */


/* 弹框 */

.kn-tk {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    overflow-y: hidden;
    display: none;
    animation: zoom_big .5s forwards alternate;
    z-index: 22;
}

.kn-wrap {
    width: 5.5rem;
    background: url(/uploads/image/z2images/tk-bj.png) no-repeat;
    height: 5.25rem;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    animation: zoom_big .5s forwards alternate;
}


.name03,
.phone03,
.area03,
.sb-btn03 {
    width: 20%;
    height: 7%;
    position: absolute;
    left: 59.7%;
    top: 25.9%;
    padding-left: 1%;
    box-sizing: border-box;
    border: 0 none;
    font-size: 16px;
    background: none;
    outline: none;
}
.sb-btn03 {
    height: 14.5%;
    padding-left: 0;
    top: 68.5%;
    width: 19.5%;
    left: 59.8%;
    background: url(/uploads/image/zpimages/sb-btn03.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    animation: autoplay 1.5s infinite;
}

.closebtn22 {
    width: .55rem;
    height: .55rem;
    background: url(/uploads/image/z2images/close-btn22.png) no-repeat;
    background-size: contain;
    position: absolute;
    cursor: pointer;
    top: -5%;
    right: -5%;
}

.sb-btn09 {
    width: 3.5rem;
    height: 1.4rem;
    text-align: center;
    font-size: 16px;
    background:  no-repeat;
    background-size: contain;
    position: absolute;
    left: 3rem;
    top: 4.6rem;
}

.four {
    width: 23.3%!important;
    position: absolute;
    left: 13.8%;
    top: 0%;
}

.five {
    width: 23.1%!important;
    position: absolute;
    left: 13.8%;
    top: 0%;
}

.five2 {
    width: 17.3%!important;
    position: absolute;
    left: 13.8%;
    top: 46.4%;
}
.btn01 {
    width: 2.56rem;
    height: 2.56rem;
    background:  no-repeat;
    background-size: contain;
    position: absolute;
    left: 9.4rem;
    top: .32rem;
}


@media screen and (max-width: 1536px) {
    html {
        font-size: 80px;
    }
}

@media screen and (max-width: 1920px) {
    html {
        font-size: 100px;
    }
}

input[type=number] {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.gou-left,
.gou-right {
    width: 2%;
    height: 3%;
   
    cursor: pointer;
    position: absolute;
    left: 39.3%;
    top: 70%;
}
.gou-right {
    left: auto;
    left: 70.3%;
}
.gou-left.current,
.gou-right.current {
    background: url(/uploads/image/zpimages/gou.png) no-repeat;
    background-size: contain;
}
#ysf {
    color: #ff4b48 !important;
    font-size: 25px;
    font-weight: bold;
    position: absolute;
    left: 68.2%;
    top: 39%;
    width:9%;
    text-align: left;
    
    height: 4%;
}
#clf {
    color: #ff4b48 !important;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    left: 65.4%;
    top: 52.7%;
        width: 7%;
        text-align: center;
    
    height: 4%;
}
#sjf {
    color: #ff4b48 !important;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    left: 65.4%;
    top: 64.7%;
        width: 7%;
        text-align: center;
    
    height: 4%;
}
#rgf {
    color: #ff4b48 !important;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    left: 65.4%;
    top: 58.5%;
        width: 7%;
        text-align: center;
    
    height: 4%;
}
#glf {
    color: #ff4b48 !important;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    left: 65.4%;
    top: 70.5%;
        width: 7%;
        text-align: center;
    
    height: 4%;
}
.kefu {
    position: absolute;
    width: 28%;
    height: 9%;
    background: url(/uploads/image/zpimages/kefu.png) no-repeat;
    background-size: contain;
    left: 56%;
    top: 83%;
}
.yuan {
    position: absolute;
    font-size: 18px;
    color: #333;
    right: 0;
    top: 0;
}
.money {
    display: block;
    font-size: 18px;
}
#ysf span {
    font-size: 25px!important;
}