#header,body{background-color:#fff}#container,.header_wrapper{margin:0 auto;position:relative}#container,.header_wrapper,body{position:relative}body{font-family:PingFangSC-Regular,PingFang SC}a:hover{color:#00d8c9}#container{width:1060px}.close_login_panel,.close_refill_panel,.login_panel-rg a i{background-image:url(../images/sprite_icon.png);background-repeat:no-repeat}#header{height:90px;border-bottom:1px solid #ecf0f1;box-shadow:0 0 2px 0 #ecf0f1;font-family:PingFangSC-Medium,PingFang SC;font-weight:500}#inke,#live_room_name{width:0;overflow:hidden;height:0;float:left}.header_wrapper{min-width:1160px;width:calc(100vw - 176px);line-height:90px;font-size:14px;color:#333}.header_wrapper .inke_logo{margin-top:26px}.header_wrapper .inke_logo img{display:block;height:36px;margin-right:20px}.header_wrapper .nav{list-style:none;float:right;padding-left:0;margin:0 200px 0 0}.header_wrapper .nav li{float:left;position:relative;cursor:pointer}.header_wrapper .nav li .nav-li-children{flex-direction:column;position:absolute;top:80px;left:-2px;display:flex;width:144px;transition-duration:.5s;transform:scaleY(0);transform-origin:0 0;background:#fff;padding:12px 0;border-radius:8px;box-shadow:0 0 5px 1px rgba(0,0,0,.1);z-index:1}.header_wrapper .nav li .nav-li-children a{color:#333;width:100%;height:48px;font-size:14px;line-height:48px;padding:0;border:none;text-indent:24px;margin:0}.header_wrapper .nav li .nav-li-children a:hover{background:#effbfb}.header_wrapper .nav li .h5_show,.pc_header_wrapper .nav li:hover .nav-li-children{transform:scaleY(1);display:flex}.header_wrapper .nav li a{position:relative;margin-left:18px;margin-right:18px;color:#333;text-decoration:none;padding:10px 1px;font-size:14px}.header_wrapper .nav li a::after,.header_wrapper .nav li a::before{position:absolute;left:0;bottom:0;height:2px;content:'';width:50%;opacity:0}.header_wrapper .nav li a::before{background-color:#00EFC7}.header_wrapper .nav li a::after{background-color:#6D00FE;right:0;left:auto}.header_wrapper .nav li a:hover::after,.header_wrapper .nav li a:hover::before{opacity:1}.header_wrapper .nav li .icon-top-right{position:absolute;top:24px;right:2px}.header_wrapper .header_rg{display:none;position:absolute;right:0;top:0;height:90px;line-height:90px;font-size:14px}.header_wrapper .header_rg div{cursor:pointer;text-align:center;float:left;width:78px;height:34px;margin-top:28px;line-height:34px;background:#fff;border-radius:18px;color:#00d8c9;border:1px solid #00d8c9;box-sizing:border-box}.header_wrapper .header_rg div.regist,.header_wrapper .header_rg div:hover{background:#00d8c9;color:#fff}.header_wrapper .header_rg div.regist:hover{background:#00e2d2}.header_wrapper .header_rg span{cursor:pointer}.header_wrapper .header_rg .login{margin-right:16px}.user_box{display:none;position:relative;float:right}.user_box img{display:inline-block;width:32px;height:32px;border:1px solid #00d8c9;border-radius:16px;vertical-align:middle}.user_box .user_name{position:relative;padding-left:5px;padding-right:20px;font-size:17px;color:#546064;vertical-align:middle}.user_box .user_name:after{content:'';position:absolute;top:5px;right:0;width:0;height:0;border:5px solid transparent;border-bottom-color:#546064}.user_box:hover .user_name:after{top:10px;border-bottom-color:transparent;border-top-color:#546064}.user_box .dropdown{display:none;flex-direction:column;position:absolute;top:70px;left:0;z-index:1}.user_box .logout_btn,.user_box .manage_live_btn{width:100px;height:32px;line-height:32px;font-size:14px;color:#546064;text-align:center;background-color:#fff;border-radius:2px;box-shadow:0 3px 7px 0 rgba(18,146,137,.2);cursor:pointer;display:inline-block;padding:0 11px}#footer{padding-bottom:20px;margin-top:110px;line-height:20px;text-align:center;border-top:1px solid #e8e8e8}.footer_menu{margin-top:30px;margin-bottom:26px;font-size:14px}.footer_menu span a{margin-right:15px;margin-left:15px;color:#333;text-decoration:none}#footer p a:hover,.footer_menu span a:hover{color:#00d8c9}#footer p{margin-top:0;font-size:12px;color:#999;margin-bottom:6px}#footer p a{color:#999;text-decoration:none}#footer p span{padding-left:10px}#login_panel,#refill_panel{position:fixed;top:50%;left:50%;z-index:101;margin-top:-232px;margin-left:-384px;padding-top:50px;width:760px;height:406px;font-size:14px;color:#546064;background-color:#fff;border:4px solid rgba(255,255,255,.4);border-radius:10px;background-clip:padding-box}.login_panel-lf{padding-left:94px;padding-right:94px;border-right:1px solid #00d8c9}.login_panel-lf h2{margin-top:0;margin-bottom:20px;width:270px;line-height:28px;font-size:20px;font-weight:400;text-align:center}.area_code{position:relative;z-index:1;height:38px;border-bottom:1px solid #e8edee}.area_code p{position:relative;margin-top:0;margin-bottom:0;line-height:38px;color:#849195;cursor:pointer}.area_code p:after,.area_code p:before{content:'';position:absolute;top:16px;right:16px;width:0;height:0;border:5px solid transparent}.area_code p:before{border-width:6px;border-top-color:#849195}.area_code p:after{right:17px;border-top-color:#fff}.area_code ul{display:none;position:absolute;top:39px;left:0;margin-top:0;margin-bottom:0;padding-left:0;width:274px;height:0;max-height:270px;line-height:30px;background-color:#fff;overflow-y:auto;list-style:none;border:1px solid #e8edee;border-top:none;cursor:pointer}.area_code ul li{padding-left:10px}.area_code ul li:hover{background-color:#e8edee}.login_form fieldset{margin:0;padding:0;border:none}.login_form legend{display:none}.login_form_item{position:relative;margin-top:10px}.login_form_item input{width:100%;height:38px;line-height:38px;color:#b3c1c6;border:0;border-bottom:1px solid #e8edee;background-color:transparent;outline:0}.login_form_code input,.login_form_img input{width:126px}.login_form_item .img_code{position:absolute;top:2px;right:0;width:110px;height:34px;cursor:pointer}.login_form_item .code_btn,.login_form_item .code_btn_dis{position:absolute;top:2px;right:0;width:110px;height:34px;line-height:34px;color:#fff;text-align:center;border-radius:17px}.login_form_item .code_btn{display:none;background-color:#00d8c9;cursor:pointer}.login_form_item .code_btn:hover{background-color:#01c0b2}.login_form_item .code_btn_dis{background-color:#ccc;cursor:not-allowed}.login_form_item .msg{margin-top:0;margin-bottom:0;height:20px;line-height:20px;font-size:12px;color:#dc7164}.login_form_item .login_btn{display:block;width:270px;height:36px;line-height:36px;color:#fff;background-color:#00d8c9;text-align:center;border-radius:18px;cursor:pointer}.login_form_item .login_btn:hover{background-color:#01c0b2}.login_terms{font-size:10px;color:#b3c1c6;text-align:center}.login_terms a{color:#00d8c9;text-decoration:none}.login_panel-rg{padding-right:70px;width:166px}.download_code{padding-bottom:17px;text-align:center}.download_code img{display:inline-block;width:154px;height:152px}.download_code p{margin-top:10px;margin-bottom:0;line-height:20px}.login_panel-rg a{display:inline-block;margin-top:20px;padding-left:26px;width:140px;height:36px;line-height:34px;color:#fff;text-decoration:none;border-radius:18px}.login_panel-rg a.sina{background-color:#dc7164}.login_panel-rg a.weixin{background-color:#5ddf78}.login_panel-rg a i{display:inline-block;width:23px;height:20px;vertical-align:middle}.login_panel-rg a.sina i{background-position:-28px -185px}.login_panel-rg a.weixin i{background-position:-55px -185px}.login_panel-rg a span{padding-left:10px;vertical-align:middle}.close_login_panel,.close_refill_panel{position:absolute;top:20px;right:20px;width:18px;height:18px;background-position:-2px -190px;cursor:pointer;-webkit-transition:.2s all ease-in-out;-moz-transition:.2s all ease-in-out;-o-transition:.2s all ease-in-out;transition:.2s all ease-in-out}.close_login_panel:hover,.close_refill_panel:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.nodata_wrapper{display:none;line-height:340px;text-align:center;color:#b3c1c6}.nodata_wrapper a{color:#00d8c9}.loading_wrapper{padding-top:145px;height:195px}.loading_wrapper ul{margin:0 auto;padding-left:0;width:60px;height:50px;text-align:center}.loading_wrapper li{display:inline-block;margin:0 2px;height:100%;width:6px;background-color:#00d8c9;-webkit-animation:stretchdelay 1s infinite ease-in-out;animation:stretchdelay 1s infinite ease-in-out}.alert_box span,.inke-modal-welcome .btn{display:block;text-align:center;cursor:pointer}.loading_wrapper .load_2{-webkit-animation-delay:-.9s;animation-delay:-.9s}.loading_wrapper .load_3{-webkit-animation-delay:-.8s;animation-delay:-.8s}.loading_wrapper .load_4{-webkit-animation-delay:-.7s;animation-delay:-.7s}.loading_wrapper .load_5{-webkit-animation-delay:-.6s;animation-delay:-.6s}@-webkit-keyframes stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes stretchdelay{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}.code_panel{position:fixed;top:730px;right:0;width:130px;height:250px}.code_panel .code_img{z-index:2;left:0;bottom:0;width:130px}.code_panel .owl_box{top:0;left:50%;margin-left:-50px;width:110px;height:200px}.code_panel .owl_img{top:0;left:0;width:100px;transform:translateY(50px);animation:owlMove 5s linear 2s;animation-fill-mode:forwards}@keyframes owlMove{0%{transform:translateY(50px)}40%{transform:translateY(30px)}50%{transform:translateY(45px)}60%{transform:translateY(44px)}90%{transform:translateY(20px)}100%{transform:translateY(0)}}.code_panel .owl_hand{z-index:3;top:52px;width:22px;transform:scale(.6);animation:owlHandshow 2s linear;animation-fill-mode:forwards}@keyframes owlHandshow{from{transform:scale(.5)}to{transform:scale(1)}}.code_panel .owl_l_hand{left:-4px}.alert_box,.inke-modal-welcome{z-index:101;left:50%;background-clip:padding-box}.code_panel .owl_r_hand{right:6px;transform:rotate(45deg)}@media screen and (max-height:1000px){.code_panel{top:200px;right:-19px;-webkit-transform:scale(.7);-moz-transform:scale(.7);-o-transform:scale(.7);transform:scale(.7)}}.alert_box{position:fixed;top:40%;margin-left:-250px;padding:66px 72px 46px;width:348px;border:4px solid rgba(255,255,255,.4);border-radius:10px;background-color:#fff}.alert_box p{margin-top:0;margin-bottom:0;font-size:18px;color:#566266}.alert_box span{margin:56px auto 0;width:212px;height:46px;line-height:46px;font-size:20px;color:#fff;background-color:#00d8c9;border-radius:23px}.img-bei{width:14px;top:2px;position:relative}.inke-modal-welcome{position:fixed;top:50%;margin-left:-280px;margin-top:-196px;border-radius:10px;background-color:transparent;box-shadow:none;background-image:url(https://img.ikstatic.cn/MTU1ODY4NDE5MTczNSMxMTUjcG5n.png);background-size:contain;background-repeat:no-repeat;background-position:50%;width:560px;height:392px}.inke-modal-welcome .text{margin-top:190px;font-family:PingFangSC-Regular;font-size:24px;color:#333;text-align:center}.inke-modal-welcome .btn{width:140px;height:50px;margin:38px auto;background-image:-webkit-linear-gradient(45deg,#11e4d3,#01c3cf);background-image:linear-gradient(45deg,#11e4d3,#01c3cf);border-radius:47px;font-family:PingFangSC-Regular;font-size:20px;color:#fff;line-height:50px}