@-webkit-keyframes live{0%{background-position:0 0}1.89%{background-position:-110px 0}3.77%{background-position:-220px 0}5.66%{background-position:-330px 0}7.55%{background-position:-440px 0}9.43%{background-position:-550px 0}11.32%{background-position:-660px 0}13.21%{background-position:-770px 0}15.09%{background-position:-880px 0}16.98%{background-position:-990px 0}18.87%{background-position:-1100px 0}20.75%{background-position:-1210px 0}22.64%{background-position:-1320px 0}24.53%{background-position:-1430px 0}26.42%{background-position:-1540px 0}28.30%{background-position:-1650px 0}30.19%{background-position:-1760px 0}32.08%{background-position:-1870px 0}33.96%{background-position:-1980px 0}35.85%{background-position:-2090px 0}37.74%{background-position:-2200px 0}39.62%{background-position:-2310px 0}41.51%{background-position:-2420px 0}43.40%{background-position:-2530px 0}45.28%{background-position:-2640px 0}47.17%{background-position:-2750px 0}49.06%{background-position:-2860px 0}50.94%{background-position:-2970px 0}52.83%{background-position:-3080px 0}54.72%{background-position:-3190px 0}56.60%{background-position:-3300px 0}58.49%{background-position:-3410px 0}60.38%{background-position:-3520px 0}62.26%{background-position:-3630px 0}64.15%{background-position:-3740px 0}66.04%{background-position:-3850px 0}67.92%{background-position:-3960px 0}69.81%{background-position:0 -110px}71.70%{background-position:-110px -110px}73.58%{background-position:-220px -110px}75.47%{background-position:-330px -110px}77.36%{background-position:-440px -110px}79.25%{background-position:-550px -110px}81.13%{background-position:-660px -110px}83.02%{background-position:-770px -110px}84.91%{background-position:-880px -110px}86.79%{background-position:-990px -110px}88.68%{background-position:-1100px -110px}90.57%{background-position:-1210px -110px}92.45%{background-position:-1320px -110px}94.34%{background-position:-1430px -110px}96.23%{background-position:-1540px -110px}98.11%{background-position:-1650px -110px}}@keyframes live{0%{background-position:0 0}1.89%{background-position:-110px 0}3.77%{background-position:-220px 0}5.66%{background-position:-330px 0}7.55%{background-position:-440px 0}9.43%{background-position:-550px 0}11.32%{background-position:-660px 0}13.21%{background-position:-770px 0}15.09%{background-position:-880px 0}16.98%{background-position:-990px 0}18.87%{background-position:-1100px 0}20.75%{background-position:-1210px 0}22.64%{background-position:-1320px 0}24.53%{background-position:-1430px 0}26.42%{background-position:-1540px 0}28.30%{background-position:-1650px 0}30.19%{background-position:-1760px 0}32.08%{background-position:-1870px 0}33.96%{background-position:-1980px 0}35.85%{background-position:-2090px 0}37.74%{background-position:-2200px 0}39.62%{background-position:-2310px 0}41.51%{background-position:-2420px 0}43.40%{background-position:-2530px 0}45.28%{background-position:-2640px 0}47.17%{background-position:-2750px 0}49.06%{background-position:-2860px 0}50.94%{background-position:-2970px 0}52.83%{background-position:-3080px 0}54.72%{background-position:-3190px 0}56.60%{background-position:-3300px 0}58.49%{background-position:-3410px 0}60.38%{background-position:-3520px 0}62.26%{background-position:-3630px 0}64.15%{background-position:-3740px 0}66.04%{background-position:-3850px 0}67.92%{background-position:-3960px 0}69.81%{background-position:0 -110px}71.70%{background-position:-110px -110px}73.58%{background-position:-220px -110px}75.47%{background-position:-330px -110px}77.36%{background-position:-440px -110px}79.25%{background-position:-550px -110px}81.13%{background-position:-660px -110px}83.02%{background-position:-770px -110px}84.91%{background-position:-880px -110px}86.79%{background-position:-990px -110px}88.68%{background-position:-1100px -110px}90.57%{background-position:-1210px -110px}92.45%{background-position:-1320px -110px}94.34%{background-position:-1430px -110px}96.23%{background-position:-1540px -110px}98.11%{background-position:-1650px -110px}}body,html{position:relative;overflow:auto;min-width:1230px;height:100%;width:100%;font-size:0;background-color:#000}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}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.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:15px;line-height:4px;color:#fff}.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(../images/ios_normal.png)}.main-content .btn-wrap .ios:before,.main-content .btn-wrap .ios:hover{background-image:url(../images/ios_pressed_2.png)}.main-content .btn-wrap .android{background-image:url(../images/android_normal.png)}.main-content .btn-wrap .android:before,.main-content .btn-wrap .android:hover{background-image:url(../images/android_pressed_2.png)}.header{position:relative;z-index:2;padding:29px 5.875% 29px 7.625%}.header .logo{float:left;width:14.6875%;height:3.3125%;cursor:pointer}.header .logo img{width:100%;-o-object-fit:contain;object-fit:contain}.header .volumn{width:34px;height:20px;margin:10px 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}.header .volumn:before{content:"";background-image:url(../images/muted_pressed_bg.png),url(../images/voice_normal.png),url(../images/voice_pressed_bg.png)}.header .volumn.muted{background-image:url(../images/mute_normal.png)}.header .volumn.muted:hover{background-image:url(../images/muted_pressed_bg.png)}.header .volumn.voice{background-image:url(../images/voice_normal.png)}.header .volumn.voice:hover{background-image:url(../images/voice_pressed_bg.png)}.header .list{padding:10px 0 0}.header .list .item{position:relative;display:inline-block;margin-left:50px}.header .list .item:not(:first-child){margin-left:3.125vw}.header .list .item:first-child{margin-left:0}.header .list .item .nav{position:relative;display:inline-block;height:20px;overflow:visible;padding-bottom:6px;color:#fff;font-size:14px;line-height:20px;text-shadow:0 2px 3px rgba(0,0,0,.5);-webkit-transition:border-color .3s ease-in;-o-transition:border-color .3s ease-in;transition:border-color .3s ease-in}.header .list .item .nav:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:rgba(0,0,0,0);border-radius:2px;-webkit-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}.header .list .item .nav.checked:after{background-color:#ff5000}.header .list .item .nav .live-animation{height:110px;width:110px;position:absolute;top:-60px;right:-66px;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);background-image:url(../images/hot_new_1.png);-webkit-animation:live 2.12s steps(1) 0s infinite normal none;animation:live 2.12s steps(1) 0s infinite normal none;top:-67px}.header .list .item .iconfont{position:relative;left:-1px;color:#fff;font-size:12px}.header .list .item:not(.sub-menu):hover .nav{text-shadow:none}.header .list .item:not(.sub-menu):hover .nav:after{background-color:#ff5000}.header .list .sub-menu .icon-nav-down{display:inline-block}.header .list .sub-menu .icon-nav-up,.header .list .sub-menu:hover .icon-nav-down{display:none}.header .list .sub-menu:hover .icon-nav-up{display:inline-block}.header .list .sub-menu:hover .down-item{display:block}.header .list .down-item{position:absolute;display:none;width:120px;left:0;top:26px;border-radius:2px 2px 6px 6px;background-color:hsla(0,0%,100%,.3)}.header .list .down-item li:first-child{padding-top:10px}.header .list .down-item li:last-child{padding-bottom:10px}.header .list .down-item li a{display:inline-block;width:100%;height:50px;text-align:center;color:#fff;font-size:14px;line-height:50px;text-shadow:0 1px 3px rgba(0,0,0,.36);-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s}.header .list .down-item li:hover>a{color:#ff5000;text-shadow:none}.header .list .down-item .complain{position:relative}.header .list .down-item .complain .nav:hover{font-weight:700;border-bottom:none}.header .list .down-item .complain:hover .content-wrap{display:block}.header .list .down-item .complain:hover .nav{font-weight:700;border-bottom:none}.header .list .down-item .complain .content-wrap{display:none;position:absolute;right:100%;top:-68px;padding:0 7px 0 0}.header .list .down-item .complain .content{position:relative;z-index:10;width:267px;padding:25px 0 20px;background-color:hsla(0,0%,100%,.3);border-radius:6px}.header .list .down-item .complain .content:hover{display:block}.header .list .down-item .complain .content .line a{display:inline;line-height:12px}.header .list .down-item .complain .content:after{content:"";position:absolute;top:50%;left:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:block;width:0;height:0;border:5px solid rgba(0,0,0,0);border-left-color:hsla(0,0%,100%,.3)}.header .list .down-item .complain .line{line-height:26px;font-size:14px;color:#fff;text-align:center}.header .list .down-item .complain .line.bold{line-height:16px;margin-bottom:12px;font-weight:700;font-size:16px}.header .list .down-item .complain .line.align-left{text-align:left;margin-left:25px}.header .list .down-item .complain .report-more{margin-top:20px;line-height:12px}.header .list .down-item .complain .report-more a{color:#fff;font-size:12px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.header .list .down-item .complain .report-more a:hover{color:#ff5000}.header .list,.header .volumn{float:right}.com-footer-wrap{position:absolute;bottom:0;width:100%;height:auto;padding:0 0 23px}.com-footer-wrap .com-footer{text-align:center}.com-footer-wrap .com-footer .list{position:relative;display:inline-block;height:17px;text-align:center;line-height:17px}.com-footer-wrap .com-footer .list .item{display:inline-block;float:none;width:98px;text-align:center;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.com-footer-wrap .com-footer .info{margin-top:18px;color:#fff}.com-footer-wrap .com-footer .info .police-link{color:#fff}@media (max-width:1440px){.header .logo img{width:158.7px;height:66.7px}.header .list .item:not(:last-child){margin-left:45px}.header .list .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}.com-footer-wrap .com-footer .list .item{width:73px}}@media (min-width:1700px){.header .list .item .nav{font-size:16px;line-height:22px}.header .list .down-item li a{font-size:16px}.header .list .down-item .complain .content{width:300px}.header .list .down-item .complain .content .line{font-size:16px}.header .list .down-item .complain .content .line.bold{font-size:18px}.header .list .down-item .complain .content .line a{line-height:14px;font-size:14px}.com-footer-wrap .com-footer .info a,.com-footer-wrap .com-footer .info span,.com-footer-wrap .com-footer .list .item{font-size:14px}}
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.popup .popuptext{
    visibility: hidden;
    width: 500px;
    height:245px;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 50px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 200%;
    margin-left: -80px;
}
.popup .popuptext:hover{
    opacity: .3;    
}
.popup .popuptext img{
   width: 200px;
   height: 200px;
}
/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    opacity: 0;
    /* border-color: #555 transparent transparent transparent; */
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    /* -webkit-animation: fadeIn 1s; */
    /* animation: fadeIn 1s; */
}