.live-stream-container{background:#02071A;color:#fff}.live-stream-container .banner-container{display:flex;flex-direction:column;align-items:center;padding-top:176px;background:url(../img/ibanner_top.png) no-repeat center;background-size:100% 100%}.live-stream-container .banner-container>h1{font-size:56px;color:#86ACFF;line-height:64px;text-align:center}.live-stream-container .banner-container>.tips{font-size:16px;color:#FFFFFF;line-height:24px;margin-top:18px;margin-bottom:40px}.live-stream-container .banner-container>a{display:flex;align-items:center;justify-content:center;width:100%;max-width:224px;height:50px;border:none;border-radius:4px;cursor:pointer;border:unset;z-index:1;position:relative;-webkit-box-shadow:4px 8px 19px -3px rgba(0,0,0,0.27);box-shadow:4px 8px 19px -3px rgba(0,0,0,0.27);transition:all 250ms;overflow:hidden;font-weight:500;font-size:16px;color:#FFFFFF;background-color:#337BFF}.live-stream-container .banner-container>a::before{content:"";position:absolute;bottom:-2px;left:0;height:0;width:100%;border-radius:4px;background:url(/static/img/login-botton-mask.png) no-repeat;background-size:100% 100%;z-index:-1;transition:all 250ms}.live-stream-container .banner-container>a:hover{color:#fff}.live-stream-container .banner-container>a:hover::before{height:100%}.live-stream-container .banner-container>ul{margin-top:50px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;max-width:1360px;width:100%;border:1px solid #373a4a;border-radius:10px}.live-stream-container .banner-container>ul>li{display:flex;align-items:center;justify-content:center;gap:20px;height:58px;color:#FFFFFF;max-width:339px;width:100%;position:relative;border:none;background:linear-gradient(to bottom, transparent, #373a4a 50%, #373a4a 50%, transparent);background-size:1px 100%;background-repeat:no-repeat;background-position:right center}.live-stream-container .banner-container>ul>li:last-child{border:none}.live-stream-container .scene-container{max-width:1362px;width:100%;padding:150px 0;margin:0 auto}.live-stream-container .scene-container>h2{font-weight:500;font-size:40px;color:#FFFFFF;line-height:54px;text-align:center;margin-bottom:20px}.live-stream-container .scene-container>.tips{font-size:18px;color:rgba(242,243,255,0.8);line-height:30px;text-align:center;margin-bottom:40px}.live-stream-container .scene-container>div{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;border:1px solid #373a4a;border-radius:10px;position:relative}.live-stream-container .scene-container>div::before{content:"";position:absolute;top:-30px;right:-20px;width:348px;height:56px;background:url(../img/scene_bg.png) no-repeat center;background-size:cover}.live-stream-container .scene-container>div>div{max-width:680px;width:100%;height:164px;display:flex;align-items:center;gap:18px;padding:0 10px;box-sizing:border-box}.live-stream-container .scene-container>div>div:nth-child(3n){border:none;background:linear-gradient(to bottom, transparent, #373a4a 50%, #373a4a 50%, transparent);background-size:1px 100%;background-repeat:no-repeat;background-position:right center}.live-stream-container .scene-container>div>div:first-child{border:none;background:linear-gradient(to right, transparent, #373a4a 50%, #373a4a 50%, transparent) bottom / 100% 1px no-repeat,linear-gradient(to bottom, transparent, #373a4a 50%, #373a4a 50%, transparent) right / 1px 100% no-repeat}.live-stream-container .scene-container>div>div:nth-of-type(2){border:none;background:linear-gradient(to right, transparent, #373a4a 50%, #373a4a 50%, transparent);background-size:100% 1px;background-repeat:no-repeat;background-position:bottom center}.live-stream-container .scene-container>div>div>div>h3{font-size:20px;line-height:24px;margin-bottom:10px}.live-stream-container .scene-container>div>div>div>p{font-size:14px;color:rgba(255,255,255,0.8);line-height:24px}.live-stream-container .advantage-container{max-width:1360px;width:100%;margin:0 auto;padding-bottom:150px}.live-stream-container .advantage-container>h2{font-size:40px;color:#FFFFFF;line-height:54px;text-align:center;margin-bottom:67px}.live-stream-container .advantage-container>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:150px}.live-stream-container .advantage-container>div>div{max-width:600px;width:100%}.live-stream-container .advantage-container>div>div>h3{font-size:26px;color:#FFFFFF;line-height:36px;margin-bottom:20px}.live-stream-container .advantage-container>div>div>p{font-size:16px;color:rgba(255,255,255,0.8);line-height:24px}.live-stream-container .contact-container{max-width:1360px;width:100%;margin:0 auto;padding-bottom:150px}.live-stream-container .contact-container>h2{font-size:40px;color:#FFFFFF;line-height:54px;text-align:center;margin-bottom:10px}.live-stream-container .contact-container>.tips{font-size:18px;color:rgba(242,243,255,0.8);line-height:30px;text-align:center;margin-bottom:40px}.live-stream-container .contact-container>div{width:400px;height:400px;background:url(../img/connect_bg.png) no-repeat center;background-size:cover;margin:0 auto;padding:10px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.live-stream-container .contact-container>div>h3{font-size:24px;color:#FFFFFF;line-height:34px;text-align:center;margin-bottom:12px}.live-stream-container .contact-container>div>img{width:288px;height:288px;margin:0 auto;margin-bottom:8px}.live-stream-container .contact-container>div>p{text-align:center;font-size:22px;line-height:34px}.live-stream-container .contact-container>div>p>a{color:#FFFFFF}@media screen and (max-width:1440px){.live-stream-container .scene-container{padding:80px 20px;box-sizing:border-box}.live-stream-container .scene-container>div{flex-direction:column}.live-stream-container .scene-container>div>div{max-width:100%}}@media screen and (max-width:980px){.live-stream-container .banner-container{padding:0 20px;box-sizing:border-box;padding-top:80px}.live-stream-container .banner-container>img{width:100%}.live-stream-container .banner-container>h1{font-size:32px;line-height:1.5}.live-stream-container .scene-container>h2{font-size:28px;line-height:1.5}.live-stream-container .scene-container>div>div{flex-direction:column;height:auto;padding-bottom:20px}.live-stream-container .advantage-container{padding:0px 20px;box-sizing:border-box}.live-stream-container .advantage-container>h2{font-size:28px;line-height:1.5}.live-stream-container .advantage-container>div{row-gap:20px}.live-stream-container .advantage-container>div>div h3{font-size:22px;line-height:1.5}.live-stream-container .advantage-container>div>img{width:100%}.live-stream-container .contact-container{padding:0 20px;box-sizing:border-box}.live-stream-container .contact-container>h2{font-size:28px;line-height:1.5}.live-stream-container .contact-container>div{width:100%}}