*{box-sizing: border-box; margin: 0; padding: 0;}
body{ background-color: #0d0b0b;}
@media (min-width: 1201px) {
    .block-mobile{ display: none;}
    .block{ width: 100%;padding-bottom: 180px; background-image: url(../images/bg.jpg); background-size: 100%; background-repeat: no-repeat; background-color: #0d0b0b;display: flow-root;}
    .left{ width: 48.4vw;height: 100%; float: left; padding-top: 5.3vw;}
    .left .logo{ width: 20vw; display: block; margin: 0 auto;}
    .left .date{width: 33vw; display: block; margin: 0 auto; margin-top: 2.8vw;}
    .left .video-box{ width: 40vw; height: 24vw; background-image: url(../images/video-bg.png); background-size: 100% 100%; margin: 0 auto; margin-top: 2vw; position: relative;}
    .left .video-box iframe{ width: 90%; height: 88%; position: absolute; left: 5%; top: 2%;}
    
    
    .qcode-box{position: absolute; right: 4.5vw; top: 38.5vw; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column;}
    .qcode-box .qcode{ width: 10.6vw; margin-bottom: 1.5vw;}
    
    
    
    .btn-box{ width: 35vw; height: 10vw; margin: 0 auto; margin-top: 58vw; display: flex; align-items: center; justify-content: center;}
    .btn-box img{ width: 16.6vw; display: block;}
    .btn-box img.left-btn{ margin-right: 5vw;}
    .tip{ width: 100%; position: absolute; top: 70vw; color: #a68760; text-align: center; font-size:clamp(16px,1vw,1.5rem);}
    .desc{ width: 86vw; display: block; margin: 0 auto; margin-top: 2.6vw;}
    
}


@media (max-width: 1200px) {
    .block{ display: none;}
    .block-mobile{ width: 100%; background-image: url(../images/mobile-bg.png); background-size: 100%; background-repeat: no-repeat; background-color: #0d0b0b; padding-top: 9vw;}
    .mobile-logo{ width: 45.3vw; display: block; margin: 0 auto;}
    .mobile-date{ width: 78.6vw; display: block; margin: 0 auto; margin-top: 48vw;}
    .btn-box{width: 90vw; display: flex; justify-content: center; align-items: center; margin: 0 auto; margin-top: 4vw;}
    .btn-box img{ width: 41vw;}
    .tip{width: 100%; text-align: center; font-size: 3vw; color: #a68760; margin-top: 4vw;}
    .video-box{ width: 97.3vw; height: 51.2vw; margin: 0 auto; margin-top: 6vw; background-image: url(../images/mobile-video-bg.png); background-size: 100% 100%; position: relative;}
    .video-box iframe{ width: 90%; height: 96%; position: absolute; left: 5%; top: 2%;}
    .mobile-desc{ width: 87vw; display: block; margin: 0 auto; margin-top: 8.6vw;}
    .bottom-box{ width: 76vw; height: 40.4vw; margin: 0 auto; margin-top: 9vw; margin-bottom: 13.6vw; display: flex; align-items: center; justify-content: center;}
    .bottom-box .mobile-qcode{ width: 28.8vw; margin-right: 13vw;}
    .bottom-box .mobile-follow-btn{ width: 32.8vw;}
}