* {
    margin: 0;
    padding: 0;
}

.video-box {
    position: relative;
    height: 100vh;
    background-color: #C1CFF7;
    /*进行视频裁剪*/
    overflow: hidden;
}

.video-box .video-background {
    position: absolute;
    left: 50%;
    top: 50%;
    /*保证视频内容始终居中*/
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    /*保证视频充满屏幕*/
    object-fit: cover;
    min-height: 800px;
}
.container {
  position: relative;
}
 
.text {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  color: white;
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 5px;
}
        .pc_body{
            max-width: 900px; margin:0 auto;
        }
        .pc_btn{
            width: 900;position: fixed; bottom: 5px; left: calc((100vw - 900px) / 2);overflow: hidden; z-index: 1
        }
        .mobile_btn{
            width: 100vw;position: fixed; bottom: 5px; left: 0;overflow: hidden; z-index: 1
        }
        body{
        
        }
        .cbtn{
    /*      animation: rocking 2s infinite;*/
    /*animation-timing-function: cubic-bezier(0,0,.58,1);*/
    /*transition: .2s;*/
        }
        @keyframes rocking {
    0% {
        transform: rotate(0deg)
    }

    25% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(2deg)
    }

    75% {
        transform: rotate(-2deg)
    }

    100% {
        transform: rotate(0deg)
    }
}
.bg_color{
    background-color: #ffffff;
}
.bg_color2{
    background-color: #ffffff;
}
.bg_color3{
    background-color: #ffffff;
    
}
.andh{        animation: rocking 1s infinite;
    animation-timing-function: cubic-bezier(0,0,.58,1);
    transition: .2s;}