body { background:#000 url(../home_bg.jpg) center center no-repeat; background-size:cover;}
body, html{position:relative;overflow:auto;height:100%;width:100%;background-color:#000}

.memorial-day{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);-webkit-filter:grey;filter:gray;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)}
body{overflow:hidden}
.clear:after{content:"";display:block;clear:both}

.video-wrap{overflow:hidden;background-color:#000}.video-wrap,.video-wrap .mask,.video-wrap img{position:absolute;top:0;left:0;width:100%;height:100%}.video-wrap .fade-in,.video-wrap img{-webkit-animation:fade-in 2s;animation:fade-in 2s}
.video-wrap .video{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.video-wrap .mask,.video-wrap .video{background-color:rgba(0,0,0,0)}
.main-content-wrap{position:absolute;width:100%}
.main-content{position:absolute;left:7.625%;top:36.333%}
.main-content .kwai-slogan{margin-bottom:18px;font-weight:500;font-size:50px;color:#fff;text-align:left;line-height:72px;text-shadow:0 2px 4px rgba(0,0,0,.5)}
.main-content .btn-wrap,.main-content .qr-code{display:inline-block;vertical-align:top}
.main-content .qr-code{width:137px;width:8.5625vw;margin:0 2.1875vw 0 0;text-align:center}
.main-content .qr-code .image{width:100%;height:140px;height:8.75vw;margin-bottom:3px;border-radius:6px}
.main-content .qr-code .text{font-size:12px;line-height:17px;color:#d8d8d8}
.main-content .btn-wrap .btn{display:block;width:190px;height:58px;width:11.875vw;height:3.625vw;background:none no-repeat 50%/contain;border-radius:30px;cursor:pointer;-webkit-transition:background-image .3s;-o-transition:background-image .3s;transition:background-image .3s;color:#fff;font-size:28px;line-height:58px}
.main-content .btn-wrap .btn:first-child{margin-bottom:1.5vw}
.main-content .btn-wrap .btn:before{content:""}
.main-content .btn-wrap .ios{background-image:url(../ios_normal.png)}
.main-content .btn-wrap .ios:before,.main-content .btn-wrap .ios:hover{background-image:url(../ios_pressed_2.png)}
.main-content .btn-wrap .android{background-image:url(../android_normal.png)}
.main-content .btn-wrap .android:before,.main-content .btn-wrap .android:hover{background-image:url(../android_pressed_2.png)}


/*音量控制图标*/
.blks_h .volumn{ float:right;width:34px;height:20px;margin:11px 0 0 24px;background-size:100%;background:none no-repeat 50%/contain;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}
.blks_h .volumn:before{content:"";background-image:url(../muted_pressed_bg.png),url(../voice_normal.png),url(../voice_pressed_bg.png)}
.blks_h .volumn.muted{background-image:url(../mute_normal.png)}
.blks_h .volumn.muted:hover{background-image:url(../muted_pressed_bg.png)}
.blks_h .volumn.voice{background-image:url(../voice_normal.png)}
.blks_h .volumn.voice:hover{background-image:url(../voice_pressed_bg.png)}


@media (max-width:1440px){
    .blks_h h2 img { width: auto; height: 37.5px;}
    .blks_h .snv li:not(:last-child){margin-left:45px}
    .blks_h .snv .down-item{width:108px}
    .main-content .kwai-slogan{font-size:45px;line-height:65px;margin-bottom:16.2px}
    .main-content .qr-code{width:123.3px;margin-right:26px}
    .main-content .qr-code .image{height:126px}
    .main-content .btn-wrap .btn{width:171px;height:52.2px}
    .main-content .btn-wrap .btn:first-child{margin-bottom:21.6px}
}
@media (max-width:900px){
    .blks_h .snv li { float:left; margin:0 0 0 5px; }
}
@media (min-width:1700px){
    .blks_h h2 img{width: auto;height:47.7px}
    .blks_h .snv li a {font-size:16px;line-height:22px}
    .blks_h .snv .down-item li a{font-size:16px}
    #flk p a{font-size:14px}
}