@media screen and (min-width: 1920px){.search-wrap{padding:0 120px!important}.mod_search{width:640px!important}.mod_quick{margin-right:68px!important;gap:12px;margin-left:20px!important}}@media screen and (min-width: 1450px) and (max-width: 1919px){.search-wrap{padding:0 120px!important}.mod_search{width:640px!important}.mod_quick{margin-right:55px!important;margin-left:20px!important}}@media screen and (min-width: 1080px) and (max-width: 1449px){.search-wrap{padding:0 120px!important}.mod_search{min-width:270px!important}.mod_quick{margin-right:55px!important;margin-left:20px!important}}@media screen and (min-width: 904px) and (max-width: 1079px){.mod_search{max-width:270px!important}.mod_quick{margin-right:55px!important;margin-left:20px!important}}@media screen and (max-width: 942px){.mod_search{max-width:270px!important}.mod_quick{margin-right:55px!important;margin-left:20px!important}}@media screen and (max-width: 950px){.mod_quick .quick_games{display:none!important}.mod_quick .quick_vip{margin-right:8px}}@media screen and (max-width: 895px){.mod_quick .quick_create{display:none!important}}@media screen and (max-width: 825px){.mod_quick .quick_access{display:none!important}}@media screen and (max-width: 750px){.mod_quick .quick_history{display:none!important}}@media screen and (max-width: 690px){.mod_quick .quick_client{display:none!important}}@media screen and (max-width: 630px){.mod_quick .quick_app{display:none!important}}@media screen and (max-width: 570px){.mod_quick .quick_vip{display:none!important}}.electron_harmony_page .rank-icon-wrap{display:none!important}.top-nav-wrap *{margin:0;padding:0}.top-nav-wrap body,.top-nav-wrap button,.top-nav-wrap input,.top-nav-wrap select,.top-nav-wrap textarea{font:12px/1.5 numFont,PingFangSC-Regular,Tahoma,Microsoft Yahei,sans-serif,helvetica,Segoe UI;_font-size:62.5%}.top-nav-wrap a{text-decoration:none;cursor:pointer}.top-nav-wrap b,.top-nav-wrap cite,.top-nav-wrap code,.top-nav-wrap em,.top-nav-wrap i,.top-nav-wrap small,.top-nav-wrap th{font-size:1em;font-style:normal;font-weight:500}.top-nav-wrap button,.top-nav-wrap input,.top-nav-wrap select,.top-nav-wrap textarea{box-sizing:content-box;outline:0 none;font-size:1em}.top-nav-wrap button,.top-nav-wrap input[type=button],.top-nav-wrap input[type=submit]{border:0;cursor:pointer}.top-nav-wrap button::-moz-focus-inner,.top-nav-wrap button::-moz-focus-outer,.top-nav-wrap input::-moz-focus-inner,.top-nav-wrap input::-moz-focus-outer{margin:0;padding:0;border:0}.top-nav-wrap .hidden{visibility:hidden}.top-nav-wrap .mod_smartbox{z-index:10;position:absolute;width:100%;border-radius:4px;background:#232331;box-shadow:0 28px 50px rgba(25,24,40,.35);right:15px;left:15px;min-width:248px}.top-nav-wrap .mod_smartbox .sb_head{position:relative;margin:10px 10px 5px;overflow:hidden;font-size:14px;color:rgba(230,233,240,.45)}.top-nav-wrap .mod_smartbox .sb_del,.top-nav-wrap .mod_smartbox .sb_more{color:rgba(230,233,240,.45)}.top-nav-wrap .mod_smartbox .sb_del:hover,.top-nav-wrap .mod_smartbox .sb_more:hover{color:#e6e9f0}.top-nav-wrap .mod_smartbox .sb_sub{color:rgba(230,233,240,.45)}.top-nav-wrap .mod_smartbox .sb_tools{position:absolute;top:0;right:0;font-size:12px;white-space:nowrap}.top-nav-wrap .mod_smartbox .sb_tools .icon_sm,.top-nav-wrap .mod_smartbox .sb_tools .iconfont{display:none;visibility:hidden}.top-nav-wrap .mod_smartbox .none{display:none}.top-nav-wrap .mod_smartbox .sb_hl em{margin-right:2px}.top-nav-wrap .sb_history .sb_body{margin:0 5px;overflow:hidden}.top-nav-wrap .sb_history .sb_item{width:50%;float:left}.top-nav-wrap .sb_history .sb_item a{display:block;margin:4px;padding:0 10px;overflow:hidden;border-radius:2px;background-color:rgba(255,255,255,.08);color:#e6e9f0;line-height:32px;text-overflow:ellipsis;white-space:nowrap}.top-nav-wrap .sb_history .sb_item a:hover{background-color:rgba(255,255,255,.16)}.top-nav-wrap .sb_history .current a{background-color:rgba(255,255,255,.16);color:#e6e9f0}.top-nav-wrap .sb_hot{padding-bottom:10px}.top-nav-wrap .sb_hot .sb_item{display:block;margin:0 5px}.top-nav-wrap .sb_hot .sb_item a{display:block;padding:5px;overflow:hidden;border-radius:2px;color:#e6e9f0;font-size:14px;line-height:22px;text-overflow:ellipsis;white-space:nowrap}.top-nav-wrap .sb_hot .sb_item a:hover{background-color:rgba(255,255,255,.08)}.top-nav-wrap .sb_hot .sb_num{display:inline-block;width:22px;height:22px;margin-right:4px;border-radius:2px;background-color:#7f7f8c;color:#fff;font-size:12px;text-align:center;vertical-align:top}.top-nav-wrap .sb_hot .sb_item_1 .sb_num{background-color:#ff183e}.top-nav-wrap .sb_hot .sb_item_2 .sb_num{background-color:#ff5c38}.top-nav-wrap .sb_hot .sb_item_3 .sb_num{background-color:#ffb821}.top-nav-wrap .sb_hot .sb_name{display:inline-block;max-width:80%;margin-left:3px;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}.top-nav-wrap .sb_hot .icon_exclusive_s{margin-left:4px}.top-nav-wrap .sb_suggest{min-height:20px;padding:5px 0}.top-nav-wrap .sb_suggest .sb_item{position:relative;margin:0 5px}.top-nav-wrap .sb_suggest .sb_title{display:block;padding:14px 10px;color:rgba(230,233,240,.45)}.top-nav-wrap .sb_suggest .sb_hl{color:#e6e9f0}.top-nav-wrap .sb_suggest .c_txt3{font-style:normal}.top-nav-wrap .sb_suggest .current{border-radius:2px;background-color:rgba(255,255,255,.16)}.top-nav-wrap .sb_suggest .current .sb_richbox,.top-nav-wrap .sb_suggest .expand .sb_richbox{display:block}.top-nav-wrap .sb_suggest .sb_item_rich.current .sb_title,.top-nav-wrap .sb_suggest .sb_item_rich.expand .sb_title{padding:2px 10px 4px}.top-nav-wrap .sb_richbox{display:none;height:46px;margin-top:0;padding-bottom:5px;box-sizing:content-box}.top-nav-wrap .sb_richbox .sb_link{display:block;position:absolute;left:10px;width:82px;height:46px}.top-nav-wrap .sb_richbox .sb_pic{position:absolute;top:0;left:0;width:82px;height:46px;border-radius:4px}.top-nav-wrap .sb_richbox .mark_v{top:0;right:0}.top-nav-wrap .sb_richbox .mark_v img{vertical-align:top}.top-nav-wrap .sb_richbox .mark_v_pic{position:absolute;top:0;right:0;height:16px}.top-nav-wrap .sb_richbox .sb_desc{display:block;padding-left:102px;overflow:hidden;color:rgba(230,233,240,.45);line-height:16px;text-overflow:ellipsis;white-space:nowrap;cursor:default}.top-nav-wrap .sb_richbox .sb_list{display:block;position:relative;margin:0 10px 4px 100px;padding:0 6px;border-radius:2px;color:rgba(230,233,240,.45);background-color:rgba(255,255,255,.08);line-height:21px}.top-nav-wrap .sb_richbox .sb_list:hover{background-color:rgba(255,255,255,.16);color:#e6e9f0}.top-nav-wrap .sb_richbox .sb_inner{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-nav-wrap .sb_richbox .sb_list .mark_v{top:-3px;right:-3px}.top-nav-wrap .sb_richbox .sb_btn{display:inline-block;position:absolute;bottom:6px;left:102px;padding:0 15px;border-radius:12px;background:linear-gradient(90deg,#ffb821 0,#ff5c38 45%,#ff1459);background-color:#ff183e;color:#fff;line-height:24px;white-space:nowrap}.top-nav-wrap .sb_richbox .sb_btn:hover{background:linear-gradient(90deg,#ff9a00 3%,#ff4c24 50%,#ff004b);background-color:#ff183e;color:#fff}.top-nav-wrap .sb_fold_sign{display:none}.top-nav-wrap .mod_tips_box{margin:20px auto;text-align:center}.top-nav-wrap .svg_icon_collect .svg_use_after{display:none}.top-nav-wrap .svg_icon{display:inline-block;vertical-align:top;pointer-events:none}.top-nav-wrap .svg_icon path,.top-nav-wrap .svg_icon use{fill:currentColor}.top-nav-wrap .svg_sprite,.top-nav-wrap .txp_svg_sprite{position:absolute;width:0;height:0}.top-nav-wrap .nav-toast-container{z-index:9999;position:fixed;top:100px;width:100%;opacity:0;transition:opacity .8s}.top-nav-wrap .nav-toast-container.nav-toast-active{opacity:1}.top-nav-wrap .nav-toast-message-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:5px auto;padding:15px;border-radius:7px;background-color:#666;color:#fff;font-size:14px;text-align:center}@-webkit-keyframes headNavShow{0%{max-height:230px}to{max-height:830px}}@keyframes headNavShow{0%{max-height:230px}to{max-height:830px}}.top-nav-wrap .none{display:none!important}.top-nav-wrap{position:fixed;top:0;left:0;width:100%;height:84px;font-size:12px;z-index:100;display:flex;justify-content:end;align-items:center;min-width:628px;background-image:linear-gradient(0deg,rgba(20,20,20,0) 1%,rgba(20,20,20,.7) 99%);padding-left:180px;box-sizing:border-box}.top-nav-wrap .search-wrap{flex:1;display:flex;justify-content:center;align-items:center;box-sizing:border-box;height:100%}.top-nav-wrap .search-wrap .mod_search{position:relative;height:48px;background:rgba(255,255,255,.1);border-radius:36px;border:none;flex:1!important;max-width:640px;min-width:270px}.top-nav-wrap .search-wrap .mod_search .search_form{display:flex;height:100%}.top-nav-wrap .search-wrap .mod_search .search_form .search_keywords{flex:1;margin-left:25px}.top-nav-wrap .search-wrap .mod_search .search_form .search-btn-wrap{background:none;height:100%;padding-left:20px}.top-nav-wrap .search-wrap .mod_search .search_form .search-btn-wrap .simple-style{width:auto;margin-right:25px;opacity:.6;display:flex;align-items:center}.top-nav-wrap .search-wrap .mod_search .search_form .search-btn-wrap .whole-style{display:none;align-items:center;height:100%}.top-nav-wrap .search-wrap .mod_search .search_form .search-btn-wrap .whole-style .icon-text-wrap{display:flex;height:100%;background:rgba(255,255,255,.05);align-items:center;padding-right:25px;padding-left:10px;border-radius:0 30px 30px 0}.top-nav-wrap .search-wrap .mod_search .search_form .search-btn-wrap .whole-style .icon-text-wrap .btn_inner{font-family:PingFangSC-Regular;font-size:16px;color:#fff}.top-nav-wrap .search-wrap .mod_search .search_form .rank-icon-wrap{position:absolute;right:115px;margin-top:5px;display:none}.top-nav-wrap .search-wrap .mod_search .search_input{font-family:PingFangSC-Regular;font-size:16px;color:rgba(255,255,255,.6);line-height:32px;letter-spacing:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;height:100%;padding:0;border:0;outline:0;background:0 0}.top-nav-wrap .search-wrap .mod_search .search_input::-webkit-search-cancel-button{display:none}.top-nav-wrap .search-wrap .mod_search .search_input::-webkit-input-placeholder{color:inherit}.top-nav-wrap .search-wrap .mod_search .search_input:focus::-webkit-input-placeholder{opacity:0}.top-nav-wrap .search-wrap .mod_search:hover .search_form .search-btn-wrap{padding-left:35px}.top-nav-wrap .search-wrap .mod_search:hover .search_form .search-btn-wrap .simple-style{display:none}.top-nav-wrap .search-wrap .mod_search:hover .search_form .search-btn-wrap .whole-style{display:flex}.top-nav-wrap .search-wrap .mod_search:hover .search_form .rank-icon-wrap{display:block}.top-nav-wrap .search-wrap .mod_search:hover .search_input{color:#fff}.top-nav-wrap #ssi-user-bar{min-width:78px}.top-nav-wrap #ssi-user-bar .mod_quick{position:static!important;margin-top:40px!important}.electron_harmony_page .top-nav-wrap.head_inner{-webkit-app-region:drag}.electron_harmony_page .top-nav-wrap.head_inner .mod_search{-webkit-app-region:no-drag}.electron_harmony_page .top-nav-wrap.head_inner #ssi-user-bar{margin-right:85px}.electron_harmony_page .top-nav-wrap.head_inner #ssi-user-bar #mod_head_notice_trigger{margin-right:25px!important}