/* 位置 */

.rel {
    position: relative;
}

.abs {
    position: absolute;
}


/* 全屏 */

.full-w {
    width: 100%;
}

.box {
    position: relative;
}

footer {
    position: relative!important;
}

img {
    width: 100%;
    /* margin-top: -1px; */
}

.btn {
    position: absolute;
    width: 73%;
    bottom: 0%;
    left: 14%;
    z-index: 9;
}

.btn_1 {
    position: absolute;
    width: 40%;
    bottom: 6%;
    left: 6%;
    z-index: 9;
}

.btn_2 {
    position: absolute;
    width: 40%;
    bottom: 6%;
    left: 55%;
    z-index: 9;
}

._ac {
    position: absolute;
    width: 20%;
    height: 2%;
    top: 87.5%;
    left: 60%;
}

.content_bottom_con {
    width: 100%;
    /* height: 2.32rem; */
}

.content_bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 20;
    /* -webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0); */
}

.content_bottom.static {
    position: absolute;
}

.bg {
    margin-top: -1px;
}

.width50 {
    width: 50%;
    float: left;
}

.bai_1 {
    position: absolute;
    width: 100%;
    top: 7.1%;
    left: 0%;
    -webkit-animation: bai_left 1s ease-in;
    animation: bai_left 1s ease-in;
}

.bai_2 {
    position: absolute;
    width: 100%;
    top: 16.2%;
    right: 0%;
    -webkit-animation: bai_right 1s ease-in;
    animation: bai_right 1s ease-in;
}

.bai_3 {
    position: absolute;
    width: 100%;
    top: 25.2%;
    left: 0%;
    -webkit-animation: bai_left 1s ease-in;
    animation: bai_left 1s ease-in;
}

.bai_4 {
    position: absolute;
    width: 100%;
    top: 33.6%;
    right: 0%;
    -webkit-animation: bai_right 1s ease-in;
    animation: bai_right 1s ease-in;
}

.qin_1 {
    position: absolute;
    width: 100%;
    top: 8%;
    left: 0%;
    -webkit-animation: qin_left 1s ease-in;
    animation: qin_left 1s ease-in;
}

.qin_2 {
    position: absolute;
    width: 100%;
    top: 19%;
    right: 0%;
    -webkit-animation: qin_right 1s ease-in;
    animation: qin_right 1s ease-in;
}

.qin_3 {
    position: absolute;
    width: 100%;
    top: 30.1%;
    left: 0%;
    -webkit-animation: qin_left 1s ease-in;
    animation: qin_left 1s ease-in;
}

.bai_bt {
    position: absolute;
    width: 34%;
    height: 3%;
    top: 43%;
    left: 33%;
}

.qin_bt {
    position: absolute;
    width: 34%;
    height: 3%;
    top: 43%;
    left: 33%;
}

@-webkit-keyframes bai_left {
    0% {
        left: -100%;
    }
    100% {
        left: 0%;
    }
}

@keyframes bai_left {
    0% {
        left: -100%;
    }
    100% {
        left: 0%;
    }
}

@-webkit-keyframes bai_right {
    0% {
        right: -100%;
    }
    100% {
        right: 0%;
    }
}

@keyframes bai_right {
    0% {
        right: -100%;
    }
    100% {
        right: 0%;
    }
}

@-webkit-keyframes qin_left {
    0% {
        left: -100%;
    }
    100% {
        left: 0%;
    }
}

@keyframes qin_left {
    0% {
        left: -100%;
    }
    100% {
        left: 0%;
    }
}

@-webkit-keyframes qin_right {
    0% {
        right: -100%;
    }
    100% {
        right: 0%;
    }
}

@keyframes qin_right {
    0% {
        right: -100%;
    }
    100% {
        right: 0%;
    }
}