#header-container{position:fixed;top:0;transform:translateY(0);transition:transform .3s ease;width:100%;z-index:1001}.banner_fix{background:none}.show_bg{background:#fff}.scroll_banner{background-image:url(/_nuxt/img/heard_banner.d531af1.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:140px;position:absolute;top:0;width:100%;z-index:1000}#header{align-items:center;display:flex;height:70px;margin:auto;max-width:1440px}.ant-popover.aaaa{position:fixed;top:68px!important}.ant-popover.aaaa .ant-popover-inner-content{padding:8px 0}.header__left,.header__right,.home-link{align-items:center;display:flex}.header__right{height:100%}.header__center{flex:1;padding:19px 16px}.header .center_search-btn{display:none;line-height:70px;padding:0 8px}.header .header-action{color:rgba(0,0,0,.65);cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 16px;text-align:center;transition:all .3s}.header .header-action:hover{background-color:rgba(0,0,0,.025)}.header .header-action .img{height:34px;width:34px}.header .header-action .header-name{color:rgba(0,0,0,.85);font-size:12px;font-weight:500;line-height:14px;margin-top:4px}.header .search-bar{display:flex;height:32px;margin:0 auto;max-width:624px;min-width:100px;position:relative}.header .search-bar .input{background:#f5f5f5;border:1px solid #d3d3d3;border-radius:20px;flex:1;font-size:16px;height:32px;line-height:32px;padding:0 0 0 12px;z-index:2}.header .search-bar .input::-webkit-input-placeholder{color:#999;font-size:16px}.header .search-bar .input:hover{border-color:#d3d3d3}.header .search-bar .input:focus{border-color:#d3d3d3;border-right-width:1px!important;outline:0}.header .search-bar .search-btn{background:#f5f5f5;border:none;border-radius:0 20px 20px 0;cursor:pointer;height:30px;outline:none;position:absolute;right:1px;top:1px;width:36px;z-index:10}.header .register{background:#fff;border:1px solid #d3d3d3;border-radius:8px;color:#00ccc3;cursor:pointer;font-size:18px;font-weight:500;height:40px;line-height:40px;text-align:center;width:72px}.header .user-avatar{background-color:#f5f5f5;border:2px solid #fff;border-radius:50%;cursor:pointer;height:44px;overflow:hidden;width:44px}.header .user-avatar img{width:100%}.header .text{color:rgba(0,0,0,.65);font-size:14px;line-height:1}.header .login-btn{background:#00ccc3;border:none;border-radius:4px;box-shadow:inset -1px 0 0 0 #00ccc3,inset 1px 0 0 0 #00ccc3;color:#fff;cursor:pointer;font-size:16px;height:40px;outline:none;width:72px}.header .login-btn:hover{background-color:rgba(0,204,195,.8)}.header .head_in_login{border-radius:50%;height:44px;margin-left:10px;width:44px}.header .head_in_login img{width:100%}.header .txt_login{color:#000;cursor:pointer;font-size:14px;font-weight:500;margin-left:10px;opacity:.85}.header-dropdown{position:fixed!important}.dr_icon{background:#fff;height:15px;position:absolute;right:10px;top:6px;transform:rotate(45deg);width:15px}.dropdown-container{background-color:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);margin-top:10px;padding:20px;width:420px}.dropdown-container .head{align-items:center;display:flex;position:relative}.dropdown-container .head .exit-btn{background:transparent;border:none;color:rgba(0,0,0,.65);cursor:pointer;font-size:12px;outline:none;padding:8px 12px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.dropdown-container .head .exit-btn:hover{background:rgba(0,0,0,.025)}.dropdown-container .head .user-avatar{border:2px solid #fff;border-radius:50%;height:44px;overflow:hidden;width:44px}.dropdown-container .head .user-avatar img{width:100%}.dropdown-container .head .user-info{margin-left:10px}.dropdown-container .head .user-info .name{color:rgba(0,0,0,.85);font-size:16px;font-weight:500}.dropdown-container .head .user-info .tip{align-items:center;color:rgba(0,0,0,.45);display:flex;font-size:12px}.dropdown-container .head .user-info .tip .num{color:#08beb6}.dropdown-container .user-account{background:linear-gradient(134.68deg,#373737,#64625f);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:10px;height:162px;margin:auto}.dropdown-container .user-account .balance-wrap{display:flex;justify-content:space-around;margin-top:20px;padding-top:20px}.dropdown-container .user-account .num{color:#ffdcc1;font-family:Roboto;font-size:32px;font-weight:700;text-align:center}.dropdown-container .user-account .txt{color:#fff;font-family:PingFangSC;font-size:14px;font-weight:400;opacity:.65}.dropdown-container .user-account .patchy{margin:18px 100px}.dropdown-container .recharge-btn{background:linear-gradient(90deg,#ffe6c3,#ffce8b 98.93%);border:none;border-radius:4px;color:#784820;cursor:pointer;font-size:16px;height:40px;margin-top:32px;outline:none;width:160px}.dropdown-container .user-account-link{padding:11px 24px 0}.dropdown-container .user-account-link a:hover{color:#f08336}.dropdown-container .account-wrap{padding:16px 87px 24px}.dropdown-container .account-wrap .balance-wrap{display:flex;justify-content:space-between}.dropdown-container .account-wrap .balance-wrap .num{color:rgba(240,131,54,.65);font-size:36px;line-height:42px;text-align:center}.dropdown-container .account-wrap .recharge-btn{background:#3d65ff;border:none;border-radius:4px;color:#fff;cursor:pointer;height:40px;margin-top:16px;outline:none;width:160px}.dropdown-container .account-wrap .recharge-btn:hover{background:rgba(61,101,255,.8)}.dropdown-container .un_head .un_head_top{color:#fff;display:flex}.dropdown-container .un_head .un_head_top .un_login{border-radius:50%;height:38px;width:38px}.dropdown-container .un_head .un_head_top .login{color:#000;cursor:pointer;font-size:16px;font-weight:500;line-height:38px;margin-left:10px;opacity:.85}.dropdown-container .un_head .un_head_bottom{background:linear-gradient(134.68deg,#373737,#64625f);border-radius:6px;margin-top:16px}.dropdown-container .un_head .un_head_bottom .btn_txt{box-sizing:border-box;color:#fff;display:flex;font-size:16px;font-weight:500;padding:16px 20px 12px}.dropdown-container .un_head .un_head_bottom .btn_charge{display:flex;padding:20px}.dropdown-container .un_head .un_head_bottom .btn_charge .charge_txt{color:#fff;flex:1;font-size:12px;font-weight:400;line-height:32px}.dropdown-container .un_head .un_head_bottom .btn_charge .charge_sub{background:linear-gradient(134.68deg,#f2cd9b,#dbac6d);border-radius:20px;color:#7d4c23;cursor:pointer;height:32px;line-height:32px;text-align:center;width:100px}.logout-content{padding:26px 26px 24px}.logout-content .logout-image{height:114px;margin-bottom:47px;overflow:hidden;width:100%}.logout-content .logout-image img{width:100%}.logout-content .tip-info{color:rgba(0,0,0,.85);font-size:16px;line-height:22px;text-align:center}.logout-content .tip-info p{margin:0}.logout-content .btns-wrap{display:flex;margin-top:40px;padding:0 16px}.logout-content .btns-wrap .btn{border:none;border-radius:4px;cursor:pointer;height:40px;outline:none;width:160px}.logout-content .btns-wrap .primary-btn{background:#00ccc3;color:#fff}.logout-content .btns-wrap .primary-btn:hover{background:rgba(0,204,195,.85)}.logout-content .btns-wrap .default-btn{background:#ffdbc1;color:#ff6a00}.logout-content .btns-wrap .default-btn:hover{background:rgba(255,219,193,.85)}.logout-content .btns-wrap .ml16{margin-left:16px}.action-item{cursor:pointer;min-width:150px;padding:8px 24px}.action-item:hover{color:#f08336}.logo{cursor:pointer;width:152px}.logo img{width:100%}.video-logo{margin-left:12px}.menu{color:rgba(0,0,0,.65);display:flex;font-family:PingFang-SC;font-size:16px;font-weight:500;margin-left:64px}.menu__item{cursor:pointer}.menu__item-name{margin:0}.menu a{align-items:center;color:rgba(0,0,0,.65);display:flex;flex-direction:column;min-width:104px;padding:12px;position:relative;-webkit-text-decoration:none;text-decoration:none}.menu a.active-link{color:#000;font-weight:700;text-decoration:none;-webkit-text-decoration:solid;text-decoration:solid}.menu a.active-link:before{background:#000;border-radius:2px;bottom:6px;content:" ";height:2px;position:absolute;width:48px}@media screen and (min-width:1200px) and (max-width:1440px){.header{padding:0 20px}}@media screen and (min-width:1000px) and (max-width:1200px){.header{padding:0 20px}.menu{margin-left:20px}}@media screen and (min-width:800px) and (max-width:1000px){#header{padding:0 10px}.menu{margin-left:30px}}@media screen and (max-width:1050px){#header{padding:0 10px}.menu{margin-left:10px}.header__center{padding:0}.header__center .search-bar{display:none}.header__right .header-action{padding:0 8px}.header__right .center_search-btn{display:block}.header__right .header-name,.txt_login{display:none}}.footer{background:#2c2c2c;height:242px;position:relative;width:100%}.footer .footer_box{align-items:center;display:flex;height:100%;justify-content:space-around;margin:auto;max-width:1440px;padding:0 60px}.footer .inner{height:100%;margin-right:270px;padding-top:40px}.footer .inner .logo-wrap{margin:0 auto;width:112px}.footer .inner .ewm{margin-left:125px;margin-top:35px;overflow:hidden;width:242px}.footer .inner .ewm .cell{float:left;overflow:hidden;width:80px}.footer .inner .ewm .cell:first-child{margin-right:60px}.footer .inner .ewm .cell .des{color:#fff;font-size:14px;line-height:20px;margin:0;text-align:center}.footer .inner .ewm .cell img{background-color:#ccc;display:block;height:80px;margin-top:6px;width:100%}.footer .list{color:#fff;margin:40px 0 0;padding:0;white-space:nowrap}.footer .list li{display:inline-block;font-size:16px;line-height:24px;padding:0 20px;position:relative}.footer .list li:not(:last-child):after{background-color:#fff;content:"";height:10px;position:absolute;right:0;top:6px;width:1px}.footer .list a{color:#f5f5f5;cursor:pointer}.footer .record{color:#fff;font-size:16px;margin-top:24px}.footer .record a{color:#fff}.footer .record p{margin:0}.center-box{height:80px;margin-left:80px;opacity:.6;width:2px}.right-box{align-items:center;display:flex;margin-left:80px}.right-box .right_info{flex-direction:column}.right-box .img,.right-box .right_info{align-items:center;display:flex;justify-content:center}.right-box .img{background-color:#fff;border-radius:4px}.right-box .img,.right-box .img img{height:120px;width:120px}.right-box .desc{color:#fff;font-family:PingFangSC;font-size:16px;font-weight:400;margin-top:12px}@media screen and (min-width:1000px) and (max-width:1200px){.footer_box .inner{margin-right:100px}}@media screen and (max-width:1000px){.footer{height:100%}.footer .record{text-align:center}.footer_box{flex-direction:column;justify-content:center;padding:0}.footer_box .inner{margin-right:0;padding-top:0}.footer_box .inner .list{display:flex;justify-content:center}.footer_box .right-box{margin-left:0;padding:10px 0}}