body{background-color:#1d2030;font-family:"Helvetica","Arial",sans-serif;color:#fff}.el-tab-pane{background:#11151a;display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.el-image__inner{width:100%}#listsid .raico{width:3%;margin-right:3px;margin-top:1px;vertical-align:sub}.attribute img{width:20px;height:20px;margin-left:5px;vertical-align:bottom}.attribute{align-items:center}.el-tabs__nav-wrap .role_tab{flex-wrap:wrap;grid-gap:16px;display:flex}.el-tabs__nav-wrap .role_tab p{padding:6px 16px;font-size:15px;background:#11151a;border-radius:4px;opacity:1;border:1px solid #2E3844;color:#fff;cursor:pointer;position:relative;margin:5px;display:flex;align-items:center}.el-tabs__nav-wrap .role_tab p:hover{color:#fff}.el-tabs__nav-wrap .role_tab p.active{background:#162029;border:1px solid #0082FB;color:#0082FB}.el-tabs__nav-wrap .role_tab p.active::after{content:'';background:url(../images/server_select_1.png);background-size:100%;width:20px;height:20px;position:absolute;right:0;bottom:0;border-radius:0 0 2px 0}.el-tabs__nav-wrap .role_tab p img{width:16px;margin-right:5px}.attribute-navigation{align-items:center;display:flex}.attribute-navigation label{color:#fff;margin-right:5px}.attribute-navigation .tile{text-align:right;width:80px}span.charname{display:block;color:#fff;font-size:12px;text-align:center;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:#1d2030;padding:5px 0}i.el-icon-circle-check{position:absolute;margin:-55px 40px;content:'';width:36px;height:36px;background:url('../images/select_icon_1.png');background-size:100%;transform:translate(-50%,-50%);z-index:3;display:none}.el-tabs__content .imgcont{position:relative}.el-tabs__content .imgcont i{background:red;position:absolute;top:-5px;right:-4px;font-size:12px;color:#fff;border-radius:50px;height:20px;line-height:20px;width:20px;text-align:center;font-style:normal;font-weight:bolder;cursor:pointer}div.hero_btn.selected{box-shadow:0 0 0 3px #0082FB}div.hero_btn.selected i.el-icon-circle-check{display:block}.el-button{color:#fff;background:#564fff;border-radius:4px;font-size:100%;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px;border:0;font-size:14px;cursor:pointer}.el-button img{width:18px;height:18px;display:inline-block;vertical-align:middle}.el-button i{margin-right:10px;font-size:22px}.el-button:hover{background:#523ec9;color:#fff}.el-button--success{font-size:16px}.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-card__header{padding:18px 20px;border-bottom:1px solid #182530;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#182530}.el-card__body{padding:5px 20px}.el-card{border:1px solid #2b3845;background-color:#000;color:#fff;-webkit-transition:.3s;transition:.3s}.mark{color:red;font-weight:700}.selected-list li{float:left;width:80px;margin:0 4px 5px 0}ul,li{list-style:none;padding:0;margin:0}.selected-list li .name .add-btn{display:block;width:25px;height:20px;line-height:20px;background:0;padding:0;font-size:16px;color:#fff;position:absolute;right:0;bottom:0;cursor:pointer;background:#0099d9}.selected-list li .name .minus-btn{display:block;width:25px;height:20px;line-height:20px;background:0;padding:0;font-size:16px;color:#fff;position:absolute;left:0;bottom:0;cursor:pointer;background:#0099d9}.selected-list li .name{height:20px;line-height:18px;text-align:center;font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.selected-list li .name .num{display:block;background:0;border:0;width:100%;height:20px;padding:0;text-align:center;color:#fff;background:#11151a}.selected-list li .imgcont img{display:block;width:100%;height:auto;border-radius:1px}button{border:0}.clear{zoom:1}.clear::after{content:" ";display:block;clear:both;height:0;visibility:hidden}div.hero_btn.active .role_level::after{content:'';width:36px;height:36px;background:url('../images/select_icon_1.png');background-size:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.clearfix{height:25px}.el-pagination{white-space:nowrap;padding:2px 5px;color:#303133;font-weight:700}.el-pager,.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0}.el-pagination__editor.el-input{width:50px}.el-pagination__editor.el-input .el-input__inner{height:28px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{margin:0 5px;background-color:#f4f4f5;color:#606266;min-width:30px;border-radius:2px;height:28px;line-height:28px}.el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev.disabled,.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .el-pager li.disabled{color:#C0C4CC}.el-pagination.is-background .el-pager li:not(.disabled):hover{color:#409EFF}.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#409EFF;color:#FFF}.el-dialog,.el-pager li{background:#FFF;-webkit-box-sizing:border-box;cursor:pointer}.el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .el-pager li{margin:0 3px;min-width:22px}.el-pager,.el-pager li{vertical-align:top;margin:0;display:inline-block}.el-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;font-size:0}.el-date-table,.el-table th{-webkit-user-select:none;-moz-user-select:none}.el-pager .more::before{line-height:30px}.el-pager li{padding:0 4px;font-size:13px;min-width:35.5px;height:28px;line-height:28px;box-sizing:border-box;text-align:center}.el-menu--collapse .el-menu .el-submenu,.el-menu--popup{min-width:200px}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat #FFF;background-size:16px;cursor:pointer;margin:0;color:#303133}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:#303133}.el-pager li.btn-quicknext.disabled,.el-pager li.btn-quickprev.disabled{color:#C0C4CC}.el-pager li.active+li{border-left:0}.el-pager li:hover{color:#409EFF}.el-pager li.active{color:#409EFF;cursor:default}.el-button--go{color:#fff;font-size:16px;background:#ee6a25;border-radius:4px}.el-button--go:hover{background:#ed580a;color:#fff}.el-button--gr{color:#fff;font-size:16px;background:#67C23A;border-radius:4px}.el-button--gr:hover{background:#85ce61;color:#fff}.el-notification__title{background-color:#564fff;padding:15px;color:#fff;border-radius:4px;font-size:16px}.goods_mask img{width:80px;text-align:center}.goods_mask{text-align:center}.el-backtop{position:fixed;background-color:#FFF;width:40px;height:40px;border-radius:50%;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:20px;-webkit-box-shadow:0 0 6px rgba(0,0,0,.12);box-shadow:0 0 6px rgba(0,0,0,.12);cursor:pointer;z-index:5}.el-backtop:hover{background-color:#F2F6FC}.el-backtop img{width:40px;height:40px}.el-loading-mask{position:absolute;z-index:2000;background-color:rgba(13,13,13,0.9);margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:50px;width:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-loading-spinner .el-loading-text{color:#409EFF;margin:3px 0;font-size:14px}.el-loading-spinner .circular{height:42px;width:42px;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#409EFF;stroke-linecap:round}.el-loading-spinner i{color:#409EFF}.common-info .el-input{background:#11151a;border:1px solid #2E3844;border-radius:4px;height:31px;padding-left:5px;color:#fff;font-size:14px;width:250px}.common-info{display:flex;align-items:center;margin-top:16px;padding:18px 20px;border-bottom:1px solid #182530}.common-info .el-button--go{padding:5px 20px;margin-left:10px;height:31px;background:#85ce61}.common-info .el-button--go:hover{background:#7db662;color:#fff}.common-info .sort{margin-left:20px;display:flex;align-items:center}.common-info .sort .sort_span{padding:6px 16px;font-size:15px;background:#1d2030;border-radius:4px;opacity:1;border:1px solid #2E3844;color:#fff;cursor:pointer;position:relative;margin-right:10px;display:flex;align-items:center}.common-info .sort .sort_span:hover{background:#523ec9;color:#fff;border:1px solid #523ec9}.common-info .sort span img{width:18px;margin-right:4px}.common-info .sort .on{background:#523ec9;color:#fff;border:1px solid #523ec9}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.successful-prompt{position:fixed;top:50%!important;left:50%;transform:translate(-50%,-50%);max-width:420px;z-index:100000000;padding:5px;border-radius:4px;background:#fff;box-shadow:0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09)}.successful-prompt .notification{font-size:20px;position:absolute;top:17px;color:#328530}.successful-prompt .error-content{padding-right:14px;padding-left:28px;color:#1e1a33}.successful-prompt .shut-down{font-size:18px;position:absolute;top:5px;right:5px;cursor:pointer;color:#000}.popup-prompt{position:fixed;top:50%!important;left:50%;transform:translate(-50%,-50%);max-width:420px;z-index:100000000;padding:5px;border-radius:4px;text-align:center;background:#fff;box-shadow:0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09)}.footerCommonSet{position:fixed;right:21px;bottom:100px;z-index:99;cursor:pointer;transition:all .3s}.footerCommonSet img{width:40px;height:40px}.footerCommonSet.backTop{bottom:170px;display:none}.footerCommonSet .setIcon{fill:#fff}.liveChat .liveLoad{position:absolute;background:#fff;color:#000;width:245px;font-size:14px;box-shadow:0 0 6px 1px #ccc;right:-22%;text-align:center;display:none;padding:15px 10px;text-align:center;top:0}.liveChat .liveLoad img{display:block;width:80px;margin:10px auto 0;height:auto}.liveChat .liveLoad.display{display:block}.tile-nav{display:flex}.tile-nav .el-tabs--border-card{width:90%}.tile-nav .server-list{width:10%;text-align:right}.directions-mask{display:block;width:100%;height:100%;display:block;background:rgba(0,0,0,.7);position:fixed;top:0;left:0;z-index:99998;display:none}.directions-layer{display:block;width:950px;height:auto;background:#fff;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:99999;border-radius:10px;padding:30px 25px;display:none;color:#000}.directions-layer .title{text-align:center;font-size:24px;font-weight:bold;color:#333;line-height:40px;margin-bottom:30px}.directions-layer .directions-text{height:450px;overflow-y:auto;padding-left:10px;padding-right:10px}.directions-layer .directions-text img{max-width:100%}.directions-layer .directions-text p{font-size:16px;line-height:1.7;margin-bottom:10px}@media(max-width:820px){.common-info{display:inline-block;align-items:center;padding:8px 5px;border-bottom:1px solid #182530}.common-info .el-input{width:45%}.common-info .tile{width:100%;display:inline-block}.common-info .el-button--go{margin-top:5px;margin-left:0}.el-tabs__nav-wrap .role_tab{grid-gap:1px}.common-info .sort{margin-top:10px;margin-left:0}.successful-prompt{width:85%}.common-info .sort .sort_span{padding:6px 5px;font-size:13px}.el-tab-pane{background:#11151a;display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px}#listsid .raico{width:9%}.el-card__body{padding:0 5px}.el-card__header{padding:5px 5px}.attribute-navigation{align-items:center;display:inline-block}.attribute-navigation .tile{text-align:left;width:80px}.el-tabs__nav-wrap .role_tab p{font-size:12px}.tile-nav .el-tabs--border-card{width:100%}.tile-nav .server-list{display:none}}