.LiveStreaming{padding-top:2rem}.preview-video{width:100%;max-width:1200px;margin:0 auto;position:static}.model__container{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap}.flexBox{display:flex}@media screen and (max-width:769px){.flexBox{display:block}}.liveBox{width:70%}@media screen and (max-width:769px){.liveBox{width:100%}}.liveBox .lazyframe{width:100%}.chatBox{width:30%}@media screen and (max-width:769px){.chatBox{width:100%}}.chatBox .lazyframe{width:100%;height:100%}@media screen and (max-width:769px){.chatBox .lazyframe{height:350px}}.comingSoonContainer{max-width:1320px;padding:6rem 0 4rem}@media screen and (max-width:769px){.comingSoonContainer{padding:3rem 10px 2rem}}.comingSoonBox{width:92%;margin:0 auto}.box_title{width:100%;font-size:36px;font-weight:600;text-align:center;padding-bottom:3rem}.box_title img{width:30px;height:auto;margin-right:10px}@media screen and (max-width:769px){.box_title img{width:20px}}@media screen and (max-width:769px){.box_title{padding-bottom:1.6rem}}.timeLine{width:100%;padding-left:20px;overflow:hidden}@media screen and (max-width:769px){.timeLine{padding-left:0;padding-bottom:1rem;overflow-x:auto}}.flex{display:flex;transition:all .3s ease}.flex .line{flex-shrink:0;width:34%;margin-left:-10px;transition:all .3s ease-out}@media screen and (max-width:769px){.flex .line{width:33.3%;margin-left:0}}.flex .brandname{width:100%;height:60px;color:#fff;font-size:20px;font-weight:600;line-height:38px;text-align:center;margin-bottom:-1px;background:#00a7e1;overflow:hidden;clip-path:polygon(0% 0%,95% 0%,100% 50%,95% 100%,0% 100%,5% 50%,0% 0%)}@media screen and (max-width:769px){.flex .brandname{height:68px;font-size:16px;line-height:25px;padding:5px 0}}.flex .brandname .iconfont{display:inline-block;font-size:36px;font-weight:400;margin-right:5px;padding-top:5px}@media screen and (max-width:769px){.flex .brandname .iconfont{font-size:26px;display:block}}.flex .brandname svg{height:50px;fill:#fff}@media screen and (max-width:769px){.flex .brandname svg{height:35px;margin-top:-10px;margin-bottom:-5px}}.flex .brandname button{display:block;width:100%;height:100%;color:#fff;border:0;padding:0;background:transparent;outline:none}.flex .brandname img{width:18px;height:auto;margin-left:5px;vertical-align:text-bottom}@media screen and (max-width:769px){.flex .brandname img{display:none}}.flex .eufy .dot,.flex .eufy .brandname{background:#005d8e}.flex .eufy .action{border-left:1px solid #005D8E}.flex .soundcore .dot,.flex .soundcore .brandname{background:#00a9df}.flex .soundcore .action{border-left:1px solid #00a9df}.flex .nebula .dot,.flex .nebula .brandname{background:#e42d46}.flex .nebula .action{border-left:1px solid #e42d46}.flex .anker_work .dot,.flex .anker_work .brandname{background:#007dff}.flex .anker_work .action{border-left:1px solid #007dff}.flex .anker_work .iconfont{padding-top:0}.flex .anker_work svg{height:55px}@media screen and (max-width:769px){.flex .anker_work svg{height:40px;margin-top:-10px;margin-bottom:-5px;margin-left:-15px}}.flex.move1{transform:translate(-33.3%)}.flex.move2{transform:translate(-66.6%)}.flex.move3{transform:translate(-99.9%)}.flex.move4{transform:translate(-133.2%)}.flex .opacity0{opacity:0}@media screen and (max-width:769px){.flex .opacity0{opacity:1}}.actionsList{padding-right:2rem}@media screen and (max-width:769px){.actionsList{display:none}}.actionsList .action{display:flex;padding:1.5rem 0 0;border-left:1px solid #00a7e1}.actionsList .time{flex-shrink:0;font-size:14px;padding:0 1rem;padding-top:3px}.actionsList .name{font-size:16px;font-weight:600}.actionsList .dot{flex-shrink:0;width:7px;height:7px;background:#00a7e1;margin-top:7px;margin-left:-4px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.actBtnBox{width:92%;margin:0 auto;position:relative}@media screen and (max-width:769px){.actBtnBox{display:none}}.actBtnBox span{display:none}.actBtnBox button{position:absolute;top:15px;width:30px;height:30px;border-radius:50%;background:transparent;border:1px solid #333;cursor:pointer}.actBtnBox b{position:absolute;top:50%;left:50%;transform:translate(-30%,-70%);width:10px;height:10px;border-left:1px solid #333;border-bottom:1px solid #333}.actBtnBox .front{left:-1%;transform:translate(-100%) rotate(45deg)}.actBtnBox .back{right:-1%;transform:translate(100%) rotate(-135deg)}.popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.popup .mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;background:#0000004d}.popup .icon{position:absolute;top:10px;right:10px;z-index:10;background:transparent;border:0;outline:0}.popup .container{width:88%;max-width:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;background:#fff;padding:20px}.popup .brand{width:100%;text-align:center;line-height:1.1}.popup .brand .iconfont svg{height:60px;fill:#00a7e1}.popup .brand .eufy svg{fill:#005d8e}.popup .brand .soundcore svg{fill:#00a9df}.popup .brand .nebula svg{fill:#e42d46}.popup .brand .anker_work svg{fill:#007dff}.popup .actionsPopup{max-height:300px;overflow-y:auto}.popup .action{display:flex}.popup .time{flex-shrink:0;font-size:13px;padding:3px 5px 0}.popup .name{font-size:14px;font-weight:500;padding-left:15px;padding-bottom:10px;border-left:1px solid #00a7e1}.popup .dot{flex-shrink:0;width:7px;height:7px;background:#00a7e1;margin-top:7px;margin-right:-4px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.popup .eufy .name{border-left:1px solid #005D8E}.popup .eufy .dot{background:#00a7e1}.popup .soundcore .name{border-left:1px solid #00a9df}.popup .soundcore .dot{background:#00a9df}.popup .nebula .name{border-left:1px solid #e42d46}.popup .nebula .dot{background:#e42d46}.popup .anker_work .name{border-left:1px solid #007dff}.popup .anker_work .dot{background:#007dff}.popup_agree{width:100%}.popup_agree .container{border-radius:20px;overflow:hidden}.popup_agree .backimg{position:absolute;width:100%;height:100%;z-index:1;transform:scale(1.1);object-fit:cover}.popup_agree .iconBox{position:relative;z-index:2;width:40%;padding-bottom:40%;border-radius:50%;margin:2rem auto;background:#fbbf9d66}.popup_agree .iconBox img{width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.popup_agree .logo_list{width:100%;display:block;display:flex;justify-content:center;flex-wrap:wrap}.popup_agree .logo_list .brandicon{flex-shrink:0;position:relative;width:100px;height:65px;margin:6px;border-radius:6px;border:1px solid #ccc;transition:all .2s ease-in;cursor:pointer}@media(max-width:768px){.popup_agree .logo_list .brandicon{width:90px;height:60px;margin:2px}}.popup_agree .logo_list .brandicon a{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.popup_agree .logo_list .brandicon img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:auto;max-width:90%;max-height:36%}.popup_agree .logo_list .brandicon .iconfont{font-size:28px;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%)}.popup_agree .logo_list .anker .iconfont{color:#00a7e1}.popup_agree .logo_list .eufy .iconfont{color:#005d8e}.popup_agree .logo_list .soundcore .iconfont{color:#00a9df}.popup_agree .logo_list .nebula .iconfont{color:#e42d46}.popup_agree .logo_list .ankerWork .iconfont{color:#007dff;font-size:48px}.popup_agree .logo_list .anker:hover{border:1px solid #00a7e1}.popup_agree .logo_list .eufy:hover{border:1px solid #005D8E}.popup_agree .logo_list .soundcore:hover{border:1px solid #00a9df}.popup_agree .logo_list .nebula:hover{border:1px solid #e42d46}.popup_agree .logo_list .ankerWork:hover{border:1px solid #007dff}.popup_agree .submitBox{position:relative;z-index:2;padding:10px;border-radius:12px;background:#fff}.popup_agree .policy{width:100%;margin-top:15px;text-align:center}.popup_agree .policy a{font-weight:600;text-decoration:underline}.popup_agree .submit{width:100%;margin-top:15px}.popup_agree .submit button{display:block;color:#fff;font-size:18px;line-height:30px;margin:0 auto;padding:5px 20px;border-radius:30px;background:#00a9e1;transition:all .2s ease-in;border:none;outline:none}.popup_agree .submit button:hover{opacity:.9}.popup_agree .gray_block{max-width:1200px;margin:0 auto}.popup_agree .form__error{color:red;text-align:center;margin:0 auto;padding:5px 0}.popup_agree .visible-none{opacity:0;display:none}@media screen and (max-width:769px){.section.has-background{padding-left:0;padding-right:0}}.xIcon{cursor:pointer}.xIcon svg{height:100%;width:100%;color:#333;fill:#333}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cam3LiveStreaming.scss.css.map */