@charset "UTF-8";
/*******************
模块名：common
作者  ：rexren
描述  ：引入公共样式和模块样式文件
********************/
/*************************************************
文件名：浏览器重置文件
作者：rexren（任寒韬）
使用范围：整站
描述：针对浏览器默认样式进行样式重置，因为涉及面影
响面较广，修改后需要及时知会团队所有成员
**************************************************/
@font-face {
  font-family: "Open Sans";
  src: url(https://wegame.gtimg.com/g.55555-r.c4663/middle/OpenSans-Regular.ttf);
  font-display: swap;
}
@font-face {
  font-family: "Open Sans Bold";
  src: url(https://wegame.gtimg.com/g.55555-r.c4663/middle/OpenSans-Bold.ttf);
  font-weight: bold;
  font-display: swap;
}
body, h1, h2, h3, h4, h5, h6, hr, p, pre, dl, dt, dd, ul, ol, li, th, td, form, fieldset, legend, button, input, textarea, figure, figcaption, nav, footer, menu, blockquote {
  margin: 0;
  padding: 0;
  cursor: default;
}
* {
  box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
address, em, i, b {
  font-style: normal;
}
a, a:hover, a:active, a:visited {
  text-decoration: none;
}
ul, ol, li {
  list-style: none;
}
img {
  border: 0;
  font-size: 0;
  -webkit-user-select: none;
  vertical-align: middle;
}
html, body {
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}
:focus, button, input, select, textarea {
  outline: none;
}
select {
  -webkit-appearance: none;
  appearance: none;
}
textarea, input {
  background: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  resize: none;
  cursor: text;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
a, img {
  -webkit-user-drag: none;
}
button {
  background: none;
  border: 0;
  font-size: 12px;
  line-height: 1.5;
  cursor: pointer;
}
b {
  font-weight: normal;
}
body {
  word-wrap: break-word;
  font-size: 14px;
  line-height: 1.5;
  -webkit-user-select: none;
  user-select: none;
}
::-webkit-placeholder, body, button, input, textarea, select {
  font-family: "Open Sans", "calibri", "Roboto", verdana, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "微软雅黑", sans-serif;
}
/*重置*/
/***********************
模块名：基础样式
作者：rexren（任寒韬）
描述：原子类应用于整个站点，修改添加删除需要及时同步给团队成员
使用范围：整站
************************/
/*清除浮动*/
.clearfix:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  clear: both;
}
.cf::before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
/*悬浮定位*/
.fixed {
  position: fixed;
}
/*右浮动*/
.f-right {
  float: right;
}
/*左浮动*/
.f-left {
  float: left;
}
/*显示*/
.show {
  display: block !important;
}
/*隐藏*/
.hide {
  display: none !important;
}
/*隐藏容器*/
.hidden {
  overflow: hidden;
}
/*禁用*/
.disabled {
  cursor: default;
}
/*点点点*/
.ellip {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*可点击*/
.click {
  cursor: pointer;
}
/***********************
模块名：文本样式
作者：rexren（任寒韬）
描述：原子类应用于整个站点，修改添加删除需要及时同步给团队成员
使用范围：整站
************************/
a {
  color: var(--color-text-2);
}
a:hover {
  color: var(--color-text-1);
}
/*文本颜色*/
.tx-win {
  color: #2cae7e;
}
.tx-fail {
  color: #f54c58;
}
.tx-em {
  color: var(--lol-blue4);
}
.tx-sub {
  color: #7d8085;
}
.f-12 {
  font-size: 12px;
}
/*隐藏容器*/
.viewport {
  overflow: hidden;
}
/*图片调取失败去除img默认边框注：追加到img标签上
<img class="img-onerror">*/
.img-onerror,
img[src*=undefined] {
  opacity: 0;
}
/*渐隐渐显动画*/
.fade-in {
  animation: fadein 0.3s;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@font-face {
  font-family: "AkzidenzGrotesk";
  src: url("../font-face/AkzidenzGrotesk-MediumCondAlt.eot");
  src: url("../font-face/AkzidenzGrotesk-MediumCondAlt.eot?#font-spider") format("embedded-opentype"), url("../font-face/AkzidenzGrotesk-MediumCondAlt.woff") format("woff"), url("../font-face/AkzidenzGrotesk-MediumCondAlt.ttf") format("truetype"), url("../font-face/AkzidenzGrotesk-MediumCondAlt.svg") format("svg");
}
.fa {
  font-family: "AkzidenzGrotesk";
}
.floating-center {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  display: none;
  -webkit-box-align: center;
  -webkit-box-pack: center;
}
/*** 客户端显示title ****/
/*[title]{ position: relative;}
[title]::before{ content: attr(title); display: none; min-width: 20px; text-align: center; position: absolute;  top: 130%; left: 50%; transform: translateX(-50%); z-index: 10; font-size: 12px;color: var(--color-text-1); padding:1px 6px; line-height: 18px; border-radius: 3px; background:#fff; border: 1px solid rgba(0,0,0,.2); white-space: nowrap; word-break: break-all; word-wrap: break-word; pointer-events: none;}
.icon:hover::before,
[title]:hover::before{ display: block;}*/
/*基础*/
/*引入公共组件*/
/*******************
模块名：tui-fr-header
作者  ：xiaolantang
描述  ：内页头部
********************/
.tui-fr-header {
  margin: 20px 0 0;
}
.tui-fr-header,
.tui-fr-header > .tui-fr-container {
  height: 50px;
  position: relative;
}
.tui-fr-header > .tui-fr-container {
  display: -webkit-box;
  -webkit-box-align: center;
  z-index: 11;
  background: none;
  padding: 0;
}
.tui-fr-header .logo {
  width: 36px;
  height: 39px;
  background: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/logo-5-xuy0HV.png?sprite__) no-repeat;
  text-indent: -2000px;
  overflow: hidden;
  margin-right: 10px;
}
.tui-fr-header .tui-nav {
  -webkit-box-flex: 1;
}
.tui-nav-dropdown {
  width: 680px;
  margin-left: -500px;
  position: absolute;
  left: 50%;
  top: 50px;
  z-index: 10;
  transition: opacity 0.4s ease;
  opacity: 0;
  pointer-events: none;
}
.tui-nav-dropdown .tui-fr-container {
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.12);
  margin: 0;
  width: 700px;
}
.tui-nav-dropdown .tui-fr-container .sub-nav {
  position: relative;
  z-index: 5;
}
.tui-nav-dropdown .tui-fr-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-fill-1);
  opacity: 0.95;
  z-index: 1;
  border-radius: var(--wg-corner1);
}
.tui-nav-dropdown .sub-nav {
  display: -webkit-box;
  padding: 8px 0 12px 52px;
  transition: transform 0.3s ease;
}
.tui-nav-dropdown .sub-nav li {
  width: 90px;
  padding: 4px 4px 0 4px;
}
.tui-nav-dropdown .sub-nav li:last-child {
  border-right: 0;
}
.tui-nav-dropdown .sub-nav a {
  display: block;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  text-align: center;
  margin-bottom: 4px;
  color: var(--color-text-2);
  position: relative;
  font-size: 14px;
}
.tui-nav-dropdown .sub-nav a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 30px;
  border-radius: var(--wg-corner3);
  background-color: var(--color-fill-2);
  opacity: 0;
  z-index: -1;
  transition: opacity 0.15s linear;
  filter: brightness(0.95);
}
.tui-nav-dropdown .sub-nav li a:last-child {
  margin-bottom: 0;
}
.tui-nav-dropdown .sub-nav .cur,
.tui-nav-dropdown .sub-nav a:hover {
  color: var(--color-text-5);
}
.tui-nav-dropdown .sub-nav .cur::after,
.tui-nav-dropdown .sub-nav a:hover::after {
  opacity: 1;
}
.tui-nav-dropdown .sub-nav .outside-link {
  text-decoration: underline;
  text-decoration-style: dotted;
}
.tui-nav-dropdown .sub-nav-img {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
.tui-fr-header.show .tui-nav-dropdown {
  opacity: 1;
  pointer-events: all;
}
/*** 活动入口 ***/
.act-entrance-btn {
  display: none;
  width: 79px;
  height: 28px;
  font-size: 14px;
  line-height: 28px;
  background: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/act-entrance-btn-CW_saqNB.png) no-repeat;
  text-align: center;
  color: #e5e5e5;
  margin-right: 24px;
  margin-left: 20px;
}
.act-entrance-btn:hover {
  background-position: 0 -28px;
  color: #e5e5e5;
}
.tui-fr-header.act-entrance .act-entrance-btn {
  display: block;
}
.tui-fr-header.act-entrance .act-entrance-btn.btn-match2018 {
  width: 103px;
  height: 30px;
  text-indent: -999em;
  overflow: hidden;
  background: url(data:image/png;base64,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) no-repeat;
  margin-left: 34px;
  margin-right: 10px;
}
.tui-fr-header.act-entrance .act-entrance-btn.btn-match2018:hover {
  background-position: 0 -30px;
}
html:not(.is-transitional) .tui-nav-dropdown .sub-nav li {
  margin-right: 2px;
}
/*头部*/
/*引入模块样式文件*/
/***********************
模块名：单选按钮
作者：rexren（任寒韬）
************************/
/* 单选按钮 */
.radio {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background-color: rgba(0, 0, 0, 0.2);
  vertical-align: -2px;
  margin-right: 5px;
}
.radio:focus {
  outline: none;
}
.radio:after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 3px;
  top: 3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #00a7fa;
  opacity: 0;
}
.radio[type=radio]:checked,
.radio[type=radio]:focus {
  outline: none;
}
.radio[type=radio]:checked:after {
  opacity: 1;
}
/*单选*/
/***********************
模块名：checkbox
作者：v_xuhdeng（邓旭辉）
************************/
/* 复选框-基础 */
.checkbox {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border: 1px solid var(--wg-line-2);
  background-color: var(--wg-fill-1);
  vertical-align: -2px;
  margin-right: 5px;
  cursor: pointer;
  color: var(--color-text-1);
}
.checkbox:focus {
  outline: none;
}
.checkbox:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 0px;
  width: 3px;
  height: 7px;
  border-radius: 2px;
  border-right: var(--color-text-1) solid 3px;
  border-bottom: var(--color-text-1) solid 3px;
  transform: rotate(50deg);
  opacity: 0;
}
.checkbox[type=checkbox]:checked,
.checkbox[type=checkbox]:focus {
  outline: none;
}
.checkbox[type=checkbox]:checked:after {
  opacity: 1;
}
label.disabled {
  opacity: 0.4;
}
.checkbox[type=checkbox]:disabled {
  cursor: default;
}
/*复选框*/
/**
 * 
 * @authors 	baronxiong
 * @date    	2017-04-20 14:44:48
 * @description TUI 下拉框（用户标题文字不发生切换的情况，注意跟表单下拉框的区别）
 */
.tui-dropbox,
.tui-dropbox-toggle {
  position: relative;
  height: 36px;
}
.tui-dropbox-toggle {
  padding: 9px 16px;
  font-size: 14px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}
.tui-dropbox-toggle:after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 6px;
  margin-left: 6px;
  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGBAMAAADnHHnLAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADnRSTlMA/HlYUNJuY17tw4BzamfwkM8AAAAtSURBVAjXY4hlYGBgC2AoTGBgOFjAwCHEwCQBFDFU2GgApJilRBhAwNOBgQEAd3ME1gI5fbgAAAAASUVORK5CYII=");
  background: currentColor;
}
.tui-dropbox-menu {
  position: absolute;
  left: 0;
  top: 36px;
  z-index: 1;
  min-width: 76px;
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: var(--color-fill-1);
  min-height: 40px;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
.tui-dropbox:hover .tui-dropbox-menu {
  opacity: 1;
  pointer-events: auto;
}
/*下拉框*/
/***********************
模块名：input
作者：Luke.Deng（邓旭辉）
************************/
/* input输入框 */
.ipt {
  display: inline-block;
  width: 260px;
  height: 24px;
  padding: 3px 9px;
  font-size: 13px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.2);
}
/*Placehold样式*/
.ipt::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder,
.tui-select.placehold .dropdown-toggle {
  color: rgba(0, 0, 0, 0.4);
}
/*输入框-长度定制*/
.ipt-l {
  width: 400px;
}
.ipt-m {
  width: 200px;
}
.ipt-s {
  width: 100px;
}
.ipt-xl {
  width: 270px;
}
.ipt-full {
  width: 100%;
}
/* 文本输入域 */
.textarea {
  width: 100%;
  line-height: 1.5;
  overflow-y: scroll;
  padding: 3px 8px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  font-size: 13px;
  color: #333;
  background: rgba(255, 255, 255, 0.2);
}
/*获得焦点状态*/
.ipt:focus,
.ipt.focus,
.textarea:focus,
.textarea.focus {
  outline: 0;
  border-color: rgba(0, 0, 0, 0.8);
  background: rgba(255, 255, 255, 0.6);
}
/*禁用状态*/
.ipt.disabled,
.ipt.disabled:focus,
.textarea:disabled,
.textarea.disabled {
  border-color: rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.04);
  color: #adadad;
}
/*出错状态*/
.ipt.error,
.ipt.error:focus,
.textarea.error,
.textarea.error:focus {
  border-color: #f64949;
  background: #fff5f5;
  color: #333;
}
/*输入框*/
/*******************
模块名：表单
作者  ：rexren（任寒韬）
********************/
.form-label {
  float: left;
  width: 100px;
  line-height: 34px;
  height: 34px;
  text-align: right;
  color: #83868a;
}
.ipt {
  display: inline-block;
  width: 220px;
  height: 34px;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background-color: #17181b;
  background-image: none;
  border: 1px solid #3d434d;
  border-radius: 2px;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  font-family: "microsoft yahei", Tahoma, Arial, "Heiti SC", sans-self;
}
.ipt:hover {
  border: 1px solid #4e545e;
}
.ipt:focus {
  border-color: #0095ff;
  outline: 0;
  outline: thin dotted \9 ;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 149, 255, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 149, 255, 0.6);
}
.ipt::-webkit-input-placeholder {
  color: #525a66;
  font-family: "microsoft yahei", Tahoma, Arial, "Heiti SC", sans-self;
}
input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
/*输入框-长度定制*/
.ipt-l {
  width: 300px;
}
.ipt-m {
  width: 180px;
}
.ipt-s {
  width: 100px;
}
.ipt-xl {
  width: 270px;
}
.ipt-xxl {
  width: 530px;
}
.tui-form .btn {
  text-align: center;
  font-size: 14px;
  padding: 0 10px;
  line-height: 28px;
  display: inline-block;
}
.form-group {
  margin-bottom: 9px;
}
.form-group.warning .help-block,
.form-group.warning .help-inline {
  color: #e11515;
}
.form-group.warning .checkbox,
.form-group.warning .radio,
.form-group.warning .ipt,
.form-group.warning select,
.form-group.warning textarea {
  border-color: #e11515;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(226, 0, 17, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(226, 0, 17, 0.6);
}
/*划分格子*/
.form-group .form-row {
  margin-bottom: 6px;
}
.form-group .form-col {
  margin-right: 10px;
}
/*表单功能区*/
.form-actions:before,
.form-actions:after {
  display: table;
  content: "";
}
.form-actions:after {
  clear: both;
}
/*右边非输入框使用*/
.form-item-tx {
  font-weight: 400;
  height: 34px;
  line-height: 34px;
  margin-right: 5px;
}
.form-item-tx label {
  padding-right: 5px;
}
/*提示文字*/
.form-group .help-block,
.form-group .help-inline {
  color: #7a7c80;
  font-size: 12px;
}
.form-group .help-block {
  display: block;
}
.form-group .help-inline {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
}
/*组合*/
.input-group .ipt {
  float: left;
  width: 160px;
  display: inline-block;
  height: 28px;
  padding: 0 8px;
  color: rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
}
.input-group .ipt:focus {
  box-shadow: none;
  outline: none;
}
.input-group > .btn {
  float: left;
  position: relative;
  z-index: 1;
  box-shadow: none;
  color: rgb(255, 255, 255);
  height: 28px;
  line-height: 26px;
  width: 60px;
  text-align: center;
  border: 1px solid #3d434d;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
}
.input-group > .btn:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
/*下拉选择*/
.sel {
  width: 140px;
}
/*竖向排列*/
.tui-form-v .form-group {
  font-size: 14px;
  margin-bottom: 12px;
  color: #83868a;
}
.tui-form-v .input-append {
  display: inline;
}
.tui-form-v .form-group:before,
.tui-form-v .form-group:after {
  display: table;
  content: "";
  clear: both;
}
.tui-form-v .controls {
  margin-left: 110px;
  min-height: 34px;
  line-height: 34px;
}
.tui-form-v .help-block {
  position: relative;
  line-height: 24px;
}
.tui-form-v .divide-row .form-row {
  display: block;
  margin-bottom: 5px;
  vertical-align: top;
  line-height: 12px;
}
.tui-form-v .divide {
  width: 500px;
}
.tui-form-v .divide .form-row {
  float: left;
  margin-right: 5px;
  width: 150px;
  vertical-align: top;
  line-height: 12px;
}
.tui-form-v .form-actions {
  padding-left: 110px;
}
/*横向排列*/
.tui-form-h .form-group {
  margin-bottom: 0;
  margin-right: 10px;
  float: left;
}
.tui-form-h .form-actions {
  float: left;
  margin-top: 5px;
}
/*表单*/
/***********************
模块名：反馈
************************/
.tui-toast {
  background: var(--color-fill-1);
  border: 1px solid var(--color-line-1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  padding: 10px 15px;
  border-radius: 4px;
  transition: all 0.2s ease-out;
  z-index: 100;
  white-space: nowrap;
}
.tui-toast .tit {
  font-size: 12px;
  color: var(--color-text-1);
  font-weight: bold;
  width: 98%;
}
.tui-toast .desc {
  font-size: 12px;
  color: var(--color-text-2);
}
.tui-toast .desc {
  padding-top: 4px;
}
.tui-toast .btn-close {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 24px;
  line-height: 24px;
  width: 24px;
  height: 24px;
  color: var(--color-text-2);
  cursor: pointer;
  font-weight: 100;
  text-align: center;
}
.tui-toast .btn-close:hover {
  color: var(--color-text-1);
}
.toast-bd {
  position: relative;
}
.toast-bd .confirm-ico {
  position: absolute;
  top: 2px;
  left: 0;
}
.toast-bd .confirm-ico + .tit {
  padding: 0 10px 0 20px;
}
.toast-bd .confirm-ico + .tit + p {
  padding-left: 20px;
}
.operate {
  text-align: right;
}
.tui-toast.show {
  z-index: 1;
  opacity: 1;
}
.tui-toast.hide {
  display: block !important;
  opacity: 0;
  z-index: -1;
}
/*反馈*/
/***********************
模块名：tui-popbox
作者：Luke.Deng（邓旭辉）
************************/
/**** 弹层 ****/
.tui-mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
}
.tui-popbox {
  width: 480px;
  border: solid 1px #000;
  background-color: var(--fill-popbox-content-bg);
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/popbox-fill-img-GW8V6Q6j.png);
  background-repeat: no-repeat;
  background-size: 271px 157px;
  background-position: top 13px right;
  position: relative;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  color: var(--color-text-1);
}
.tui-popbox .popbox-hd {
  position: absolute;
  width: 100%;
  height: initial;
}
.tui-popbox .popbox-hd .title {
  display: none;
}
.tui-popbox .popbox-hd .btn-close {
  display: block;
  position: absolute;
  right: 5px;
  top: 6px;
  z-index: 9;
  font-size: 24px;
  line-height: 24px;
  width: 24px;
  height: 24px;
  color: var(--color-text-5);
  cursor: pointer;
  font-weight: 100;
  opacity: 0.8;
  text-align: center;
}
.tui-popbox .popbox-hd .btn-close:hover {
  opacity: 1;
}
.tui-popbox .popbox-bd {
  flex: 1;
  padding-top: 40px;
  overflow: hidden;
  overflow-y: scroll;
  font-size: var(--font-size-base);
}
/* web popbox */
.tui-popbox {
  border: 1px solid #000;
}
.tui-popbox .popbox-hd .title {
  display: none;
}
.tui-popbox .popbox-hd .btn-close {
  color: var(--color-text-1);
}
/* 弹窗内容 */
.tui-popbox .message {
  display: table;
  width: 100%;
  padding: 0 40px 20px 40px;
  color: var(--color-text-2);
}
.tui-popbox .message h3 {
  font-size: 16px;
  color: var(--color-text-1);
  font-weight: 700;
  margin: -2px 0 10px 67px;
}
.tui-popbox .message h3:last-child {
  margin-bottom: 0;
}
.tui-popbox .message p {
  font-size: 14px;
  color: var(--color-text-2);
  margin: -2px 0 0 67px;
}
.tui-popbox .message h3 + p {
  margin-top: 0;
}
.tui-popbox .message .confirm {
  position: relative;
}
.tui-popbox .message .confirm.txt h3,
.tui-popbox .popbox-bd .confirm.txt p {
  margin-left: 0;
}
.tui-popbox .message .confirm.pic img {
  position: absolute;
  left: -40px;
  top: -20px;
  display: block;
  width: 170px;
  height: 140px;
}
.tui-popbox .message .confirm.pic h3,
.tui-popbox .popbox-bd .confirm.pic p {
  margin-left: 140px;
}
.message .confirm .icon-confirm {
  width: 52px;
  height: 52px;
  position: absolute;
  left: 0;
  top: 2px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050.001%2050'%3e%3cpath%20d='M25,50A24.984,24.984,0,0,1,13.515,2.82l.672,3.022a22.012,22.012,0,1,0,21.626,0l.671-3.022A24.983,24.983,0,0,1,25,50Zm4-12-8-1.412V28.757l8,1.412ZM22,24.649,20,0,30,1.027,28,25.675Z'%20transform='translate(0%200)'%20fill-rule='evenodd'%20fill='%23FFF'%20%3e%3c/path%3e%3c/svg%3e");
  background-size: 52px 52px;
}
.confirm.warn .icon-confirm,
.confirm.error .icon-confirm,
.confirm.prompt .icon-confirm {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}
.message .confirm.error .icon-confirm {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050.001%2050'%3e%3cpath%20d='M25,50A24.984,24.984,0,0,1,13.515,2.82l.672,3.022a22.012,22.012,0,1,0,21.626,0l.671-3.022A24.983,24.983,0,0,1,25,50Zm4-12-8-1.412V28.757l8,1.412ZM22,24.649,20,0,30,1.027,28,25.675Z'%20transform='translate(0%200)'%20fill-rule='evenodd'%20fill='%23F64545'%20%3e%3c/path%3e%3c/svg%3e");
  background-size: 20px 20px;
}
.tui-popbox .message .warn h3, .tui-popbox .message .warn p,
.tui-popbox .message .error h3,
.tui-popbox .message .error p,
.tui-popbox .message .prompt h3,
.tui-popbox .message .prompt p {
  margin-left: 30px;
}
/* 弹窗底部 */
.tui-popbox .popbox-ft {
  position: relative;
  margin: 0 40px;
  padding-bottom: 26px;
  padding-top: 12px;
}
.tui-popbox .popbox-ft .operate {
  display: block;
  text-align: left;
  width: 100%;
  font-size: 0;
  -webkit-text-size-adjust: none;
  overflow: hidden;
  display: flex;
}
.tui-popbox .popbox-ft .tips {
  font-size: 12px;
  color: #8c8c8c;
  margin-top: 4px;
  padding: 0 0 0 20px;
  float: right;
}
.tui-popbox .popbox-ft .btn {
  min-width: 100px;
  border-radius: 100px;
  float: left;
}
.tui-popbox .popbox-ft .btn::before {
  display: none;
}
.tui-popbox .popbox-ft .btn:first-child {
  float: left;
}
.tui-popbox .popbox-ft .btn + .btn {
  margin-left: 10px;
}
.tui-popbox--b .popbox-ft .btn:hover {
  background: rgba(255, 255, 255, 0.2);
  background: var(--wg-fill-2);
  color: rgba(255, 255, 255, 0.6);
  color: var(--color-text-2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border: 1px solid var(--wg-line-2);
}
/*** 宽度自适应 ***/
.popbox--adaptive {
  width: 100%;
}
:root {
  --color-popbox-mask-fixed:#000;
}
html:not(.is-transitional) .tui-mask {
  background: none !important;
}
html:not(.is-transitional) .tui-mask::before {
  display: block !important;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-popbox-mask-fixed) !important;
  opacity: 0.8;
  pointer-events: none;
  z-index: -1;
}
html:not(.is-transitional).theme-cn-dark .tui-mask:before {
  filter: brightness(0.2);
}
html:not(.is-transitional) .tui-mask::before {
  background: var(--color-popbox-mask-fixed) !important;
  opacity: 0.8;
  animation: none;
}
/*弹层*/
/**** tui-loading ****/
.tui-loading {
  width: 80px;
  height: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -24px 0 0 -40px;
  z-index: 20;
}
.loading-pic {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  overflow: hidden;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAUCAMAAAAtBkrlAAAARVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////9SnXPCAAAAFnRSTlMAEyzMmWYeNyIo03UPRhg8paQyOwdHNpzJ9gAAAQ1JREFUOMvV1OEOgiAUBWAgECnDUvP9H7VdLzvnttraav7w/MGJfE65XIes7j3pw7344d6Jl3uAizdgrtswdAb0i94rBuyGbajZgGVQ0D88wPGc9flLD9BfvT5/Cw2UeX3jdB4BhltxVlzhUUzwdEUQELOSLOIGhrvMUpTM8LiGHtf08EScOUdRv76IB7H9TfEgKlQ7x+T2kuCOkiRhQUlclLBAJTrzuqrNtLRVR0lfdZftTk1FN3Z2zBi486wQ7Dy9S4fKhXcvL3WGc8TaxDUN60WI9E4Q6a1Q6CWKPJfRnscgnoAiisNxhcMxOYjsLNF2jKGYLjJV/UuT6Up+sZ0qoQN963O/9s3/wf3yBEc5CcO9gaSVAAAAAElFTkSuQmCC);
  -webkit-animation: loading 800ms steps(4, end) infinite;
  animation: loading 800ms steps(4, end) infinite;
  display: none\9 ;
}
@-webkit-keyframes loading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -80px 0;
  }
}
@keyframes loading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -80px 0;
  }
}
.tui-loading p {
  text-align: center;
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.6);
}
.tui-loading p .dotting {
  display: inline-block;
  min-width: 2px;
  min-height: 2px;
  box-shadow: 2px 0 currentColor, 6px 0 currentColor, 10px 0 currentColor;
  -webkit-animation: dot 1.5s infinite step-start both;
}
@-webkit-keyframes dot {
  25% {
    box-shadow: none;
  }
  50% {
    box-shadow: 2px 0 currentColor;
  }
  75% {
    box-shadow: 2px 0 currentColor, 6px 0;
  }
}
/**** tui-loading-h ****/
.tui-loading-h {
  width: 140px;
  height: 20px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -10px 0 0 -70px;
  z-index: 20;
}
.tui-loading-h .loading-pic,
.tui-loading-h p {
  display: inline-block;
  vertical-align: middle;
}
.tui-loading-h .loading-pic {
  display: none\9 ;
}
.tui-loading-h p {
  color: rgba(255, 255, 255, 0.6);
  margin-left: 10px;
  margin-top: 0;
}
/*加载*/
/***********************
模块名：滚动条
作者：rexren（任寒韬）
************************/
/*针对Chrome*/
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-button {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: block;
}
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
  display: none;
}
::-webkit-scrollbar-corner {
  display: block;
}
::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
  background-clip: padding-box;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 6px;
}
::-webkit-scrollbar-track:hover {
  background-clip: padding-box;
}
.page-hero-detail .detail-content,
.scrollbar-s {
  margin-right: 2px;
}
.page-hero-detail .detail-content::-webkit-scrollbar,
.scrollbar-s::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.page-hero-detail .detail-content::-webkit-scrollbar-thumb,
.scrollbar-s::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.15);
}
.page-hero-detail .detail-content::-webkit-scrollbar-thumb:hover,
.scrollbar-s::-webkit-scrollbar-thumb:hover {
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.25);
}
/*滚动条*/
/**
 * @name    :popupBg 
 * @des     :通用弹框半透明背景层
 * @author  :ronaldliang
 */
.popbox {
  position: static;
  width: 100%;
  height: 100%;
  margin: 0;
  -webkit-transform: none;
  border: 0 none;
  outline: none;
  background: none;
  box-sizing: border-box;
}
.popbox .hd {
  position: relative;
  padding: 12px;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.02);
  background: #353335 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAIAAABxU02MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2MTljY2M3NS01YzM2LTQ0NGUtOWIyZi0yMzQwZTJjNWVhNjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkU0QjdDMzYzMTc3MTFFN0E1NEY5NUNERTE2MzhBOTciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkU0QjdDMzUzMTc3MTFFN0E1NEY5NUNERTE2MzhBOTciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODVmYjQ0NTUtZDNmZS0zOTRhLWFkNTktYWIzNjRmOTAxNGY5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYxOWNjYzc1LTVjMzYtNDQ0ZS05YjJmLTIzNDBlMmM1ZWE2NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpOdZ7gAAAAuSURBVHjaYjQ1NmUgFzABsaioKHkk46jNozaP2jxq86jNozaP2jxq84i2GSDAAOzWPbnce4K1AAAAAElFTkSuQmCC) repeat-x;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.popbox .popup-tit {
  font-size: 14px;
  color: #f0f0f0;
  font-weight: bold;
  overflow: hidden;
  float: left;
  line-height: 16px;
}
.popbox .popup-tit:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 16px;
  margin-right: 12px;
  vertical-align: top;
}
.popbox .popup-tit:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABXElEQVQoz23SO2iVQRAF4G9+b5SoaKGJl5DCykIQgkXYQvAFIgEtFStBLOyt06hoK1gbsDAomFLBwsJu0VQqsdBCi2AQgoov8DU2K1wv9zS7M3s4c3Y4YQBZbcQ8ziNxE5ej+PGPEwPkzbiPQ/7HI5yM4ht0jRxYbOQvuINbWMVRLBiyciGrzOppVlMD/YmsXmX1M6sxiKzG8QbfMRPFxyGxPqajWIYeTmESZ4bJEMUa1rLajU89nMBnLA0pT2M1imwunuBhh/14hm1Z7WrkObzFUlZbcAUTmO2hj5Uo1rO6ltU7XMI9HMA6NrXBU127jLfzBmZwMYrTOI6vbdUvEJHVa2xHP4rfw5/OarIt5S7GOrzEThwzAlG8xx/sxUqH2+3telZbR0wIXG3lYmS1oeXlYPM5j+UWvj2tPozHOBJNZQceYNZoVMxF8WEwrT2cw1nsa+3nLYQLUfyCv5xtd5fA3GCkAAAAAElFTkSuQmCC) no-repeat;
}
.popbox .popup-bd {
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}
.popbox .popup-toolbar {
  position: absolute;
  overflow: hidden;
  padding: 12px 12px 0;
  top: 0;
  right: 0;
  z-index: 2;
}
.popbox .popup-toolbar [class^=btn-] {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  float: left;
  margin-left: 10px;
  font-size: 0;
  color: rgba(0, 0, 0, 0);
  opacity: 0.4;
}
.popbox .popup-toolbar [class^=btn-]:hover {
  opacity: 0.6;
}
.popbox .popup-toolbar [class^=btn-]:before,
.popbox .popup-toolbar [class^=btn-]:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
}
.popbox .popup-toolbar .btn-zoomOut:before {
  width: 10px;
  height: 2px;
  margin-left: -5px;
  background-color: var(--color-fill-1);
}
.popbox .popup-toolbar .btn-zoomIn:before {
  width: 10px;
  height: 9px;
  margin-left: -5px;
  margin-top: -4px;
  border-width: 2px 1px 1px;
  border-style: solid;
  border-color: var(--color-text0-1);
  box-sizing: border-box;
}
.popbox .popup-toolbar .btn-zoomclose:before,
.popup-toolbar .btn-zoomclose:after {
  background-color: var(--color-fill-1);
  -webkit-transform: rotate(-45deg);
}
.popbox .popup-toolbar .btn-zoomclose:before {
  width: 14px;
  height: 2px;
  margin-left: -7px;
  margin-top: -1px;
}
.popbox .popup-toolbar .btn-zoomclose:after {
  width: 2px;
  height: 14px;
  margin-left: -1px;
  margin-top: -7px;
}
/*弹层待定*/
/***********************
模块名：按钮
作者：rexren（任寒韬）
************************/
/* 按钮-基础 */
.btn {
  display: inline-block;
  line-height: 24px;
  padding: 0 12px;
  font-size: var(--font-size-xs);
  color: var(--color-text-1);
  border-radius: 26px;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-color: var(--wg-line-2);
}
.btn.disabled, .btn.disabled:hover {
  border-color: var(--color-line-2);
  color: var(--color-text-2);
  cursor: default;
  pointer-events: none;
}
.btn.current, .btn.current:hover {
  cursor: default;
}
.btn-default {
  border-style: solid;
  border-width: 1px;
  border-color: var(--wg-line-2);
}
.btn-default:hover {
  color: var(--color-text-1);
  background-color: var(--wg-fill-2);
}
.btn-default.disabled {
  cursor: default;
  opacity: 0.3;
}
.btn-primary {
  position: relative;
  min-width: 48px;
  display: inline-block;
  line-height: 24px;
  padding: 0 12px;
  font-size: 12px;
  color: var(--color-text-1);
  border-style: solid;
  border-width: 1px;
  border-radius: 26px;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn-primary:hover {
  background: var(--wg-fill-2);
}
.btn--em {
  border: solid 1px var(--wg-line-2);
}
.btn--em:hover {
  background-color: var(--wg-fill-2);
}
.btn--em.disabled, .btn--em.disabled:hover {
  cursor: default;
  opacity: 0.3;
}
.btn-text {
  min-width: auto;
  border: 0;
  border-bottom: 1px dotted currentColor;
  padding: 0;
  color: var(--lol-blue4);
  border-radius: 0;
  line-height: 18px;
}
.btn-text:after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 7px;
  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHAQMAAAD6aRWtAAAABlBMVEUAAAAdhZ+X3Ws3AAAAAXRSTlMAQObYZgAAABRJREFUCNdjcGBQYJjAcAKIFRgcABKmAql1TOJ/AAAAAElFTkSuQmCC");
  background: currentColor;
  vertical-align: middle;
  margin-left: 4px;
}
.btn-text:hover {
  color: #1f70b5;
}
.btn-text.disabled, .btn-text.disabled:hover {
  color: #ababab;
}
.btn-small {
  min-width: 60px;
  line-height: 20px;
}
/*按钮*/
/*******************
模块名：面包屑
作者  ：rexren（任寒韬）
********************/
/* 面包屑-基础 */
.tui-crumb {
  position: relative;
  z-index: 2;
  padding: 15px 0;
}
.tui-crumb ul {
  overflow: hidden;
  display: -webkit-box;
}
.tui-crumb li {
  height: 22px;
  line-height: 22px;
  padding-right: 15px;
  margin-right: 9px;
  position: relative;
}
.tui-crumb a:hover {
  color: var(--color-text-1);
}
.tui-crumb li:after {
  content: "";
  display: block;
  width: 7px;
  height: 11px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZFNDNDNjRCNkFFMDExRTdBRDAyQTc1MEE0NjNFRDMyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZFNDNDNjRDNkFFMDExRTdBRDAyQTc1MEE0NjNFRDMyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkU0M0M2NDk2QUUwMTFFN0FEMDJBNzUwQTQ2M0VEMzIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkU0M0M2NEE2QUUwMTFFN0FEMDJBNzUwQTQ2M0VEMzIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4UiU8SAAAAnUlEQVR42mzPoQrCUBTG8bOxB1nxEUzCimgR1MFgVaxGQSwGo9UgmCarF2TJYLAIJt/Bblzaivg/cCwXD/zSx/nuPYFzbi8iKzTiTYg+Hoj/hQneeGLgh1tMcMQFawQaRligg9y2T+hiFlnDEAVSfFDpdmjhFXNMUeKsmxoeMMYSDjtkqLV2YzX6zsha5PehO1oLX/4pN/T8QOcrwAD0MR3i3oM40gAAAABJRU5ErkJggg==);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -5px;
}
.tui-crumb li:first-child::before {
  display: none;
}
.tui-crumb li:last-child a,
.tui-crumb li:last-child a:hover {
  color: var(--lol-blue4);
  cursor: default;
}
.tui-crumb li:last-child:after {
  display: none;
}
/*面包屑*/
/*******************
模块名：figure
作者  ：rexren（任寒韬）
********************/
/* 图文-基础 */
.figure {
  position: relative;
}
.figure img {
  font-size: 0;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: ease-in-out 0.3s;
}
.figure figcaption {
  width: 100%;
  height: 24px;
  line-height: 24px;
  padding-left: 8px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.figure:hover img {
  /*-webkit-transform:scale(1.01);-webkit-transform-origin:center bottom;*/
}
/* 图文-图片圆角 */
.figure.c {
  border-radius: 100%;
}
/* 图文-文本信息 */
.figure-info {
  padding: 12px 18px 14px;
}
.figure-info .figure-summary,
.figure-info .figure-info-tit,
.figure-info .figure-info-subtit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.figure-info .figure-info-subtit,
.figure-info .figure-summary {
  font-size: 12px;
  color: #858585;
}
.figure-info .figure-info-tit,
.figure-info .figure-info-tit a {
  font-size: 14px;
  line-height: 20px;
  color: var(--color-text-2);
}
.figure-info .figure-info-tit {
  height: 40px;
  margin-bottom: 6px;
}
.figure-info .figure-info-tit a {
  display: block;
  cursor: pointer;
}
.figure-info .figure-info-tit a:hover {
  color: var(--color-text-2);
}
.figure-info .figure-info-tit a:hover::before {
  display: none;
}
.figure-other .item {
  color: var(--color-text-2);
  height: 20px;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.figure-other .icon-plays {
  vertical-align: -2px;
}
.figure-other .f-left {
  float: left;
  max-width: 60%;
}
.figure-other .f-right {
  float: right;
  max-width: 40%;
  text-align: right;
}
/* 图文-图片100% */
.tui-figure .figure {
  width: 100%;
}
/* 图文-横排 */
.tui-figure--h {
  position: relative;
  display: -webkit-box;
}
.tui-figure--h .figure {
  width: 200px;
  margin-right: 20px;
  height: inherit;
}
/*** tui-figure-b ***/
.tui-figure-b {
  width: 92px;
  height: 188px;
  position: relative;
  text-align: center;
}
.tui-figure-b .figure {
  width: 92px;
  height: 92px;
  margin-bottom: 5px;
  border-radius: 100%;
  position: relative;
  z-index: 1;
  overflow: visible;
}
.tui-figure-b .figure .pic {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 1px solid rgba(153, 153, 153, 0.3);
  position: relative;
  z-index: 0;
}
.tui-figure-b .figure-name {
  color: var(--color-text-1);
  width: 100%;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  z-index: 2;
}
.tui-figure-b,
.tui-figure-b div,
.tui-figure-b p,
.tui-figure-b h3 {
  cursor: pointer;
}
.tui-figure-b .figure-sub-text {
  font-size: 12px;
  color: var(--color-text-2);
}
.tui-figure-b:hover .figure::before {
  content: "";
  display: block;
  border: 2px solid var(--lol-blue4);
  position: absolute;
  left: -4px;
  top: -4px;
  right: -4px;
  bottom: -4px;
  border-radius: 100%;
}
.tui-figure-b:hover .figure .pic {
  border-color: transparent;
}
.tui-figure-b:hover .figure-name {
  color: var(--color-text-1);
}
.tui-figure-b:hover .figure-sub-text {
  color: var(--color-text-1);
}
.tui-figure-b.disabled,
.tui-figure-b.disabled div,
.tui-figure-b.disabled p,
.tui-figure-b.disabled h3 {
  cursor: default;
}
/** 视频 **/
.tui-figure.video .figure:before,
.tui-figure.video .figure:after,
.tui-figure.live .figure:before,
.tui-figure.live .figure:after {
  content: "";
  position: absolute;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s;
}
.tui-figure.video .figure:before,
.tui-figure.live .figure:before {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  left: 0;
  top: 0;
}
.tui-figure.video .figure:after,
.tui-figure.live .figure:after {
  width: 56px;
  height: 56px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAqFBMVEUAAAAAAACUdAD6wgChfgAAAAAAAAAAAAAAAAD9xQAAAAAAAAAAAAD2vwAAAAAAAAAAAAAAAAAAAADqtgAAAAD4wQC4jwCdegDotADSowCxiQCifgBwVwA4KwAaFAAAAAAAAAAAAADZqQD5wQAAAAAAAAD0vQDvugDjsQDRogDGmwDDmACphACYdwDGmgCGaABgSwBOPQDbqgDwugDvugDgrgDfrQC+lACvJbW+AAAAOHRSTlMATe718EsFOw/8QEgr60UwJR8V/Av+9O/StZaKb1tTGggD+fI2Nf38+vf29fHvqXpoYvnh4MbFoNqga3gAAAElSURBVEjHvZbpbsIwEITZ0CR2AoYUSlvaEqCl3Pf1/m+GEKCV7AibkfD8/5RxZq/STSIJB6IEKCGisBI9DoZ0lsofBumqWEAg4JdYKgNA9guBFNYiDCRKMwBkvxDIfu0g4peKlbyCIFGtC4KU1nuOYMf06wS2ZfVLR/+aDmC1NXn7+NajqUdWsPwSBBv5+aOhKncBg/fGb9ssJSt4Vut/tzRLyQJeNJaHtRmNAxjMR3LRsUSjgTfNhpZodJA1LYimEt0BWX0zmrhrBy/RrHTyLshqHHW38BfhN6J/FczxaZUzlnuzVl26Y7s0H+fQj2WoH/tFEwCcOT1oyg2a4FxFJzm4O3xuqzTzupFj4eXq4HL2eVmpDL0efd6rKvd3k4sk5aZ7pk6NVxgzfA7qSgAAAABJRU5ErkJggg==) no-repeat;
  left: 50%;
  top: 50%;
  margin: -28px 0 0 -28px;
}
.tui-figure.video:hover .figure:before,
.tui-figure.video:hover .figure:after,
.tui-figure.live:hover .figure:before,
.tui-figure.live:hover .figure:after {
  opacity: 1;
}
/*图文*/
/***********************
模块名：检索
作者：rexren（任寒韬）
描述：搜索过滤
使用范围：整站
************************/
.tui-filter {
  margin: -10px 0;
}
.tui-filter .filter-tit {
  color: rgba(255, 255, 255, 0.3);
}
.tui-filter dl dt {
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
}
.tui-filter dl dt:before {
  content: "";
  width: 0;
  height: 0;
  font-size: 0;
  overflow: hidden;
  border: 6px solid;
  z-index: 2;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.6);
  vertical-align: 5px;
  margin-right: 2px;
}
.tui-filter dl dt {
  padding: 5px 0;
}
.tui-filter dl dd {
  padding: 5px 12px;
}
.tui-filter dl:after,
.tui-filter:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  clear: both;
}
.tui-filter a {
  padding: 0 10px;
  color: rgba(255, 255, 255, 0.3);
  line-height: 26px;
  margin: 2px 0;
  width: 50%;
  float: left;
}
.tui-filter a:hover {
  color: rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.05);
}
.tui-filter a.cur {
  color: #0095ff;
  background: rgba(255, 255, 255, 0.1);
  outline: 1px solid rgba(255, 255, 255, 0.1);
  outline-offset: -1px;
  border-radius: 2px;
}
.tui-filter a.disabled,
.tui-filter a.disabled:hover {
  color: rgba(255, 255, 255, 0.1);
  cursor: default;
  background: none;
}
.tui-filter dl {
  position: relative;
  margin: 5px 0;
  font-size: 13px;
}
.tui-filter dt a {
  float: right;
  margin: 0;
}
.tui-filter dl.show dd {
  display: block;
}
.tui-filter dl.show dt:before {
  border-color: rgba(255, 255, 255, 0.6) transparent transparent transparent;
  vertical-align: 1px;
  position: relative;
  left: -2px;
}
/*图文*/
/**
 * 
 * @authors 	baronxiong
 * @date    	2016-12-01 17:33:45
 * @description tgp通用布局框架
 */
/*用在页面框架布局*/
html,
body,
.tui-fr-wrap {
  height: 100%;
}
html {
  overflow-x: auto;
}
body {
  min-width: 1040px;
}
.tui-fr-wrap {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  position: relative;
}
/*顶层外框*/
.tui-fr-container {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
/*内容居中*/
.tui-fr-sidebar {
  margin-left: 12px;
  float: right;
  width: 280px;
}
/*侧边栏*/
.tui-fr-wrap > .iframe-box {
  position: absolute;
  left: 0;
  top: 90px;
  bottom: 0;
  right: 0;
  z-index: 9;
}
.iframe-body,
.tui-fr-wrap > .iframe-box > iframe,
.iframe-body > .scroll-inner {
  height: 100%;
}
.iframe-body {
  overflow: hidden;
  overflow-y: auto;
}
.iframe-body > .scroll-inner > .tui-fr-container {
  min-height: 100%;
  background: #eee;
  background: var(--color-fill-page-bg);
  border-radius: var(--wg-corner1);
}
.iframe-body.tui-fr-flex > .scroll-inner > .tui-fr-container,
.iframe-body.tui-fr-flex > .scroll-inner > .tui-fr-container > .tui-panel--b {
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.iframe-body.tui-fr-flex > .scroll-inner > .tui-fr-container {
  height: 100%;
}
.iframe-body.tui-fr-flex > .scroll-inner > .tui-fr-container > .tui-panel--b,
.iframe-body.tui-fr-flex > .scroll-inner > .tui-fr-container > .tui-panel--b > .tui-panel-bd {
  -webkit-box-flex: 1;
}
.iframe-body.tui-fr-flex > .scroll-inner > .tui-fr-container > .tui-panel--b > .tui-panel-bd {
  overflow-x: hidden;
  overflow-y: scroll;
}
/*滚动框架*/
.scroll {
  overflow: auto;
}
/*滚动条不占位*/
.scroll-y {
  overflow-y: scroll;
  overflow-x: hidden;
}
/*滚动条占位*/
.scroll-inner {
  margin-left: calc(100vw - 100%);
}
/*滚动条靠屏幕右边的时候在tui-scroll内增加一层tui-scroll-inner*/
/*列*/
.tui-col-1 {
  width: 10%;
}
.tui-col-2 {
  width: 20%;
}
.tui-col-3 {
  width: 30%;
}
.tui-col-4 {
  width: 40%;
}
.tui-col-5 {
  width: 50%;
}
.tui-col-6 {
  width: 60%;
}
.tui-col-7 {
  width: 70%;
}
.tui-col-8 {
  width: 80%;
}
.tui-col-9 {
  width: 90%;
}
.tui-col-flex {
  -webkit-box-flex: 1;
}
/*行、列布局*/
.tui-row {
  display: -webkit-box;
}
.tui-row .tui-col-flex {
  -webkit-box-flex: 1;
}
/*栅格*/
/**
 * 
 * @authors 	baronxiong
 * @date    	2017-03-17 11:56:00
 * @description 文本标签
 */
.tui-label {
  display: inline-block;
  padding: 2px 10px 3px;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: default;
}
.tui-label,
.tui-label:hover {
  color: rgba(255, 255, 255, 0.2);
}
.tui-label-txt {
  display: block;
  font-size: 12px;
  line-height: 16px;
}
.tui-label-group {
  white-space: nowrap;
}
/*文本标签*/
/*******************
模块名：导航
作者  ：baronxiong
描述  ：页面导航
********************/
/*nav start*/
.tui-nav {
  position: relative;
  z-index: 1;
}
.main-nav {
  white-space: nowrap;
  word-wrap: normal;
  -webkit-text-size-adjust: none;
  display: -webkit-box;
  -webkit-box-align: center;
}
.main-nav > li {
  text-align: center;
  position: relative;
}
.main-nav > li::after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: var(--color-text-2);
  opacity: 0.2;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
}
.main-nav > li:last-child::after {
  display: none;
}
.main-nav > li > a {
  position: relative;
  display: block;
  min-width: 100px;
  height: 22px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  font-weight: normal;
  color: var(--color-text-2);
  position: relative;
  z-index: 2;
}
.main-nav > li.cur > a,
.main-nav > li > a:hover {
  color: var(--color-text-5);
  font-weight: bold;
}
/*一级导航*/
.tui-nav .main-nav {
  margin-left: -10px;
}
html:not(.is-transitional) .tui-nav .main-nav {
  margin-left: 10px;
}
html:not(.is-transitional) .main-nav li + li {
  margin-left: 10px;
}
html:not(.is-transitional) .main-nav li::after {
  display: none;
}
html:not(.is-transitional) .main-nav a {
  font-size: 15px;
  font-weight: bold;
  opacity: 1;
  color: rgba(0, 0, 0, 0.6);
  height: 30px;
  line-height: 30px;
  border-radius: var(--wg-corner3);
  padding: 0;
  min-width: 82px;
  transition: all 0.15s ease-in;
}
html:not(.is-transitional) .main-nav a:hover {
  color: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.08);
}
html:not(.is-transitional) .main-nav .cur a,
html:not(.is-transitional) .main-nav .cur a:hover {
  color: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.08);
}
html:not(.is-transitional).theme-cn-dark .main-nav a {
  color: rgba(255, 255, 255, 0.6);
}
html:not(.is-transitional).theme-cn-dark .main-nav a:hover {
  color: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.08);
}
html:not(.is-transitional).theme-cn-dark .main-nav .cur a,
html:not(.is-transitional).theme-cn-dark .main-nav .cur a:hover {
  color: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.08);
}
html:not(.is-transitional) .page-act-show .main-nav a {
  color: rgba(255, 255, 255, 0.6);
}
html:not(.is-transitional) .page-act-show .main-nav a:hover {
  color: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.08);
}
html:not(.is-transitional) .page-act-show .main-nav .cur a,
html:not(.is-transitional) .page-act-show .main-nav .cur a:hover {
  color: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.08);
}
html:not(.is-transitional) .main-nav .new::before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 12px;
  position: absolute;
  right: -15px;
  top: -8px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAAAiCAYAAACz35yrAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAACGVJREFUaIHVW19MI8cZ/wVjezE22Bi4tc2RA1MqA6dTkuYOJaiVolNbUiW9PFRX5ZS06qmqiJT0+paHqGqlPlRqK6G7VvfUh7aK0hbpGpFIbSUiVTGuiALXpjkuyol/aQAfXDG+sw02xp4+rHfZ2d2Z/WMK6U8a4WHm+8033zffN7NrDwghqJXnCSFJYo5krS84xQpXkhDyggO5erBICPkNIWSSEJKxoJ92nm5CyCsWdEzW+rmJ/fllavqNEkKgFrSLHxNj5/zOJk+qDh2OAlfIgXNu25S9TQ6c9C0HY4/KRl1zIExIzcuq8qRDnhfq0OEoIBApIpzgFSLZZseB7GQjgF4AUQDYyVbw1o+2wMPI91oRS3jl6i8ATP3hymYZAC6Od47IDXdSO/jHRJ7J0/9UEx55NqDQ2tHBKQKiC0+/GgYAvPnaf1DKV5l9n7oSRMcpj1q/83Llvd/fx8pMiSl7atiLc99slavnAcwBaAKA7N19/PWnGaas19+ACz9pV8Zt4M7IAO+/nkO5SORqAsBrdjk+C4gMubnt22v76upjAJ6RK+lbZa6spv0ZSA4GAGwu7tnRa9q2g0r5Km6++UD9rx9eHO981i7PcSN0ku+gwlZFXe2VP9xb2eNGHiDZaO0jKsIi8oe9Xb6sRq+UbQcBwMpMSavA9YvjnfwZf8bQGfdw27c+0UUQAGBjgR8BMrbXqChSIujuR/zoC8Ua1dU5Rw4CpFS3k1VWWRTSfvR/g6DYyG3fWqQMqTjIzMCMfgPyh/xGRd+Z0ota584dVMpX8eFfqEPAy065jgvhOD/os3epKEK5SLSOY2Jrsazeq5UDAi89huNuuIWH5Oo8gG3+MjLBykwJJ/p3cerRJvlfV+rhs4pHvuFH/5O+unnEhJtr8Ox6mYq0zWVr6U3G2u2i2jbIrvOdKyaoBTMFAI4jSMY/bxTUqU6sl+8oEYrxIyifodPR6gdFW/wbd2iHavlM9EkBh+CgUr6K2Ru5emmOBaEIP4Fk/k2nOLPjtRba/lo+LZpDLnV1CTgEBwFA+l97uJPaOQyqo8I2APiCLnj9bBNklg4MarZ/GKGUr1L7mJpPC6+/QZ1OdyE93IJaQgQAAYETzP+5gNigF81BeRUQLherzYoONydyuDlhL2oDogtfe1V5Qt8GEAIAcciNlRnj1FXMV1DIVtAcdGFzscTUKyC6kLtrnL42F0sIio0oZCso5tkpThzS7z+AQQQRVB2VYn4fszfuq3jMuHjOc6aDWTFC6GQjVyabltJU+uMSs8/Al33Mtk9u7gIAsukyd5zQSSpWUgwHERBS5RaPH8y2tQ928XEqb4kLTAeZ6+CkgBiPdyLu4cplVvdQLkpzY9mj51Ef0y73FkooF6vIZ/a54zS3Ua5YYjgIIKhwy7lLrdz22T9mUMjuA6iacLHzuZkOTosRmoMurkxuaw8by0Vmu/zu7OGzXmafjeUitj5lcxBUcKLHq1ZrmumgKqlyS1fCh1PDTdw+yd/eAyGE24cwVrQVHRwV/YKYBwC30IBw3M2UW/1wB5nVErO9+4z0PCZ+TmD2yayWcG+5yGyXHlAb1Hql5YrunMlaaWo8/lwYq7fyKOWMo2BzYQfFQtmEix9Bhw2iX4tTAAYBIJLwYnPB+BRazFWwNJtj6tTZIyh/WX2WZnN4kGYf0SMJKnqm1BWNgwiqxNw4HqEBT1zqwDvX15l9sut8HvYhwVyHcxc7kBgJmanJwzSkjfj7ANAW83DHZM2ls0+Ap7byPUID2uNubC7oT4RmtvA0PaSuptUVRxEEACcH/Ig/0YyFvz8w72wAsz3IqaxFXAegLGl/W6OjqI0ONOnqGwsF2zxiH8Uzra5onoMIqjYUPfeciI3lAu6n7b2jksYyNrIVHRw+qy1Bmvz1X798awYALl8b2gXQFBIFeAJSOrMDsY9+H9h9OoC5yQ1bHELAhZAoyNVdqI7YgOEhocItangEF85eOGEqY1T4hwQzHRw5qBfAiwB+dvna0PO1uSj5Pjbks6W/xw+IPc3UAG2iAI/fXH91iQ1RTqb2H8DIQahwixbdA60YPN9mKqctvDRlLuvsbUcNIwBe/+4vz1yFarW2dzfZ0r/rNOWct+QPXaebbfEE2qk3CLe1yho8qFa4xQhf+GoUraLbVJbmYTnIXIdD2IMA6furObkSjjXZ0r+9m9o3KEfb4umieOagge6QYGcPgnRmH/QILnzp0sP40891C4AJswjiIfnGCpJvrFgeS43z34mj/7EOuar81iAc8dmaezQeUFeVjb1nKIQkrOsW6W0x5JFBRRAB7EbQmDJQTwse/3rU+uphpCkrOtRV9OPOA9J+Kvb5LHEEI26EI0qK2/3VS6kUgHUA8Ae9lnnEPh88gkutR1qrnC7F2dmDrr30bhLAD+T6mS9G0Rr11LkHmetQTzFIrcrG3DXYYomj72xYLT9Rs8uEXZ6OHuqAQJ3eGA5ivwg9eMlJ97069rdxKKuwEaOXE6YcvJeXVnSor+iGUwzTEfNb4uiI+dXyb9fsYpunJSyoeZZgANtfNxj1hSrVhSN+DF/oNuU5jq8bJF114yqGaWkTLHHE4kG1/HTNBsr+EYsHLfF09dE8/zMHjY9NJQF8W/7/2a/0IhTlT5b3LHOUDhofm5qD9ICIcMQPIeDiykf6A/AIytlqfnxsKl2zQRqqTJIY6eTyCAEXwhElEnUPqAfGcP7j+STR32x42wEPIcf34/kBIuk96VB+nNDzd/oD+0lifFOkrusnRneEhh3wHNf1k6vkQO9RB/JFQsjnCT1/J1dUCNHfEtE5SDbQYVzgGibSJalFCzxHfYFLHtdI/1Fi7WLXLJEiR+sctZOsXPKiLmqxyn8BoMyQU0YBlGkAAAAASUVORK5CYII=);
  background-size: 100% 100%;
  z-index: 2;
}
/*导航*/
/***
 * @authors 	xiaolantang
 * @date    	2017-05-08
 * @description 无数据页面
 */
.no-data {
  width: 100%;
  height: 100%;
  min-height: 542px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  padding: 30px 0;
  text-align: center;
  position: relative;
  z-index: 11;
  background-color: transparent;
}
.no-data-img {
  display: block;
  width: 162px;
  height: 152px;
  background: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/no-data-img-B8vGaUX7.png) no-repeat;
  margin-bottom: 25px;
}
.no-data-text {
  color: var(--color-text-1);
}
.no-data p {
  width: 100%;
  line-height: 22px;
}
.no-data p a {
  color: #1d859f;
}
.no-data p a:hover {
  color: #13b1d8;
}
.no-data .tx-sub {
  font-size: 12px;
}
.no-data .btn {
  margin-top: 10px;
}
/*** no-data--b ***/
.no-data--b {
  min-height: 120px;
  border-right: solid 1px var(--color-line-1);
}
.no-data--b .no-data-text {
  width: auto;
  font-size: 12px;
  text-align: left;
  padding-left: 21px;
  position: relative;
}
.no-data--b .no-data-text:before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAANlBMVEUAAAD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/////zoX//fj/+/T/8dz/58P/3ar/0o9peINOAAAACXRSTlMA5qeVPASbO6bgjqFzAAAAWUlEQVQI112OWQrAMAhEjWZpzH7/y9apUGjfR150EIaMyKEGjgSSVEeSTdk+Xbu9mahgPXVChS5o6YKYArR1Q4EqOHoeW+Z4xlAbze8i1HVAVkDeTH5dvj1vt+IEx1+ELMIAAAAASUVORK5CYII=);
  position: absolute;
  left: 0;
  top: 4px;
}
/*无数据*/
/***********************
模块名：panel
作者：rexren（任寒韬）
************************/
/* 面板 */
.tui-panel {
  position: relative;
  margin-top: 25px;
}
.tui-panel-hd,
.tui-panel-tool {
  white-space: nowrap;
  word-wrap: normal;
  -webkit-text-size-adjust: none;
}
.tui-panel-hd {
  position: relative;
  height: 26px;
  line-height: 26px;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-box-align: end;
}
.tui-panel-tit {
  font-size: 18px;
  color: var(--color-text-1);
  margin-right: 20px;
}
.tui-panel-subtit {
  font-size: 12px;
  text-align: left;
  color: #858585;
  line-height: 20px;
  margin-right: 10px;
}
.tui-panel-tool {
  position: absolute;
  right: 0;
  top: 0;
}
.tui-panel-nav {
  margin-left: 20px;
  margin-bottom: 2px;
  display: -webkit-box;
}
.tui-panel-nav a {
  display: block;
  font-size: 14px;
  line-height: 16px;
  margin-right: 30px;
  position: relative;
}
.tui-panel-nav a:hover {
  color: var(--lol-blue4);
}
.tui-panel-nav .cur,
.tui-panel-nav .cur:hover {
  color: var(--lol-blue4);
}
.tui-panel-bd {
  position: relative;
  min-height: 100px;
}
.tui-panel-tool .btn-primary {
  min-width: 80px;
  margin: 0;
  border-radius: 13px;
}
.tui-panel-tool .btn-primary:hover {
  color: var(--color-text-1);
}
.tui-panel-tool .btn-primary::before,
.tui-panel-tool .btn-primary::after {
  display: none;
}
.widget-property-num {
  color: var(--color-text-1);
  font-size: 16px;
}
.widget-property-num em {
  margin-right: 5px;
}
/*** tui-panel-b ***/
.tui-panel--b {
  background: #fff;
  background: var(--color-fill-1);
  padding: 5px;
  outline: 1px solid var(--color-line-1);
  outline-offset: -5px;
}
.tui-panel--b > .tui-panel-hd {
  height: 37px;
  display: -webkit-box;
  -webkit-box-align: center;
  background: rgba(255, 255, 255, 0.1);
  padding-left: 18px;
  margin-bottom: 0;
}
.tui-panel--b > .tui-panel-bd,
.tui-panel--b > .tui-panel-ft {
  position: relative;
}
.tui-panel--b .tui-panel-tit {
  color: rgba(255, 255, 255, 0.85);
}
.tui-panel--b .tui-panel-subtit {
  color: rgba(255, 255, 255, 0.6);
}
.tui-panel--b .tui-panel-tool {
  top: 5px;
  right: 15px;
}
.tui-panel--b .tui-panel-tool .btn-em:before {
  left: -16px;
}
.tui-panel--b .tui-panel-tool .btn-em:after {
  right: -16px;
  transform: scaleX(-1);
}
.tui-panel--b .tui-panel-tool .btn-em {
  border: solid 1px var(--wg-line-2);
}
.tui-panel--b .tui-panel-tool .btn-em:hover {
  background-color: var(--wg-fill-2);
  color: var(--color-text-1);
}
.tui-panel--b .tui-panel-tool .btn-em:hover:before,
.tui-panel--b .tui-panel-tool .btn-em:hover:after {
  opacity: 1;
}
.tui-panel--b .tui-panel-tool .btn-em.disabled:hover:before,
.tui-panel--b .tui-panel-tool .btn-em.disabled:hover:after {
  opacity: 0.2;
}
.tui-panel--b .sub-nav {
  display: -webkit-box;
}
.tui-panel--b .sub-nav > li {
  margin-right: 41px;
  line-height: 36px;
  position: relative;
}
.tui-panel--b .sub-nav > li::after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: var(--color-line-1);
  position: absolute;
  right: -21px;
  top: 50%;
  margin-top: -6px;
}
.tui-panel--b .sub-nav > li:last-child::after {
  display: none;
}
.tui-panel--b .sub-nav > li a:hover {
  color: var(--color-text-1);
}
.tui-panel--b .sub-nav > .cur > a,
.tui-panel--b .sub-nav > .cur > a:hover {
  color: var(--lol-blue4);
}
.tui-panel--b .sub-nav .tui-dropbox-toggle {
  padding-left: 0;
  padding-right: 0;
  color: var(--color-text-1);
}
.tui-panel--b .sub-nav .tui-dropbox:hover .tui-dropbox-toggle {
  color: var(--lol-blue4);
}
.tui-panel--b .sub-nav .tui-dropbox-menu {
  padding: 0;
}
.tui-panel--b .vertical-list a {
  display: block;
  padding-left: 23px;
  line-height: 30px;
  color: var(--color-text-1);
}
.tui-panel--b .vertical-list a:hover,
.tui-panel--b .vertical-list .cur {
  background: var(--color-fill-2);
}
/*** tui-panel--c ***/
.tui-panel--c > .tui-panel-hd {
  height: 45px;
  padding: 0 20px 12px;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(164, 193, 217, 0.3);
}
.tui-panel--c > .tui-panel-hd .tui-panel-tit {
  line-height: 32px;
  color: var(--lol-blue4);
  margin-right: 19px;
}
.tui-panel--c > .tui-panel-hd .icon-adorn {
  margin-right: 10px;
  vertical-align: -2px;
}
.tui-panel--c > .tui-panel-hd .tui-tab-tit {
  margin-bottom: 0;
}
.tui-panel--c > .tui-panel-hd .tui-panel-tool {
  top: 3px;
}
.tui-panel--c > .tui-panel-bd {
  padding: 18px 20px;
}
/*面板*/
/***********************
模块名：progress
作者：rexren（任寒韬）
************************/
/* 进度条 */
.tui-progress {
  display: -webkit-box;
  -webkit-box-align: center;
}
.tui-progress-bar {
  -webkit-box-flex: 1;
  height: 10px;
  position: relative;
  padding: 1px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.3);
}
.tui-progress-inner {
  display: block;
  height: 100%;
  border-radius: 4px;
  background: #f9d777;
}
.tui-progress-num {
  width: 67px;
  color: var(--color-text-2);
  letter-spacing: -1px;
  text-align: left;
  overflow: hidden;
}
.tui-progress-bar .tui-tips.down.center {
  top: 210%;
}
/*进度条*/
/***********************
模块名：search
作者：baronxiong
************************/
:root,
.theme-cn-light,
html.theme-cn-light body {
  --color-fill-lol-search-bg: rgba(0, 0, 0, 0.08);
}
.theme-cn-dark,
html.theme-cn-dark body {
  --color-fill-lol-search-bg: rgba(255, 255, 255, 0.08);
}
/*搜索*/
.search,
.search-change,
.search-inputarea {
  position: relative;
}
.search {
  z-index: 3;
}
.search-change-btn {
  position: relative;
  width: 25px;
  height: 26px;
}
.search-change-btn:before {
  content: "";
  position: absolute;
  left: 11px;
  top: 8px;
  width: 8px;
  height: 10px;
  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAKAgMAAAD0qfcTAAAACVBMVEUAAADBwcHBwcHtvISHAAAAAnRSTlMAxOqay5EAAAAQSURBVAjXY8haCUJggMkGAGAPBnONgzLtAAAAAElFTkSuQmCC");
  background: var(--color-text-1);
}
.search-change-dropdown {
  position: absolute;
  left: 0;
  top: 27px;
}
.search-change-optionlist > li {
  cursor: pointer;
}
.search-change-optionlist > li.cur {
  cursor: default;
}
.search-change-option {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit;
  cursor: inherit;
}
.search-input {
  display: block;
  padding: 0 38px 0 12px;
  width: 100%;
  font-size: 12px;
  line-height: 30px;
  height: 30px;
  background-color: var(--color-fill-lol-search-bg);
  border-radius: var(--wg-corner3);
  cursor: text;
  color: var(--color-text-1);
  border: none;
}
.search-input::-webkit-input-placeholder {
  color: var(--color-text-2);
}
.search-submit {
  position: absolute;
  cursor: pointer;
}
.search-pop {
  position: absolute;
  left: 0;
  right: 0;
  top: 30px;
  display: none;
  background-color: var(--color-fill-1);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.search-pop--none {
  text-align: center;
  min-height: 34px;
  line-height: 32px;
}
/*简单模式*/
.search--simple {
  width: 205px;
  border-radius: 13px;
}
.search--simple .search-input {
  border: none;
  color: var(--color-text-1);
}
.search--simple .search-input::-webkit-input-placeholder {
  color: var(--color-text-2);
}
.search--simple .search-change {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 1px;
}
.search--simple .search-change-optionlist > li {
  color: var(--color-text-1);
  border-radius: var(--wg-corner1);
  margin: 0 0 4px 0;
}
.search--simple .search-change-optionlist > li:last-child {
  border-bottom: 0;
}
.search--simple .search-change-optionlist > li.cur,
.search--simple .search-change-optionlist > li.cur:hover {
  background-color: var(--color-fill-3);
}
.search--simple .search-change-optionlist > li:hover {
  background-color: var(--color-fill-3);
}
.search--simple .search-change-option {
  padding: 0 18px;
  font-size: 13px;
  line-height: 30px;
  min-width: 110px;
}
.search--simple .search-change-dropdown {
  background-color: var(--color-fill-1);
  border-radius: 6px;
  overflow: hidden;
  display: none;
  padding: 6px;
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.12);
}
.search--simple .search-submit {
  display: block;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 30px;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0.5;
  transition: opacity 0.2s linear;
}
.search--simple .search-submit:hover {
  opacity: 1;
}
.search--simple .search-submit::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.search--simple .search-submit::before {
  content: "";
  width: 2px;
  height: 6px;
  border-radius: 300px;
  background-color: var(--color-fill-black-op1);
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: 5px;
  transform: rotate(-45deg);
  box-sizing: border-box;
}
.search--simple .search-submit:after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid var(--color-fill-black-op1);
  position: absolute;
  top: 7px;
  left: 50%;
  margin-left: -6px;
  box-sizing: border-box;
}
.search--simple .search-input:focus {
  border-color: rgba(255, 255, 255, 0.4);
  color: var(--color-text-5);
}
.search--simple .search-pop {
  background-color: rgba(19, 12, 4, 0.8);
  border-radius: 6px;
  color: var(--color-text0-1);
}
/*复杂模式*/
.search--complex .search-input {
  height: 34px;
  border: 1px solid var(--wg-line-1);
  border-radius: 17px;
}
.search--complex .search-reset {
  display: none;
}
.search--complex .search-icon {
  height: 34px;
  left: 12px;
  margin-top: -17px;
}
.search--complex .search-input {
  padding-left: 16px;
  padding-right: 86px;
  font-size: 14px;
  line-height: 21px;
}
.search--complex .search-input::-webkit-input-placeholder {
  color: var(--color-text-2);
}
.search--complex .search-submit {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 74px;
  height: 34px;
  text-align: center;
  font-size: 14px;
  line-height: 34px;
  color: var(--color-text-1);
  border-left: 1px solid var(--wg-line-1);
}
.search--complex .search-submit:hover {
  background-color: var(--wg-fill-2);
  border-radius: 17px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.search--complex .search-change {
  margin-bottom: 19px;
}
.search--complex .search-icon,
.search-change-btn {
  display: none;
}
.search--complex .search-change-dropdown {
  position: static;
  margin-left: 20px;
}
.search--complex .search-change-optionlist {
  font-size: 0;
  white-space: nowrap;
  word-wrap: normal;
  padding-bottom: 3px;
}
.search--complex .search-change-optionlist > li {
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 26px;
  color: var(--color-text-2);
  border-radius: 13px;
}
.search--complex .search-change-optionlist > li:hover {
  color: var(--lol-blue4);
}
.search--complex .search-change-optionlist > li:before,
.search--complex .search-change-optionlist > li:after {
  content: "";
  position: absolute;
}
.search--complex .search-change-optionlist > li:after {
  left: 50%;
  bottom: -3px;
  width: 0;
  height: 0;
  margin-left: -5px;
  border-width: 3px 5px 0;
  border-style: solid dashed dashed;
  border-color: #4a84b5 transparent transparent;
  visibility: hidden;
}
.search--complex .search-change-optionlist > li:before {
  left: 0;
  top: 50%;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: #c1c1c1;
}
.search--complex .search-change-optionlist > li:nth-of-type(1):before,
.search--complex .search-change-optionlist > li.cur:before,
.search--complex .search-change-optionlist > li.cur + li:before {
  display: none;
}
.search--complex .search-change-option {
  width: 98px;
}
.search--complex .search-change-optionlist > li.cur {
  background-color: var(--lol-blue4);
  color: var(--color-text0-1);
}
.search--complex .search-change-optionlist > li.cur:after {
  visibility: visible;
}
.search--complex .search-pop {
  left: 0;
  right: 73px;
  top: 85px;
}
.search--complex .search-toolbar {
  padding: 10px 0 11px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 0;
  white-space: nowrap;
  word-wrap: normal;
  text-align: center;
}
.search--complex .search-tool {
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  color: var(--lol-blue4);
  margin: 0 10px;
  cursor: pointer;
}
.search--complex .search-input:disabled {
  background-color: #e1e1e1;
  cursor: default;
  border-color: #d6d6d6;
}
.search--complex .search-input:disabled::-webkit-input-placeholder {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhDOTBGQzFFNDJDNDExRTdBQzc3OTcwQzFFMzlFQ0I4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhDOTBGQzFGNDJDNDExRTdBQzc3OTcwQzFFMzlFQ0I4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEM5MEZDMUM0MkM0MTFFN0FDNzc5NzBDMUUzOUVDQjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEM5MEZDMUQ0MkM0MTFFN0FDNzc5NzBDMUUzOUVDQjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7kEqlCAAAA7ElEQVR42mL85unJgARsgDgbiG2BWBSIXwPxYSCeCsRHYIqYoDQLVAKkIAKIpYGYDUpHIGlkhSkGgelAnAIziXPDBqAWoJ5fvxi+BwTAhLOgBqWCbLJG1gAC/9++RaGRAEidNRPUDyjg/7t3KDQayAFpciJRkx1IkziGJtzOAwERRmCQv8CmEQ94BrJpP7ooa3w8A+fatWAaCzjEBA1/FMASHAwMd04GFj8/bJqmMkFjGkXjH6AtDD9+MPzZtAlDA0g9IzQZgWJ6AjQCcYFpQFwAxL9hyeg3UppbAfIsEP+C0iug4tlQdQwAAQYAouNJQCIdxysAAAAASUVORK5CYII=);
  color: #757575;
}
.search--complex .search-input:disabled + .search-submit {
  cursor: default;
  color: #ababab;
  border-left-color: #d6d6d6;
}
.search--complex .search-input:disabled + .search-submit:hover {
  color: #ababab;
}
.search-history-keywordlist > li {
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.search-history-keywordlist > li:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.search--complex .search-history-keyword {
  font-size: 14px;
  line-height: 36px;
  padding: 0 38px;
  cursor: inherit;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
}
.page-act-show .search-input {
  background-color: rgba(255, 255, 255, 0.08);
  color: #fff;
}
.page-act-show .search-input:focus {
  color: #fff;
}
.page-act-show .search--simple .search-submit::before {
  background-color: #fff;
}
.page-act-show .search--simple .search-submit::after {
  border-color: #fff;
}
.page-act-show .search-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
/*搜索框*/
/***********************
模块名：select
作者：v_xuhdeng（邓旭辉）
************************/
/*原生下拉选择*/
.sel {
  width: 102px;
  height: 28px;
  border: 1px solid #e6e6e6;
  padding: 3px 8px;
}
/*模拟下拉框*/
.tui-select {
  display: inline-block;
  width: 100px;
  white-space: nowrap;
  position: relative;
  cursor: pointer;
}
.tui-select .dropdown-toggle {
  display: inline-block;
  width: 100%;
  position: relative;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  height: 22px;
  padding: 0 22px 0 9px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 11px;
}
.tui-select .select-chosen {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tui-select .dropdown-toggle:after {
  content: "";
  display: block;
  width: 7px;
  height: 5px;
  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFAQMAAACzVGSbAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABJJREFUCNdjsGCYxODCoMEgAAAH3AFHJ8T5nwAAAABJRU5ErkJggg==");
  background: currentColor;
  position: absolute;
  right: 9px;
  top: 8px;
}
.tui-select .dropdown-menu {
  position: absolute;
  top: 23px;
  left: 0;
  border: 1px solid var(--color-line-1);
  background: var(--color-fill-1);
  z-index: 20;
  overflow: hidden;
  display: none;
  width: 100%;
  min-width: 64px;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
  padding: 4px 0;
}
.tui-select .dropdown-menu ul {
  position: relative;
  z-index: 2;
  width: 100%;
  clear: both;
  overflow: hidden;
}
.tui-select .dropdown-menu ul:before,
.tui-select .dropdown-menu ul:after {
  content: "";
  display: table;
}
.tui-select .dropdown-menu ul:after {
  clear: both;
}
.tui-select .dropdown-menu li {
  line-height: 30px;
  display: block;
  text-align: left;
}
.tui-select .dropdown-menu a {
  display: block;
  font-size: 12px;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tui-select .dropdown-menu li:hover a {
  background: var(--color-fill-2);
  color: var(--color-text-1);
}
.tui-select .dropdown-menu .cur a,
.tui-select .dropdown-menu .cur:hover a {
  color: var(--color-text-1);
}
.tui-select .dropdown-menu::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.tui-select .dropdown-menu::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.14);
  border-radius: 3px;
}
.tui-select .dropdown-menu::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.18);
  border-radius: 3px;
}
.tui-select:hover .dropdown-menu {
  display: block;
}
.tui-select:hover .dropdown-toggle {
  border-color: var(--color-text0-1);
  color: var(--color-text0-1);
}
/*** 不可点击态 ***/
.tui-select.disabled .dropdown-toggle,
.tui-select.disabled:hover .dropdown-toggle {
  cursor: default;
  color: rgba(255, 255, 255, 0.4);
  border-color: rgba(255, 255, 255, 0.2);
}
.tui-select.disabled:hover .dropdown-menu {
  display: none;
}
/*** tui-select--b ***/
.tui-select--b {
  width: 64px;
  height: 24px;
}
.tui-select--b .dropdown-toggle {
  height: 24px;
  line-height: 22px;
  color: var(--color-text-1);
  padding: 0 16px 0 0;
  border-radius: 2px;
  border-color: var(--color-line-1);
  text-align: center;
}
.tui-select--b .dropdown-toggle:before {
  content: "";
  width: 18px;
  height: 20px;
  position: absolute;
  top: 1px;
  right: 1px;
}
.tui-select--b .dropdown-toggle:after {
  width: 0;
  height: 0;
  font-size: 0;
  overflow: hidden;
  border: 4px solid transparent;
  border-top-color: var(--color-text-1);
  background: none;
  right: 5px;
  top: 9px;
  -webkit-mask-image: none;
}
.tui-select--b .dropdown-toggle:hover:before {
  background: var(--color-fill-2);
}
.tui-select--b .dropdown-menu {
  top: 25px;
}
.tui-select--b:hover .dropdown-toggle,
.tui-select--c:hover .dropdown-toggle {
  color: var(--color-text-1);
  border-color: var(--color-line-1);
}
/*** tui-select--c ***/
.tui-select--c .dropdown-toggle,
.tui-select--d .dropdown-toggle {
  border-color: var(--wg-line-1);
  color: var(--color-text-1);
}
.tui-select--c:hover .dropdown-toggle,
.tui-select--d:hover .dropdown-toggle {
  color: var(--color-text-1);
  border-color: var(--wg-line-2);
}
.tui-select--b.disabled .dropdown-toggle,
.tui-select--b.disabled:hover .dropdown-toggle,
.tui-select--c.disabled .dropdown-toggle,
.tui-select--c.disabled:hover .dropdown-toggle,
.tui-select--d.disabled .dropdown-toggle,
.tui-select--d.disabled:hover .dropdown-toggle {
  color: #ababab;
  border-color: #dadada;
}
/*** tui-select--d ***/
.tui-select--d .dropdown-toggle {
  border: 0;
}
.tui-select .dropdown-menu--b {
  width: 340px;
  padding: 20px 14px 10px 20px;
  left: auto;
  right: 0;
}
.tui-select .dropdown-menu--b ul {
  width: auto;
  margin-bottom: 4px;
}
.tui-select .dropdown-menu--b li {
  width: 70px;
  line-height: 24px;
  white-space: nowrap;
  border: 1px solid #ababab;
  float: left;
  text-align: center;
  margin: 0 6px 6px 0;
}
.tui-select .dropdown-menu--b a {
  padding: 0;
}
.tui-select .dropdown-menu--b li:hover a {
  color: var(--lol-blue4);
  background: none;
}
.tui-select .dropdown-menu--b li:hover,
.tui-select .dropdown-menu--b .cur,
.tui-select .dropdown-menu--b .cur:hover {
  border-color: var(--lol-blue4);
}
.tui-select .dropdown-menu--b .cur a,
.tui-select .dropdown-menu--b .cur:hover a {
  background: var(--lol-blue4);
  color: var(--color-text0-1);
}
/*下拉菜单*/
/***********************
模块名：滑动
作者：rexren（任寒韬）
************************/
/*左右翻页*/
.tui-slider {
  width: 100%;
  height: 100px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.tui-slider .btn-pre,
.tui-slider .btn-next {
  width: 35px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background: var(--color-text-3);
  opacity: 0.4;
  cursor: pointer;
  transition: 0.2s ease;
  position: absolute;
  top: 50%;
  z-index: 10;
  margin-top: -40px;
  border-radius: 4px;
}
.tui-slider .btn-pre {
  left: 6px;
}
.tui-slider .btn-next {
  right: 6px;
}
.tui-slider .btn-pre:after,
.tui-slider .btn-next:after {
  font-family: simsun;
  font-size: 24px;
  color: var(--color-fill-1);
  opacity: 0.8;
}
.tui-slider .btn-pre:after {
  content: "<";
  left: 50%;
}
.tui-slider .btn-next:after {
  content: ">";
  right: 50%;
}
.tui-slider .btn-pre:hover,
.tui-slider .btn-next:hover {
  opacity: 0.8;
}
.tui-slider .btn-pre:hover:after,
.tui-slider .btn-next:hover:after {
  opacity: 1;
}
.tui-slider-wp {
  position: relative;
  z-index: 0;
  min-height: 50px;
}
.tui-slider-wp > .viewport {
  overflow: hidden;
  height: inherit;
  width: 100%;
  display: block;
  position: relative;
}
.tui-slider-wp > .viewport > .tui-slider-list {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.shadow.tui-slider-wp > .viewport > .tui-slider-list {
  left: 10px;
}
.shadow.tui-slider-wp > .viewport {
  width: 1020px;
  margin-left: -10px;
}
.tui-slider .btn-pre.disabled,
.tui-slider .btn-next.disabled,
.tui-slider .btn-pre.disabled:hover,
.tui-slider .btn-next.disabled:hover {
  border: 1px solid rgba(164, 164, 164, 0.2);
  color: #adadad;
  background: rgba(0, 0, 0, 0.1);
  cursor: default;
  opacity: 1;
}
/*幻灯片*/
/***********************
星级评级
作者：rexren（任寒韬）
************************/
/*星级评级*/
.tui-star,
.tui-star-bar {
  display: inline-block;
  width: 170px;
  height: 32px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc2NUVDNDRCQUExNzExRTZCMkVDOEQ2NDM4N0YzM0JEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc2NUVDNDRDQUExNzExRTZCMkVDOEQ2NDM4N0YzM0JEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzY1RUM0NDlBQTE3MTFFNkIyRUM4RDY0Mzg3RjMzQkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzY1RUM0NEFBQTE3MTFFNkIyRUM4RDY0Mzg3RjMzQkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5WMhc9AAAB3UlEQVR42syXTygEURzHZ7elSCmi/Ns9oKQk5CAOe5GypBxE/hwkpfzJiRwUEkcXOYgcnFyUkotkb7bIQSnFRUS7JesgbSa+r35b0zTjzex7M+NXn9rZt/Pms783773f873GE4pgVIIw2BHpxK+IxzJYAbleitSDflACZrwUWdX0MQcKvBBpAxHNdT6Y90JkzeC7SVDmpkiEMqKPHLDolojfJBvpGAXVbogMgro/2gM0nR0VyQZLFn7XBxrsdBzgtBeBJg3NoNxCvz5wDi7BlYYH8GN4g2aJLwaNugcHFbnxDq51cvdMjokw+z0wongTTKTVT6maBjceSHyCIRBPv6xJ0AmeXJRQwQCI6WcNk+gACRck2ChMgCOz6XsLuillTsYC2OatIzFKmeqQxBZYt7qgsZSNm815gTgEU3ZX1l1Koaw4oyJKzWSJZyk8kCDxAnpBSmSveZM0VZOim15IgkgpyBIVkbHfsOdU/IeMcP8QT6QQ5EkSCYmIyCwDhER4w/IMZkEPuHByaMxEHunoUAU2aCVuAe0g6sbQsFJvjKr0TfClaz+lA3mYPksfmjswDGro1J/i3Bel7LAsHdOeFaRaNiORD9qJa8E++Lb5grL3povq3xOqiw3jV4ABAAqzW1t8YXQuAAAAAElFTkSuQmCC) repeat-x;
}
.tui-star {
  text-align: left;
}
.tui-star-bar {
  display: block;
  background-color: #00ff00;
}
.star-0 {
  width: 0;
}
.tui-star--num-1 {
  width: 34px;
}
.tui-star--num-2 {
  width: 68px;
}
.tui-star--num-3 {
  width: 102px;
}
.tui-star--num-4 {
  width: 136px;
}
.tui-star--num-5 {
  width: 170px;
}
/*星级*/
/***********************
模块名：选项卡
作者：rexren（任寒韬）
************************/
/**** 选项卡-横向 ****/
.tui-tab-tit {
  border-radius: 5px;
  overflow: hidden;
  display: -webkit-box;
}
.tui-tab-tit > li {
  min-width: 70px;
  text-align: center;
}
.tui-tab-tit > li > a {
  display: block;
  line-height: 23px;
  text-decoration: none;
}
.tui-tab-tit > .cur > a {
  color: rgba(0, 0, 0, 0.8);
}
/**** 选项卡-竖向 ****/
.tui-tab-wrap-h .tui-tab-tit {
  width: 72px;
  height: 46px;
  float: left;
}
.tui-tab-wrap-h .tui-tab-cont {
  display: inline-block;
  margin-left: 10px;
}
.tui-tab-wrap-h .tui-tab-tit > li:first-child > a {
  border-radius: 0;
}
/**** tui-tab-tit--a ***/
.tui-tab-tit--a {
  border-radius: 0;
}
.tui-tab-tit--a > li {
  position: relative;
}
.tui-tab-tit--a > li > a {
  position: relative;
  z-index: 2;
  height: 22px;
  padding: 0 21px 0 19px;
  font-size: 12px;
  line-height: 22px;
  color: var(--color-text-2);
}
.tui-tab-tit--a > li > a:hover {
  color: var(--color-brand1);
}
.tui-tab-tit--a > .cur > a,
.tui-tab-tit--a > .cur > a:hover {
  color: #FFF;
}
.tui-tab-tit--a > .cur::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  box-sizing: border-box;
  border-width: 6px 16px;
  border-style: solid;
  border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAWCAYAAACsR+4DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkVDOEU0RTdCMjdEMTFFRDhFNTI4RjRCRTQ0NTIwMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkVDOEU0RTZCMjdEMTFFRDhFNTI4RjRCRTQ0NTIwMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTFEQUVGQ0Y3QThEMTFFQkE4MTM4MUI5QjlFNUUyMDYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTFEQUVGRDA3QThEMTFFQkE4MTM4MUI5QjlFNUUyMDYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5fjwPBAAACF0lEQVR42ryXv0vDUBSFX0spCAoqDoLYgjgWN11c7KYguKog6J+g4CStTasuoo6OKorOTrq1iw4dpaM46OIgKigUHIznlvPgUhqb1MQLH5bQ3Hye9yOvsfGjPeOz+sACmAFjYBAk29zzBZ7BHbgCF+BNf6G6vNbyxoQPoS6wCtZBrwlWIp4is2Ab7IIDUP/txnibxiPyT7FhUKlW1cteVfbuSGwU3ICMCb8y7D0aVEyG75LzKKqS3pcTx/tdQcT6QbeJvnrAgF+xPFgBWfAYodQTn7GE1ArtVqVIOfwcA1OgwlUVtpT0nudiMJCLYevYbCUmF8W8SKmikiuDdEhSj0xK9sQtisl+50DOWDkrVqCYw89SrkovG5KclVoEJRGDSI6JGcpJcvkEH56nkNOUoOE1PazpsKRATr0BipCSMORvLM6H2oSay1Xzzes7fssldsF9//a8BNNyVTKOSsomefLHtAzvrTB5l3M4blNDSjleawxvQg2bSwmbYo7XT0OQspViryyfV5Jhs5Nfzzm9KgtKziipMFeklStTznC+Nf7KpPfaxxw1F84i2sN0cnZYk3oP8zr2yDgPgduIpGwNU24SUk9+35Wv4PMf3pUf4CXIS1wOcXM8fUZV0nsOadWDnsfuJWZQi0Cqxt73nZ5gH2SLARvgPQShd/aaYG/P8nPml6h3wCFfJ9Md/hi5BufNP0a86keAAQAdsZsB7n4VJgAAAABJRU5ErkJggg==) 6 16 6 16 fill round round;
}
/*** tui-tab-tit--b ***/
.tui-tab-tit--b {
  border: 0;
}
.tui-tab-tit--b > li {
  min-width: 56px;
}
.tui-tab-tit--b > li > a {
  height: 26px;
  line-height: 26px;
  color: var(--lol-btn-text);
  background: var(--lol-btn-fill-1);
}
.tui-tab-tit--b > li > a:hover {
  color: #fff;
}
.tui-tab-tit--b > .cur > a {
  color: var(--lol-btn-text);
  background: var(--lol-btn-fill-2);
}
.theme-cn-dark .tui-tab-tit--b > li > a {
  height: 26px;
  line-height: 26px;
  color: var(--color-text-1);
  background: rgba(0, 0, 0, 0.4);
}
.theme-cn-dark .tui-tab-tit--b > li > a:hover {
  color: #fff;
}
.theme-cn-dark .tui-tab-tit--b > .cur > a {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.tui-tab-tit--b > li:first-child > a {
  border-top-left-radius: 13px;
  border-bottom-left-radius: 13px;
  border-right: 0;
}
.tui-tab-tit--b > li:last-child > a {
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
  border-left: 0;
}
/*** tui-tab-tit--c ***/
.tui-tab-tit--c {
  height: 32px;
  border-top: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  position: relative;
  overflow: visible;
  margin: 0 19px;
  border-radius: 0;
}
.tui-tab-tit--c:before,
.tui-tab-tit--c:after {
  content: "";
  display: block;
  width: 19px;
  height: 32px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAgCAYAAADwvkPPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU2MjgxQzAzNkFFNDExRTc4Rjk1RkNERDZGNjJFMTBDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU2MjgxQzA0NkFFNDExRTc4Rjk1RkNERDZGNjJFMTBDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTYyODFDMDE2QUU0MTFFNzhGOTVGQ0RENkY2MkUxMEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTYyODFDMDI2QUU0MTFFNzhGOTVGQ0RENkY2MkUxMEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6J5hjNAAABfUlEQVR42qyWPyzEUByA75obEGcR100iGCXCYLFIDBKT6GQxGUzCIBi4mm5iMBjcaKuFQSxiYsRiIjFYkFiIGAx8TX6V5mn73muvybc0L19/f/re75WDICjlfDphGiZgGPqcHJIBOIBnmIEbWIKhioWkDeqwDOvgwqfneX8LTGX9cAQX0APvSYtM0hyBSziElTSRSWRhfc5gA5q6r2ZF1i6pNUxEOllY7HPYMe1QJaPgYde6bf6ZtMjWpP0frZA9SXS1Vsi24VXqVssr2xKiBlgJHUXkCrmEjiLyhTShq5PVY6IXIUkYvl/UyX4M61vWrXViEak1iyIsxWq2b7IDfKWTSaKodkbdVGtmJUram76y0Y1FWTtg01aUJeuFBxtRlqwhVFshC6PalTQLy6IGTMoQKXTShs8XzMKVTKRmEVmU7hScQpduHpjMzWsYh3mRVYvIogjH4BveZNh0/DsJctyCBmEV5uBErgy38JjnFnQPC3K6HMMo7MHdrwADACHfW+bTMxWhAAAAAElFTkSuQmCC) no-repeat;
  position: absolute;
  top: -1px;
  z-index: 1;
}
.tui-tab-tit--c:before {
  left: -19px;
}
.tui-tab-tit--c:after {
  right: -19px;
  transform: scaleX(-1);
}
.tui-tab-tit--c > li {
  padding: 2px 0;
  position: relative;
  z-index: 2;
}
.tui-tab-tit--c > li:first-child {
  margin-left: -11px;
}
.tui-tab-tit--c > li:last-child {
  margin-right: -11px;
}
.tui-tab-tit--c > li > a {
  display: block;
  line-height: 26px;
  border-radius: 13px;
  padding: 0 10px;
}
.tui-tab-tit--c > .cur > a,
.tui-tab-tit--c > .cur > a:hover {
  background: var(--lol-btn-fill-1);
  color: var(--lol-btn-text);
}
/*** tui-tab-tit--d ***/
.tui-tab-tit--d {
  overflow: visible;
  -webkit-box-align: center;
}
.tui-tab-tit--d > li {
  padding-left: 20px;
  display: -webkit-box;
  -webkit-box-align: center;
  height: 23px;
  font-size: 12px;
}
.tui-tab-tit--d > li::after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: rgba(0, 0, 0, 0.2);
  margin-left: 20px;
}
.tui-tab-tit--d > li:last-child::after {
  display: none;
}
.tui-tab-tit--d > li > a:hover,
.tui-tab-tit--d > .cur > a {
  color: var(--lol-blue4);
}
/*选项卡*/
/***********************
模块名：tag
作者：rexren（任寒韬）
************************/
/**** 标签 ****/
.tag {
  display: block;
}
/*标签列表*/
.tag-list li {
  min-width: 30px;
  height: 24px;
  border: 1px solid #1d91e8;
  background: rgba(0, 0, 0, 0.4);
  color: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  padding: 0 5px;
  line-height: 22px;
  display: inline-block;
  text-align: center;
  margin: 0 4px;
  margin-right: 6px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tag-list li .btn-clear {
  display: inline-block;
  width: 15px;
  height: 15px;
  padding-left: 1px;
  background: #1D91E8;
  color: #0B1326;
  border-radius: 16px;
  line-height: 14px;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  vertical-align: -1px;
  margin: 0 2px 0 4px;
  opacity: 0.7;
}
.tag-list li .btn-clear:hover {
  opacity: 1;
}
.tag-list li.add-tag {
  line-height: 20px;
  vertical-align: 1px;
}
.tag-list li.add-tag:hover {
  color: rgb(255, 255, 255);
  border: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
/*标签*/
/***********************
模块名：提示
************************/
/**
 * 
 * @authors 	baronxiong
 * @date    	2017-04-19 19:23:15
 * @description 业务组件-英雄信息
 */
.mod-herodetail {
  width: 240px;
  color: var(--color-text-1);
}
.mod-herodetail-hd {
  border-bottom: 1px solid rgba(36, 50, 61, 0.2);
}
.mod-herodetail-bd {
  padding-top: 2px;
}
.mod-herodetail-smer {
  position: relative;
  height: 80px;
  padding-left: 92px;
}
.mod-herodetail-smerfigure {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 80px;
  padding: 2px;
  border: 1px solid var(--color-line-1);
}
.mod-herodetail-smerfigure > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mod-herodetail-smerinfo > .icon,
.mod-herodetail-smername {
  display: inline-block;
  vertical-align: middle;
}
.mod-herodetail-smerinfo {
  padding: 14px 0 7px;
  font-size: 0;
  white-space: nowrap;
  word-wrap: normal;
}
.mod-herodetail-smername {
  margin-right: 6px;
  max-width: 8em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 18px;
  color: var(--color-text-1);
}
.mod-herodetail-smerpptwp,
.mod-herodetail-smerppt {
  font-size: 0;
  white-space: nowrap;
  word-wrap: normal;
}
.mod-herodetail-smerppt,
.mod-herodetail-smericon {
  display: inline-block;
  vertical-align: top;
}
.mod-herodetail-smerppt {
  margin-right: 12px;
}
.mod-herodetail-smericon {
  width: 24px;
  height: 24px;
  margin-right: 1px;
}
.mod-herodetail-smerppt:nth-last-of-type(1),
.mod-herodetail-smericon:nth-last-of-type(1) {
  margin-right: 0;
}
.mod-herodetail-smericon > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mod-herodetail-hero {
  position: relative;
  padding: 17px 0 1px;
}
.mod-herodetail-heroname,
.mod-herodetail-herodata {
  padding-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mod-herodetail-heroname {
  font-size: 13px;
  line-height: 17px;
}
.mod-herodetail-herodata {
  font-size: 12px;
  line-height: 16px;
  color: #858585;
}
.mod-herodetail-herodata > em {
  color: var(--color-text-1);
}
.mod-herodetail-herograde {
  position: absolute;
  bottom: 6px;
  right: 0;
}
.mod-herodetail-herograde .grade32,
.mod-herodetail-herogradevalue {
  display: block;
}
.mod-herodetail-herograde .grade32 {
  margin: 0 auto;
}
.mod-herodetail-herogradevalue {
  font-size: 12px;
  line-height: 16px;
  color: var(--color-text-1);
}
.mod-herodetail-data {
  font-size: 12px;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mod-herodetail-datakey {
  color: var(--color-text-2);
}
.mod-herodetail-datavalue {
  color: var(--color-text-1);
}
.mod-herodetail-datalist {
  overflow: hidden;
}
.mod-herodetail-datalist:nth-of-type(1) > li {
  width: 50%;
  float: left;
}
/*业务组件-英雄详情*/
/**
 * 
 * @authors 	baronxiong
 * @date    	2017-04-19 19:23:15
 * @description 业务组件-装备详情
 */
.mod-eqpdetail {
  width: 210px;
  color: var(--color-text-1);
}
.mod-eqpdetail-main {
  position: relative;
  padding-left: 44px;
  height: 34px;
  margin-bottom: 20px;
}
.mod-eqpdetail-figure {
  position: absolute;
  left: 0;
  top: 0;
}
.mod-eqpdetail-name,
.mod-eqpdetail-data {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mod-eqpdetail-name {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 3px;
}
.mod-eqpdetail-data,
.mod-eqpdetail-ppt,
.mod-eqpdetail-bd {
  font-size: 12px;
  line-height: 16px;
  color: var(--color-text-2);
}
.mod-eqpdetail-data {
  padding-bottom: 4px;
}
.mod-eqpdetail-data > em {
  color: var(--color-text-1);
  font-size: 13px;
}
.mod-eqpdetail-attachgroup {
  font-size: 0;
  white-space: nowrap;
  word-wrap: normal;
}
.mod-eqpdetail-attach > i {
  vertical-align: 1px;
  margin-right: 3px;
}
.mod-eqpdetail-attach {
  margin-right: 10px;
  font-size: 14px;
  line-height: 16px;
}
.mod-eqpdetail-attach:nth-last-of-type(1) {
  margin-right: 0;
}
.mod-eqpdetail-datalist {
  padding-bottom: 13px;
}
/*业务组件-装备详情*/
/**
 * 
 * @authors 	baronxiong
 * @date    	2017-04-19 19:23:15
 * @description 业务组件-天赋详情
 */
.mod-talentdetail {
  width: 220px;
}
.mod-talentdetail-tit,
.mod-talentdetail-data,
.mod-talentdetail-des {
  padding: 1px 0;
  line-height: 18px;
}
.mod-talentdetail-tit {
  font-size: 14px;
  color: var(--color-text-1);
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mod-talentdetail-data,
.mod-talentdetail-des {
  color: #858585;
  font-size: 12px;
}
/*业务组件-天赋详情*/
/**
 * 
 * @authors 	baronxiong
 * @date    	2017-04-19 19:23:15
 * @description 业务组件-对战数据
 */
.mod-battledata {
  width: 78px;
}
.mod-battledata-tit,
.mod-battledata-pptkey,
.mod-battledata-pptvalue {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mod-battledata-tit {
  padding-bottom: 4px;
  font-size: 14px;
  line-height: 18px;
  color: var(--color-text-1);
}
.mod-battledata-list > li {
  line-height: 20px;
}
.mod-battledata-pptkey,
.mod-battledata-pptvalue {
  display: block;
  font-size: 12px;
  color: var(--color-text-1);
}
.mod-battledata-pptkey {
  float: left;
  width: 3em;
  margin-right: 12px;
  color: var(--color-text-2);
}
/*业务组件-对战数据详情*/
/**
 * 
 * @authors 	baronxiong
 * @date    	2017-04-19 19:23:15
 * @description 业务组件-英雄数据
 */
.mod-herodata {
  width: 110px;
}
.mod-herodata-tit,
.mod-herodata-pptkey,
.mod-herodata-pptvalue {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mod-herodata-tit {
  padding-bottom: 4px;
  font-size: 14px;
  line-height: 18px;
  color: var(--color-text-1);
}
.mod-herodata-list > li {
  padding: 2px 0;
}
.mod-herodata-pptkey,
.mod-herodata-pptvalue {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: var(--color-text-1);
}
.mod-herodata-pptkey {
  float: left;
  margin-right: 6px;
  color: var(--color-text-2);
}
/*业务组件-英雄数据详情*/
.tui-hovertips {
  position: absolute;
  z-index: 99;
  padding: 16px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: var(--color-fill-1);
  border-radius: 3px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.tui-hovertips--top {
  bottom: 100%;
}
.tui-hovertips--right {
  left: 0;
}
.tui-hovertips--bottom {
  top: 100%;
}
.tui-hovertips--left {
  right: 0;
}
.tui-hovertips--text {
  max-width: 200px;
}
/* 弹层tips start */
/*默认向下显示*/
.tui-tips {
  background: var(--color-fill-1);
  border: 1px solid var(--color-line-1);
  -webkit-filter: drop-shadow(0 1px 1px var(--color-line-1));
  top: 0;
  left: 0;
  line-height: 20px;
  z-index: 100;
  color: var(--color-text-1);
  width: auto;
  padding: 4px 12px;
  border-radius: 2px;
  font-size: 12px;
  position: absolute;
  min-width: 120px;
  text-align: left;
}
.tui-tips .scroll {
  overflow: auto;
  margin-right: -5px;
}
/*默认向下显示箭头*/
.tui-tips:after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: -6px;
  right: 12px;
  background: var(--color-fill-1);
  border-left: 1px solid var(--color-line-1);
  border-bottom: 1px solid var(--color-line-1);
  transform: rotate(-45deg);
}
/* 上右 E*/
/* 向上显示 */
.tui-tips.up {
  top: auto;
  bottom: 120%;
}
.tui-tips.up.center {
  left: 50%;
  transform: translateX(-50%);
}
.tui-tips.up.center:after {
  left: 50%;
  margin-left: -6px;
}
/* 向上显示箭头 E */
/* 上右 S*/
.tui-tips.up.right {
  right: auto;
  left: 0;
  top: auto;
}
.tui-tips.up.right:after {
  right: auto;
  left: 12px;
  top: auto;
  bottom: -6px;
}
/* 向右显示 */
.tui-tips.right {
  top: 0;
  left: 100%;
}
/* 向右显示箭头 S */
.tui-tips.right:after {
  bottom: auto;
  top: 13px;
  left: -21px;
}
.tui-tips.right.center:after {
  bottom: auto;
  top: 50%;
  margin-top: -7px;
  left: -21px;
}
/* 向右显示箭头 E */
/* 向下显示 */
.tui-tips.down {
  top: 0;
  left: 0;
  bottom: auto;
}
/* 向下显示箭头 S */
.tui-tips.down:after {
  bottom: auto;
  top: -6px;
  transform: rotate(135deg);
}
.tui-tips.down.center {
  top: 120%;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}
.tui-tips.down.center:after {
  left: 50%;
  margin-left: -6px;
}
.tui-tips.down.left {
  bottom: auto;
  top: 120%;
}
.tui-tips.down.left:after {
  right: 12px;
  left: auto;
}
.tui-tips.down.right {
  bottom: auto;
  top: 120%;
  right: auto;
  left: 0;
}
.tui-tips.down.right:after {
  right: auto;
  left: 12px;
}
/* 向下显示箭头 E */
/* 向左显示 */
.tui-tips.left {
  right: 0;
  left: auto;
}
/* 向左显示箭头 E */
/* 左中 S */
.tui-tips.left.center {
  left: auto;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.tui-tips.left.center:after {
  top: 50%;
  margin-top: -6px;
  left: auto;
  right: -6px;
  transform: rotate(-135deg);
}
/* 左中 S */
.tui-tips.right.center {
  right: auto;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.tui-tips.right.center:after {
  top: 50%;
  margin-top: -6px;
  left: -6px;
  transform: rotate(45deg);
}
/* 左中 E */
/* 显示隐藏交互 S */
.hover {
  position: relative;
}
.hover .tui-tips {
  opacity: 0;
  transition: all 0.2s ease-out;
  z-index: -1;
}
.hover:hover .tui-tips {
  opacity: 1;
  z-index: 1;
}
.hover .tui-tips.left {
  transform: translate3d(-10%, 0, 0);
}
.hover:hover .tui-tips.left {
  transform: translate3d(0%, 0, 0);
}
.hover .tui-tips.up.center {
  transform: translate3d(-50%, 20%, 0);
}
.hover:hover .tui-tips.up.center {
  transform: translate3d(-50%, 0, 0);
}
.hover .tui-tips.left.center {
  transform: translate3d(0, -50%, 0);
}
.hover:hover .tui-tips.left.center {
  transform: translate3d(-10%, -50%, 0);
}
.hover .tui-tips.right {
  transform: translate3d(10%, 0%, 0);
}
.hover:hover .tui-tips.right {
  transform: translate3d(0%, 0, 0);
}
.hover .tui-tips.right.center {
  transform: translate3d(0%, -50%, 0);
}
.hover:hover .tui-tips.right.center {
  transform: translate3d(10%, -50%, 0);
}
.hover .tui-tips.down.center {
  transform: translate3d(-50%, -20%, 0);
}
.hover:hover .tui-tips.down.center {
  transform: translate3d(-50%, 0, 0);
}
/* 显示隐藏交互 E */
/* 无箭头tips S */
.tui-tips.noarrow {
  padding: 5px 7px 5px 5px;
}
.tui-tips.noarrow:before,
.tui-tips.noarrow:after {
  display: none;
}
/* 无箭头tips E */
.tui-tips-box {
  position: relative;
  display: inline-block;
  z-index: 20;
}
.tui-tips-box .tui-tips {
  opacity: 0;
  transition: opacity 0.1s ease-out;
  pointer-events: none;
}
.tui-tips-box:hover .tui-tips {
  opacity: 1;
  pointer-events: auto;
}
/** hover上去才出现，无缓动效果 */
.hover-show .tui-tips {
  display: none;
}
.hover-show:hover .tui-tips {
  display: block;
}
/*** 不换行，宽度自适应的tips ***/
.tui-tips.nowrap {
  white-space: nowrap;
  min-width: 0;
}
/*提示*/
/***********************
模块名：icon+tips
作者：elynnchen
************************/
/*icon+tips*/
.tui-tipsbox .tui-tips {
  min-width: 150px;
  max-width: 250px;
  display: none;
}
.tui-tipsbox {
  display: inline-block;
  position: relative;
}
.tui-tipsbox:hover .tui-tips {
  display: block;
}
.tui-tipsbox--icon {
  display: inline-block;
  z-index: 1;
  height: 16px;
  width: 16px;
  margin: 0 5px;
}
.tui-tipsbox--icon > .icon {
  opacity: 0.6;
  vertical-align: middle;
}
.tui-tipsbox--icon > .icon-v {
  vertical-align: 2px;
}
.tui-tipsbox--icon:hover > .icon {
  opacity: 1;
}
/*位置*/
.tui-tipsbox .tui-tips {
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.tui-tipsbox .tui-tips.up {
  bottom: 25px;
}
.tui-tipsbox .tui-tips.down {
  top: 30px;
}
.tui-tipsbox .tui-tips.left {
  right: auto;
  left: -18px;
}
.tui-tipsbox .tui-tips.right {
  right: -18px;
  left: auto;
}
/*图标提示*/
/***********************
模块名：tui-page
作者：xiaolantang
************************/
.tui-page {
  text-align: center;
  font-size: 0;
  white-space: nowrap;
  word-wrap: normal;
}
.tui-page button,
.tui-page .page-num,
.tui-page .page-num-input {
  display: inline-block;
  font-size: 14px;
  text-align: center;
  vertical-align: top;
}
.tui-page button,
.tui-page .page-num-input {
  width: 36px;
  height: 21px;
  padding: 2px;
  line-height: 15px;
  border: 1px solid var(--color-line-1);
}
.tui-page button,
.tui-page .page-num {
  margin: 0 3px;
  padding-top: 0;
  padding-bottom: 0;
}
.tui-page .page-num {
  line-height: 21px;
  font-size: 12px;
  color: var(--color-text-2);
  min-width: 20px;
  max-width: 103px;
  text-align: center;
  overflow: hidden;
}
.tui-page .page-num-input {
  width: 38px;
  border-color: var(--color-line-1);
  color: var(--color-text-1);
  background: rgba(0, 0, 0, 0.03);
}
.tui-page .page-num-total {
  margin-left: 5px;
}
.tui-page .page-num-input:focus {
  border-color: var(--wg-line-2);
  color: var(--color-text-1);
}
.tui-page button {
  cursor: pointer;
  position: relative;
  text-transform: uppercase;
  color: var(--color-text-1);
}
.tui-page button:nth-of-type(1) {
  margin-left: 0;
}
.tui-page button:nth-last-of-type(1) {
  margin-right: 0;
}
.tui-page .btn-prev:after,
.tui-page .btn-next:after,
.tui-page .btn-first:after,
.tui-page .btn-last:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 4px;
  width: 6px;
  height: 11px;
  margin-left: -3px;
  background: var(--color-text-2);
}
.tui-page .btn-prev:after,
.tui-page .btn-next:after {
  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAALBAMAAACufOGlAAAAJ1BMVEUAAACFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWe8h++AAAADXRSTlMA/HtgUnFt6tbSwFlXRPqoxAAAAClJREFUCNdjYGCwZGBgFmNgOBjAwCLEwOCowMBQxQCmwXyGjQEQeQYLAFtFBB4UPAfJAAAAAElFTkSuQmCC");
}
.tui-page .btn-first:after,
.tui-page .btn-last:after {
  width: 9px;
  margin-left: -5px;
  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALBAMAAABfd7ooAAAAMFBMVEUAAACFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYUrqkVEAAAAD3RSTlMAafOelz45MwPeo5FRegJVVxNbAAAANElEQVQI12OYw8DQ7MDwkYHPqABIMqsxAEmnACDJrcoAJOsvMEDYYPEEBrgajkUFIL1dDgAbFRA+89bjIwAAAABJRU5ErkJggg==");
}
.tui-page .btn-next,
.tui-page .btn-last {
  transform: scaleX(-1);
  top: -1px;
}
.tui-page button:hover {
  background-color: var(--wg-fill-2);
}
.tui-page button:hover::after {
  background: var(--color-text-1);
}
.tui-page button.disabled,
.tui-page button.disabled:hover {
  border-color: var(--color-line-1);
  cursor: default;
  color: var(--color-text-2);
  background: none;
  opacity: 0.5;
}
.tui-page button.disabled::after,
.tui-page button.disabled:hover::after {
  background: var(--color-text-2);
  opacity: 0.8;
}
/*翻页*/
/*******************
模块名：icon
作者  ：xiaolantang
描述  ：图标
********************/
.icon {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 16px;
  font-size: 0;
  color: rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  position: relative;
}
.icon-plays {
  width: 14px;
  height: 12px;
  background-image: var(--icon_plays);
  margin-right: 6px;
}
.icon-mvp {
  width: 28px;
  height: 12px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAMCAMAAABGBS09AAAAolBMVEUAAAAAAAAAAADAvC/Auym8rhy8qxkAAADyxQj04STz3SD02x7z2Br77QjywQUdGgL78Bj78iTwtgTy0RTzzA/77g7yyg4WFQP89z7z1Bf89DPx2Bz36S378yz23x2qmhZTUA70zwzxwgy4rAqOcwUhIAIEBAEODAADAwD79Tb37DHk2jCopCr67iGxqR6ooRn66heolhXkzxT66A2siQSriATUU3+jAAAAB3RSTlNNLgempqamjSM8DgAAALhJREFUGNN90IcOgyAQBmDpOlARrHuPurr3+79az9gak6a9QAL5coH/lBlRfhSZKWSRmNLh3JFm6Pt++Lkk2zm2xbrl0vWa2oHGGNMCmxoGdS092mG3qgNUhlEBaAAMNwUsL1PZG7vno5tiXTfeiKJtxRTvFwEjbnAh5pBdIUcUohEjFpwXiHtPCO82vHkasf8tIjsAnG08OfKYRgOaskdpamrsh2lJOaela/VIVpgTo33lVJfk7/heVTAQfCwbTcUAAAAASUVORK5CYII=);
}
.icon-svp {
  width: 28px;
  height: 12px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAMCAMAAABGBS09AAAAbFBMVEUAAAAAAAAAAAC1s6qpp54BAQHm4NoAAADn4tze18/h3NPi3Nbk3tfv7egoIRfc1szs5+Lt6eQfGRLu6ubp5N/AtKbx7uo+PTvb1MrJwLQwKyQOCgfLyMWMf2tUU1JtYFBPTk1CQUAyMTBANym9fIt2AAAABnRSTlNNLgempk6KiuHVAAAArElEQVQY03XQVw7DIBAEUGM7s5QFg3tJz/3vGFyjSMlIfKCnAe0mqUj+RKSJyHwNo7VBHay1Yb/4Kos1z8y675VhSCkjqaJQ2jD72EbMSHMwkQSRopiygdyQVhx3dI7KD16tbVu8djRwdOC9657U4UJNQ7e16Q4MoTpPBJTOlcX657AhM815QA5EjV6eleAFWaLylW0t4G2AUlrHY2YUOe+jfc+JXBzrO/1Y3xvA3QtZu182CgAAAABJRU5ErkJggg==);
}
.icon-friend,
.icon-pic,
.icon-me,
.icon-winmore {
  width: 14px;
  height: 13px;
}
.icon-friend {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYyMzJCQ0ZBNkRCMDExRTc5NTI4OTIwNDg5M0Q1ODk2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYyMzJCQ0ZCNkRCMDExRTc5NTI4OTIwNDg5M0Q1ODk2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjIzMkJDRjg2REIwMTFFNzk1Mjg5MjA0ODkzRDU4OTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjIzMkJDRjk2REIwMTFFNzk1Mjg5MjA0ODkzRDU4OTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4RmxgFAAAAyklEQVR42mI8k3/Lk4GBYS4QSzIQB54DcTITiZoYoGrnMmHTpFksx8CnxoVXMwuMpZQgySBowAOXUc2SxlD97fFPhuu9j8BsuMZ7C56j2AhTgAuwoAuAnMgly85gPEEVp21YNYpY8YMVPd38huHTrW9wb6ADJmw2gkxGVgwSQ/YKho0gxS/2voP7GebcswW3cdsIMhWEX+x9j+E8bE6F2yjtKwK2DWbL7WlPUfwIEkcOIEZgkntGYsoBgRcgp6aAGCRoegpKqwABBgA0oUt5zhYJ9gAAAABJRU5ErkJggg==);
}
.icon-pic {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRGNTc4MzA3NkRCMDExRTc5RkMyRUJCRkM2Mzg4M0M5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRGNTc4MzA4NkRCMDExRTc5RkMyRUJCRkM2Mzg4M0M5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REY1NzgzMDU2REIwMTFFNzlGQzJFQkJGQzYzODgzQzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REY1NzgzMDY2REIwMTFFNzlGQzJFQkJGQzYzODgzQzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ozl9cAAAA7klEQVR42mKsnnTck4GBYS4QSzIQB54DcTITiZoYoGrnshDS5Gopy2CpL8Fw/OILht3HH8M1MxEy3sZQioGNlRmsGRkQ1Hjk/DOGX7//gW1EBizIHHUFAQZpMR6GfaeewMVAzkNyIqZGFmYmBm87RQYhfnYwH1kzCDiZyTDcf/oJjFGcamcsBdfkZC4DVoisCSxmLoNqoyAfO4OdiRSqDUiKYGxFaT4wBtkKttHHXgHsVHSAbguyIWDVSjL8RMe+iAAHXOPzLQcfMHz4/JOgpm/f/zBsO/wQxHwB8mPK2Wuv5gKxBJGWPgXiNIAAAwBWqUVeSoGaQAAAAABJRU5ErkJggg==);
}
.icon-winmore {
  width: 33px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAANCAYAAAAnigciAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjEzNTkwNEFENkRCMTExRTc5Q0NFRDgxMTlFOTM1QjEyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjEzNTkwNEFFNkRCMTExRTc5Q0NFRDgxMTlFOTM1QjEyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTM1OTA0QUI2REIxMTFFNzlDQ0VEODExOUU5MzVCMTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTM1OTA0QUM2REIxMTFFNzlDQ0VEODExOUU5MzVCMTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7B7fVWAAAB4klEQVR42mI8u1/Bk4GBYS4QSzLQHzwH4mSmAXQAA9TeuUy4HGDkcJ8BlzgI61qdZBCXywBjLdNdYBob4BW0BqvHJQ+ynwldRN/mAlgjCIhIRTIoak9Fkf/96xXD7YsxYLaweBDDt8+XcXoTZJaq/hIwW1qpHO4BdA8yobv637+fDJ/fHwXz3zxbDqZx+YKZlR9sCQe3KtwSDeNNcN+/eDSD4e+fjwznDiiC8fvX28D6QGxkwILMUdDsY3hwvQhFwf2r2WAfgXwMchwrmxjYYlCIMLPwgw0ERcfbl+sYXgIthQFki2A+BzkC3QEoIQEKehCAhQIMgHwG8pESNFpg0QFyAMiX2AAoCmHBLijqBRcHsWHiyNHMCMyi/3ElQFh83zjrh+ErULR9fLsXxRIQeHqvEx4iIItA8shioKgChSRyiLDgyz8/fzwGRwdymgH5/sWj6QxSiiVgufvgBHiZ4eunMwx3LiWiJMpPwFAFWQaLTlC6YeeUw58mkH2LLe64eHXBUfPt8xWGP7/fIXLMz+cMnz+cRFF78YgBIgGzQBIwcoggA3h0gOIeZAm21IucPkChAwpiUCLjA4YMyAJkAAqpe8AQgmVNfOYhO+LZAJaYIPAClDtSQIwBcsBTUN0BEGAA4bjlJdwMYd8AAAAASUVORK5CYII=);
}
.icon-me {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZFMjdGQkVFNkRCMDExRTc4REQwOUFENDlBQjlBNUNEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZFMjdGQkVGNkRCMDExRTc4REQwOUFENDlBQjlBNUNEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkUyN0ZCRUM2REIwMTFFNzhERDA5QUQ0OUFCOUE1Q0QiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkUyN0ZCRUQ2REIwMTFFNzhERDA5QUQ0OUFCOUE1Q0QiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4qKgx1AAABCElEQVR42mI8k3/Lk4GBYS4QSzIQB54DcTITiZoYoGrnsqBr4lPjYlDNkmb49vgnw8+3v4H0DwZpXxGG29OeMny69Q2umQXGUkqQZBA04AGzzxbchovB+AZtygz3FjyHa4ZrBAmCAEgBDIBsg4ELVXdR3MsIDJz/MA3MXEx4Pff32z+4ASzoJhr3qzKcLYQ4VcJZkIFLlgPsGpCzkV3AgmEsI1DzBFUw8+nmNwzswqxwv77Y+x5TI8ypyM6BGcDMwcRwpfUBWA1Op4IkQU4ERQEoNEHRA7IRRIOiB8NGmGKQjSAnwZwFCv4Xe9+B4xbkdORQfUZiygF7FxT+KSAGCZqegtIqQIABAIdqcqk36c3/AAAAAElFTkSuQmCC);
}
.icon-up,
.icon-down {
  width: 7px;
  height: 11px;
}
.icon-up {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM2MTY0NkU3NkI4QzExRTc4REU0Q0Q1MUI0MEE3NDU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM2MTY0NkU4NkI4QzExRTc4REU0Q0Q1MUI0MEE3NDU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzYxNjQ2RTU2QjhDMTFFNzhERTRDRDUxQjQwQTc0NTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzYxNjQ2RTY2QjhDMTFFNzhERTRDRDUxQjQwQTc0NTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7K4gICAAAAaElEQVR42mLkLvVhgAIJIN4FxI5A/BYkwMSAAB1ArAvEzTABmKQFEMdB2WlAbACTBOHJQMwIlWQG4ukgPkgiBYhNGFAB2CSQZAUDdlDBAiSUoJz/UPojEAuguxYDUEfyKJQ+DRMACDAAavQMSXRB1gsAAAAASUVORK5CYII=);
  margin: -3px 3px 0 0;
}
.icon-down {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNGODdCRDg1NkI4QzExRTc4REFFQkE2RUYyNEYxMUE2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNGODdCRDg2NkI4QzExRTc4REFFQkE2RUYyNEYxMUE2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0Y4N0JEODM2QjhDMTFFNzhEQUVCQTZFRjI0RjExQTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0Y4N0JEODQ2QjhDMTFFNzhEQUVCQTZFRjI0RjExQTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4kFLGNAAAAX0lEQVR42mJ87eLPAAUHgdgOSjuABJgYEMAOStvDBJAlMQBlkveA+D+aOIh/DyTZgUNjO0hyDhCfQZMA8eeCJP8BcS6S0TD+P5iDToBUQtnzoHwU11YB8XUoDQYAAQYAnRMVFPuQIo4AAAAASUVORK5CYII=);
  margin: -4px 3px 0 0;
}
.icon-copy,
.icon-add,
.icon-cancle {
  width: 19px;
  height: 19px;
  background-color: rgba(7, 154, 97, 0.8);
  border-radius: 2px;
  cursor: pointer;
  opacity: 0.8;
}
.icon-copy:hover,
.icon-add:hover,
.icon-cancle:hover {
  opacity: 1;
}
.icon-copy {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAgMAAAAPPt5fAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAs3/1JFUIAAAAL0lEQVQI12PACUJDQaQDI5gEizj/bwCRzA/A5A8w+QdEMvAAyWAwyYxM/v+DxVwA8eYJXuWa/ikAAAAASUVORK5CYII=);
}
.icon-add {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAARVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////9SnXPCAAAAFnRSTlMA3PitUiAR5IVbMcSZYj84JQwHt2hIvaE3yQAAAGJJREFUGNO1zUsOgCAMBNC2/JG/yv2PqiEkEHHjwtlM+pJJ4XPCSkXlxTgzizG+z6cUIkUqFJIQspsnxM2A2RDpgB6LurVGO9aZcXj52qrO5rymp6nqJNQ7Q606l22U0O2PXAnBAr/HCZzWAAAAAElFTkSuQmCC);
}
.icon-cancle {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAAY1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+aRQ2gAAAAIHRSTlMAEa1a9t4IAfrl2sS2mYNiU1A4MyUiH+LZh2hIQT4uDunMZnoAAABrSURBVBjTtY1JDoAgEARnWN13cFf+/0pBYwjh5ME6dCeVmTR8ZouVGEXkWkIjR5oCPBK1Gjomkn1QGuUja8aznALNJ86W9/LI5rsr3vv3kzSuCgxXXYbLZV0lECJTUyIYi3d9utoMXYfwIxcilgQxNonVbwAAAABJRU5ErkJggg==);
}
.icon-video {
  width: 56px;
  height: 56px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAqFBMVEUAAAAAAACUdAD6wgChfgAAAAAAAAAAAAAAAAD9xQAAAAAAAAAAAAD2vwAAAAAAAAAAAAAAAAAAAADqtgAAAAD4wQC4jwCdegDotADSowCxiQCifgBwVwA4KwAaFAAAAAAAAAAAAADZqQD5wQAAAAAAAAD0vQDvugDjsQDRogDGmwDDmACphACYdwDGmgCGaABgSwBOPQDbqgDwugDvugDgrgDfrQC+lACvJbW+AAAAOHRSTlMATe718EsFOw/8QEgr60UwJR8V/Av+9O/StZaKb1tTGggD+fI2Nf38+vf29fHvqXpoYvnh4MbFoNqga3gAAAElSURBVEjHvZbpbsIwEITZ0CR2AoYUSlvaEqCl3Pf1/m+GEKCV7AibkfD8/5RxZq/STSIJB6IEKCGisBI9DoZ0lsofBumqWEAg4JdYKgNA9guBFNYiDCRKMwBkvxDIfu0g4peKlbyCIFGtC4KU1nuOYMf06wS2ZfVLR/+aDmC1NXn7+NajqUdWsPwSBBv5+aOhKncBg/fGb9ssJSt4Vut/tzRLyQJeNJaHtRmNAxjMR3LRsUSjgTfNhpZodJA1LYimEt0BWX0zmrhrBy/RrHTyLshqHHW38BfhN6J/FczxaZUzlnuzVl26Y7s0H+fQj2WoH/tFEwCcOT1oyg2a4FxFJzm4O3xuqzTzupFj4eXq4HL2eVmpDL0efd6rKvd3k4sk5aZ7pk6NVxgzfA7qSgAAAABJRU5ErkJggg==);
}
.icon-video:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAqFBMVEUAAAAAAACUdAD6wgChfgAAAAAAAAAAAAAAAAD9xQAAAAAAAAAAAAD2vwAAAAAAAAAAAAAAAAAAAADqtgAAAAD4wQC4jwCdegDotADSowCxiQCifgBwVwA4KwAaFAAAAAAAAAAAAADZqQD5wQAAAAAAAAD0vQDvugDjsQDRogDGmwDDmACphACYdwDGmgCGaABgSwBOPQDbqgDwugDvugDgrgDfrQC+lACvJbW+AAAAOHRSTlMATe718EsFOw/8QEgr60UwJR8V/Av+9O/StZaKb1tTGggD+fI2Nf38+vf29fHvqXpoYvnh4MbFoNqga3gAAAElSURBVEjHvZbpbsIwEITZ0CR2AoYUSlvaEqCl3Pf1/m+GEKCV7AibkfD8/5RxZq/STSIJB6IEKCGisBI9DoZ0lsofBumqWEAg4JdYKgNA9guBFNYiDCRKMwBkvxDIfu0g4peKlbyCIFGtC4KU1nuOYMf06wS2ZfVLR/+aDmC1NXn7+NajqUdWsPwSBBv5+aOhKncBg/fGb9ssJSt4Vut/tzRLyQJeNJaHtRmNAxjMR3LRsUSjgTfNhpZodJA1LYimEt0BWX0zmrhrBy/RrHTyLshqHHW38BfhN6J/FczxaZUzlnuzVl26Y7s0H+fQj2WoH/tFEwCcOT1oyg2a4FxFJzm4O3xuqzTzupFj4eXq4HL2eVmpDL0efd6rKvd3k4sk5aZ7pk6NVxgzfA7qSgAAAABJRU5ErkJggg==);
}
.icon-qualify {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAA8FBMVEUAAAAAAAABAAAAAAAbFhAHBgQCAgEAAAAAAAC3kWGedkaMYTCEWCfQt4+vmHM0Ig81Kx4NCQYAAAAAAABLQjU0KhwAAAAAAAAAAADYuIrDn2/Mq3zLqXupglOVazvw1qq+m2y9mmySaTmJXy/lyp/q0abConbKrIG+n3OMZTfKrIGTbkLIroS+onmff1V3TyS5nXZ0TSOSdE5lQx6rlnVgQB3BqH99Zke0mXNkUDVnVDtcSTGwlnFPPScnHhODdF2RfmAAAAAlHxeRfmAlIBkAAACthVXOrH3YuIqieUiZbjyQZDLrzqDixJXDn2/y1qgELSsMAAAARnRSTlMAZmE3bzwgXDH99vbx1b+FemtTSz86FAwG/v77+fb29PTy8e3r6enk5OPi4dnX1dXRzsK4tq+sppmYlZGOjHZbUUdDKiYWjxRoEAAAAL9JREFUGNN1ydWWwkAQBNDqmRi76CLLugvu7pZMJiT8/98whMOBF+5Dna5qXJH5eZtddiO2231nzv2+vVVi61NfdX0/Hvf98jz89osPQlRSVBdC/I3z0J8dx/nViLR/dTwtQcPH4D1JhkHJjyDoETg1IwMtC2S1UaRKOqBPbdt+4bqtTNIAclRy3RtGrkoyoNwVpHxlJKX8ZAiHW8/7YqTSOw4s2ugkTJZo1aKpcDBJsTgd5KFY5sLKARueZhzYA8ulGDET/g4rAAAAAElFTkSuQmCC);
  width: 16px;
  height: 16px;
  margin: -6px 6px 0;
}
.icon-question {
  width: 16px;
  height: 16px;
  background-image: var(--icon-question);
  background-size: 100% 100%;
  position: relative;
  top: -2px;
}
.icon-question:hover {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAJ1BMVEUAAAAdhZ8dhZ8dhZ8dhZ8dhZ8dhZ////90q7uTvMnq8fTT4+i71Nw3AcGTAAAABnRSTlMA6cy1WSIKdWiDAAAAYklEQVQI10WNsQmAQAADg2AviM5hZf0gWIsTyBcn6AQuoBu4gps4l9HivfI4EkldXQaZEYiDlNeYSsrg2ohSz3ofO0Et876cNHoTm0KYDSYbR9i0OMJNz0dQ9pmYlv+v9P4AnHokCdJAD70AAAAASUVORK5CYII=");
  background-size: 100% 100%;
}
.icon-author {
  width: 9px;
  height: 12px;
  background-color: var(--color-text-1);
  -webkit-mask-position: 0 0;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMBAMAAABCcoqQAAAALVBMVEUzMzMAAAAzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzOFHwUmAAAAD3RSTlNNAEc0EgkFQzkwLCggPy+y/XWxAAAASUlEQVQI12OISRQUFGCQYlIGksEMDNcEGGQYGFgEGCQZGLgFGMQZGJgFGETAIoIPGCYCSXFmQSDpwJQowBDBwKAtwNDAwMCwAAACJAeU0kubowAAAABJRU5ErkJggg==);
  margin-right: 6px;
  vertical-align: -1px;
}
.confirm-ico {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}
.confirm-ico-warn-s {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEUAAAD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/mQD/////zoX//fj/+/T/8dz/58P/3ar/0o9peINOAAAACXRSTlMA5qeVPASbO6bgjqFzAAAAY0lEQVQY042PSxKAIAxDpeUj5X//y0royEJdmAV5DRmmHJ+yZKIhe4+Oo4qdBn5yljxPv+aAyyoVFhCcoCYNRggMqEuHGQQRGjKWa0O1GwRKJe03LChLgeluvBv82vT5l3+6ALsLBMdwMxOIAAAAAElFTkSuQmCC);
}
.icon-mvp2 {
  width: 36px;
  height: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAQCAMAAABJNS0RAAABVlBMVEUAAAAAAAAAAACEeEuaiUljTC2EYSkAAAA1KgydczFEJwx1WjXdyYWedjJiRRTnzW6znU5kSBXaxoFQMxBeQRM7MA9MMA5JLA7Lr03Xwnm5pVaTg1Cvm02plEWlj0Kbgzx+ZTh9YzeeejR3ZCtbPhJXOhFUNxBGKQ3MunrPu3HItWvix2anmGC/q1/MslHJq0vLrErEpkm6n0irlkiFckSkjD6VfTqghTmPdzmJcDiDaTeOeDNWRx5ZOxPUwoHBr2+8q27FsmbGsGDQt1/Zvl7WvFjSuFfAqFGLekqxmki1mEihhEB/aT95YDmffzaQezZ/bTJpWy1jUiJPQhpTRRlKPRhDNxRAMxE4LQ7SvnizpGqxoWi8qWXBrGDXvFvOtVjCrFe3o1ebjFe2oVSXh0ytmEq1nUmdi0icgECgij98bj6Xgz1yYjF+aS9yYCZoWCVYPh1eQxwM3XfXAAAACHRSTlOZdTbn5+fnNz8ogggAAAFUSURBVCjPjdJHVwIxFIZhxvo54IDAgPTeexMVEKQjIL3Ye+//f2MyHJCV+q6fm5xzE9ECI/ojZkHErKzNtW49TBoN+pvAvkcjl0j23Nlj/yI5Zi3jUqsUToddyXEbJI7jlEp7xuFUKFQqtdr1qRMRxNLxhEF/FfAekWm5xuM908pixifT1vbOroWtThCAlEH/AECeBrKnQE8GGp82W9j4DL3X9B0AUh1gvAVaQUzqmtnGDPHRGE+RewzbK8bBCrAZSgB8nW1OUR+tNtIESToYDPBRkhFkegNGB6x4ilLo9/BCkR8kwwVBQrY5FOEBvkyRfAgMzy8naGSLPgrISlG4S4aKFEmegXZRS68LRSLRullASQGlgPuCgHJApSCgyZ4EZCTLDIUTtXIp7/VJ6TJ9vjxZZnAe3X39/iwKgpil2WPmTvzXOl01Hm+Ym+Kflpn/fJXVbyNvOrzS/Dw8AAAAAElFTkSuQmCC);
}
.icon-reminder {
  width: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAPFBMVEUAAACysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrK0tLT8/qeIAAAAE3RSTlMAjwb7lSsp1wtwb/TUvbtx2NYndE0CagAAAGpJREFUGNNlj1kShDAIRLshkBidcbv/Xa2gpVZ8X/CKFQ1nVl3pOJGks4v4rKlE/icu+BMAibhhAkybxb5HtRo44BEYiOxv4RkqbyHaiTJGy4NN3dDK79r+sO/p8VzdpFiN5wLjouNEa/EBkyQDAZbJcjUAAAAASUVORK5CYII=);
}
.icon-locked {
  width: 16px;
  background-image: var(--icon-locked);
}
.icon-adorn {
  width: 17px;
  height: 17px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARBAMAAADJQ1rJAAAAGFBMVEUAAABKhLVKhLVKhLVKhLVKhLVKhLVKhLUuVXPEAAAAB3RSTlMA3x+gB7l/6SUyLQAAAFBJREFUCNdjAAKmIAYoUBRUgDCYhJ2FoEIGDIYKECGWFGYhiJBrqQNQECQUXh4CFAQJlZeDBQMd0svLyxMcAxBiCHUIvQjzEHYg7EW4BeE+ADvnEsNFxK0EAAAAAElFTkSuQmCC);
}
.icon-mvp3 {
  width: 72px;
  height: 39px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAnCAYAAACsTw7IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE3QkFBQ0Y3NzdGQjExRTdBRTkyREUzMDVBQzcxMDA5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE3QkFBQ0Y4NzdGQjExRTdBRTkyREUzMDVBQzcxMDA5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTdCQUFDRjU3N0ZCMTFFN0FFOTJERTMwNUFDNzEwMDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTdCQUFDRjY3N0ZCMTFFN0FFOTJERTMwNUFDNzEwMDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4W7H5xAAAKa0lEQVR42uxZ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);
}
.icon-ban {
  width: 18px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYCAYAAAD3Va0xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNDQ0E2MjQwNzgxRTExRTdCNjVBQzI0NUNFN0Q2MTcwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNDQ0E2MjQxNzgxRTExRTdCNjVBQzI0NUNFN0Q2MTcwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0NDQTYyM0U3ODFFMTFFN0I2NUFDMjQ1Q0U3RDYxNzAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NDQTYyM0Y3ODFFMTFFN0I2NUFDMjQ1Q0U3RDYxNzAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Eb1KdAAAB+klEQVR42pTVT0hUQQDH8dVEUdQsVKgU6lAYuYIg4i2IYrHAix5EUDxFKkhQbHgQ8iAhipfoZBEUKOWfDiX+Q8RCAw92KESytNg2L2ngWqBl+R34LTyWeW93Bz6892ZmfzPvvZm3KcXdj30upQLlGPAlUNJc6lNxH2cxiu14QamWugxU4xXmcQEnkw06gjG8VOBzTGEOBcncWieuOs6j5RyeaKaeMzKj38Qxj0Hz1SfDK6gW/VjGrOo2MK7zdTxTn1qvW1tACh6iXQ95EWu4o9B76rPgNaN9HT+gF2VYwR8U4q7anH2tQTs6BnEaf/FR/qkuGNPXemu/cKBOP9CAQRxFPf6r7UB9PV+/Wb3NeI/fuI48hWSp7We8128C03EDm3qwEYR0vqm2dLdtFQ1q1G2Ykgu/o49fddG2JregM+hLYIN/RQsm3IIe4HickElU4gTeYA+f0IXMaFCjNqZb+aIH/QLZCCBHxxJ8Ny/DBG2hBsMuQT1ow1vcwmctyiJc0iSCaY7VamZ2HqUxQSGtq4Cj7iJGUKf2Gef3aE8j2kqxfhAbYvbkNzO72DUxjSVLUEhhRQoxX4DXajuFsO1T+8gymyF0W0J8en5PbavUdL7muL6NDjOqZhzWCjcDtKIKV2wzMnvuneM6or1n/gBW9ZYiOu7ismk/FGAADmN2ajeMrjQAAAAASUVORK5CYII=);
  opacity: 0.8;
}
.icon-ban:hover {
  opacity: 1;
}
.icon-female {
  width: 8px;
  height: 13px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVBMEQ0N0YxOTZEQzExRTdBNDc5RjE1OTM3OEM1RDU0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVBMEQ0N0YyOTZEQzExRTdBNDc5RjE1OTM3OEM1RDU0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUEwRDQ3RUY5NkRDMTFFN0E0NzlGMTU5Mzc4QzVENTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUEwRDQ3RjA5NkRDMTFFN0E0NzlGMTU5Mzc4QzVENTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7JgYwWAAAArklEQVR42oTQPQrCQBCG4dklWqjXED2CBoz/NoI3sfcEwQOliqkkokcIeAg7W31HJ7Cg4sCTDLPLt5u4W7wVqos9FvKuAjtcIx49XNBBjgY2mGGgG1K0McfREhJLSb3F5sGiWK+zlbdBUz5LjxJvURPEwaL2U01xfEWf5owWDpY2xh1DTaj0tsiwxtJ6nVXO/kNdD3u7ehAFw28bX5cs5XedNGH074iwynBR6ynAAD6FIT0EwD8LAAAAAElFTkSuQmCC);
}
.icon-male {
  width: 13px;
  height: 13px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY0QjQyREUxOTZEQzExRTdCNzExQTdBRkM2M0VDRjk1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY0QjQyREUyOTZEQzExRTdCNzExQTdBRkM2M0VDRjk1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjRCNDJEREY5NkRDMTFFN0I3MTFBN0FGQzYzRUNGOTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjRCNDJERTA5NkRDMTFFN0I3MTFBN0FGQzYzRUNGOTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ovwqnAAAA3klEQVR42pTRzwoBURTH8TtiwYrIwn/xAGzFjmw8kJVi7S0svIENVqSseADlX7KUjRLF99aZmo4iU5/uzGl+98w944T7L/PlmqGqaiuf+f8q/wrVEMPaW/wVimKCEpY6FEQXG9xltc8jT6DphvwIYYwKntgji468M0cLV7l3bKe2BOyucRRlHUloKgH3jFWHkdtPSSCJi+c8EZxwRkEPIo2dChh53iKlp2NDR+RkZ6M65aXbR2go0xvKPzGyuvWBDtkzeaf3wAEZBLBAAzfdyRbq6EkgLWtP6jfd6S3AAIA4MYXnxxJiAAAAAElFTkSuQmCC);
}
.icon-canyon {
  width: 18px;
  height: 18px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk5NDRDQzgwODYxRDExRTc4NzBBQTI3NTcyQUZEQzYxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk5NDRDQzgxODYxRDExRTc4NzBBQTI3NTcyQUZEQzYxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTk0NENDN0U4NjFEMTFFNzg3MEFBMjc1NzJBRkRDNjEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTk0NENDN0Y4NjFEMTFFNzg3MEFBMjc1NzJBRkRDNjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6UYF9xAAAEV0lEQVR42iSUeWwUZRjGfzOz1+zZbu+DthQbSqWGw6MRCEcaA0QbIIAEQySG4w8jicUDmgiGRBKjMVHU2GBECahR/2nigQJCgRqoHAVcumBr6QG0dLfdXdo9Ojszftud5Mt83/u97/O98zzPN1Jj213iY1NokzrJqEbqUZqe1o0rgBfz523Z1PTBNm/rrYu8/8nhsXd6e34y4YfWRPx01EhjRSLzvO7yIDNlMCWKtYRO4MN1tQLkjNg7bS1evMNRWOHNcarIWpq9B1v8N9ev2/E00qmdqvPMWy5v7ZTAmcpiIetJg1RoihsH1ywV604xllk85Vh8CzDsCnML3ODPgbtDzKmqYL9pskDTlmVy33Z6ls4wlSzQ0vk5BA6trxXzNjE8maCzbhNGIoFpc1LjtUBFKSiioLiA2vwiXpiMUWWamdy2zS5n7TTQgSUNmeaOiOHLBDzztiPZvRhyHrLTyVNWEayrEWBlYtNF1WvbRMsutsYi2LI1mVpJkVR/o5i0ZEDspQ2oNauQnJVYdSehPD+R6iJWRQehqhxUBxT4qTRkRq9dp0Zwd85uExtcyADtEZOFsjUfd/1OLO5KcJXiKPTSuLaYU0mF5pbdELgDyVSWWSHAYyMRBsZHydM0uqzWlCCAFb6CIhKeJvQiIWOVXwA5iFW6MWsUlo2nYfYsEVPhVyFoIgm5XkJC/kIh+vJUgq9VdYVl1ZrVlYXPLabtzhwmDB+6VUa2a6QLLZwIaJQJIhCnEhfveXUwcG9awa7bQXqSE5Q5p/WZIXec70y2f3uBRQ4H+pUw8b4JtBKTpGgkETEE6SItX3T5MAxXbkJ1BaYs05GMkmuz47E7svLHwqF7ZaqV/uAwVbYoZUYUpdqJqYgkm4mwGPT2w7MLsx3d6CYmPmu2sIGq6Uzo6QzOkKwoyt9bd20h0B0nlTaw9YfwHv8HlxLHMsMtXE2WlwzZi5+EZ+bT03mZ6vq5+Kw2zj8KZ4A6ZEnieMf5boy+MYaGk4zLFnzBCNrnF0kOjTDuECRbhSYD9+HEOSgpJO734ZiIs+T7wyzfsCEDdEwx7bm94ft9TSUNz5eEuoYprnGSX+Km/3oE/UFIeMdk/4Mr4BVXZVisHzxkrLqM2Ml2ZI+b1sn47Rt9/c1yeeMhc7Dv7mbVvKptbJ6JnI5y6VKv8GoaWbIhtf/L+MXLYi0uwKxKxv44S2o0zMxXNrPvyFHt2On2taIjUx64PoCR90aw67cvVwZvXk2/2lzPe3vq8TqSpAejmD433aMj9J4UHopEmUynmfj9LJfGIuk/S0pXX8vN6858m2Rv+GL6MF2X0Xs+ezynevmJlne3lScMne9+HuXWpELw5C7C8UmKysvRxVX5uPPy0I+ytPL+V58GLBYLykvbsUiybdoHisVEqdsdiAQOVLy59b+XvTOfaF7S1DBbjfptwYcjxFQ1dW5w8M5fE9GPfjGNb4b37TUl8UuhcdF0/f8CDAAmvbdTUKEk7gAAAABJRU5ErkJggg==);
}
.icon-kill-3,
.icon-kill-4,
.icon-kill-5,
.icon-super {
  width: 51px;
  height: 41px;
}
.icon-kill-3 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAApCAYAAACY7BHXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFNjczMzA0QkQ0MzExRTdCNTg0QzY5ODQ4MjBFMDhDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFNjczMzA1QkQ0MzExRTdCNTg0QzY5ODQ4MjBFMDhDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUU2NzMzMDJCRDQzMTFFN0I1ODRDNjk4NDgyMEUwOEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUU2NzMzMDNCRDQzMTFFN0I1ODRDNjk4NDgyMEUwOEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6fuE8vAAAHXElEQVR42syZe2wURRzHv7d7d3ttaUFE6IMWJAY1JibEYNXIO5FokChCRP4gIuIjEmKAIAGiMYISIhAUJcQQRQm0WKqAIASB8kZAHgUrLQUKpRQoUPq8xz7OmbnZMp3ulbtSazf5Zfd2d3Z+n/3+fr+Z2XMBcBFTiXmIeYlpLx357TrZI5jRE1rFDXSWTfRn69OjetFTxELEdGKmW4ChxxqxpNMXSlmDfqndUcKPO8Mm+ZPE95ZtNozCVUkgllx+gwmDLNOAfdwZtizTFP1J5hAmMYNyKAKMrUwX+27TDKMzbaZpiT+7cH/d3H8GA/5DFdSJ6GeZnQpG8ieB+6ty/2HDyEUg8iY6GYzkj5f7q3L/IeaMIhQCLmtzGHdIhzuoQzFjgwy7XDA0D3SfBlc4DE8gyNrTc6EEn+Oz6UavG16PQ5g169ctqMLCzC1cdAlgkYcaEgzp7OCkGRiQlhkTzJ1AI9K/nM1gqLOznhqKz0aMxqg1y7H7YjFz2vR4yHNDUHUD+9+exdo99/3iWGAUwecmuqibISlAO6cdxasMa0ucW/RXAZYc3IHaeV+xc5/s2oSlB//A6tcm4dXHB+BkZTme/2FJUxt5043W+20VxpJhvM7yxwpmh1bK/GlsXz13GT4e9jJTkJ6j95ha9D6s+4Ex2rEAeBoDLEyHPNwfGya8z85tKDqOyfmrsfOt6aias5RBPbJ4LlykBBual4yCalz+tA5jGFGcCsUEQB3SE31QSD4MT++L3DfeQ03Ajx4LPmTXpz47HGenz8ejS+exAjGYgFbOWYzN/5zC5C1rEXIn3NOfNsNQp4am9cHa8e/GBDMhZyV23qxgyb33YgnSPp/ePKEJgG5ZDIRu4j1h8iJAz7tcQg7fB4wpxajlcaPg6iVkfTEzZmWsJB+0ukacn70o6n3nP2p5bVHBViwvPATDp0WrZnHCODTWiXPU4tkoVL+Fs1qcn/LMELyTPRQDl33asm/SxkjUWq2u8qaIBUewdi0AFN5k5TaMydmDsX7iByS5FVg8zMIkkug5avQe0+tmJoaYA0wLfxX+wxL2VnvDeBr8UEnRODFzASYOHIRxP30Di5RfBhOOdDd27QqUVd9i9yweOZbdT3O0lUixJL/DboFSnE7zum41S341QDoI6fGNL6S8Zmf0xbfj3sTSPduw+uh+hFUFakOAFQCDwpDeDTIGzdiWB2XTOuyaOgeLXhiDWdvzWZ5GmZsZ3F8biE0F7Kl/CrHuxFKJ9SaWof369YLg5auRt0uSeOHIMRjR/4m4YM5ev4qJOd/BRYqJ6fNCIfsfx0/BY73S2fWdJX9jNnFaT06MJDEp/fSlUQh6vwijZaUh+Mq0ueSwgtgVYteI3SZWS1edbkEVgy9BA9z8lnVXGfpg2qmyOTduZWhbmtB0o+FjwzH1SbjR602vm4xL1JxnzUwAv+BjiPvdFGY2jC7ANFCzrHCzsiy+pTZP47W7YPGvZ9jLbeAWENb/DMYuAKagjN9uYN5jkOrwxVnEHxvGLyhj2jB2ARDDrJFYHQ6dKiBXOsfamfpxqLCA+RXxTwwz5qO9SgtLC7TIIu1w4Tncqa1AVno/+LxJ/xtITX0V8nesQt6OzeTXLbpUIlbP1dG5MlClhZlLWEJHgK5cr8OBE2fQLdmD1IcyoLiUDlwnGzh2Zj9W5K7BpcpSDmJXrwZJmbDq8AgZjD7UQmFJOUovl6Fvehq6JKb85yDXyAz1+19ysOfYYdJ/FTlzk4PYqgQEVcKiMjIIhPC7OzOorq3H/hNFcKtBZKZmQlXd7Q4R0oPYfXQnVuVvxO2acg4hgzQKIE3jhyqByHMfe1ZgV7uIlZRV4mRxMXr36o4HUh5sN5ALV0qw8uccHC8q5ACyInbyB4XxBU4wLSqhBKILZqDB7ycFopjsq9EnPRNej9ZmiAZ/HTYVbEHutu3kuFIAsXOkRlBEBGk20XQKs7A06TSFWq5LZpLErMKR00Xo2T2JWCqZ6bpiL7dkcnam9CRJ8Bycu1TMnbfVoMfVXI16YVxpliexKhN2mIAajirROD9edB7XqirQN6M3ErTEe4JU197Euq152LpvL2l/Q1KjmqtRJ4z2uhRaccE45Y4lQRnNoK7dqmFlPDlJQXpP5zJOy+3hUwewcn0erlaVCQl+S8iNWqFiBcVR3gkiWtK3do89qHq4+fj33i58xk2tG7GubN+vdyZef3EU0nr0aXpS5c3LyP19M0n0cu50jeB8rRBOohJma2rEC+P0xVP8Lk2BEjlUV8FS2H8oo4dlI/vJQThSuA8bd//Jw6aWg9RIyS3nhXUvNdoK46SSW1Ipif9vksL3SXytpHLnghymjgPVCZNGOS9iUiPmDxpR8sdpyWoKS4ggd66eA2oc3BKu2TNfecJoDwVxQbRVGae2LkkljSvl48ceoeTrHCggJLcujRttArlfGKfQUwUoj/D/iSIpqLclwTsCJlqBUIUlhjgYm4LFleAdCeMUenCAQXuEVEfAxPPcdl/B/ivAAEn8wyAvL6KcAAAAAElFTkSuQmCC);
}
.icon-kill-4 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAApCAYAAACY7BHXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJCRkUxOEQ0QkQ0MzExRTdCRkQ3Q0ZCMDQyMTE2RkIzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJCRkUxOEQ1QkQ0MzExRTdCRkQ3Q0ZCMDQyMTE2RkIzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkJGRTE4RDJCRDQzMTFFN0JGRDdDRkIwNDIxMTZGQjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkJGRTE4RDNCRDQzMTFFN0JGRDdDRkIwNDIxMTZGQjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6k0ghEAAAIeElEQVR42sxZfXBU1RU/72N3yS4JEXRiSjSVsaFa+wdDS7HVTum0HYeiY+nYOowO0mk7TFXGNlKm7UynnQ5QZ5ypttVaKhQtImPpB0WtVFCURJDPACEWSUwgEwMkkGSzX+/z9ty7961n776ETYw0b3Jy73v3453f/Z1z7rlvNQDQUAyUCEoUJVa94p/nsIQv1l8Bb54egMlyUX0Gf3tnDRYWio3ioHgmAcPrMZSENtQnBjB/GgT1yXAxv4rqk5ClH0gARpesVKBUapmkHOxDUJ8Ml1+sT6UE4aG4HIdOwATMTKWDJ9PFGKO3U6W+ptRfgAF5YxB25GBvcoHxiha3QuprSP0hAKMGgUnJjMeK9IlKfQ2pP1Cf0UkgyA/2imiFmO5BVPPyI8u8bKZDDl1TE+NdHO8XntErgs/53PkxBjhML/WZYmZMwoowMzqjRoCFMhNBPzv69A9hWmJK2WA+fvdayOF7I6joijs+C6uWLIB7Vj8PTce7UGFUGl8XRR82Ecz2NcvEmIU/3Yht0dAAQC6d6AzUzEaMHsUOiGHDdWHNpl1Q/+01Qvj9kl89J+oXhlKFOi95W+C0XPHHt+0XbRtX3QXtm1bC/bfPRcO34ckVi8S957mw8CcIxDfCzcwf3YfN0RpdZTBXzLFdfKkPFjNxRR2w8d73GeCfaOP1LK4qL3lbAIb/t1hElLOWPCKe/XdjIzy0+AuQTOfEM4aL7AJnyyhrcdVLH0P0EIpZjiNWnKsn7m0bmlu7Cm2e54k2XvK2AEyU2RBnGbjlk1fD0XUPCtn+1gmYvfRR6Hi/X9w3PfY9MJkDMWYhnFIWPM8fPzO+Vzyhj4rlcjY4ridM7jMNM8U9f85V5nUXXyjMEcugTUfF5jfUwJMP3g7JjAU3ffdxMd/Sr86BnY8sgwU//jNywmDe7DrY/7vlsPNIB6zc8Bp4mqEsrjt+MCU2ijTnLAscxwXNd2HRvE9AS3sPKqyBxvJtnJGIlxFlNmeJLELXHXj7nTMw9wdPFE3H5+FjcNXEYtA+TMeoqzHq36jPh2KGlTDDFXRcB+6+tQHmz66Flet3gqtFhLVzc1t73wLRdzhrY9+cGKN5Nry69t6RjBleXXNPydM/vXIYnmtqB1+PkbVkE8cMX2ULwdzcUAvXf2w6NP7xFTh0ehAzvApkSoNfbG7GcrfoO2dWDaxeukCM8Y0YfHnVMyXz33XLDUK+9eu/ly4kjvHN4i3A9cqPZoyI3HEVn8GmrGXDa0c74YGndgDDF7JIXJqFCZ6en07zMUggCM4iZ4aDZYIhCxbf3ACfv6EOHt74BjLsivm48Ty6LM/ow+grzMA9hpuZsj0r0axEX13e+KT0KROlzNjC1kWbk8Us9kKJQC4JHgYJHgBE5m2nRd/nf7QIFs65DhrX7wIfTZPPY8k+jRt2Q/e5QdHnodtuEv3Bc0YD4yt6M5OgpOl0aCjMh18bvjn/eiGXuoLQ/KnaOKz6xpfgL68fhxcPdeKCY5RCgCJ8OzJ8R+Pwm5ePAfzrAPxh+Vfg/q/dCL//TxsmLBECpshSXKlvAKhgZhSIc/GvjfdhObPm++tWh22am/e1w7+PdI4K5Ma6GdB4x1wxpvX9NNz72MuYD1UIY/j54rlQf1WV6Hew45yIXBpXGoVhIr/8qZ1Yj4IWqVAsgwHq9jOs9sjTJQUkwASsuPIImpOS9ZkSCtH2H1j/Or4kDlriSlzhkVPOtrPD8J0ndgiFtBgePWL5YxJD8/nl3w6gCnkD0EyMVtEPlNaieICMJkbLALJER1vqXTCzAIxDwKS5qD6jxRJCyrm0KZVCSp5zcMqKj/FwlpaSI+d/ASYIAB5hJhsM8C4R1/8fx2YCJkuY8QIwQQCgZpbh+15f1zu787ny5Dg0nxf6wLDUj5qZ0DE4pTHlgCYOaVbX/lN+ZrDHnH7tLC1Spn19FIxkk32Zlm3rMy3/2I63F/iXJpSUZMeRzBRybU2RAiBvsGfYem9vqx6vjphVNTNB0/XLh8JzrTOHm1J71m1yL55pl0AuoiSlqVFmWNjBQQUmzqtOT2u309/RZU6vr9VjU6s+8vN+8lxPat+zW6xTe/bh+/nHsn4JJGAlR1hhlBkVCBDzK2QGfmYgZb33VhvohmVW112j6YY54Z7h2pb17hu7Unuf2eanB7olCBVIhgAphFxDAaLmPsFmGkQ7Ie75U71Oz/GTZvXM6Xr8ihkTBcTt73w31bxhi9195JgEoDISOL9F9hcIA1NisQoQh4jL7HQWA8RJZmcGMEBco5nR2LjZsNLD2eMvvZQ+vHUH1nsJkMBHhggjFEhRohlmZkxJOj0Syx1FPHTMPvv0wTa98sqEMfWqqzEr0MYQbZnde6Il1fT0Fud8+0mpfMAGrw9INlJkXynyk3KZYSEJqBvKEtq53d3S4SXP9pgz6utwh49fMlBlBvrTh17Ymj2x400cf15hY0CyMUx2e0cxrTGBCfMdXwFFgbkYgYYwQLTqsUrdnFYbHsZ5uO3c34xsbPWGeruIg18gvpEkEcuiu3wYiLGAoSypgByyYvmS+bbT29bt9LWfMmdcW4NhvPqDcHv2TGrvs5utjuaD2K9PiVRqtLJCItao2chYvrTSL570uzTPGuPyq/w0InwvSsQ//fXPRa+bd6vddWBP5tiLb0uzSUozGlKcW/UL/1JsjBcM7a+Tn0E4qCkSVEL+blIly4T82cGQylkSzLAENEySRtUvymKj7A8aI5hb2JHVI0cISyqXkgBjErhP2oLMV00Yg61gTCDGy0zYWE1hKSaZmiLrERLyHQkoR5zbUfaNcQH5sGDCTM8goCLk9xNdYdAJO/aOF8REghkpQBjkiKEpEdEbj4NfTjBhpgchYGAiTOpygBnLvBN+gv2fAAMARv8GRmfEVb0AAAAASUVORK5CYII=);
}
.icon-kill-5 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAApCAYAAACY7BHXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM3QkE2QjUyQkQ0MzExRTdBQUVDRTg2REQxQUNBMDIwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM3QkE2QjUzQkQ0MzExRTdBQUVDRTg2REQxQUNBMDIwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzdCQTZCNTBCRDQzMTFFN0FBRUNFODZERDFBQ0EwMjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzdCQTZCNTFCRDQzMTFFN0FBRUNFODZERDFBQ0EwMjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5MOEdoAAAISklEQVR42sxZ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);
}
.icon-super {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAApCAYAAACY7BHXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4NUREOTQwQkQ0MzExRTc4NTVCRTUyNkEwN0E3RUJDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ4NUREOTQxQkQ0MzExRTc4NTVCRTUyNkEwN0E3RUJDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDg1REQ5M0VCRDQzMTFFNzg1NUJFNTI2QTA3QTdFQkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDg1REQ5M0ZCRDQzMTFFNzg1NUJFNTI2QTA3QTdFQkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz44lMiGAAAIpklEQVR42sxZ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);
}
.icon-not-owned {
  width: 58px;
  height: 58px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDg1RjlBNDNFMDk3MTFFN0FFOTI5NTg0NTNEOEFCNTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDg1RjlBNDJFMDk3MTFFN0FFOTI5NTg0NTNEOEFCNTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUI1NjZEOTVFMDc3MTFFNzk1NTZDMzNBRTMwNTM0M0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUI1NjZEOTZFMDc3MTFFNzk1NTZDMzNBRTMwNTM0M0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Op9EUAAAJDUlEQVR42tya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);
  position: absolute;
  right: -2px;
  top: -2px;
  z-index: 3;
}
.icon-wgapp {
  width: 20px;
  height: 13px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAVCAYAAAD1neayAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNTBBRjU3RjgwNUQxMUU5QjY0MEM4MDgwQUJFMEZDMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNTBBRjU4MDgwNUQxMUU5QjY0MEM4MDgwQUJFMEZDMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE1MEFGNTdEODA1RDExRTlCNjQwQzgwODBBQkUwRkMzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE1MEFGNTdFODA1RDExRTlCNjQwQzgwODBBQkUwRkMzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+o2/zfQAAAx1JREFUeNrsWF1IVEEUvnPvJuRDQmEU9NiDPkTBGv5AJmYhSUViW4QoqA/1mAX2v5M+aD4LYQ9lFibrKqLgi4JkgmmkkUU9VVAP/SBEtP60eadv1nOXu9e7tde8gT8DnzNn5sw3c+6cc2ZWJoRQ1lpR5R/GmCNkBq9XZXb6G6W0Eo1m8qSZg73v7eA5TNEH0UwCmkdLbpxZkSedaMns5DtgcBcZrOCDvV/VJ+3t5cnarP4IzYyFmcr9sZLaMiMnDA0N3UF1EfhimnYLKAOS49BOA63A2dzcXIMnFdVNyBVSnuop+CfeLUcHFOKJ8EKuSPikPbOiOWqwooyEdLXKopIDTAInTH3lf9iYQmPlhgCDS1C9JK5l44XBMbxRo71BnpbT5d9q69Yd1y4IRZTSCX8Ii/CxVz7+06I2AXQDfkDGfDGwkcYyIjNjkUVjUqcYBss5nDjGl4sXBi/ijRid1X41XRP6YHheDGQH+OaYxBXghQiABhJDmi6KJnz1X22+TRuwHygAbgOVprFnNvqjpnYlzTkI5AF33eSNGK1rrAnVNnymXfNM7/MGalJkf3bAv5MxvR1NTaqpQj094qubjONSvYDUHSAUOcgtRTSnH3iIeO53gxfx3B81Oix+nUL1wvBmlSV1ezsvb59XRQ/kFMrUV574eM9fFpFuFCQ3THWwuVSaE4TB3A1eGMxjrqyIu2rhfCTi8YWwZXma7nmjCCWd5AdPfXUNCSxyDrhHGzzpYHNStwNoQWxXu8GL2K5edE+PFddPhTeoB0wxscmIkR+CVSa4iExubynpNDnYXBOd5jtgzm3emCvr+XH+jc2ph9Acpq6PyNRHbDJ1vNICfAJ2W/rTbHT3WGQ55zNxuMq76J4eLeXfZ2emCxHEfZoQh+Nk6nglBFwiN8w39b+WacGCCdN4PrnhecR0yA1exHSU10NJym6RhSwpap2+8lrIHRttxvZR/djSL3VrYHC3G7wwOIbX49Lzto0wbXpIGMX6hWfkI8N4hi43r/EMXfIPjiWUVlpcMZ3EsGVjrf+bl63ZfyKsG71u9OosvwUYAAk9S/39w+4nAAAAAElFTkSuQmCC) no-repeat -18px -4px;
}
.icon-wgapp--active {
  background-position: -40px -4px;
}
/*图标*/
/***********************
模块名：头像
作者：v_zmwu（吴卓珉）
描述：头像规范样式文件
使用范围：整站
************************/
.tui-avatar {
  width: 120px;
  height: 120px;
  background: url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QN/aHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6OGM2YzRiNzItYTJlYS1kZjQxLWFlNGQtMjc5Y2IzYWYwOTQwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE3NjgxMEExMzA5ODExRTc5N0JBRDFCODdBRTA2QTUzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE3NjgxMEEwMzA5ODExRTc5N0JBRDFCODdBRTA2QTUzIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjcyM2JkZWQ3LWQ0YmUtZWE0Mi1iZjA3LWY5ODFlNzg4OTI1YSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4YzZjNGI3Mi1hMmVhLWRmNDEtYWU0ZC0yNzljYjNhZjA5NDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+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");
  cursor: pointer;
  background-size: 100% 100%;
}
.tui-avatar.circle,
.tui-avatar.circle img {
  border-radius: 50%;
}
/*默认头像*/
/***********************
模块名：平台通用动画
作者：elynn
************************/
/*渐隐渐显动画*/
.fade-in {
  animation: fade-in 0.3s linear forwards;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*渐隐渐退动画*/
.fade-out {
  animation: fadeOut 0.3s linear forwards;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/*向上渐隐渐退动画*/
.fadeup-in {
  animation: fadeup-in 0.3s linear forwards;
}
@keyframes fadeup-in {
  from {
    transform: translateY(-20px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}
.fadeup-out {
  animation: fadeup-out 0.3s linear forwards;
}
@keyframes fadeup-out {
  from {
    transform: translateY(0px);
    opacity: 1;
  }
  to {
    transform: translateY(-20px);
    opacity: 0;
    display: none;
  }
}
.fadedown-in {
  animation: fadedown-in 0.3s linear forwards;
}
@keyframes fadedown-in {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}
/*动画*/
/*默认表格*/
.mod-table {
  table-layout: fixed;
}
.mod-table caption {
  font-size: 16px;
  line-height: 27px;
}
.mod-table th,
.mod-table td {
  text-align: center;
  white-space: nowrap;
  border-bottom: 1px solid #e4e4e4;
  border-bottom: 1px solid var(--color-line-1);
  color: #3c3c3c;
  color: var(--color-text-1);
}
.mod-table th {
  height: 32px;
  font-weight: normal;
}
.mod-table td {
  padding: 5px 0 4px;
  min-height: 41px;
}
.mod-table .tx-em-d {
  color: #e60000;
}
.mod-table .pointer {
  cursor: pointer;
}
.mod-table .pointer:hover {
  color: var(--color-text-1);
}
.mod-table .grade-cell,
.mod-table .img-box {
  text-align: left;
}
.mod-table .img-box {
  display: -webkit-box;
  -webkit-box-align: center;
  margin-left: 30px;
  position: relative;
}
.mod-table .img-box .img {
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 10px;
  vertical-align: middle;
}
.mod-table .img-box .img img {
  width: 100%;
  height: 100%;
}
.mod-table .name {
  -webkit-box-flex: 1;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.mod-table .circle,
.mod-table .circle img {
  border-radius: 100%;
}
.mod-table .grade-cell {
  position: relative;
  width: 122px;
  margin: 0 auto;
}
.mod-table .text {
  padding-left: 46px;
  white-space: nowrap;
}
.mod-table .grade32 {
  position: absolute;
  left: 6px;
  top: 50%;
  margin-top: -16px;
}
.mod-table i.icon-sort {
  display: inline-block;
  width: 8px;
  height: 12px;
  margin-left: 6px;
  position: relative;
  top: 1px;
}
.mod-table th.sort {
  cursor: pointer;
}
.mod-table th.sort:hover {
  color: var(--color-text-1);
}
.mod-table i.icon-sort:before,
.mod-table i.icon-sort:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 5px 4px;
  border-style: solid;
  border-color: transparent;
  position: absolute;
  left: 0;
}
.mod-table i.icon-sort:before {
  border-bottom-color: var(--color-text-3);
  top: -5px;
}
.mod-table i.icon-sort:after {
  border-top-color: var(--color-text-3);
  bottom: -5px;
}
.mod-table .sort-up i.icon-sort:before {
  border-bottom-color: var(--color-text-1);
}
.mod-table .sort-down i.icon-sort:after {
  border-top-color: var(--color-text-1);
}
.mod-table .sort-up,
.mod-table .sort-down {
  position: relative;
  color: var(--color-text-1);
  background: var(--color-fill-2);
}
.mod-table .rank-num {
  display: block;
  width: 36px;
  height: 25px;
  text-indent: -2000em;
  overflow: hidden;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAZCAMAAABuOnzZAAABC1BMVEUAAABKOgBJOQBJOQBJOQBMPAJJOQBJOQBJOQC2kx5JOQBJOQBJOQBJOQBJOQBJOQDjwUTq2mHnzl7i0l3UsjXHqzXRtUa7pju/nSeyli+9sE2jjy9JOQColDqOcxZ8ZxV7ZxpzYxlJOQBjTwhJOQDQw1nQw1mMcxqLchn263Lt01/XuTvw223pylH143r+9Zj78ZD464blwkThuzjNqSrGnh7/+J3jzFHdsinu3mRaRBT/95vdtS/t3WPiy0+cjk7Mpyj78ZT47Irb0X/15H7x3HHFtUq8pzzety/YzHfVyG/LvlbLvlXpy1SaikaWgjqzmi2zmCusjR+rix6nhRaYhkCUfjSCbjFnURyy3YIjAAAAKXRSTlMAQAZ+CzwQKSbbcDAfHhoW/v379/Tx6dPRwK6poJ6YdGthWFI2srGHhsZOwLEAAAFdSURBVCjPfdLXUsJAFIDhkzWFmtB7BwstKmjUoFJMU0Cq5f2fxN0USIaM30XOzD+ZtBM4YsOUS5gFP+FHjzD4oQzj+cAwKDiiOYayhIYeITszHA3R4L1tP/DYOz0YBaFyZ9su+y7LrdMrAiAm3bWsO5bfb3Os7ZxmEABffLDoao9YySsyVN3ORR4AEJV8MmmKKIo/six/iZiiWTVJIcCihbZpPrslPuRPMmZzqxaiQKBA44woTW+Id3lMxrRkxkYA2fu4aBOL0TXxJo/JGC3MeO5sh67HXzBNMuGTzKmRFq/TYOOyr5guSSMMn4SPkqSTluWO+692sY33dhvSqiw4EBecTCY774PvcApyyLXlAIMX7P0EeMFMgD75VRTRRaHAT0vtuagt8MOXE52DRJkHPyhSy/RtmVoEgT+WyccGWCzPsODPfMur1HCYunTeyh8SmrlcU0DwPzoSObnMHwbhX75fanffAAAAAElFTkSuQmCC) no-repeat;
  margin: 0 auto;
}
.mod-table .rank-num2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAZCAMAAABuOnzZAAAA/1BMVEUAAAA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT3Hycm9v8GoqqvHyMmXmpqur7HJycmmp6mjpKTP0NCrrKw9PT2lpaV2d3h6e3w9PT13d3dwcHBubm49PT1UVFVKSko9PT2LjI2LjI3///+qra63ubr7+/zd3t+nqarS1NTGyMmipabDxcbh4uL29/fl5uaws7Px8vLs7e3V1tfNz8/5+fn4+fnv7/C/wcGlqKmKiovf4OHKy8uRkpK0traZmpt4eXljZGWtrq6ho6OUlZVoaWrW19jP0dG6u7ytsLGrrq+kpaefoKGGhoaBgoJ9fn5zdHV8fX1fLAN2AAAAJnRSTlMAPwUnC4AuHhkQcDgU9/Tx6d7X09HAsq6gnpiHeHRrYVhSRiCpqHUyOsIAAAFuSURBVCjPfdLXbsIwFIDhYyfNKHSz92hZgTIKhJamCVD2hr7/s/Q4gyEiPkW29V9Eck7gSBbICUEGN4KifB8oigBuSF45kSdwxHPEdrtY5g+Wi1unczyIT+82rfdxoqc5/UkEbyRvM+YF9IvGuM8Np0e8QMlDwdLvoslft9ufsGPfzg+EAkhvVcuoUqmsJxW03eMysvOrBAA0c1c2DWeqOh6oaIPrbGjVuwwFJAZrpsK0benutXZ7WrBqUASGcqnYDQqVLOvBgG0h1mIpjoLJG/hk9Aaj7nZj86CbMeAFC5/s5JDaQspWa1lU1jpJHmzcSwfpzWazuhk2bTprLxw45HgJ9er1+sioO3qsxWVwUOEZP8yqWCwamsnA4wrTs0BPp+zBAefO4IA9HH/xq+TOEHDjKZ7xgBsp3Pg6aIQlcEPFxGPtx1R7TIgU3MnEX26X8fETGVw4t4ze6/p9FG91BZXSPl9aonAdn81evOYfbCRbTt+mQt8AAAAASUVORK5CYII=);
}
.mod-table .rank-num3 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAZCAMAAABuOnzZAAABPlBMVEUAAAA9PT09PT09PT09PT09PT09PT09PT09PT1HQjg9PT09PT09PT09PT09PT09PT09PT3HljjdtVatehe+jCqyhi2scgipdhiyjT6bbhXJq122nVuafT89PT2SdTqCYiZyWys9PT1xXTRoWDdoXUNMSD89PT2UcSiUcCjcqkDChBC9hR3Gjym6eALOmTbOlievcwPyzGnpvljerE7Xo0G2fBOwdgruv2X0xm7zxWvxw2nwymbouFznvFX1x27gr1HYpkTmtVnsvmKGazfHkSrMlSX1yXLEqF29nVCujErRnTh+Yi2pgCyhcRtxUxq4gBPUqViggUariESCZzLpu1/hslTZqEa0j0Cng0Czjj6OcTt7XynLlCV2WSG+iB6baRGyegrbsmLInEe6kke1jUChfTi5iTB/ZC+bdS6NaymL2RW3AAAAKXRSTlMAPwsEgBAmB3BVODApHx4aFv339PHp3tfT0bKuqaCemId4dGthRivAwHbo+noAAAGTSURBVCjPfdJnU8IwGMDxJ41tZYN77z3qtqVWEm2Zooh7i1u//xcwaQPUo/h7kdz9X+QueQJNcgT5RGQIEln/IwJBUG3Xp4agSYoiobOy41PpREJUgnjfqvD8tOzz9FzvfXFIji8Jx46z0uA4x/U+ngSMetY85VJJ07QT5lPTSqWyyD0IAyRGFj3XV5TSxx9Kvx9TlF5dizySAAB1tmvTVbgk5P3+lRBy/0HIZcGrXbMqMPHhDVf+wrJubIv5urGsi7xXh+PAqUposoMZNXXP2fmprpujvE2GFFXMY2iPyxtp7s62i2wz8m4cksEjzexzhVzG82JXM5lcwY0zEnhwdGCRuc0ZRrVqMEXbMHK3vA1EMQjy1EM2my2nTbN4ZzJF2zTTZZYepmSow3P9/MX1w8PT8zOx6PzF++ewb8pKmA3YOmCOmDe2W2zAYUVq+Spky4cgCBKm2z40DEESYymtITWWgCBqbLrXER+ldzqmQiAso4Vl1zySMbQjKRPdlUr3BL9VezgZGhwMJTH8T4rFWo75Bbf2aM2sgcakAAAAAElFTkSuQmCC);
}
.mod-table .hero-img-box {
  font-size: 0;
}
.mod-table .hero-img-box img {
  display: inline-block;
  margin: 0 3px 0 2px;
  width: 28px;
  height: 28px;
}
.mod-table .cur td,
.mod-table .cur:hover td {
  background: var(--color-fill-2);
  color: var(--lol-blue4);
  position: relative;
}
.mod-table tr:hover td {
  background: var(--color-fill-2);
  position: relative;
}
.mod-table .cur td:first-child::before {
  content: "";
  display: block;
  width: 3px;
  position: absolute;
  left: -1px;
  top: -1px;
  bottom: -1px;
  background: var(--lol-blue4);
}
.mod-table .cur .img {
  border: 1px solid #4f86b6;
}
.mod-table .cur .grade32 {
  -webkit-filter: drop-shadow(0 0 2px #4a84b5);
}
/*表格*/
/*******************
模块名：数据列表
作者  ：baronxiong
描述  ：放置缩略图模块的列表
********************/
.tui-list {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
}
.tui-list > li {
  padding-bottom: 12px;
}
.tui-list[class*=col] {
  margin-right: -12px;
}
.tui-list[class*=col] > li {
  padding-right: 12px;
  -webkit-transition: width 0.3s linear;
  transition: width 0.3s linear;
}
.tui-list.col-2 > li {
  width: 50%;
}
.tui-list.col-3 > li {
  width: 33.333%;
}
.tui-list.col-4 > li {
  width: 25%;
}
.tui-list.col-5 > li {
  width: 20%;
}
/*列表*/
.grade32 {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.grade32-0 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/tier-0-Bclba5r7.png);
}
.grade32-1 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/tier-1-DJN7N84o.png);
}
.grade32-2 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-2-1-hUNHnBMI.png);
}
.grade32-255 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-255-4-9X3Pfi0-.png);
}
.grade32-3 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-3-1-oKDRlnBx.png);
}
.grade32-4 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-4-1-DkKxlf6L.png);
}
.grade32-5 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-5-1-BdHHgAQg.png);
}
.grade32-6 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/tier-6-CAQYskj1.png);
}
.grade32-7 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/tier-7-CD8NBL4Z.png);
}
.grade32-8 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-8-1-Bkd07F69.png);
}
.grade .grade32 {
  margin-right: 7px;
}
.grade32-s9-255-4 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-255-4-9X3Pfi0-.png);
}
.grade32-s9-0-1 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/tier-0-Bclba5r7.png);
}
.grade32-s9-0-2 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/tier-0-Bclba5r7.png);
}
.grade32-s9-0-3 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/tier-0-Bclba5r7.png);
}
.grade32-s9-0-4 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/tier-0-Bclba5r7.png);
}
.grade32-s9-1-1 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/tier-1-DJN7N84o.png);
}
.grade32-s9-1-2 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/tier-1-DJN7N84o.png);
}
.grade32-s9-1-3 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/tier-1-DJN7N84o.png);
}
.grade32-s9-1-4 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/tier-1-DJN7N84o.png);
}
.grade32-s9-2-1 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-2-1-hUNHnBMI.png);
}
.grade32-s9-2-2 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-2-1-hUNHnBMI.png);
}
.grade32-s9-2-3 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-2-1-hUNHnBMI.png);
}
.grade32-s9-2-4 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-2-1-hUNHnBMI.png);
}
.grade32-s9-3-1 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-3-1-oKDRlnBx.png);
}
.grade32-s9-3-2 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-3-1-oKDRlnBx.png);
}
.grade32-s9-3-3 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-3-1-oKDRlnBx.png);
}
.grade32-s9-3-4 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-3-1-oKDRlnBx.png);
}
.grade32-s9-4-1 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-4-1-DkKxlf6L.png);
}
.grade32-s9-4-2 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-4-1-DkKxlf6L.png);
}
.grade32-s9-4-3 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-4-1-DkKxlf6L.png);
}
.grade32-s9-4-4 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-4-1-DkKxlf6L.png);
}
.grade32-s9-5-1 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-5-1-BdHHgAQg.png);
}
.grade32-s9-5-2 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-5-1-BdHHgAQg.png);
}
.grade32-s9-5-3 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-5-1-BdHHgAQg.png);
}
.grade32-s9-5-4 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-5-1-BdHHgAQg.png);
}
.grade32-s9-6-1 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/tier-6-CAQYskj1.png);
}
.grade32-s9-6-2 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/tier-6-CAQYskj1.png);
}
.grade32-s9-6-3 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/tier-6-CAQYskj1.png);
}
.grade32-s9-6-4 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/tier-6-CAQYskj1.png);
}
.grade32-s9-7-1 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/tier-7-CD8NBL4Z.png);
}
.grade32-s9-7-2 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/tier-7-CD8NBL4Z.png);
}
.grade32-s9-7-3 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/tier-7-CD8NBL4Z.png);
}
.grade32-s9-7-4 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/tier-7-CD8NBL4Z.png);
}
.grade32-s9-8-1 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-8-1-Bkd07F69.png);
}
.grade32-s9-8-2 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-8-1-Bkd07F69.png);
}
.grade32-s9-8-3 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-8-1-Bkd07F69.png);
}
.grade32-s9-8-4 {
  background-image: url(https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/grade-8-1-Bkd07F69.png);
}
/*段位*/
/* 基本tips 带箭头 start*/
.mod-tips-arrow,
.mod-tips {
  font-size: 12px;
  padding: 6px 10px;
  background: var(--color-fill-1);
  border: 1px solid var(--color-line-1);
  color: var(--color-text-1);
  position: absolute;
  top: 30px;
  z-index: 10;
}
.mod-tips-arrow p,
.mod-tips p {
  color: var(--color-text-1);
  word-break: break-all;
  word-wrap: break-word;
}
.mod-tips-arrow {
  width: 158px;
  min-width: 70px;
  top: 26px;
}
.mod-tips-arrow:after,
.mod-tips-arrow:before {
  content: "";
  width: 0;
  height: 0;
  font-size: 0;
  overflow: hidden;
  border: 7px solid;
  position: absolute;
  z-index: 2;
  border-color: transparent transparent #fff;
  top: -12px;
  left: 27px;
}
.mod-tips-arrow:before {
  z-index: 1;
  border-bottom-color: var(--color-line-1);
  top: -14px;
}
.mod-tips-arrow .mod-tips-arrow-cont {
  padding: 5px;
}
/*上浮动*/
.mod-tips-arrow.up {
  bottom: 30px;
  top: auto;
}
.mod-tips-arrow.up:after,
.mod-tips-arrow.up:before {
  border-bottom-color: transparent;
  border-top-color: #fff;
  top: auto;
  bottom: -12px;
}
.mod-tips-arrow.up:before {
  z-index: 1;
  border-top-color: var(--color-line-1);
  top: auto;
  bottom: -14px;
}
/*右浮动*/
.mod-tips-arrow.right {
  left: 0;
  top: auto;
}
.mod-tips-arrow.right:after,
.mod-tips-arrow.right:before {
  border-bottom-color: transparent;
  border-right-color: #fff;
  top: 5px;
  left: -12px;
}
.mod-tips-arrow.right:before {
  z-index: 1;
  border-right-color: var(--color-line-1);
  top: 5px;
  left: -14px;
}
/*右浮动*/
.mod-tips-arrow.left {
  left: 0;
  top: auto;
}
.mod-tips-arrow.left:after,
.mod-tips-arrow.left:before {
  border-bottom-color: transparent;
  border-left-color: #fff;
  top: 5px;
  right: -12px;
  left: auto;
}
.mod-tips-arrow.left:before {
  z-index: 1;
  border-left-color: var(--color-line-1);
  top: 5px;
  right: -14px;
  left: auto;
}
/*tips end*/
/*风格二颜色：黄色*/
.style-tips-y {
  border: 1px solid #e3af49;
}
.style-tips-y.up:before {
  border-top-color: #e3af49;
}
.style-tips-y p {
  font-size: 12px;
  color: #e3af49;
}
/*================商品详情Tips==================*/
.mod-tips {
  min-width: 100px;
  max-width: 270px;
}
.mod-tips .tips-head {
  position: relative;
}
.mod-tips .tips-head:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  clear: both;
}
.mod-tips .tips-head .tit {
  float: left;
  font-size: 14px;
}
.mod-tips .tips-head .turn-r {
  float: right;
  margin-top: 0;
}
.mod-tips .tips-cont .row {
  margin-bottom: 5px;
}
.tips-goods .goods-pic {
  float: left;
  margin-right: 10px;
  margin-top: 2px;
}
.tips-goods .tips-head {
  margin: 10px 5px 5px 5px;
}
.tips-goods .tips-cont {
  margin: 0 5px;
}
.tips-goods .tips-cont p {
  color: #506b80;
}
.tips-goods .goods-pic-info {
  float: left;
}
.tips-goods .goods-pic-info .name {
  display: block;
  color: #bfbfbf;
  font-size: 14px;
}
.tips-goods .attach {
  line-height: 16px;
}
.tips-goods .honor16 {
  vertical-align: -2px;
}
/*公共Tips内图表*/
.mod-tips .data-group {
  position: relative;
}
.mod-tips .data-group h4 {
  color: #79a8cd;
}
.mod-tips .data-item {
  font-size: 13px;
  line-height: 20px;
  color: #506b80;
}
.mod-tips .parts .data-item {
  width: 50%;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*==========================英雄信息===================================*/
.hero-tips {
  max-width: 300px;
}
.hero-tips .champions50 {
  -webkit-transform-origin: 0 0;
  -webkit-transform: scale(1.2);
  margin: 1px;
}
.hero-tips .summonability-icons {
  padding: 1px 0 1px 1px;
}
.summonability-icons {
  float: left;
}
.hero-tips .equip {
  padding-right: 40px;
  margin: 5px 0;
}
.hero-tips .grade {
  position: absolute;
  right: 0;
  top: -9px;
  width: 52px;
  text-align: center;
}
.hero-tips .grade-value {
  position: relative;
  display: block;
  color: #c79752;
  z-index: 1;
  margin-top: -9px;
}
.hero-tips .parts {
  overflow: hidden;
  border-top: 1px solid #24323d;
  padding-top: 5px;
  margin-top: 5px;
}
.hero-tips .data-group em {
  color: #6487a3;
}
.hero-tips .tips-cont {
  margin: 16px 5px 10px 5px;
}
.hero-tips .goods-pic-info .name {
  line-height: 36px;
}
.hero-tips .talent-img {
  vertical-align: baseline;
  margin-left: 10px;
}
/*** n-tips ***/
.n-tips[data-title] {
  position: relative;
  overflow: visible;
  z-index: 11;
}
.n-tips[data-title]::before {
  position: absolute;
  pointer-events: none;
  visibility: hidden;
  z-index: 100;
  content: attr(data-title);
  top: 25px;
  white-space: nowrap;
  padding: 0 10px 2px;
  line-height: 18px;
  border-radius: 3px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-align: left;
  color: var(--color-text-1);
  font-size: 12px;
  font-style: normal;
  font-family: "microsoft yahei";
  word-break: break-all;
  word-wrap: break-word;
}
.n-tips[data-title]:hover::before,
.n-tips[data-title]:hover::after {
  -webkit-transition: visibility 0.1s 0.1s;
  transition: visibility 0.1s 0.1s;
  visibility: visible;
}
.n-tips.up[data-title]::before,
.n-tips.left-up[data-title]::before,
.mod-tips-box.left-up .mod-tips,
.mod-tips-box.up .mod-tips {
  bottom: 25px;
  top: auto;
}
.n-tips.left-down[data-title]::before,
.mod-tips-box.left-down .mod-tips {
  right: 0;
}
.n-tips.left-up[data-title]::before,
.mod-tips-box.left-up .mod-tips {
  right: 0;
}
/*上浮动*/
.n-tips-arrow.up[data-title]::before {
  bottom: 35px;
  top: auto;
}
.n-tips-arrow.up[data-title]::after {
  border-bottom-color: transparent;
  border-top-color: #137eca;
  bottom: 23px;
  top: auto;
}
/*** mod-tips-box ***/
.mod-tips-box {
  display: inline-block;
  position: relative;
  z-index: 2;
}
.mod-tips-box .mod-tips,
.mod-tips-box .mod-tips-arrow {
  display: none;
  top: 25px;
  width: 228px;
}
.mod-tips-box:hover .mod-tips,
.mod-tips-box:hover .mod-tips-arrow {
  display: block;
}
.mod-tips-box .mod-tips-arrow {
  left: -27px;
}
/*hover弹框*/
/**
 *
 * @authors 	吴卓珉
 * @date    	2018-01-10 14:53:15
 * @description 业务组件-列表形式榜单
 */
.mod-list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
.mod-list li {
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid #efefef;
}
.mod-list li:hover {
  background: #f5f5f5;
}
/*列表形式榜单*/
.live-tag {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 0 6px 0 26px;
  line-height: 22px;
  color: var(--color-text0-1);
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0 3px 0 3px;
  font-size: 12px;
}
.live-tag:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-right: 3px;
}
.live-tag-longzhu:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNTI4NjVFMzIwRDExRTY4NkEwODA0N0I2NkY4RUI2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNTI4NjVGMzIwRDExRTY4NkEwODA0N0I2NkY4RUI2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEU1Mjg2NUMzMjBEMTFFNjg2QTA4MDQ3QjY2RjhFQjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEU1Mjg2NUQzMjBEMTFFNjg2QTA4MDQ3QjY2RjhFQjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Op/KaAAADV0lEQVR42lyTS2wbVRSGvxnP2ONHbCfOw0kcNwlpAmlS0pSAhJoACgKq0CV9iB3sYVcWCAkWXXSBkGAPK4QEiA1CPEqg1KWltLSlIcROQbETk8ZO4thjj8eeeDzMBFIkjnR0pXvvfx7/+Y9w7uQYjtVkN25RxieY01Kw+x1REEa7Q5Kyuq0iNHZ3Q145sVMsvhUKBhO5fJ59E/nPXrE9PTI8fKkZeejoD8mSt2qKQqAtKEg+2R2LxWadN/tPwvbgPkj69wx6JOl8V/+Q8sf6JklNxxf2s2aFWU8uUcxtkstpzEyOEI/Hj7nd7sW1bPaQjVNdc0fjyP7I9Wxe7b2X34Fe8A/AMy/2cPjpNqp/6cghD/e2KiRuZxjrj9IaDgbNRmPaNM0PnBamB3vbx03Ri9IKD04N8typIdqiCg2rTjjWw1MvjzI+e5CeET+fXryJZVlEo9FjDtZ1+onR9yuB1kHdW+bxU1NoBZNI/z+dff+uxmqySjntR+4ogQXCVomK4aKvM8yuYcRFr8/3WFEzUDr9fPnen0jlCW58vMNGpkg2vcKtKxdZSSWJ29l1Q6P9UIRKaXsvgYOVZEnyu70u8mUVqy6y+NnbhEYm+NnYJNbXwaCrEyNqkbq1TWw4wtblApZp7AVwsHu1mnZtkYFW5EKDxnoYXzzM8TNPUtZzZBYiLH9b4GE9gKp5WVNVArLn/uyl3UZD62h6AlmzySOnYyiBXkJdChp3yfxepHRd583jdr9rKYwHZjhz8nXOvvaGTSQ4WFGvVq91eSzMm3VM1U3L5mGaiyPk5ttY+Nwm9oACq7+RVLtZv5Ak+cs8r559np/uZHCwoiNPwzB4dCjOR+cvceHqd+T9N/BOZjl4QuHcJyvw7AsIA11UrBpKSKe3v5smLhysw0FiY2PjsqOwl+Ym+Tq9TupOg3JJI32tytREP4SbjM0egPGo3bRA+psf2RU9zigSUq1Ww/Y5R562OGInhvoQW7rtScSojte58tVV+DUNShiyWSypzoeJRjOdWjhi3yLsb6OzD12dnV84CrOD3Wd5q1RjKVfCa+qoesMO1Fqva9Ujuczdpf9vo+pIM7W8PJPNZue3C4WKqqqWWzCs0Xa5Em2R5jvctRn7j80qS/ugvwUYAGUvaflNC2XAAAAAAElFTkSuQmCC);
}
.live-tag-panda:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0NEZBQTJFMDc4OTQxMUU2OTk3Q0QxNDlEOEU2Q0JGRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0NEZBQTJFMTc4OTQxMUU2OTk3Q0QxNDlEOEU2Q0JGRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0RkFBMkRFNzg5NDExRTY5OTdDRDE0OUQ4RTZDQkZEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0RkFBMkRGNzg5NDExRTY5OTdDRDE0OUQ4RTZDQkZEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++cQSQgAAAjlJREFUeNqkU89rE0EU/mZ2Nz+apIlp2kRsVTxYG0SsN0U8eBUEUenJoycVQenR/0CkSPHmxZP26kmKRxW0KGhoERSLxVSTDY1pspvsTHZ9M9muLe2tb3nD25l53/vej2FBEGA/YqplYvnFHkcaeIn0OelD0rOkr0ivAmxRHa6VZwYAoQyTsv+/jBCCUTIOkJ0ne5Zsl+zv4d1WxIDkti27l7u+2AYAn5wK5HCtaKXOJzm/0PH7q3XhPqL9ZMlKvaQ780zV4MjKgriYPmieSuR3peH4EgvNH1gTHYxbaVzPHkXBSuCJvSK/TF6xNAMOeDfzx81zqeKehVrcrOKza2MmewwPSqf13tPGVy9KQQa+vFf9gDPJEdwdLWMynkVD9jBXr6AqXKxLFwYzMT00op0f28tqX4bBFVGGT25DU/3lOfrSX9/DoVgK98dO4lZhCjkzhunkAOBtu6bPIwaqchluImOYUR8YfQbjKCdy+C0cTMVzGqAuu1gVmzAGscM1dFEz5YeDpXCWOra2M4aFS8PjMBnD63YVP0UbCc6xvY1h3wKtW/LNa+EP5X+CohetIb33jujXRA8lK7mTAYHvAODEwfEFKt0NzeCwlUKz30Ol10SM82jieMRfMSDfvh8eEKKkdCruRsToTaemAdM8Kl0EoDG7gYRAH4PW9vUQfaTubMl7xyb6DuLMiHz1JNJjmqfgNwKiP2YmqCMx9AhgnS6rTkwQfSWqGy1Ky2La9xk9pjtsv8/5nwADAKme5MWsjHlSAAAAAElFTkSuQmCC);
}
.live-tag-douyu:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0QTBGQkIwRTc4OTQxMUU2OUYxN0NFQUZDOTRDMkU0NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0QTBGQkIwRjc4OTQxMUU2OUYxN0NFQUZDOTRDMkU0NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRBMEZCQjBDNzg5NDExRTY5RjE3Q0VBRkM5NEMyRTQ2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRBMEZCQjBENzg5NDExRTY5RjE3Q0VBRkM5NEMyRTQ2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nNWxvgAAAh1JREFUeNqkU0trE1EU/s7NTCZjpwWblLaSaBUrRVoEQXChO3GpiAtB/A2CZOlGBd3ZhQt3XSrixgcioii4UBBRFDFixVIToVhb0k5rSTK5czxzZ5qMVtz0DDNz73l89zuPS8yMzYgVfRrnqSa/PjQAbqesCqDsutcG8XOXuRSbGHkQXCrugeodlgAHaLcEeQnhfAXQrX8B2B0GCOTxelz7xBTUyKGuC4fQL68huHcucf9DgoSkSChUtxSgCrvMtnXjLMIvL0SpoHYfR+h3PDeIUbOOAPoBbxt4oSqnToHXFmPsb2+Ss/4DQCSvN2QU+tMz0EAJqjQeA9TeR0QMSyNRkfVfAFF+lB+NA2Zfg5xe0NYdcnIT3PCRuzIN68glsJCyz9yCU66A3IEUQFaBhvdJdIiw8gQ0OCaIGXBzFfzjszAalbUHkg5lJk5Bz3xE+H0pDeBBDe6VvH1QoQRr/8m4CQuz4PpcQr0JNX4sXj6/Dg6C7iCR2w8qHjQKp/y0k1/70VXJd9WsM2OHhf9R8PxXcO2t1Cw1iQiW0X58Ebwi1cyISgcIq+/QfnUX1sRITHXnAbFl0bpZFlbLUNtTALxSR3D7AvhXqj85CSqIjfx4L8G8Vof+8ABwu+NtJZWwaQhxu9YlapvdA+f0nW5KDyfB1WmoorGnRhlYlPvQl+4vokuqGwjul6Hn/IgK+OcMVD4qugEw1Giz1/m3AAMAMAa8PvfRQP8AAAAASUVORK5CYII=);
}
.live-tag-huomao:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MEU2Mzg2NDc4OTQxMUU2OEQwOUU5MEY0NEI4NDREOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MEU2Mzg2NTc4OTQxMUU2OEQwOUU5MEY0NEI4NDREOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQwRTYzODYyNzg5NDExRTY4RDA5RTkwRjQ0Qjg0NEQ4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQwRTYzODYzNzg5NDExRTY4RDA5RTkwRjQ0Qjg0NEQ4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FB3CPwAAAZhJREFUeNqkkztLA0EUhc/m4fuVF5IgGLFJEUFtxEJs/QHBRlErf4GFljaC+CvS2wdBUZsIFnYiCDbBBxLjA9FsTNz1bHZ2vRO0ysKX3blz58ydcyeGbdto5wk1fy9WvfEMGSIH/+QvkDdy1hxN55WA+3SSQ9JHRkmpZXGKFEiVRInpBAMiYVktdp69P3bfUu9ukvOCUmBFfC+SrEruJQmyJOZzugdAksz+zhuA3Tjh24QRZI5tMRgRAnNKvBoS5oVbSo6h8UoNhkMDKuR3zPFgihS9I0xqS+svXM5Nxjcoy6aYt4BFzwx5YkzII2Q1ge+quzA+Dwwy724fqJwyXqNrfqFZaWJaEzCCTP50v8OsNr0OZLYZpzdWzcvKyAri+vFtvUHvl8BjQYn7V2dECvTrAtwpSJPrNLGUB8pHTld41RLunGvmsBSIaus7YsBzEXg6Bj5uOGaBAeeiWrITEenBLnnwBRyjzHvgqwx0pZRxltziiqzJCjbJjurtGO9Nkkdwdujhjoa6/xXCfuKanHulGO3+nX8EGABJdVneooruvgAAAABJRU5ErkJggg==);
}
.live-tag-quanmin:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDEzMjRDQUIxNkI1MTFFNzg3RkJEQkE4ODlDMTUxRkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDEzMjRDQUExNkI1MTFFNzg3RkJEQkE4ODlDMTUxRkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzQ1OEM5ODgxMDVCMTFFNzlDNDlGMTZFMDU2RDA4MkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzQ1OEM5ODkxMDVCMTFFNzlDNDlGMTZFMDU2RDA4MkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5rSWwbAAAA2UlEQVR42mL8//8/AyWABUQ8tzQnyxTJ4ycZmbDKMDERbQhWlZxu7gy82TkMjGxs5BnAwMzMwBMTyyCydDkDm6ERGQbAAkhGhkF42nQG/rJyBkZubtINgHvJ1Y2B3dgYdyzgAz8OHWL42N3J8O/NG9IM+PfuHcPH3h6GH/v2Ek4H6OD3lSsMr6MiGP59/EhcQkIHfx4+IC0lAsFEAupkgTgImwQjKC8wMjIStOmZhZkjkJoOxOqEkzIWIHXi1H4gpQ/E9UD8Ey5BTm4EukYNiPeCXU9pdgYIMABmjj/wSjYWSgAAAABJRU5ErkJggg==);
}
.live-tag-huya:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2YWFkMzcxMC0xMzczLTI2NGItYWE4Ny1hYTA5NThhMjg3NzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0QyNTBBQUM2NTYzMTFFN0E3RTdBODE2NjNCQjMyM0IiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0QyNTBBQUI2NTYzMTFFN0E3RTdBODE2NjNCQjMyM0IiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUM3QkRERDg1Qzk1MTFFN0I5NDJGOTEyNTdGQ0I4QTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUM3QkRERDk1Qzk1MTFFN0I5NDJGOTEyNTdGQ0I4QTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5kDFpGAAACcklEQVR42qRTTUwTQRT+djttKS3QwsK2YOtPRSQYRSIHiAkaYzQcTEg8GA/+Xo2IJhpNuHnWICbGEGMMxsSDB2K8aWLUeAEipBpEVAKFNhWl2+12we7POLtQpOHIl7w3+97M983Mm7ccpRSbAbEcx3F28PFS3dtApS4yyVdCjfa01GuEZYk0SGnSu5Tj50yTO9N6NzFaIFubc7ZjAiNXQ9HKav1rTTBvi5omkJVd0IxSuEkWvnIDyTl3SpYcHQfuJCcLAnxBzemkp6rFFXJKbkBauInA6RFErvyAt+sd/vh7QMpCYm0436c8ruCw/hgW0g/9g2yCfrvfSfOKRC1MvHhEJ4eeUG1JtePlxQSd6j9C2breNa7lWKLNIsfv7aJLC3FawNDZDvrseNQe5bmfdi4785km+iMGW9+4/go9tmJlO0qELRsqreWyMA3D/vZFmqB5my1e99orMBy2HO8VioihloPIKxnsu3AdvmD4/wRlJeDQuV5A0HUOanwMpq6DJyvp1su3iwSz8Qkk3zwA+TWMD18qwsfOrQqMD/v+Lv52utsOjeJ7Xzv48u1sFx5UU0D1HKCzMZ+Bh6Qh+jWQIAVxONW1E+Ryjvmm5twOQig0aRZ1ZVNIzHsQ3qqCZ7dVsg7MpGqx7BFAzQXEPvmwZ79iN5RdRDGUPxmo0uT3r/1QZAecLgpDPIHxWD2mp0qQSRMIu/dCYD0qiBoTAU0lXAN2Fxc6cfRaqGt2uuR5faPq3LZzGYpaCq9HBcdteJR0Kunqjt5aGCxqZQtjN4JlVdXaxUCVfpSFLcyCqySJWYzZS2YDvvMZqehf2Ax4bBL/BBgARXQuxtPVlmEAAAAASUVORK5CYII=);
}
.live-tag-zhanqi:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRGOEI4OUJDRTU0RjExRTc4ODU1QTZDNkEzRDExQkZGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRGOEI4OUJERTU0RjExRTc4ODU1QTZDNkEzRDExQkZGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REY4Qjg5QkFFNTRGMTFFNzg4NTVBNkM2QTNEMTFCRkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REY4Qjg5QkJFNTRGMTFFNzg4NTVBNkM2QTNEMTFCRkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz40aWi6AAACdUlEQVR42qRTTWgTQRh9m2SzTVKzTZuY1hhDkv6mkNamLW2xKAhCD+JFEX/wIB6kCh5UxLt48epBPQgqCHpSaNWKUkpRW7H2HxVrbGvbNLHJ5m832SSbdVKMpKbioQ8efN/Mm2/efDNDybKMrUBVmARWA/lQP9bfd93W2jVSUWW1fHw36mGH+g4zx070kLmBvMjT5tlYQKvT5kMxvew/qztgOadWq+Bub0esvhGhgL+22eMaKFxDFR5BFKU/8Q9fmNNqSsrCsTQEIQVkJQT90cnubmcnmU6sb6hVbXRQALV3kdcluSnQyiyY5Coyn2YQqj/qjiUlY67+/wqk/MHomEZOdZjsNjTttCNe58C4Xxms0NOBQqGiMIkRq3n27HNesVaZoi4zBSEWweDXOBg6uygkJZFSUMix6BbSWQrmciafjt58vSw+fCbCWb8d85FS7Dcod5PxLsK3mzrI4dbzBdIvGW9GVs6PB2TTqZN74XDaMPFtDUscT31f4O4Rme6fBX5DeX/Ye3lPkwHlpfK6MzWlgEzRCEd+Vi/5+GuZTLb4CAR2wt7+Vx/o5aG75ozVghfSHL5ItRAZBj4uAYc+jVBY6K00aW4Q7coGB9PzK8fnQquX7oxGLjCsQ3I32NDTZoRDzUOTjKNSJSD3buI8r4jG011FDhp2sE8eDC1cXAonDfNeWjnBUXg67INgMqDFzWJaZGEjD4pWUVPaEtXnzXowe/VQ80EpmIh7LMaRbLmOV7a60NlRg8wah2o6LJiMZS9dNZWniXamyAFbuo0Qk2VGfSyg19WdabE+atjFztqMJe9dRxqnbz8ejPzdbWqr3/mXAAMA/535ff3Uh1UAAAAASUVORK5CYII=);
}
.live-tag-egame:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA0OEVGMERDRTU1MDExRTc5MDA1ODUwMERCMzhERThCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA0OEVGMERERTU1MDExRTc5MDA1ODUwMERCMzhERThCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4RUYwREFFNTUwMTFFNzkwMDU4NTAwREIzOERFOEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDQ4RUYwREJFNTUwMTFFNzkwMDU4NTAwREIzOERFOEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7UuBi+AAABb0lEQVR42sRTTU/CQBB9M9tCCxSLYIPiAYNB4w/w4tHf5cU/5NWDf8CbQU2MB03lIwommBAI1tJ1WbQJWkgMByfZ7GQy896b2VmSUmIVY6xoxrczuDtBv/Om/c1yDk8P/tSVUaRDVNuvxkVjVZapn84D/DRvw9V3GMo/tzCtkIGitjJ55F0XkuP4cgB33dFymbUw+dpro/vSmrUyEZie4WjBDL4YqOAQGpcXyNoWikVPBSV6fhP+/Tt2Dw4BMxvnzgHkTMZgPNEyvWIJYUQ4O2/AMASOj2pwHBm3kaaEFkbDDxgmIZVx4SrmR/8ZjdsOrq5baLa6KJTKMO01CJUTBpPEGZBgRhBGYCa0O31kLQN2SmifBWMchBCs6enXDNIqcTYJpZLUO1sMQwGSorCVZqliQhBYd0+JQ4yR2bDkznYOtjUDrajFYpGeY14EEANtVevq+W8UGaFc3UssXrqJ0wLHq0jMdoIWJv37b/wUYAAvGGmzhCGyuwAAAABJRU5ErkJggg==);
}
.live-tag-yy:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXJJREFUeNqkk71KA1EQhc81aUSNGv8SX0AIiELewMoHsAhiY6uVNhaCiJJCLay2sVNQEEEUFSRgJQTRTgttBItUMdFEEPOHx9ndm+y6GEzIwMfduTvn3GF3riKJlsI0YBk+IS7kBNalZJET4oLPOlwbxD1FDkUPhRpxU6ssl5LKSTPdTlveNv/M82hnj21QVGxQ9DvvoLINvhSbONmJzqrBp+LCEjATA6Lj9rvdfaBckeYKQF8QiE3Z+8kb4OQC2FyTJEBlf8QP8GgPHA6DqSfw6gwc6Acf78D7JBjsBa8vwZcHMBwCTw9E9m5Kq38hL0sOXF8GRyO2OHGsi4TzQzA0CEZGwI1V2ctqagZm4RuYfQYDXaCx5SoSKmkwOgbOTkue0by6DXThzja4OOcpEm4T4OQEWExJnnZRm4OMYpMzYMcQld96+JahqA7SfwbuQZJo0waGAAvqtV7uYJhSv3Zc0a7zDXRinmxYGgnV6nX+EWAAmvpUgVqFHX8AAAAASUVORK5CYII=);
}
/* @import "ani-test.scss";  */
/*动画测试*/
.is-transitional .tui-fr-header {
  margin: 0;
}
.is-transitional .tui-fr-header > .tui-fr-container::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: -webkit-linear-gradient(left, transparent 0, rgba(112, 178, 235, 0.3) 50%, transparent 100%);
  position: absolute;
  left: 0;
  bottom: 0;
}
.is-transitional .main-nav > li.cur::before {
  content: "";
  display: block;
  width: 133px;
  height: 53px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIUAAAA1CAYAAABvEChJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc4ODlCMTRGNzY1RjExRTdBNDBDQUZENDM2Q0FFQUQzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc4ODlCMTUwNzY1RjExRTdBNDBDQUZENDM2Q0FFQUQzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Nzg4OUIxNEQ3NjVGMTFFN0E0MENBRkQ0MzZDQUVBRDMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Nzg4OUIxNEU3NjVGMTFFN0E0MENBRkQ0MzZDQUVBRDMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4MAO2SAAAGU0lEQVR42uydzY7cRBDHu3p7N6/ARyTEkXseALgFJMRbcOdCHgEOgYBW4shDcIjEIRx4B7gRIJyAF8gmTNEjtaWm0131r3bb6/GupZI9Hns8dv36Xx/27NLznz9zO50oGnfu5zr3Pbnp4p3PX1nndwxEbR0Vy1R5bwKifP/GTGGHEDAAR+s1getc5Xi7URi/AxAIUImlv0crVNGtUiyfH9CGL/puQs1ec4qtAX1SoIQTuKBuJyPwZHKOsHEQ9l4Z8S0U1wMCgVVJWY66FZxHlWPyTYZiiYvQSkgt4BEwukd/d7pVivG5wpq5h3YsHgT2bU6xs7xjrmOvNZT4E3LoiD4ArVAujuxX0N6VggY5ce5xaNB34xnfhbesGmEFEHgQEFsbUXPyiZ7wshoc4UQUYgQwPAMeBh25i5tiYUMgjAoPI0OElifwDDh6AVq8h3IqzSsaCODI/EHrTlrg6HEwn4JS0EowjICEKmHBegtc65KyMLprx7KqxyLhKlwDEEjySQMhQUKKpfnFRqXgzsFgrVB4a1CMUgjqcOgSiarUytae8rKMflJC07WAEQbAwIPgoRmQ0IDR2KpSJOknMFQgMFmBWgyMMEAdaAFl0BxPgPNQMMh4YZHwpzl9SWfPzjPWaF7N2UcDgwCQrP2J3tDSUhpW1MmqGqjDu1UjrOhsq9zTDFg0NdDKQgKAQEtGUlRicw2vsEEYpNBExmVtHTeWe4Fg135wpgYDohpz77byUlDM6dVbtqGFlyUF0TqFlmvAAHQMgDEqhPMSUFhkEw0NbOgZWJxvCS1owkaAE2tVSe080SpFCi+Lhpyw4KhHqhbqAIPA0Y7kIAwqBJLdt8DRjkOd4cWiAia12MpdUgsMPdvO6W9II1i70NxIYlkII3TdYIRBTkduGPUkhiSoSw8s1tLTdY5ga3WCQjIXjCFKQeCJzW1YkRJerFCgMGrlp1RVSHMEAG0/awscfd6D11AKSw8BSRBbTh4BBpJ0am3pPLFsORZ1KNIyl5plvX9/g3uhGPGso+Vn/poq9C5LDSwCm0gsjPbWOmdIOqWQZSlhh1QlYaEmVW8VoqmDBAC5/lCChA9JJVCHcWdSKlU/vT0ktkAx6lG6OeUlKY7XgNDgGAVFuXyoqIXmBE0NWmHHzQBQ3CYMcL41tKDSr0FhgcSSV7AQOlpATHZWAYOBBhaDvRMpx1iseTX6gVsCc4hp2RsgmKsczqgUCBScziF34qE4/wOQe2gJKDLyu9VixC/EpBAg5RCleSMEvrCzZL4yl9bVzIPLmlHjdQ1eJ6icA3IrtPL733T1ywOSoOh9IAXtUGpVQXmiyAWXtjtTHG8BwleWLWZRO62SGl4MlGCEQQrhQIVwhooBVRNvDC3Sd6zFfilsHBohJH/fZSGFi3CCVCK1fGJuo2uV5pUl2ayNDF9RiZrjvQBE/hleqWZaCaeUZNaMKhCwANB0rigYDqxMEGjgxDS4ZX74O6Kq8B1QUAMSrSKRqg2nKEEJySF7zwvLB/BaSzfKtDu2yO0IZ000yemPs6H3GUhRDRSIVs7ghaQQyR+kbTz4OV7IP6hxHj3VVU8OSGhe4YEumxUC5HlJAkKFBIQXKgnNgSGbh2z9m9G+jXZX2a51HAkGqQLxDk8+0ftFTlAQFQw/uKWNhA00jHiwCvEGGN6I9lWa5+snIO41wDhuf5m2k1RCq05IKU2RPGzkL/K7w4frDA/OcJKoMnil/yDZ69EeJseeF6Bcpvddml9mYOTgPErbeyV8SGrR05NByv5Rz5Es8ueNCCw/kUrDK6HjTAkd+Uj/Ir3/INrfGRDfZEC4DIyvEwjH7f6J9mn6rC8zpdHgGAGJU+4JDZ2OISR05BTTlF+EULHzzC6y+bR8J3t9Uby+05hfVPY7r8zPs++Q5wQfR/spO4cn0V5rnN8RjE+ivZ+t+yva99G+i/Yy2r9p/iKbH+2qMp/seWW5NS+Xryqf+aI4/svMpu93SMuvTLX/90HMPJcsdwLT3eTMIyQfRvs9rX8r2o/R3q7s81u0d4ttH6eL+0G0Z1s4sZpTl84p9jL9Ge2jpHyPk4Ndcvh70Z4CQPyQ9t8MEEtNN+mv+D9LDn1ahMUSjBKIKYz+Gu3+3oG4aVBMYBzDxx/F+gmMJxUgXNr+fmW/XU7/CTAAYfj9OUfn2SkAAAAASUVORK5CYII=);
  position: absolute;
  left: 50%;
  bottom: -18px;
  margin-left: -66px;
}
.is-transitional .tui-fr-header {
  background: -webkit-linear-gradient(left, transparent 0, rgba(0, 0, 0, 0.25) 50%, transparent 100%);
}
.is-transitional .main-nav > li.cur > a,
.is-transitional .main-nav > li > a:hover {
  color: #f9d677;
}
.is-transitional .iframe-body > .scroll-inner > .tui-fr-container::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: -webkit-linear-gradient(left, transparent 0%, #70b2eb 50%, transparent 100%);
  position: absolute;
  left: 0;
  top: 0;
}
.is-transitional .tui-fr-wrap > .iframe-box {
  top: 64px;
}
.is-transitional .tui-nav-dropdown .tui-fr-container {
  width: 1000px;
}
.is-transitional .tui-nav-dropdown .tui-fr-container::after {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 0;
}
.is-transitional .tui-nav-dropdown .sub-nav a {
  color: #c1c1c1;
  font-size: 12px;
}
.is-transitional .tui-nav-dropdown .sub-nav .cur,
.is-transitional .tui-nav-dropdown .sub-nav a:hover {
  color: #f9d677;
}
.is-transitional .tui-nav-dropdown .sub-nav a::after {
  display: none;
}
.is-transitional .main-nav > li > a {
  color: #c1c1c1;
}
.is-transitional .tui-fr-header.act-entrance .search--simple {
  width: 156px;
}
.is-transitional .search--simple .search-input {
  background: none;
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.is-transitional .search-input {
  display: block;
  padding: 0 37px 0 12px;
  width: 100%;
  font-size: 12px;
  line-height: 26px;
  border-radius: 14px;
  cursor: text;
  color: rgba(255, 255, 255, 0.6);
  color: var(--color-text-2);
  border: 1px solid transparent;
}
.is-transitional .search-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.is-transitional .search--simple .search-submit {
  display: block;
  text-indent: -2000em;
  overflow: hidden;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 32px;
  height: 28px;
  background: rgba(232, 232, 232, 0.2);
  color: rgba(255, 255, 255, 0.8);
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
}
.is-transitional .search--simple .search-submit::before {
  display: none;
}
.is-transitional .search--simple .search-submit::after {
  content: "";
  width: auto;
  height: auto;
  margin: auto;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-mask-position: 8px 6px;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAMAAAD+iNU2AAAAXVBMVEUAAADBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcE5Kkh9AAAAHnRSTlMAa5yScC/eeU0L6+XWyoZWQigF+fHqqqSHZ186IR+yn3hRAAAAdUlEQVQI12WPyRLDIAzFTIAA2ZPum/7/M1vjaXOoLponhoPlw7a4sGzyJbcA/SzGDQbvBwh1rgeS2kFUNzRS8VxUrWblyUl1pIgB9r7afNHZf2974qyK4NR3eNQeYLxOI9orcw/QNb9Qckq5iLOw8x/shp0obxy7B43qLmoSAAAAAElFTkSuQmCC);
  -webkit-mask-repeat: no-repeat;
  background: rgba(193, 193, 193, 0.5);
}
.is-transitional .search--simple .search-submit:hover::after {
  background: #c5c5c5;
}
.is-transitional .iframe-body > .scroll-inner > .tui-fr-container {
  border-radius: 0;
}
.is-transitional .search--simple .search-change-dropdown {
  padding: 0;
}
.is-transitional .search--simple .search-change-option {
  padding: 0 18px;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  min-width: auto;
}
.is-transitional .search--simple .search-change-optionlist > li {
  color: rgba(0, 0, 0, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0;
}
.is-transitional .search--simple .search-change-optionlist > li:last-child {
  border-bottom: none;
}
.is-transitional .search--simple .search-change-optionlist > li:hover {
  background: #404040;
}
.is-transitional .search--simple .search-change-dropdown {
  background-color: rgba(19, 12, 4, 0.8);
  border-radius: 6px;
  overflow: hidden;
}
.is-transitional .search--simple .search-change-optionlist > li.cur,
.is-transitional .search--simple .search-change-optionlist > li.cur:hover {
  background-color: #7eb5d6;
  background-color: var(--lol-blue4);
}
@font-face {
  font-family: "fztysj";
  src: url("https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/fzty-CX7cc7Ys.TTF");
  src: url("https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assets/fzty-CX7cc7Ys.TTF") format("truetype");
}
.we-tooltips-cont p {
  color: #fff;
}
.faq-qrcode-popup {
  font-size: 12px;
}
.faq-qrcode-popup img {
  width: 120px;
  height: 120px;
  display: block;
  margin: 4px auto 8px auto;
}
.gonext.info-tips,
.panel-hdinfos .panel-hdinfos-more-link-text.info-tips {
  display: inline-flex;
  align-items: center;
  cursor: default;
  color: var(--color-text-1);
  text-decoration: none;
  border-bottom: none;
}
.gonext.info-tips::after,
.panel-hdinfos .panel-hdinfos-more-link-text.info-tips::after {
  content: "";
  position: static;
  transform: none;
  width: 16px;
  height: 16px;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAABHNCSVQICAgIfAhkiAAAA9FJREFUWEetmDtMFEEYxzlenXJWFhYelRYmQGHNXnhIY0QbSzFaC0RLIxATKx9orRFKGz075JE7ChotgMSYWHE2xhJioIAA/v6bmWNYdnf2OCeZ7N7ON9/85/89Zr7LNdXRBgcHhw8PD28wpUDP53K5bk3n2xqPTXqV99Li4uLnOtSGojnfhKGhocL+/v4EcsMsnPfJG2ACVdrb2xuvVCp697ZUIDAwyQ5HHQDrWuDg4KDCt82FhQUx0TQwMNCNXL65uTkQYHqXBYTc9Pz8/JQPSSyQIAjybW1tZUs9SmZZZHJubq7qU6hxsQjYaV5lxtB0sFNMY+cEEO2OuQKRR8Ev+gg2r2QBEJXp7+8P0DNDv4gemahoWYzKHgNimNgwpljf3d0Nsto4Cah0tre3ayNdAgMznXE6a0Ai5ljHrmFE/K+Gv8mfBGYNVnoSGZFjMjghc4C6u1EmoguZja7JTIxNsVGtV2shIyZEV2USnKyY5hN9fX1XcdzbTLuG/BXjjN95fqG/ZLe/k1iUzzC3HGeiEAhszPC4Q58F6UiSIuQkI9m0dhMdpRQdGlM0HVsrBEKkbLK7DtB2poUoQB4g/toDROF6IYkZE9obYgWZc1ZXTmmbH5/oXge1QFDyAhN+kJKWlpYz/H7CRnodgCOwMpvCSui49Bp7AmLNcsKBoopkGtL9j6WlpW/umPwGQF+db6MAeZMCZJIxBcZrWBmTXA6zKF33+pw0zRz1AnGcdhkgQQjEie+epKzn8wl0PEbmqZUj/C+Xy+WfSfOUvdn8qptTBORQE6DSexLHKY5GEsrfsaH7GcAfW7chIOzsOTt7aBcFxPLOzs71lZWVv6cBYlNvXaaJhrKYAMR4FhDWNG6kntpZUfYHNs5r5wpnzPHIx4IdT3LWMHyJmnFSu+4Q3haNku3t7bNZmLCKnXPtKHxtQks6FeNQRYHU6+g2UtF9lNC0UNYU76Uqg4CT4rcwZ+0OXNehZ9cpFouXWltbn+Ejt2DyI046ktU0sJF86Jm7QlUHX5YMC4Nvkb3nEJB6tsQ46RZJr+DeeWpJzDoQk6pcEXvSLkanAWKujKvoL9DjL0aON6de5xoxjeOgsad83OU5NFGWEiCDbza5d2F0njCJ1ZFUTuhE7pCZ8Jm7jZQTXLbeyxwCwTPIVE5YdG4JYL6VUDheZ4H1irm6dKl5S5MsJeeYYSes2Hgv8aygXHmgVnLyu4OxgDHVyLY43zIl56TPjN6j37AzbRaQubxNZhBgom8sa1niBeKuao4D/TVRMNVgWGyLelNSirFK2i0+aRf/AKhgoT9ynp24AAAAAElFTkSuQmCC);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  background-color: var(--color-text-1);
  margin: -1px 0 0 4px;
}
.gonext.info-tips:hover,
.panel-hdinfos .panel-hdinfos-more-link-text.info-tips:hover {
  color: var(--color-brand1);
}
.gonext.info-tips:hover::after,
.panel-hdinfos .panel-hdinfos-more-link-text.info-tips:hover::after {
  background-color: var(--color-brand1);
}
.qrcode-tips {
  width: 120px;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.button-local-file {
  padding: 0px 12px;
  display: inline-block;
  clip-path: polygon(13% 0, 100% 0, 100% 75%, 88% 100%, 0 100%, 0 28%);
  font-size: 12px;
  color: #fff;
  background-color: var(--color-brand1);
  cursor: pointer;
  margin: 0 0 0 8px;
  transition: filter 0.2s linear;
  line-height: 22px;
}
.button-local-file:hover {
  filter: brightness(1.12);
}