*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

html,
body {
  background-color: #161823;
  width: 100%;
  min-height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a,
input,
button,
input:focus,
textarea,
textarea:focus {
  outline: none !important;
  -webkit-appearance: none;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

input {
  -webkit-user-select: auto !important;
  caret-color: #face15;
}

li,
ul {
  list-style: none;
}

i {
  font-style: normal;
}

button,
input {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-weight: bold;
}

.iconfont {
  font-weight: normal;
}

.el-input__inner {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.15);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.el-input__inner:hover {
  color: #fff;
  border-color: #2997ff;
}

.el-input__inner:focus {
  border-color: #2997ff;
  border-width: 2px;
}

.flex_placeholder {
  flex: 1;
}

.TextR {
  text-align: right;
}

.TextE1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.TextE2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
}

.TextE3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
}

::selection {
  background: #fe2270;
  color: #fff;
}

::-moz-selection {
  background: #fe2270;
  color: #fff;
}

::-webkit-selection {
  background: #fe2270;
  color: #fff;
}

.el-aside::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  -webkit-appearance: none;
  background: transparent;
}

.ui_click {
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
  transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
}

.ui_click:active {
  transform: scale(0.96);
  -webkit-transform: scale(0.96);
  -webkit-filter: brightness(0.88);
  filter: brightness(0.88);
}

/*自定义容器滚动条整体样式*/

::-webkit-scrollbar {
  width: 8px;
  height: 100%;
  padding: 5px 0px;
}

/*滚动条里面小方块*/

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.15);
}

/*滚动条里面轨道*/

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
  border-radius: 10px;
  background: rgba(28, 31, 42, 0);
  margin: 10px 0px;
}

/*渐变样式集合*/

.gradient_bule {
  background-image: -webkit-linear-gradient(45deg, #1d6dff 0%, #0dafff 100%);
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.gradient_bule:hover {
  background-image: -webkit-linear-gradient(45deg, #1d6dff 0%, #0dafff 50%);
}

.gradient_bule_text {
  background-image: -webkit-linear-gradient(45deg, #1d6dff 0%, #0dafff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient_green {
  background-image: -webkit-linear-gradient(45deg, #269696 0%, #25ed67 100%);
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.gradient_green:hover {
  background-image: -webkit-linear-gradient(45deg, #269696 0%, #25ed67 50%);
}

.gradient_green_text {
  background-image: -webkit-linear-gradient(45deg, #269696 0%, #25ed67 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient_cyan_text {
  background-image: -webkit-linear-gradient(45deg, #16c9c3 0%, #1996c2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient_green_round {
  background-image: -webkit-linear-gradient(45deg, rgba(37, 237, 103, 0.2) 0%, rgba(37, 237, 103, 0.2) 100%);
}

.gradient_yellow {
  background-image: -webkit-linear-gradient(45deg, #fc8c63 0%, #fbcb6f 100%);
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.gradient_yellow:hover {
  background-image: -webkit-linear-gradient(45deg, #fc8c63 0%, #fbcb6f 50%);
}

.gradient_yellow_text {
  background-image: -webkit-linear-gradient(45deg, #fc8c63 0%, #fbcb6f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient_red {
  background-image: -webkit-linear-gradient(45deg, #fe2270 0%, #ff588f 100%);
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.gradient_red:hover {
  background-image: -webkit-linear-gradient(45deg, #fe2270 0%, #ff588f 50%);
}

.gradient_red_text {
  background-image: -webkit-linear-gradient(45deg, #fe2270 0%, #ff588f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient_cyan {
  background-image: -webkit-linear-gradient(45deg, rgb(96, 130, 255) 0%, rgb(122, 214, 253) 100%);
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.gradient_cyan:hover {
  background-image: -webkit-linear-gradient(45deg, rgb(96, 130, 255) 0%, rgb(122, 214, 253) 50%);
}

.gradient_cyan_text {
  background-image: -webkit-linear-gradient(45deg, rgb(96, 130, 255) 0%, rgb(122, 214, 253) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient_purple {
  background-image: -webkit-linear-gradient(45deg, rgb(94, 58, 177) 0%, rgb(190, 104, 216) 100%);
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.gradient_purple:hover {
  background-image: -webkit-linear-gradient(45deg, rgb(94, 58, 177) 0%, rgb(190, 104, 216) 50%);
}

.gradient_purple_round {
  background-image: -webkit-linear-gradient(45deg, rgb(94, 58, 177, 0.2) 0%, rgb(190, 104, 216, 0.2) 100%);
}

.gradient_purple_text {
  background-image: -webkit-linear-gradient(45deg, rgb(94, 58, 177) 0%, rgb(190, 104, 216) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient_sky {
  background-image: -webkit-linear-gradient(45deg, rgb(25, 150, 194) 0%, rgb(22, 201, 195) 100%);
}

.gradient_sky_round {
  background-image: -webkit-linear-gradient(45deg, rgba(25, 150, 194, 0.2) 0%, rgba(22, 201, 195, 0.2) 100%);
}

.gradient_sky_text {
  background-image: -webkit-linear-gradient(45deg, rgb(25, 150, 194) 0%, rgb(22, 201, 195) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient_pink {
  background-image: -webkit-linear-gradient(45deg, rgb(244, 74, 141) 0%, rgb(231, 167, 136) 100%);
}

.gradient_pink_round {
  background-image: -webkit-linear-gradient(45deg, rgba(244, 74, 141, 0.2) 0%, rgba(231, 167, 136, 0.2) 100%);
}

.gradient_pink_text {
  background-image: -webkit-linear-gradient(45deg, rgb(244, 74, 141) 0%, rgb(231, 167, 136) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient_grass {
  background-image: -webkit-linear-gradient(45deg, rgb(105, 169, 57) 0%, rgb(145, 230, 27) 100%);
}

.gradient_grass_round {
  background-image: -webkit-linear-gradient(45deg, rgba(105, 169, 57, 0.2) 0%, rgba(145, 230, 27, 0.2) 100%);
}

.gradient_grass_text {
  background-image: -webkit-linear-gradient(45deg, rgb(105, 169, 57) 0%, rgb(145, 230, 27) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient_orange {
  background-image: -webkit-linear-gradient(45deg, rgb(252, 126, 96) 0%, rgb(251, 210, 112) 100%);
}

.gradient_orange_round {
  background-image: -webkit-linear-gradient(45deg, rgba(252, 126, 96, 0.2) 0%, rgba(251, 210, 112, 0.2) 100%);
}

.gradient_orange_text {
  background-image: -webkit-linear-gradient(45deg, rgb(252, 126, 96) 0%, rgb(251, 210, 112) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient_violet {
  background-image: -webkit-linear-gradient(45deg, rgb(218, 60, 204) 0%, rgb(125, 189, 243) 100%);
}

.gradient_violet_round {
  background-image: -webkit-linear-gradient(45deg, rgba(218, 60, 204, 0.2) 0%, rgba(125, 189, 243, 0.2) 100%);
}

.gradient_violet_text {
  background-image: -webkit-linear-gradient(45deg, rgb(218, 60, 204) 0%, rgb(125, 189, 243) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient_ocean {
  background-image: -webkit-linear-gradient(45deg, rgb(41, 143, 220) 0%, rgb(100, 217, 253) 100%);
}

.gradient_ocean_round {
  background-image: -webkit-linear-gradient(45deg, rgba(41, 143, 220, 0.2) 0%, rgba(100, 217, 253, 0.2) 100%);
}

.gradient_ocean_text {
  background-image: -webkit-linear-gradient(45deg, rgb(41, 143, 220) 0%, rgb(100, 217, 253) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient_button {
  border: none;
}

.gradient_button:active {
  -webkit-filter: brightness(0.66);
  filter: brightness(0.66);
}

.el-button--small {
  font-size: 14px !important;
}

.button_big {
  padding: 15px 20px;
  min-width: 150px;
  font-size: 16px;
}

.button_normal {
  padding: 11px 19px;
}

.button_general,
.button_general:focus,
.button_general:visited {
  background-color: #2c313d;
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  color: rgba(255, 255, 255, 0.8);
}

.button_general:hover {
  color: #fff;
  -webkit-filter: brightness(1.3);
  filter: brightness(1.3);
}

.button_general:active {
  opacity: 0.5;
}

.button_help {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  padding: 0px 0px;
  margin: 12px 0px 12px 10px;
}

.button_help i {
  font-size: 12px;
  margin-right: 5px;
}

.button_help:hover,
.button_help:focus {
  color: rgba(255, 255, 255, 1);
}

.dialog_bottom_button {
  display: block;
  margin: 30px auto 10px;
  width: 100%;
  text-align: center;
}

.tag_yellow {
  border: 2px solid rgba(255, 178, 45, 0.5);
  background-color: rgba(255, 178, 45, 0.102);
  border-radius: 12px;
  height: 24px;
  line-height: 20px;
  padding: 0px 5px;
  color: #face15;
  font-size: 13px;
  margin: 3px 2px;
  display: inline-block;
  text-align: center;
  position: relative;
}

.tag_blue {
  border: 2px solid rgba(13, 175, 255, 0.5);
  background-color: rgba(13, 175, 255, 0.102);
  border-radius: 12px;
  height: 24px;
  line-height: 20px;
  padding: 0px 5px;
  color: #0dafff;
  font-size: 13px;
  margin: 3px 2px;
  display: inline-block;
  text-align: center;
  position: relative;
}

.tag_white {
  border: 2px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  height: 24px;
  line-height: 20px;
  padding: 0px 5px;
  color: #fff;
  font-size: 13px;
  margin: 3px 2px;
  display: inline-block;
  text-align: center;
  position: relative;
}

.tag_big {
  border-radius: 18px;
  height: 32px;
  line-height: 28px;
  padding: 0px 10px;
  min-width: 60px;
  font-size: 14px;
  border-width: 2px;
  text-align: center;
  display: inline-block;
  margin: 0px 5px;
  position: relative;
}

.arrow_down {
  border: 2px solid rgba(37, 237, 103, 0.4);
  background-color: rgba(37, 237, 103, 0.102);
  border-radius: 12px;
  height: 22px;
  line-height: 18px;
  padding: 0px 5px;
  color: #25ed67;
  font-size: 12px;
  margin: 0px 2px;
}

.arrow_up {
  border: 2px solid rgba(254, 34, 112, 0.4);
  background-color: rgba(254, 34, 112, 0.102);
  border-radius: 12px;
  height: 22px;
  line-height: 18px;
  padding: 0px 5px;
  color: #fe2270;
  font-size: 12px;
  margin: 0px 2px;
}

.arrow_up i,
.arrow_down i {
  font-size: 12px;
  margin-right: 1px;
}

.arrow_small_up {
  display: inline-block;
  border: 2px solid rgba(254, 34, 112, 0.4);
  background-color: rgba(254, 34, 112, 0.102);
  border-radius: 12px;
  width: 20px;
  height: 14px;
  line-height: 8.5px;
  padding: 0px 1px;
  color: #fe2270;
  font-size: 12px;
  margin: 0px 2px;
}

.arrow_small_down {
  display: inline-block;
  border: 2px solid rgba(37, 237, 103, 0.4);
  background-color: rgba(37, 237, 103, 0.102);
  border-radius: 12px;
  width: 20px;
  height: 14px;
  line-height: 8.5px;
  padding: 0px 1px;
  color: #fe2270;
  font-size: 12px;
  margin: 0px 2px;
}

.dcc-backtop {
  color: #fff;
  font-size: 24px;
  text-shadow: 1.5px 1.5px 0px #fe2270;
  filter: drop-shadow(-1px -1px 0 #24f6f0) contrast(150%) brightness(110%);
}

.el-backtop:hover .dcc-backtop {
  color: #000;
}

.modal_search_warp {
  margin: 0px 0px 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.03);
}

.modal_search {
  margin-top: 0px;
}

.modal_search_help {
  font-size: 13px;
  width: 100%;
  text-align: left;
}

.dcc-recovery {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.dcc-recovery:hover {
  color: #fff;
}

.dcc-recovery:active {
  opacity: 0.5;
}

.recovery_icon {
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
  padding: 0px;
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  top: 3px;
  border: none;
}

.recovery_icon_rotate {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  padding: 0px;
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  top: 1px;
  border: none;
}

.home_header {
  width: 100%;
  height: 60px;
  line-height: 60px;
  z-index: 100;
  position: fixed;
  top: 0px;
  left: 0px;
  display: flex;
  z-index: 10;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  /* background: #161823; */
  z-index: 2000;
}

.home_header_main {
  width: 1200px;
  margin: 0px auto;
  position: relative;
  text-align: left;
}

.home_header_logo {
  width: 125px;
  height: 30px;
  margin: 15px 40px 15px 0px;
}

.home_header_button_group {
  display: flex;
  height: 60px;
  line-height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0px 25px;
  align-items: center;
}

.home_header_button {
  margin: 0px 0px !important;
  padding: 0px 15px;
  position: relative;
  height: 59px;
  color: rgba(255, 255, 255, 1);
  border-radius: 0px;
}

.home_header_button:focus,
.header_button:visited {
  color: rgba(255, 255, 255, 0.6);
}

.home_header_button:hover {
  color: #2997ff;
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.home_wrapper {
  width: 100%;
  text-align: center;
  position: relative;
  padding: 0px 0px 20px;
  overflow: hidden;
  overflow-y: auto;
}

.home_base {
  width: 100%;
  background-color: #161823;
  background-image: url(../assets/img/home_base.png);
  background-size: 1920px 480px;
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  overflow: hidden;
}

.home_base_main {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  text-align: left;
  padding-top: 150px;
  background-color: rgba(0, 0, 0, 0);
}

.home_land_text {
  display: block;
  height: 70px;
}

.home_search_input {
  width: 640px;
  height: 50px;
  border-radius: 7px;
  overflow: hidden;
  margin: 30px 0px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border: 2px solid transparent;
}

.home_search_input:hover {
  box-shadow: 0px 0px 20px rgba(41, 151, 255, 0.6) !important;
  border: 2px solid #2997ff;
  background-color: #2297ff;
}

.home_search_input input {
  height: 50px;
  background: #fff;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  border-width: 0px !important;
  overflow: hidden;
}

.home_search_input input:hover {
  color: #333;
}

.home_search_select {
  width: 100px;
  background: #fff;
  font-size: 16px;
  color: #333;
  border-right: 1px solid #e4e4e4;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.home_search_button {
  width: 120px;
}

.home_search_button span {
  font-size: 16px;
  font-weight: bold;
}

.home_guance_title {
  display: block;
  width: 200px;
  height: 60px;
  border-radius: 10px;
  background: rgba(59, 64, 78, 0.4);
  padding: 6px 8px;
  margin: 30px 0px 0px;
}

.home_guance_title img {
  width: 180px;
}

.home_guance_title span {
  display: block;
  font-size: 14px;
  color: #999;
  position: relative;
  top: -5px;
}

.home_data_list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 270px));
  gap: 40px;
  justify-content: space-around;
  margin-bottom: 50px;
}

.home_data {
  text-align: center;
  position: relative;
  width: 270px;
  height: 200px;
  padding-top: 30px;
  display: inline-block;
}

.home_data p {
  font-size: 50px;
  font-weight: bold;
  color: #fff;
}

.home_data1 p {
  color: #fe2270;
}

.home_data2 p {
  color: #face15;
}

.home_data3 p {
  color: #0dafff;
}

.home_data4 p {
  color: #25ed67;
}

.home_data span,
.home_data span i {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
}

.home_data span i:hover {
  color: #fff;
}

.home_data img {
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.home_animation {
  position: absolute;
  top: 230px;
  right: 310px;
  -webkit-transform: scale(4) rotate(-15deg) skewX(20deg);
  transform: scale(4) rotate(-15deg) skewX(20deg);
  display: block;
  width: 42px;
  height: 30px;
  background-image: -webkit-linear-gradient(top left, #00daff 0%, #0daeff 100%);
  border-top-left-radius: 8px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 16px;
  animation: dccanimation 2s ease-in-out 0s infinite alternate;
  -webkit-animation: dccanimation 2s ease-in-out 0s infinite alternate;
}

.home_animation::before {
  display: block;
  content: '';
  z-index: 1;
  position: absolute;
  bottom: -1px;
  right: 0px;
  width: 6px;
  height: 8px;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(top left, #00daff 0%, #0daeff 100%);
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -m-transform: rotate(135deg);
}

.home_animation p {
  display: block;
  position: absolute;
  top: 6px;
  left: 6px;
  width: 30px;
  height: 18px;
  border-top-left-radius: 4px;
  border-top-right-radius: 9px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 9px;
  background-color: #161823;
}

.home_animation p span:first-child {
  display: inline-block;
  position: absolute;
  left: 3px;
  bottom: 3px;
  width: 6px;
  height: 9px;
  border-radius: 2.5px;
  background-image: -webkit-linear-gradient(top, #ff2d64 0%, #ff4b7d 100%);
  animation: dccmovehome 0.4s ease-in-out 0s infinite alternate;
  -webkit-animation: dccmovehome 0.4s ease-out 0s infinite alternate;
}

.home_animation p span:nth-child(2) {
  display: inline-block;
  position: absolute;
  left: 12px;
  bottom: 3px;
  width: 6px;
  height: 12px;
  border-radius: 2.5px;
  background-image: -webkit-linear-gradient(top, #ff2d64 0%, #ff4b7d 100%);
  animation: dccmovehome 0.4 ease-in-out 0.4s infinite alternate;
  -webkit-animation: dccmovehome 0.4s ease-out 0.4s infinite alternate;
}

.home_animation p span:nth-child(3) {
  display: inline-block;
  position: absolute;
  left: 21px;
  bottom: 3px;
  width: 6px;
  height: 7px;
  border-radius: 2.5px;
  background-image: -webkit-linear-gradient(top, #ff2d64 0%, #ff4b7d 100%);
  animation: dccmovehome 0.4s ease-in-out 0.6s infinite alternate;
  -webkit-animation: dccmovehome 0.4s ease-out 0.6s infinite alternate;
}

@keyframes dccanimation {
  0% {
    -webkit-filter: brightness(80%);
    filter: brightness(80%);
  }
  25% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
  50% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
  75% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
  100% {
    -webkit-filter: brightness(120%);
    filter: brightness(120%);
  }
}

@-webkit-keyframes dccanimation {
  0% {
    -webkit-filter: brightness(80%);
    filter: brightness(80%);
  }
  25% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
  50% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
  75% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
  100% {
    -webkit-filter: brightness(120%);
    filter: brightness(120%);
  }
}

@keyframes dccmovehome {
  0% {
    height: 5px;
  }
  90% {
    height: 11px;
  }
  100% {
    height: 11px;
  }
  /* from {height:5px;}
to {height: 11px;} */
}

@-webkit-keyframes dccmovehome {
  0% {
    height: 5px;
  }
  90% {
    height: 11px;
  }
  100% {
    height: 11px;
  }
}

.ui_wave {
  width: 100%;
  height: 80px;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.ui_wave_parallax > use {
  animation: move-forever 12s linear infinite;
}

.ui_wave_parallax > use:nth-child(1) {
  animation-delay: -2s;
}

.ui_wave_parallax > use:nth-child(2) {
  animation-delay: -2s;
  animation-duration: 5s;
}

.ui_wave_parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 3s;
}

@keyframes move-forever {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

.home_funtion_warp {
  width: 100%;
  background-color: #f5f7fa;
  text-align: center;
  background-image: url(../assets/img/banner_bottom.png);
  background-size: 1440px 233px;
  background-repeat: no-repeat;
  background-position: bottom center;
  padding-bottom: 86px;
}

.home_funtion_main {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(216px, 216px));
  gap: 30px;
  justify-content: space-around;
  margin: 0 auto;
  width: 1200px;
  position: relative;
  top: -50px;
}

.home_funtion {
  text-align: center;
  position: relative;
  width: 216px;
  height: 240px;
  padding: 130px 10px 15px;
  display: inline-block;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.06);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.dcc-home-icon,
.dcc-home-icons {
  font-size: 90px;
  width: 216px;
  height: 240px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 10px;
  padding: 20px 0px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.dcc-home-icon {
  color: #1d5eff;
  z-index: 100;
}

.dcc-home-icons {
  color: #1d5eff;
  z-index: 100;
}

.dcc-home-icons:hover {
  color: #fe2270 !important;
  -webkit-text-stroke: 1px #fe2270;
}

.home_funtion::before {
  display: block;
  position: absolute;
  right: 60px;
  bottom: 120px;
  background-color: #e0fdff;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  z-index: 1;
  content: '';
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.home_funtion:hover.home_funtion::before {
  background: #fffd54;
  right: 85px;
  bottom: 150px;
}

.home_funtion:hover i {
  font-size: 98px;
}

.home_funtion:hover {
  transform: translateY(-6px);
  box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.12);
}

.home_funtion p {
  font-size: 22px;
  font-weight: bold;
  color: #333;
  margin: 10px auto;
}

.home_funtion span {
  font-size: 13px;
  color: #888;
}

.home_banner {
  width: 1200px;
  margin: 0 auto;
}

.home_banner img {
  width: 100%;
  border-radius: 10px;
}

.el-carousel__arrow {
  border: none;
  outline: 0;
  padding: 0;
  margin: 0;
  height: 36px;
  width: 36px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 50%;
  background-color: rgba(31, 45, 61, 0);
  color: rgba(255, 255, 255, 0);
  position: absolute;
  top: 50%;
  z-index: 10;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  font-size: 12px;
}

.el-carousel__arrow:hover {
  background-color: rgba(31, 45, 61, 0);
}

.home_rank_warp {
  overflow: hidden;
  width: 100%;
  text-align: center;
  background-image: url(../assets/img/star_base.png);
  background-size: 1920px 256px;
  background-repeat: no-repeat;
  background-position: bottom center;
  padding-bottom: 86px;
}

.home_section_title {
  display: block;
  margin: 30px auto 10px;
  width: 100%;
}

.home_section_title p {
  font-size: 50px;
  color: rgba(255, 255, 255, 0.08);
  font-weight: bold;
}

.home_section_title span {
  font-size: 28px;
  color: #fff;
  font-weight: bold;
  position: relative;
  top: -35px;
}

.home_section_title span i {
  font-size: 28px;
  color: #fff;
}

.home_section_titles {
  display: block;
  margin: 40px auto 20px;
  width: 100%;
}

.home_section_titles p {
  font-size: 50px;
  color: rgba(0, 0, 0, 0.1);
  font-weight: bold;
}

.home_section_titles span {
  font-size: 28px;
  color: #333;
  font-weight: bold;
  position: relative;
  top: -35px;
}

.home_section_titles span i {
  font-size: 28px;
  color: #333;
}

.home_rank_base {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 360px));
  gap: 40px;
  justify-content: space-around;
  margin: 0 auto;
  width: 1200px;
  position: relative;
}

.home_rank {
  width: 360px;
  background-color: #242630;
  border-radius: 10px;
  overflow: hidden;
}

.home_rank_full {
  width: 1200px;
  background-color: #242630;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 auto;
}

.home_rank_header {
  width: 100%;
  background: #2b2d3a;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0px 15px;
}

.home_rank_header i {
  font-size: 20px;
  color: #face15;
}

.home_rank_header p {
  font-size: 20px;
  color: #fff;
  flex: 1;
  text-align: left;
}

.home_rank_header span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
}

.home_rank_header_table {
  width: 100%;
  background: #2b2d3a;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0px 15px;
}

.home_rank_header_table span {
  font-size: 14px;
  color: #fff;
  width: 150px;
}

.home_rank_bottom {
  width: 100%;
  background: #2b2d3a;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0px 15px;
}

.home_rank_bottom span {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.6);
  flex: 1;
}

.home_rank_bottom span i {
  font-size: 15px;
}

.home_rank_bottom span:hover {
  color: #fff;
}

.home_rank_bottom span:active {
  opacity: 0.4;
}

.home_rank_list {
  width: 100%;
  height: 90px;
  background: #242630;
  height: 96px;
  display: flex;
  align-items: center;
  padding: 0px 15px;
}

.home_rank_list p {
  min-width: 44px !important;
}

.home_rank_poster {
  min-width: 45px;
  max-width: 45px;
  height: 80px;
  border-radius: 6px;
  margin: 0px 5px 0px 5px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.88);
  display: flex;
  align-items: center;
}

.home_rank_poster img {
  width: 100%;
  object-fit: cover;
}

.home_rank_head {
  min-width: 50px;
  max-width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 0px 5px 0px 5px;
}

.home_rank_goods {
  width: 75px;
  height: 75px;
  border-radius: 6px;
  margin: 0px 5px 0px 15px;
}

.home_rank_data {
  font-size: 18px;
  color: #fff;
  width: 150px;
}

.home_rank_data_price {
  color: #ff5500;
}

.home_rank_data_growth {
  color: #fe2270;
}

.home_rank_new {
  background-color: #fe2270;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  height: 20px;
  line-height: 20px;
  padding: 0px 5px;
}

.home_rank_title {
  font-size: 16px;
  color: #fff;
  text-align: left;
  margin: 0px 5px;
  flex: 1;
}

.home_rank_title:hover {
  color: #0ea8ff;
}

.home_rank_list:hover {
  background-color: #252935;
}

.home_white_warp {
  overflow: hidden;
  width: 100%;
  text-align: center;
  background-color: #f5f7fa;
  padding: 30px 0px 50px;
}

.article_card {
  position: relative;
  margin: 0 auto;
  width: 1200px;
  padding: 20px 40px;
  display: flex;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
  flex-wrap: wrap;
}

.article_list {
  width: 38%;
}

.article_item {
  display: block;
  text-align: left;
  margin: 30px 40px 30px 0px;
}

.article_item p {
  font-size: 16px;
  color: #333;
}

.article_item:hover p {
  color: #2997ff;
}

.article_item:active p {
  opacity: 0.5;
}

.article_item small {
  font-size: 14px;
  color: #b4b4b4;
}

.article_item small i {
  font-size: 14px;
  color: #b4b4b4;
}

.article_card img {
  width: 600px;
  position: absolute;
  top: -160px;
  right: -160px;
}

.article_more {
  width: 100%;
  text-align: left;
  margin-bottom: 15px;
}

.article_more span {
  font-size: 15px;
  color: #666;
  background-color: #eee;
  padding: 7.5px 5px 7.5px 10px;
  border-radius: 20px;
}

.article_more span i {
  font-size: 15px;
}

.article_more span:hover {
  color: #2297ff;
  background-color: #e9e9e9;
}

.article_more span:active {
  opacity: 0.4;
}

.home_comment {
  width: 1280px;
  margin: 0 auto;
  text-align: center;
}

.home_comment_warp {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 10px 0px;
}

.home_comment_base {
  width: calc(50% - 20px);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.home_comment_card {
  background: #fff;
  position: relative;
  border-radius: 20px;
  box-shadow: 0px 50px 30px 0px rgba(0, 0, 0, 0.06);
  height: 200px;
  padding: 20px 30px 20px 120px;
  display: flex;
  align-items: center;
}

.home_comment_card::before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  bottom: -40px;
  left: 45%;
  border-top: 40px solid #fff;
  border-right: 80px solid transparent;
}

.home_comment_card p {
  font-size: 20px;
  color: #333;
  line-height: 36px;
  text-align: left;
}

.home_comment_card i {
  font-size: 60px;
  color: #ddd;
  position: absolute;
  top: 30px;
  left: 30px;
}

.home_comment_user {
  display: flex;
  margin: 50px 0px;
  display: flex;
  align-items: center;
}

.home_comment_user img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-right: 15px;
}

.home_comment_info {
  display: flex;
  flex-direction: column;
}

.home_comment_info p {
  font-size: 27px;
  color: #333;
}

.home_comment_info span {
  font-size: 18px;
  color: #999;
}

.bottom_blue {
  overflow: hidden;
  width: 100%;
  height: 240px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  background-image: url(../assets/img/blue_dot.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 40px 0px;
  display: flex;
  justify-content: center;
}

.bottom_blue_content {
  margin: 0px 80px;
}

.bottom_blue_content p {
  font-size: 50px;
  color: #fff;
  margin: 10px auto;
}

.bottom_blue_content a {
  display: block;
  height: 44px;
  line-height: 40px;
  border: 2px solid #fff;
  font-size: 18px;
  color: #fff;
  border-radius: 45px;
  padding: 0px 10px;
  max-width: 150px;
  margin: 20px auto;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.bottom_blue_content a:hover {
  background-color: #fff;
  color: #2997ff;
}

.bottom_blue_content a:active {
  opacity: 0.4;
}

.bottom_blue img {
  height: 200px;
}

.home_bottom {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  background-image: url(../img/bottom_base.png) !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  padding: 40px 0px 0;
  display: flex;
  justify-content: center;
}

.home_bottom_content {
  width: 1280px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  height: auto !important;
}

.home_bottom_content_logo {
  align-items: center;
  padding-right: 19px;
  height: 105px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.home_bottom_content_logo img {
  width: 162px;
  height: 36px;
  margin: 50px 0px 0px;
}

.home_bottom_content_logo p {
  display: block;
  margin: 12px 0px 0px;
  font-size: 14px;
  color: #a7a7ad;
  line-height: 20px;
}

.home_bottom_content_link {
  display: flex;
  flex-wrap: wrap;
  width: 450px;
  margin: 0px 40px;
}

.home_bottom_content_link p {
  font-size: 18px;
  color: #fff;
  margin-bottom: 20px;
}

.home_bottom_content_link a {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
  display: block;
}

.home_bottom_content_link a:hover {
  color: #fff;
}

.home_bottom_content_link a:active {
  opacity: 0.4;
}

.home_bottom_content_qrcode p {
  font-size: 18px;
  color: #fff;
  margin-bottom: 20px;
  text-align: center;
}

.home_bottom_content_qrcode img {
  width: 100px;
  height: 100px;
  display: block;
  margin: 0 auto 10px;
}

.home_bottom_content_qrcode span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
}

.home_menu {
  display: flex;
  flex-wrap: wrap;
  padding: 8px 15px;
  justify-content: space-between;
}

.home_menu_main {
  width: 100%;
  display: flex;
  margin: 0px 0px;
  margin-bottom: 30px;
}

.home_menu_main a {
  width: 50%;
  text-align: center;
  display: inline-block;
}

.home_menu_main a i {
  font-size: 40px;
}

.home_menu_main a p {
  width: 54px;
  height: 54px;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.05);
  text-align: center;
  padding: 2px;
  margin: 10px auto 5px;
}

.home_menu_main a span {
  font-size: 15px;
  color: #fff;
  margin: 5px auto;
  display: inline-block;
}

.home_menu_main a:hover p {
  background-color: rgba(255, 255, 255, 0.2);
}

.home_menu_main a:hover span {
  color: #2997ff;
}

.home_menu_list {
  min-width: 100px;
}

.home_menu_list a {
  display: block;
  line-height: 45px;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.8);
}

.home_menu_list a:hover {
  color: #2997ff;
}

.home_menu a:active {
  opacity: 0.4;
}

.home_right_tools {
  z-index: 200;
  position: fixed;
  right: 50px;
  bottom: 120px;
  background: #3b404e;
  width: 40px;
  border-radius: 20px;
  padding: 0px 5px;
}

.home_right_tools a {
  width: 30px;
  height: 30px;
  margin: 10px 0px 7.5px;
  display: block;
  background: #3b404e;
  border-radius: 50%;
  padding: 5px;
  color: rgba(255, 255, 255, 0.75);
}

.home_right_tools a i {
  font-size: 20px;
}

.home_right_tools a:hover {
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}

.home_right_tools a:active {
  opacity: 0.5;
}
.center_list_box {
  position: relative;
  display: flex;
  width: 1064px;
  flex-direction: column;
}

.friendlist {
  margin: 0;
  margin-left: 23px;
  width: 1076px;
}
.friendlist p {
  flex-shrink: 0;
  font-family: PingFangSC, PingFangSC-Regular;
  font-size: 14px;
  color: #a7a7ad;
}
.friendlist .a_link {
  color: #a7a7ad;
  border-color: #53596f;
  font-size: 14px !important;
}
.friendlist .a_link:hover {
  color: #fff;
}
.home_bottom_content_link {
  margin-left: 23px;
  display: flex;
  align-items: center;
}
.home_bottom_content_link .title {
  padding: 0;
  padding-right: 40px;
  font-size: 14px;
  font-family: PingFangSC, PingFangSC-Regular;
  color: rgba(255, 255, 255, 0.7);
}
.home_bottom_content_link .firend_link {
  color: rgba(226, 226, 228, 0.5);
  font-size: 12px;
  font-family: PingFangSC, PingFangSC-Regular;
}
.firend_link .dcc-qrcode {
  font-size: 12px;
}
.firend_link .dcc-qrcode a {
  line-height: inherit;
}
.home_bottom_content_qrcode {
  position: absolute;
  right: 0;
  width: 228px;
  display: flex;
  align-content: center;
}
.home_bottom_content_qrcode_one {
  width: 250px;
  right: 280px;
}
.home_bottom_content_qrcode .qrcode_right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 16px;
}
.home_bottom_content_qrcode .qrcode_right p {
  margin: 0;
  font-size: 14px;
  font-family: PingFangSC, PingFangSC-Regular;
  color: #a7a7ad;
}
.ui_container {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
}

.ui_header {
  width: 100%;
  height: 60px;
  line-height: 60px;
  z-index: 100;
  position: relative;
  display: flex;
  z-index: 10;
}

.ui_main {
  display: flex;
  width: 100%;
  padding: 0px;
  position: absolute;
  top: 60px;
  bottom: 0px;
  z-index: 10;
  overflow: hidden;
}

.el-aside {
  height: 100%;
  overflow-y: scroll;
  -webkit-box-flex: 0;
  flex: 0 0 200px;
}

.el-aside64 {
  height: 100%;
  overflow-y: scroll;
  -webkit-box-flex: 0;
  flex: 0 0 64px;
}

.el-aside80 {
  height: 100%;
  overflow-y: scroll;
  -webkit-box-flex: 0;
  flex: 0 0 80px;
}

.ui_content_wrapper {
  -webkit-box-flex: 1;
  overflow-x: hidden;
  flex: 1 1 0%;
  padding: 20px 0px 20px 5px;
  /* border-left: 1px solid rgba(255,255,255,0.2);
  border-right: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(255,255,255,0.2); */
  /* background: #333; */
}

/* 浏览器宽度小于等于1440px） */

@media screen and (max-width: 1440px) {
  .el-aside {
    height: 100%;
    overflow-y: scroll;
    -webkit-box-flex: 0;
    flex: 0 0 190px;
  }
  .el-aside64 {
    flex: 0 0 64px;
  }
  .el-aside80 {
    flex: 0 0 80px;
  }
  .ui_content_wrapper {
    padding: 20px 0px 20px 5px;
  }
}

.header_logo_warp {
  height: 60px;
  padding: 15px 15px;
}

.header_logo {
  width: 148px;
  height: 32px;
  margin: 0px 35px 0px 6px;
  background-image: url(../assets/img/logo_font.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.header_logo_icon {
  width: 38px;
  height: 30px;
  background-image: url(../assets/img/logo_icon.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.header_nav {
  display: flex;
  flex: 1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  align-items: center;
}

.header_title {
  display: inline-block;
  color: #fff;
}

.header_button_group {
  display: flex;
  height: 60px;
  line-height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0px 25px;
  align-items: center;
}

.header_button {
  margin: 0px 0px !important;
  padding: 0px 30px;
  position: relative;
  height: 59px;
  color: rgba(255, 255, 255, 0.6) !important;
  border-radius: 0px;
}

.header_button:focus,
.header_button:visited {
  color: rgba(255, 255, 255, 0.6);
}

.header_button:hover {
  color: #2997ff !important;
  background-color: rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.header_button_main {
  height: 40px;
  margin: 0px 10px;
  padding: 12px 15px !important;
  min-width: 115px;
}

.header_button_invite,
.header_button_invite:hover,
.header_button_invite:focus,
.header_button_invite:visited {
  background-color: #2c313d;
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  color: rgba(255, 255, 255, 0.8);
  padding-left: 42px !important;
  overflow: hidden;
}

.header_button_invite:hover {
  color: #fff;
  -webkit-filter: brightness(1.3);
  filter: brightness(1.3);
}

.header_button_invite:active {
  opacity: 0.5;
}

.header_button_invite img {
  width: 32px;
  position: relative;
  position: absolute;
  left: 10px;
  top: 1px;
}

.header_avatar {
  float: right;
  display: inline-block;
  position: relative;
  height: 40px;
  margin-left: 20px;
}

.avatar_vip {
  position: absolute;
  right: -5px;
  bottom: -2px;
  height: 16px;
  width: 20px;
  background-size: cover;
}

.avatar_vip_pro {
  background-image: url(../assets/img/vip_pro.png);
}

.header-dropdown-icon {
  font-size: 22px;
  position: relative;
  top: 2.5px;
}

.qrcode_bg {
  display: inline-block;
  position: relative;
  height: 160px;
  width: 160px;
  margin: 25px 32px 45px;
  text-align: center;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAAFoCAYAAAB65WHVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkREQzhEREEyNThFMTFFQUE5MkJCNkY1Qjc0MzE2RUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkREQzhEREIyNThFMTFFQUE5MkJCNkY1Qjc0MzE2RUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRERDOEREODI1OEUxMUVBQTkyQkI2RjVCNzQzMTZFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRERDOEREOTI1OEUxMUVBQTkyQkI2RjVCNzQzMTZFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PryUPpkAAAQ3SURBVHja7NqxDYMwEEDRXOQpYCsGZStY45KaAkERxYffK5ELbEtfJ0Rk5guA/rwdAYBAAyDQAPW144N5nR7xUXpb9nC9MIandssEDdApgQYQaAAEGkCgARBogMG0m+v9ugb0qFKbLv8SaIIG6JRAAwg0AAININAACDSAQAMg0AAINIBAAyDQAAINgEADINAAAg2AQAMINAACDSDQAAg0AAININAACDSAQAMg0AAINIBAAyDQAAINgEADCDQAAg2AQAMINAACDSDQAAg0AAININAACDSAQAMg0ADDi8x0CgAmaAAEGkCgARBoAIEGQKABEGgAgQZAoAEEGgCBBkCgAQQaAIEGEGgABBpAoAEQaAAEGkCgARBoAIEGQKABEGgAgQZAoAEEGgCBBhBoAAQaAIEGEGgABBpAoAEQaAAEGkCgARBoAIEGQKABBBoAgQZAoAEEGgCBBhBoAAQaAIEGEGgABBpAoAEQaAAEGkCgARBoAIEGQKABBBoAgQZAoAEEGgCBBhBoAAQaAIEGEGgABBpAoAEQaACBBkCgARBoAIEGQKABBBoAgQZAoAEEGgCBBhBoAAQaQKABEGgABBpAoAEQaACBBkCgARBoAIEGQKABBBoAgQZAoAEEGgCBBhBoAAQaQKABEGgABBpAoAEQaACBBkCgARBoAIEGQKABBBoAgQYQaAAEGgCBBhBoAAQaQKABEGgABBpAoAEQaACBBkCgAQQaAIEGQKABBBoAgQYQaAAEGgCBBhBoAAQaQKABEGgAgXYEAAINgEADCDQAAg0g0AAINAACDSDQAAg0gEADINAACDSAQAMg0AACDYBAAwg0AAINgEADCDQAAg0g0AAINAACDSDQAAg0gEADINAAAg2AQAMg0AACDYBAAwg0AAINgEADCDQAAg0g0AAINIBAAyDQAAg0gEADINAAAg2AQAMg0AACDYBAAwg0AAINgEADCDQAAg0g0AAINIBAAyDQAAg0gEADINAAAg2AQAMg0AACDYBAAwg0AAININAACDQAAg0g0AAINIBAAyDQAAg0gEADINAAAg2AQAMINAACDYBAAwg0AAININAACDQAAg0g0AAINIBAAyDQAAg0gEADINAAAg2AQAMINAACDYBAAwg0AAININAACDQAAg0g0AAINIBAAyDQAAINgEADINAAAg2AQAMINAD/044P5nXKk/VRZWPbsrtdGMS3W5VeN0+6FSZogAIEGkCgARBoAIEGQKABBBoAgQZAoAEEGgCBBhBoAAQaAIEGEGgABBpAoAEQaACBBkCgARBoAIEGQKABBBoAgQZAoAEEGgCBBhBoAAQaQKABEGgABBpAoAEQaACBBkCgARBoAIEGQKABBBoAgQYYXru5PgvtLVwvDCOfuCkTNIBAAyDQAAINgEADCDQAPYjMdAoAJmgABBpAoAH4hY8AAwBPDB7NTMdV2wAAAABJRU5ErkJggg==')
    center top no-repeat;
  background-size: cover;
  padding-top: 160px;
}

.qrcode_img {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 100;
  height: 140px;
  width: 140px;
  opacity: 0.88;
}

.qrcode_line {
  pointer-events: none;
  position: absolute;
  z-index: 101;
  top: 0px;
  left: -20px;
  height: 2px;
  width: 200px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeAAAAAGCAYAAAAbvk2+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkREQzhEREUyNThFMTFFQUE5MkJCNkY1Qjc0MzE2RUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkREQzhEREYyNThFMTFFQUE5MkJCNkY1Qjc0MzE2RUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRERDOEREQzI1OEUxMUVBQTkyQkI2RjVCNzQzMTZFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRERDOERERDI1OEUxMUVBQTkyQkI2RjVCNzQzMTZFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjKa0XgAAAOUSURBVHja7FoLjtwgDMWQK7T3v0rP1Qmutpqo1tPzhyTT7laDNMoCxpiP/Wwv8v3HN2l/ysff4/lt0C6m/ePbCV3GpzvjuvlFfLx5GR3WJem3fLtpQzmHaReQG/l3wvf4abB+T/7uyMfGY10cOY7+zfBVhw7nrZ5zf/IXWLt37mz8CO7H6r3J7nNWb4GejEQvmByNfCt6dpSP/Zxwp5R8NaBHfjvpx3Fn6pr0e/PuT1pbJrQf/BidbRdD+wC52HiUaxraKn9Gh/sxYT+Qns2rwf7NZD+U7NtO7k4ml7cv2flqIv/KPWR00fq1cM6tMK8G91UTvf1tFKtFEgNmD4IZDi0Y3Ioh3U4CcE/6RwBQh/wjAGBx5LTzjuL6I/mkAMC9CMADALICwFgfAWh0xyFpiZxsfRkAR45kXwTYlbrA3NhudaMKqK8uGhiPzPA9LgKwZ/i9ecUAWQbAE+bQACCP9p/BeM8BYMAYAfAkIF+RMwJgdYB0LwLldIDyQQDGA2w8q5mcJ6sj3x7Uo3vYCB3TT3unIr3w+DFZTpezAIxg2wIvnvXJwkZFwF+lqxhUCSJOz4FAAO6BgZYASCoA3AmISQKM1Qh4FYBHImeU5dgSOYQ4NBEAN2dfxuL5r9DbPR3OPfzXILuiy6wMAljMQGYAu1+gt4ZdHADuJKJciVDbc85GnAIF50kNfRWA7VgxMu4kOjtATQK9bRCtSgBEON7O14G2myADI1qWVTn0bSf7hA5pFPGqo9MtwJIqXYQXK85qhm23APBdhoPxsW1qFOozG6lGAOQOme9YvzoOw130rzD0GAm+y+ctSgyvXvX2L8gxg3a9oIPTiYS+SvGConf5ImULPPwWhNoRWPegXcED6wUFr4b8Gd0sRLye4gtEh170zzxPXCNLsarD1wMvGxEPYqTUeKk25TLMOewgtyxEwBPOlDlbh3wbeOA24lhJQc8gBd1g/WdS0PvJFPT+H6WgWVrUi2T/RgoaU78shYop0Epq9+C7J+PvSEHvL0xBZ//D9VLQLUhB7xdS0JX/8WdvAqJ6u0h3xlGRwDm97PBsi0rr1RUunmeUvRy7JukIIWCBdAiwGeCuPMKKUqArj7CaAwirj7CEpI2bkwpuZA3sbO58hCXGOdjg/CVIvUf7836ElUd0Vx9hWcdME/5nAXflEVb2+MpzILJHWAiM0r7mIywGlO9HWP65N0fO7J5HwH+p/BJgAJcr7SJmfzomAAAAAElFTkSuQmCC')
    no-repeat;
  background-size: 100%;
  animation: QRcode 1.2s infinite alternate;
  -webkit-animation: QRcode 1.2s infinite alternate;
}

.qrcode_bg span {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  margin: 10px auto;
}

.qrcode_bg span i {
  font-size: 18px;
  color: #25ed67;
  position: relative;
  top: 1px;
}

@keyframes QRcode {
  from {
    top: -8px;
  }
  to {
    top: 170px;
  }
}

@-webkit-keyframes QRcode {
  from {
    top: -8px;
  }
  to {
    top: 170px;
  }
}

.menu_line {
  width: 150px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.03);
  margin: 10px 25px;
}

.menu_title {
  font-size: 16px;
  font-weight: bold;
  vertical-align: initial;
}

.menu_title_icon {
  font-size: 24px;
  position: relative;
  top: -1px;
}

.menu_title_new {
  display: inline-block;
  width: 30px;
  height: 14px;
  line-height: 13px;
  padding: 0px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background-color: #fe2270;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  position: relative;
  left: 10px;
  top: -1px;
}

.menu_title_hot {
  display: inline-block;
  font-size: 16px;
  color: #0dafff;
  position: relative;
  left: 10px;
  top: -1px;
}

.tab_title_new {
  display: inline-block;
  width: 28px;
  height: 13px;
  line-height: 12px;
  padding: 0px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background-color: #fe2270;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  position: absolute;
  right: -6px;
  top: 8px;
}

.tab_lock {
  color: rgba(255, 255, 255, 0.35);
}

.tab_title_lock {
  display: inline-block;
}

.tab_title_lock:hover {
  color: #fff;
}

.tab_title_none {
  display: inline-block;
  color: #ff5555;
}

.el-menu-item-group .el-menu-item {
  color: rgba(255, 255, 255, 0.7);
}

.el-menu--popup .el-menu-item-group .el-menu-item {
  color: #fff !important;
}

.el-table--scrollable-x .el-table__body-wrapper {
  overflow-x: hidden;
}

.ui_content {
  margin: 15px 0px;
}

.ui_content_card {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  margin: 15px 20px 15px 0px !important;
  padding: 20px;
}

.ui_content_title {
  font-size: 16px;
  color: #fff;
  width: 100%;
}

.ui_content_title .el-button i {
  font-size: 16px;
  font-weight: normal;
}

.ui_content_title i {
  font-size: 18px;
  font-weight: bold;
}

.ui_content_title p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
  display: inline-block;
}

.ui_content_title_more {
  color: rgba(255, 255, 255, 0.4);
  float: right;
  padding: 0px;
}

.ui_content_title_more i {
  color: rgba(255, 255, 255, 0.4);
  top: 2px;
  position: relative;
}

.ui_content_title_more:hover {
  color: rgba(255, 255, 255, 1);
}

.ui_content_title_more:hover i {
  color: rgba(255, 255, 255, 1);
}

.ui_content_title_more:active,
.ui_content_title_more:focus {
  color: rgba(255, 255, 255, 0.4);
}

.ui_content_title_tip {
  font-size: 15px !important;
  color: rgba(255, 255, 255, 0.5) !important;
  margin-left: 1px;
}

.ui_content_title_tip:hover {
  color: rgba(255, 255, 255, 1) !important;
}

.ui_content_title_offset {
  height: 40px;
  padding-top: 8px;
}

.ui_content_title_refresh {
  display: inline-block;
  position: relative;
  margin-left: 8px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.02);
}

.ui_content_title_refresh i {
  position: relative;
  font-size: 16px;
  font-weight: normal;
}

.ui_content_title_refresh:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

/* .ui_content_title_refresh:active{opacity: 0.6;transform: rotate(360deg);} */

.ui_card {
  background: #232630;
  border-radius: 10px;
  flex: 1;
}

.ui_empty {
  width: 100%;
  position: relative;
  text-align: center;
  padding: 30px 10px;
}
.ui_empty .showText {
  font-size: 13px;
}
.ui_empty img {
  width: 230px;
}

.ui_empty strong {
  font-size: 18px;
  color: #fff;
  margin: 15px auto 5px;
  display: block;
}

.ui_empty p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  font-weight: normal;
}

.ui_empty a {
  font-size: 14px;
  color: #2997ff;
  font-weight: normal;
  display: inline-block;
}

.ui_empty a:hover {
  color: #0ea8ff;
}

.ui_empty a:active {
  opacity: 0.6;
}

.ui_bottom {
  text-align: center;
  position: relative;
  line-height: 39px;
}

.ui_bottom_logo {
  width: 120px;
}

.ui_bottom_link a {
  margin: 10px auto;
  color: rgba(255, 255, 255, 0.5) !important;
}

.ui_bottom_link a:hover {
  color: #2997ff !important;
}

.ui_bottom_link a:active {
  opacity: 0.5;
}

.ui_bottom_footer {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.2);
}

.dialog_vip_warp {
  width: 100%;
  padding: 5px 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.03);
}

.vip_current {
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  margin: 0px 0px 15px;
}

.vip_current img {
  width: 30px;
  height: 30px;
  position: relative;
  margin: 0px 2px 0px 5px;
  top: 3px;
}

.vip_current span {
  color: #fff;
  margin-left: 10px;
}

.vip_card {
  display: flex;
  width: 100%;
  height: 60px;
  border-radius: 6px;
  line-height: 60px;
  padding: 0px 25px;
  justify-content: center;
  align-items: center;
}

.vip_card_icon {
  width: 22px;
  height: 24px;
  position: relative;
  position: relative;
}

.vip_card p {
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  color: #bebfc3;
  font-family: PingFang SC, PingFang SC-Bold;
}

.vip_pro_select {
  background-image: url(../assets/img/vip_pro_base.png) !important;
  background-size: cover;
  /* box-shadow: 0px 10px 30px rgba(35, 38, 49, 0.3); */
}

.vip_pro_select p {
  color: #9c702d;
  font-weight: 700;
}

.vip_supe_select {
  background-image: url(../assets/img/vip_super_base.png);
  background-size: cover;
  box-shadow: 0px 10px 30px rgba(35, 38, 49, 0.3);
}

.vip_super_select p {
  color: #f05a5a;
  font-weight: bolder;
}

.vip_select_warp {
  margin: 25px 0px;
}

.vip_select {
  background-color: #ffffff;
  border-radius: 8px;
  text-align: center;
  position: relative;
  width: 100%;
}

.vip_selected {
  border: 4px solid #ffd38c;
}

.vip_select_tag {
  font-size: 12px;
  color: #fff;
  height: 20px;
  line-height: 20px;
  padding: 0px 10px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-image: -webkit-linear-gradient(90deg, #ff2d64 0%, #ff4b7d 100%);
  display: inline-block;
  position: absolute;
  right: -4px;
  top: -5px;
}

.vip_select_time {
  font-size: 14px;
  color: #7c571f;
  font-family: PingFang SC, PingFang SC-Regular;
  display: inline-block;
}

.vip_select_price {
  font-size: 12px;
  color: #dfb679;
  font-family: PingFang SC, PingFang SC-Heavy;
}
.vip_select_price_one {
  color: #bc8f4a;
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Heavy;
  font-weight: bold;
}
.vip_select_price_one strong {
  font-size: 24px;
}
.vip_select_before {
  font-size: 15px;
  color: #e5b494;
  opacity: 0.5;
  margin: 5px auto 10px;
  text-decoration: line-through;
}

.vip_select_before strong {
  font-size: 16px;
}

.vip_select_discount {
  font-size: 14px;
  color: #6a3313;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  font-weight: bold;
  background-image: -webkit-linear-gradient(0deg, rgb(230, 180, 149) 0%, rgb(245, 221, 195) 100%);
  padding: 0px 15px;
  display: inline-block;
}

.dialog_vip_pay {
  display: flex;
}

.dialog_vip_pay_info {
  width: 170px;
  text-align: center;
}

.dialog_vip_pay_info p {
  font-size: 14px;
  color: #fff;
  margin: 60px auto 10px;
}

.dialog_vip_pay_info p strong {
  font-size: 24px;
  color: #fe2552;
  font-weight: 700;
}

.dialog_vip_pay_info p strong small {
  font-size: 14px;
}

.dialog_vip_pay_info span {
  font-size: 14px;
}

.dialog_vip_pay_qrcode {
  width: 200px;
  text-align: center;
}

.dialog_vip_pay_qrcode .qrcode_bg {
  margin: 10px 10px 20px;
}

.dialog_vip_pay_qrcode p {
  font-size: 13px;
  color: #8b8c91;
  margin: 5px auto 10px;
  font-weight: normal;
}

.dialog_vip_pay_qrcode p span {
  font-size: 12px;
  color: #f73b3a;
  font-weight: 400;
}

.dialog_vip_pay_img {
  width: 160px;
  padding: 15px 0px 0px 15px;
}

.dialog_vip_pay_bottom {
  width: 100%;
  text-align: center;
  font-size: 16px;
}

.dialog_vip_pay_bottom i {
  font-size: 21px;
  position: relative;
  margin: 0px 5px;
}

.wechat-pay {
  color: #25ed67;
}

.alipay {
  color: #0dafff;
}

.pay_script_dialog {
  width: 600px;
  overflow: hidden;
}

.vip_dialog {
  width: 600px;
  overflow: hidden;
}

.option_base {
  display: flex;
  padding: 12px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
}

.option_group {
  flex: 1;
}

.option_group .el-button,
.option_group .el-input {
  margin-bottom: 10px;
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
  display: inline-block;
  margin: -10px -20px;
}

.refresh_data,
.refresh_time {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 34px;
  margin: 0px 20px;
  float: right;
}

.refresh_data strong {
  color: #fe2270;
}

.refresh_time strong {
  color: #fff;
}

.option_title {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  min-width: 40px;
  line-height: 34px;
  display: inline-block;
  text-align: right;
  margin-right: 5px;
  flex-shrink: 0;
}

.option_title i {
  font-size: 13px;
}

.option_title i:hover {
  color: rgba(255, 255, 255, 0.88);
}

.option_link {
  color: rgba(255, 255, 255, 0.75);
  padding: 8px 6px;
  min-width: 72px;
  margin-left: 0px !important;
  margin-right: 8px;
}

.option_link:hover,
.option_link:focus {
  color: #2997ff;
}

.option_link:active {
  opacity: 0.8;
}

.option_active,
.option_active:hover,
.option_active:focus {
  background: #2997ff;
  color: #fff;
  border: none;
}

.option_search {
  width: 400px;
  margin-bottom: 10px;
}

.option_search_goods {
  width: 300px;
  margin-left: 10px;
}

.ui_content_title_button .el-input__inner {
  background-color: #242730;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.15);
}

.ui_content_title_button .el-input__inner:hover,
.ui_content_title_button.el-input__inner:focus {
  border-color: rgba(13, 175, 255, 1);
  box-shadow: 0px 0px 3px rgba(13, 175, 255, 0.5);
}

.option_select {
  width: 150px;
  margin-right: 30px;
}

.option_check {
  line-height: 24px;
}

.option_select_left {
  margin-left: 10px;
}

.option_radio_group {
  position: relative;
  top: -2px;
}

.detail_chart_select {
  width: 120px;
}

.option_city {
  width: 220px;
  margin-right: 30px;
}

.target_data {
  color: #face15;
  font-size: 18px;
}

.rank_table_warp {
  padding: 0px 0px;
  margin: 10px 0px;
  position: relative;
}

.table_hint {
  z-index: 100;
  position: absolute;
  left: 50px;
  top: 18px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
}

.table_hint:hover {
  color: #fff;
}

.rank_number {
  display: inline-block;
  font-size: 20px;
  color: #fff;
  height: 40px;
  width: 40px;
  text-align: center;
  padding-top: 8px;
}

.rank1 {
  background-image: url(../assets/img/ranking1.png);
  background-size: cover;
  background-position: center;
}

.rank2 {
  background-image: url(../assets/img/ranking2.png);
  background-size: cover;
  background-position: center;
}

.rank3 {
  background-image: url(../assets/img/ranking3.png);
  background-size: cover;
  background-position: center;
}

.rank_arrow {
  display: inline-block;
  text-align: center;
  margin-top: 5px;
}

.rank_info {
  display: flex;
  align-items: center;
  flex: 1;
}

.rank_head {
  min-width: 50px;
  max-width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.4);
  margin-right: 10px;
}

.rank_head_name {
  font-size: 14px;
  color: #fff;
  text-align: left;
}

.rank_time {
  display: block;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
}

.video_hot_data {
  display: inline-block;
  font-size: 16px;
  background: #252830;
  border-radius: 18px;
  height: 30px;
  line-height: 30px;
  padding: 0px 8px;
  color: #face15;
}

.growth_data {
  font-size: 18px;
  color: #fe2270;
}

.rank_poster {
  min-width: 68px !important;
  max-width: 68px !important;
  height: 120px;
  border-radius: 6px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.88);
  overflow: hidden;
}

.rank_poster img {
  width: 100%;
  object-fit: cover;
}

.rank_info_list {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin: 20px 10px 20px 5px;
}

.rank_poster_title {
  font-size: 16px;
  color: #fff;
  text-align: left;
  min-width: 200px;
  max-width: 600px;
}

.rank_tag {
  display: inline;
  position: relative;
  margin-top: 10px;
  min-width: 200px;
  max-width: 600px;
}

.ad_tag {
  display: inline-block;
  background: #2997ff;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  padding: 0px 5px;
  margin-right: 10px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.ad_tag::before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 5px;
  right: -10px;
  border: 5px solid transparent;
  border-left: 6px solid #2997ff;
}

.rank_poster_time {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 10px;
  display: inline-block;
}

.rank_poster_time i {
  font-size: 13px !important;
}

.rank_poster_shop {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
  margin-left: 20px;
}

.rank_poster_shop i {
  font-size: 13px !important;
}

.rank_poster_shop p {
  color: #ff5000 !important;
  display: inline-block;
}

.video_data {
  font-size: 18px;
  color: #fff;
}

.video_data_small {
  font-size: 16px;
  color: #fff;
}

.video_data i {
  margin-right: 3px;
}

.table_text {
  font-size: 15px;
  color: #fff;
}

.rank_music {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 12px;
  margin-right: 15px;
  position: relative;
  background: #686c79;
}

.rank_music img {
  width: 80px;
  height: 80px;
  border-radius: 12px;
  position: relative;
}

.rank_music i {
  position: absolute;
  bottom: 0px;
  right: 0px;
  font-size: 19px;
  color: #00b6ff;
  background: rgba(255, 255, 255, 0.88);
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  width: 26px;
  height: 24px;
  padding: 2px;
}

.rank_music_shadow {
  display: block;
  position: absolute;
  top: 5px;
  right: -6px;
  width: 8px;
  height: 70px;
  border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  background-color: rgba(255, 255, 255, 0.15);
}

.rank_number_data {
  font-size: 18px;
  color: #fff;
  display: inline-block;
}

.rank_number_icon {
  color: #fe2270;
  margin-right: 5px;
}

.table_topic_icon {
  font-size: 24px;
  color: #2997ff;
  position: relative;
  top: 3px;
  margin-right: 5px;
  font-weight: normal;
}

.table_video_group {
  display: flex;
  align-items: center;
  justify-content: center;
}

.table_video {
  width: 70px;
  height: 110px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  margin: 5px 5px;
  text-align: center;
  padding-top: 25px;
}

.table_video img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 70px;
  height: 110px;
  border-radius: 6px;
}

.table_video p {
  display: block;
  width: 100%;
  height: 22px;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 12px;
  color: #fff;
  text-align: right;
  padding-right: 5px;
  padding-top: 0px;
  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}

.table_video p .dcc-video-like {
  font-size: 12px !important;
}

.table_video_play i {
  font-size: 30px !important;
  position: relative;
  margin: 0px auto;
  color: #fff;
}

.table_button_group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.table_button {
  width: 96px;
  height: 40px;
  font-size: 15px;
  color: #fff;
  margin: 5px !important;
  padding: 12px 0px;
  text-align: center;
  border: none;
}

.table_button_full {
  width: calc(100% - 12px) !important;
}

.table_button i {
  margin-right: 3px;
}

.table_button_focus,
.table_button_focus:hover,
.table_button_focus:focus {
  background-color: #fe578e;
  color: rgba(255, 255, 255, 0.6);
}

.table_bottom_text {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.3);
  font-weight: normal;
  text-align: center;
  margin: 60px auto;
}

.data_bottom_text {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.3);
  font-weight: normal;
  text-align: center;
  margin: 15px auto;
}

.el-tabs__nav-wrap {
  margin-bottom: 0px;
}

.el-tabs__header {
  position: relative;
  margin: 20px 0px;
  background: rgba(255, 255, 255, 0);
  border-radius: 5px;
  padding: 0px 0px 0px;
  /* border: 1px solid rgba(255,255,255,0.1); */
}

.el-tabs__item.is-active,
.el-tabs__item:hover {
  color: #2997ff;
  font-weight: bold !important;
}

.el-tabs__active-bar {
  background-color: #2997ff;
  z-index: 1;
  height: 2px;
  border-radius: 2px;
}

.el-tabs__nav-wrap::after {
  height: 1px;
}

.detail_page_right .el-tabs__header {
  position: relative;
  margin: 0px 0px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 5px;
  padding: 0px 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-right: 20px;
}

.detail_page_right .el-tabs__item {
  padding: 0px 24px;
}

.detail_page_right .el-tabs--top .el-tabs__item.is-top:last-child {
  padding-right: 24px;
}

.detail_page_right .el-tabs__content {
  padding: 20px 10px 15px 0px;
}

.el-tabs--card > .el-tabs__header {
  position: relative;
  margin: 0px 0px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  padding: 0px 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: none;
}

.el-tabs--card > .el-tabs__header .el-tabs__item {
  border: none;
}

.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  border-bottom: 1px solid #2997ff;
}

.rank_tab {
  color: #fff;
}

.rank_tab .dcc-stats-up {
  color: #fe2270;
}

.rank_tab .dcc-stats-down {
  color: #25ed67;
}

.rank_tab .dcc-fans {
  color: #face15;
}

.fans_data {
  color: #fff;
  font-size: 18px;
}

.button_excel,
.button_excel:focus {
  background: #007139;
  color: #fff;
  border: none;
  margin-left: 20px;
  min-width: 90px;
}

.button_excel:hover {
  background: #0da359;
}

.button_excel:active {
  background: #217346;
}

.button_excel i {
  margin-right: 3px;
  color: #fff;
}

.table_data {
  color: #fff;
  font-size: 18px;
}

.table_data_small {
  font-size: 16px;
  color: #fff;
}

.table_data_font {
  color: #fff;
  font-size: 16px;
}

.table_data_focus {
  color: #fe2270;
  font-size: 18px;
}

.table_data_money {
  color: #ff5000;
  font-size: 18px;
}

.table_data_special {
  color: #face15;
  font-size: 18px;
}

.table_data_date {
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
}

.table_goods_title {
  font-size: 14px;
  color: #fff;
  text-align: left;
  width: 100%;
}

.table_goods_title:hover {
  color: #2997ff;
}

.table_link:hover {
  color: #2997ff;
}

.table_goods_head {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  margin-right: 10px;
}

.table_goods_info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 200px;
}

.table_goods_price strong {
  color: #fe2270;
}

.table_goods_number {
  float: right;
}

.table_goods_number strong {
  color: #fff;
}

.goods_source {
  font-size: 16px;
  max-width: 16px;
  max-height: 16px;
  overflow: hidden;
  border-radius: 4px;
  display: inline-block;
  line-height: 16px;
  position: relative;
  top: 2.5px;
  margin-right: 2px;
}

.goods_price {
  font-size: 16px;
  color: #ff5000;
}

.goods_price span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
  margin-left: 10px;
}

.dcc-taobao {
  color: #ff5000;
}

.dcc-jingdong {
  color: #dd2727;
}

.dcc-xiaodian {
  color: #e85560;
}

.table_store_head {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 10px;
}

.table_store_name {
  font-size: 16px;
  color: #fff;
  text-align: left;
  display: block;
  width: 100%;
}

.rank_card_warp {
  margin: 20px 0px;
}

.rank_card {
  position: relative;
  background: #252935;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  margin-bottom: 60px;
  overflow: inherit;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.rank_card:hover {
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
  background: #3b404e;
}

.rank_card:hover .rank_card_bottom {
  background: #3b404e;
}

.rank_card:active {
  transform: scale(0.98);
  -webkit-transform: scale(0.98);
  -webkit-filter: brightness(0.88);
  filter: brightness(0.88);
}

.rank_video_mask {
  width: 100%;
  height: 100%;
  position: relative;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.05);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
  display: flex;
  align-items: center;
  max-height: 320px;
}

.rank_video_poster {
  width: 100%;
  object-fit: cover;
  display: block;
}

/* 浏览器高度小于等于1440px） */

@media screen and (max-width: 1440px) {
  .rank_video_mask {
    max-height: 300px;
  }
}

/* 浏览器高度小于等于1000px） */

@media screen and (max-width: 1000px) {
  .rank_video_mask {
    max-height: 480px;
  }
}

.rank_video_mask_header {
  position: absolute;
  top: 0;
  left: 0;
  height: 48px;
  background-image: -webkit-linear-gradient(90deg, rgba(37, 41, 53, 0) 0%, rgba(37, 41, 53, 0.75) 100%);
  width: 100%;
  border-radius: 0px;
  padding: 6px 10px 5px 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rank0 {
  width: auto;
  height: 28px;
  font-size: 20px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.25);
  text-align: center;
  padding: 2px 3px;
  margin: 0px 5px 0px 5px;
}

.card_arrow {
  border-radius: 12px;
  min-width: 44px;
  height: 20px;
  line-height: 18px;
  padding: 0px 3px;
  font-size: 14px;
  margin: 0px 3px;
  display: inline-block;
  text-align: center;
  position: relative;
}

.card_arrow_down {
  border: 1px solid rgba(37, 237, 103, 0.4);
  background-color: rgba(37, 237, 103, 0.102);
  color: #25ed67;
}

.card_arrow_up {
  border: 1px solid rgba(254, 34, 112, 0.4);
  background-color: rgba(254, 34, 112, 0.102);
  color: #fe2270;
}

.card_arrow_up i,
.card_arrow_down i {
  font-size: 14px;
  margin-right: 1px;
}

.rank_card_likes {
  display: inline-block;
  color: #fff;
  font-size: 13px;
  height: 24px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  padding: 0px 5px;
  line-height: 24px;
  /* position: absolute;right: 10px;top: 13px; */
}

.rank_card_likes span {
  color: #face15;
}

.rank_video_mask_header .ad_tag {
  top: 0px;
  padding: 0px 2px;
  margin-right: 8px;
}

.rank_card_text {
  color: #fff;
  font-size: 15px;
  min-height: 42px;
}

.rank_card_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5px;
}

.rank_card_info_user {
  display: flex;
  align-items: center;
}

.rank_card_info_user img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 5px;
}

.rank_card_info_user span {
  color: rgba(255, 255, 255, 0.4);
  font-size: 13px;
}

.rank_card_info_user span:hover {
  color: #2997ff;
}

.rank_card_bottom {
  padding: 12px 12px;
  height: 90px;
  width: 100%;
  position: absolute;
  bottom: -90px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background: #252935;
  -webkit-filter: brightness(0.95);
  filter: brightness(0.95);
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.rank_bottom_likes {
  font-size: 16px;
  color: #fe2270;
  display: inline-block;
}

.video_goods_warp {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
  gap: 30px !important;
  margin: 20px 0px;
}

.rank_card_goods {
  margin-bottom: 90px;
}

.rank_card_goods_mask {
  width: 100%;
  height: 100%;
  position: relative;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.05);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  max-height: 360px;
}

/* 浏览器高度小于等于1000px） */

@media screen and (max-width: 1440px) {
  .rank_card_goods_mask {
    max-height: 360px;
  }
}

/* 浏览器高度小于等于1000px） */

@media screen and (max-width: 1000px) {
  .rank_card_goods_mask {
    max-height: 400px;
  }
}

.rank_video_goods {
  background-color: #fff;
  border-radius: 10px;
  width: calc(100% - 20px);
  position: absolute;
  bottom: 10px;
  left: 10px;
  height: 90px;
  padding: 10px 3px 10px 10px;
  display: flex;
  align-items: center;
  z-index: 3;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.rank_video_goods img {
  width: 70px;
  height: 70px;
  border-radius: 4px;
  margin-right: 7px;
}

.rank_video_goods_info {
  width: calc(100% - 80px);
}

.rank_video_goods_title {
  font-size: 14px;
  color: #000;
  font-weight: bold;
}

.rank_video_goods_title:hover {
  color: #2997ff;
}

.rank_video_goods_title i {
  font-size: 14px;
}

.rank_video_goods_text1 {
  font-size: 12px;
  color: #999;
  margin-top: 4px;
}

.rank_video_goods_text1 i {
  font-size: 10px;
  color: #fe2270;
}

.rank_video_goods_text1 span {
  color: #fe2270;
}

.rank_video_goods_text2 {
  font-size: 12px;
  color: #999;
}

.rank_video_goods_text2 i {
  font-size: 10px;
  color: #2997ff;
}

.rank_video_goods_text2 span {
  color: #2997ff;
}

.rank_video_goods_text3 {
  font-size: 12px;
  color: #999;
}

.rank_video_goods_text3 i {
  font-size: 10px;
  color: #ff5000;
}

.rank_video_goods_text3 span {
  color: #ff5000;
}

.rank_video_goods_tag {
  position: absolute;
  left: 10px;
  top: -24px;
  height: 24px;
  color: #fff;
  font-size: 14px;
}

.rank_video_goods_brand {
  display: inline-block;
  height: 24px;
  border-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background: #000;
  padding: 3px 10px;
}

.rank_video_goods_brand span {
  background-image: -webkit-linear-gradient(0deg, #f5ddc3 0%, #e6b495 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold !important;
}

.rank_video_goods_brand i {
  font-size: 13px;
  background-image: -webkit-linear-gradient(0deg, #f5ddc3 0%, #e6b495 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rank_video_goods_class {
  display: inline-block;
  position: relative;
  height: 24px;
  border-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background: #fe2270;
  padding: 3px 10px 3px 20px;
  margin-left: -18px;
  z-index: -1;
}

.video_card_warp {
  margin: 30px 0px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
  gap: 30px !important;
}

.video_card_list .rank_video_mask {
  height: 100%;
}

.video_card_list .rank_card_bottom {
  height: 60px;
  bottom: -60px;
  padding: 12px 7px 12px 10px;
}

.rank_card_duration {
  display: inline-block;
  color: #fff;
  font-size: 15px;
  height: 24px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  padding: 0px 5px;
  line-height: 24px;
  /* position: absolute;right: 10px;top: 12px; */
}

.rank_card_duration i {
  color: #fff;
  font-size: 14px;
}

.rank_card_cart {
  font-size: 20px;
  line-height: 18px;
  color: #face15;
  margin: 0px 5px 0px 0px;
  text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}

.rank_card_video_data {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 10px;
  right: 10px;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.rank_card_video_data p {
  font-size: 14px;
  color: #fff;
  text-align: center;
  margin: 8px 0px;
}

.rank_card_video_data p i {
  font-size: 28px;
  display: block;
}

.rank_card_video_title {
  position: absolute;
  bottom: 0px;
  left: 0px;
  font-size: 14px;
  color: #fff;
  height: 60px;
  overflow: hidden;
  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  border-radius: 0px;
  padding: 5px 10px;
  justify-content: flex-end;
  display: flex;
  flex-direction: column;
  opacity: 0;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.video_card_list:hover .rank_card_video_title {
  opacity: 1;
}

.video_card_list:hover .rank_card_video_data {
  bottom: 50px;
}

.video_card_title {
  color: #fff;
  font-size: 14px;
}

.video_card_user {
  display: flex;
  align-items: center;
}

.video_card_user img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 5px;
}

.video_card_user_info {
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  margin-right: 0px;
  overflow: hidden;
}

.video_card_user_info p {
  color: #fff;
  font-size: 13px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.video_card_user_info p:hover {
  color: #2997ff;
}

.video_card_user_info span {
  color: rgba(255, 255, 255, 0.4);
  font-size: 12px;
}

.video_card_user_info span strong {
  font-size: 14px;
  color: #fe2270;
  margin: 0px 0px 0px 3px;
  position: relative;
  top: 1px;
}

.video_card_user_info span strong i {
  font-size: 12px;
  margin-right: 1px;
}

.video_card_user_hot {
  font-size: 16px;
  border-radius: 5px;
  height: 30px;
  line-height: 25px;
  border-width: 1.5px;
  margin-right: 5px;
}

.video_card_user_hot i {
  font-size: 15px;
  position: relative;
  top: -1px;
}

.video_card_increment {
  font-size: 16px;
  color: #fe2270;
  margin: 0px 5px;
}

.video_card_increment i {
  font-size: 16px;
  margin-right: 2px;
}

.video_trend_button {
  width: 30px;
  height: 30px;
  padding: 5px !important;
}

.video_trend_button i {
  font-size: 20px;
}

.video_trend_button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

/* 浏览器高度小于等于1360px） */

@media screen and (max-width: 1360px) {
  .video_trend_button {
    width: 24px;
    height: 24px;
    padding: 2px !important;
  }
}

.card_gird {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 30px;
  justify-content: space-between;
}

.location_card_warp {
  margin: 20px 0px;
}

.location_card {
  height: 200px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.location_card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-filter: brightness(0.9);
  filter: brightness(0.9);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.location_info {
  position: absolute;
  left: 0px;
  top: 40px;
  width: 66%;
  height: 120px;
  background-image: -webkit-linear-gradient(0deg, rgba(22, 24, 35, 0.95) 15%, rgba(22, 24, 35, 0) 100%);
  border-radius: 0px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.location_card:hover .location_info {
  background: rgba(22, 24, 35, 0.98);
  left: 30px;
  width: calc(100% - 60px);
  border-radius: 10px;
  box-shadow: 0px 0px 20px rgba(22, 24, 35, 0.95);
}

.location_card:hover img {
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
}

.location_card:hover .location_info_icon {
  color: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 5px;
  right: 5px;
}

.location_card:active {
  transform: scale(0.98);
  -webkit-transform: scale(0.98);
  -webkit-filter: brightness(0.88);
  filter: brightness(0.88);
}

.location_info_icon {
  font-size: 56px;
  color: rgba(255, 255, 255, 0.06);
  position: absolute;
  top: 5px;
  right: 5px;
}

.location_city {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}

.location_info p {
  font-size: 14px;
  color: #fff;
  margin: 7px 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 40px;
}

.location_info p i {
  font-size: 15px;
  color: #25ed67;
}

.location_info span {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}

.location_info strong {
  font-size: 14px;
  color: #face15;
}

.MCN_card_warp {
  margin: 10px 0px;
}

.MCN_card {
  background: #252935;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  padding: 20px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.MCN_card:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  background: #3b404e;
}

.MCN_card:active {
  transform: scale(0.98);
  -webkit-transform: scale(0.98);
  -webkit-filter: brightness(0.88);
  filter: brightness(0.88);
}

.MCN_card_info {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.MCN_card_info img {
  width: 64px;
  height: 64px;
  border-radius: 4px;
  background-color: #fff;
  margin-right: 15px;
}

.MCN_card_info_text {
  flex: 1;
  width: calc(100% - 120px);
}

.MCN_card_info_text p {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.MCN_card_info_text span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  display: block;
  margin: 7px 0px 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.MCN_card_info_text span i {
  font-size: 15px;
  color: #25ed67;
}

.MCN_card_data {
  display: flex;
  justify-content: space-around;
  margin: 35px 0px;
}

.MCN_card_data p {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 30px;
  text-align: center;
}

.MCN_card_data strong {
  display: block;
  font-size: 30px;
  color: #fff;
}

.MCN_card_data strong span {
  font-size: 25px;
  position: relative;
  top: -1px;
  margin-left: 2px;
}

.MCN_card_data_line {
  width: 1px;
  background-color: rgba(255, 255, 255, 0.05);
  height: 50px;
  margin: 5px 5px;
}

.MCN_card_talent {
  display: flex;
  align-items: center;
}

.MCN_card_talent img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
}

.MCN_card_talent_info {
  flex: 1;
}

.MCN_card_talent_info p {
  font-size: 14px;
  color: #fff;
}

.MCN_card_talent_info p:hover {
  color: #10a6ff;
  font-weight: bold;
}

.MCN_card_talent_info span {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}

.MCN_card_talent_info span strong {
  font-size: 14px;
  color: rgba(255, 255, 255, 1);
}

.MCN_card_base {
  font-size: 140px;
  color: rgba(255, 255, 255, 0.08);
  position: absolute;
  top: -25px;
  right: 15px;
}

.MCN_card_ribbon_warp {
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  position: relative;
  margin: 30px auto;
}

.MCN_card_ribbon {
  width: 120px;
  height: 24px;
  line-height: 22px;
  border-radius: 2px;
  margin: 0px auto 0px;
  position: relative;
  color: #fff;
  font-size: 15px;
  text-shadow: 0px 0px 15px #ff3000;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  background: #face15;
  -webkit-animation: main 250ms;
  -moz-animation: main 250ms;
  -ms-animation: main 250ms;
  animation: main 250ms;
}

.MCN_card_ribbon i {
  position: absolute;
}

.MCN_card_ribbon i:first-child,
.MCN_card_ribbon i:nth-child(2) {
  position: absolute;
  left: -9px;
  bottom: -10px;
  z-index: -1;
  border: 10px solid transparent;
  border-right-color: rgba(0, 0, 0, 0.25);
  -webkit-animation: edge 500ms;
  -moz-animation: edge 500ms;
  -ms-animation: edge 500ms;
  animation: edge 500ms;
}

.MCN_card_ribbon i:nth-child(2) {
  left: auto;
  right: -9px;
  border-right-color: transparent;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.MCN_card_ribbon i:nth-child(3),
.MCN_card_ribbon i:last-child {
  width: 30px;
  bottom: -10px;
  left: -19px;
  z-index: -2;
  border: 10px solid #fab115;
  border-left-color: transparent;
  -webkit-animation: back 600ms;
  -moz-animation: back 600ms;
  -ms-animation: back 600ms;
  animation: back 600ms;
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.MCN_card_ribbon i:last-child {
  bottom: -10px;
  left: auto;
  right: -19px;
  border: 10px solid #fab115;
  border-right-color: transparent;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

/* animations */

@-webkit-keyframes main {
  0% {
    -webkit-transform: scaleX(0);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}

@-webkit-keyframes edge {
  0%,
  50% {
    -webkit-transform: scaleY(0);
  }
  100% {
    -webkit-transform: scaleY(1);
  }
}

@-webkit-keyframes back {
  0%,
  75% {
    -webkit-transform: scaleX(0);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}

@-moz-keyframes main {
  0% {
    -moz-transform: scaleX(0);
  }
  100% {
    -moz-transform: scaleX(1);
  }
}

@-moz-keyframes edge {
  0%,
  50% {
    -moz-transform: scaleY(0);
  }
  100% {
    -moz-transform: scaleY(1);
  }
}

@-moz-keyframes back {
  0%,
  75% {
    -moz-transform: scaleX(0);
  }
  100% {
    -moz-transform: scaleX(1);
  }
}

@keyframes main {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}

@keyframes edge {
  0%,
  50% {
    transform: scaleY(0);
  }
  100% {
    transform: scaleY(1);
  }
}

@keyframes back {
  0%,
  75% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}

.brand_card_warp {
  margin: 20px 0px;
}

.brand_card {
  background: #252935;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  padding: 20px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.brand_card:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  background: #3b404e;
}

.brand_card:active {
  transform: scale(0.98);
  -webkit-transform: scale(0.98);
  -webkit-filter: brightness(0.88);
  filter: brightness(0.88);
}

.brand_card_info {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.brand_card_info img {
  width: 64px;
  height: 64px;
  border-radius: 8px;
  background-color: #fff;
  margin-right: 15px;
}

.brand_card_info_text {
  flex: 1;
  width: calc(100% - 120px);
}

.brand_card_info_text p {
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.brand_card_data {
  display: flex;
  justify-content: space-around;
  margin: 30px 0px 10px;
}

.brand_card_data_blue {
  color: #2997ff;
  font-size: 13px;
  text-align: center;
}

.brand_card_data_red {
  color: #fe2270;
  font-size: 13px;
  text-align: center;
}

.brand_card_data strong {
  display: block;
  font-size: 36px;
}

.brand_card_data i {
  font-size: 13px;
  position: relative;
  margin-right: 3px;
}

.brand_card_data_blue span,
.brand_card_data_red span {
  color: #fff;
}

.brand_card_data_line {
  width: 1px;
  background-color: rgba(255, 255, 255, 0.05);
  height: 50px;
  margin: 10px 5px;
}

.brand_card_base {
  font-size: 80px;
  color: rgba(255, 255, 255, 0.08);
  position: absolute;
  top: 5px;
  right: 15px;
}

.brand_video_data {
  display: flex;
  justify-content: space-around;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.5);
  margin: 20px 0px;
}

.brand_video_data i {
  font-size: 14px;
  position: relative;
  margin-right: 3px;
}

.brand_card_goods_text {
  font-size: 14px;
  color: #fff;
  margin-bottom: 8px;
}

.brand_card_goods_text span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
}

.brand_card_goods {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  height: 80px;
  padding: 10px;
  display: flex;
  align-items: center;
  z-index: 3;
}

.brand_card_goods img {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  margin-right: 7px;
}

.brand_card_goods_info {
  width: calc(100% - 67px);
}

.brand_card_goods_title {
  font-size: 14px;
  color: #000;
  font-weight: bold;
}

.brand_card_goods_title:hover {
  color: #2997ff;
}

.brand_card_goods_title i {
  font-size: 14px;
}

.brand_card_goods_tag {
  color: #fff;
  font-size: 13px;
  background: #fe2270;
  height: 20px;
  line-height: 20px;
  padding: 0px 5px;
  border-radius: 4px;
  display: inline-block;
}

.detail_page_warp {
  display: flex;
  padding: 0px 0px 0px;
  background-color: rgba(255, 255, 255, 0);
  position: relative;
  min-height: 100%;
  max-height: 100%;
  overflow: hidden;
}

.detail_page_left {
  min-width: 340px;
  width: 340px;
  min-height: 100%;
  background-color: #252935;
  border-radius: 10px;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  padding: 10px 18px;
  margin-right: 30px;
  margin-bottom: 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.detail_page_right {
  flex: 1;
  padding: 0px 0px 20px;
  min-height: 100%;
}

/* 浏览器宽度小于等于1440px） */

@media screen and (max-width: 1440px) {
  .detail_page_left {
    min-width: 300px;
    width: 300px;
    padding: 10px 15px;
  }
  .detail_page_left_new {
    min-width: 340px;
    width: 340px;
    padding: 10px 15px;
  }
}

.chart_option_text {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  margin-left: 15px;
}

.chart_option_text:hover {
  color: #2997ff;
}

.chart_option_text_active {
  color: #2997ff;
}

.chart_option_switch {
  margin-left: 0px;
}

.ui_content_title_button {
  display: inline-block;
  float: right;
  margin-top: 4px;
  font-size: 14px;
}

.ui_content_title_button .button_excel {
  position: relative;
  top: -10px;
}

.ui_content_title_button .el-divider {
  background-color: rgba(255, 255, 255, 0.1);
}

.chart_base {
  display: block;
  width: 100%;
  color: #fff;
  text-align: center;
}

.chart_base p {
  font-size: 16px;
  margin: 80px auto;
}

.chart_base_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.detail_table_warp {
  margin-top: 15px;
}

.detail_table_text {
  font-size: 15px;
  color: #fff;
}

.detail_table_text i {
  font-size: 14px;
  color: #fff;
  margin-right: 3px;
}

.detail_video_content {
  width: 100%;
  position: relative;
  display: flex;
  margin: 20px 0px 0px;
}

.detail_video_cover {
  max-width: 90px;
  min-width: 90px;
  height: 140px;
  margin: 0px 10px 0px 0px;
  border-radius: 5px;
}

.detail_video_poster {
  max-width: 90px;
  min-width: 90px;
  height: 140px;
  margin: 0px 10px 0px 0px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}

.detail_video_poster img {
  width: 100%;
}

.detail_video_poster i {
  color: #fff;
  font-size: 40px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}

.detail_video_poster:hover {
  filter: brightness(80%);
}

.detail_video_info {
  line-height: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 140px;
}

.detail_video_title {
  font-size: 16px;
  line-height: 23px;
  color: #fff;
  font-weight: bold;
}

.detail_video_data {
  display: flex;
  justify-content: space-between;
  margin: 20px 0px;
  padding: 0px 5px;
}

.detail_video_data_item {
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
}

.detail_video_data_item i {
  font-size: 16px;
  position: relative;
  margin-right: 0px;
}

.detail_video_text {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.4);
  margin: 0px 0px;
  line-height: 20px;
}

.detail_video_text span {
  color: #fff;
}

.detail_data_time {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  position: relative;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.05);
  height: 26px;
  line-height: 24px;
  display: block;
  padding: 0px 5px;
  margin: 20px 30px 10px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.detail_button_group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 15px 0px;
}

.detail_button {
  min-width: calc(33.33% - 6px);
  height: 40px;
  font-size: 15px;
  color: #fff;
  padding: 12px 10px;
  text-align: center;
  border: none;
  margin-left: 0px !important;
}

.detail_button_half {
  width: calc(50% - 6px) !important;
  margin-left: 0px !important;
  margin-bottom: 12px;
}

.detail_button_full {
  width: 100% !important;
  margin-left: 0px !important;
}

.detail_button i {
  margin-right: 3px;
}

.detail_button_focus,
.detail_button_focus:hover,
.detail_button_focus:focus {
  background-color: #fe578e;
  color: rgba(255, 255, 255, 0.6);
}

.detail_video_worker {
  display: flex;
  align-items: center;
  margin: 10px 0px;
}

.detail_worker_head {
  position: relative;
}

.detail_worker_head img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.worker_head_blueV {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 2px;
  bottom: 2px;
  background-image: url(../assets/img/verify_blue.png);
  background-size: cover;
}

.worker_head_yellowV {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 2px;
  bottom: 2px;
  background-image: url(../assets/img/verify_yellow.png);
  background-size: cover;
}

.detail_worker_info {
  margin: 0px 5px 0px 10px;
  flex: 1;
}

.detail_worker_name {
  font-size: 16px;
  line-height: 25px;
  color: #fff;
  font-weight: bold;
}

.detail_worker_text {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
  margin: 3px 0px;
  line-height: 20px;
  vertical-align: middle;
}

.detail_worker_text i {
  color: #fff;
}

.monitor_search_list {
  width: 100%;
  max-height: 600px;
  overflow-y: auto;
}

.monitor_search_result {
  display: flex;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 20px;
  padding: 18px;
  border-radius: 8px;
  align-items: center;
}

.monitor_search_result:hover {
  background-color: rgba(255, 255, 255, 0.08);
}

.monitor_add {
  font-size: 40px;
  color: rgba(255, 255, 255, 0.8);
}

.monitor_add:hover {
  color: #fe2270;
}

.monitor_add:active {
  opacity: 0.7;
}

.monitor_added {
  font-size: 40px;
  color: #25ed67;
}

.monitor_add_select {
  color: #25ed67;
}

.el-popover {
  padding: 0px;
}

.el-popover-light {
  background: rgba(255, 255, 255, 0.9);
  padding: 30px;
  border-radius: 8px;
}

.share_screen {
  text-align: center;
  font-size: 14px;
  color: #333;
}

.share_screen img {
  height: 400px;
  margin-top: 20px;
}

.share_screen_small {
  text-align: center;
  font-size: 13px;
  color: #333;
}

.share_screen_small img {
  height: 360px;
  margin-top: 15px;
}

.data_info {
  width: 100%;
  height: 150px;
  position: relative;
  display: flex;
  align-items: top;
  padding: 25px 10px 20px 20px;
  margin: 10px 0px;
  overflow: hidden;
}

.data_info_head {
  max-width: 60px;
  min-width: 60px;
  height: 60px;
  margin-right: 12px;
  position: relative;
}

.data_info_head img {
  display: inline-block;
  max-width: 60px;
  min-width: 60px;
  height: 60px;
  border-radius: 50%;
}

.data_info_img {
  max-width: 60px;
  min-width: 60px;
  height: 60px;
  margin-right: 12px;
  position: relative;
}

.data_info_img img {
  display: inline-block;
  max-width: 60px;
  min-width: 60px;
  height: 60px;
  border-radius: 10px;
}

.data_info_detail {
  flex: 1;
  width: calc(100% - 200px);
  align-items: flex-start;
}

.data_info_title {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}

.data_info_title_shop {
  font-size: 12px;
  color: #face15;
  display: inline-block;
  margin-left: 5px;
}

.data_info_title_shop i {
  font-size: 16px;
  color: #face15;
}

.data_info_text {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}

.data_info_number {
  display: flex;
  justify-content: space-around;
  margin: 6px 0px 0px;
  text-align: center;
}

.data_number_item {
  font-size: 22px;
  color: #fe2270;
}

.data_number_up {
  color: #fe2270;
}

.data_number_down {
  color: #25ed67;
}

.data_number_item span {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.3);
  margin-left: 5px;
}

.data_info_line {
  width: 1px;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.08);
  margin: 10px 5px;
}

.data_info_add {
  width: 100%;
  height: 150px;
  position: relative;
  padding: 20px 10px;
  margin: 10px 0px;
  border: 2px dashed #252935;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.3);
  text-align: center;
  background: rgba(28, 31, 42, 0.5);
  border-radius: 10px;
}

.data_info_add i {
  font-size: 70px;
  display: block;
  margin: 0px auto 10px;
}

.data_info_add:hover,
.data_info_add:focus {
  color: rgba(255, 255, 255, 0.8);
  border: 2px dashed #1e4b7b;
  background-color: #182539;
}

.detail_person {
  position: relative;
  text-align: center;
  margin: 10px 0px;
  background-image: url(../assets/img/douyin_base.png);
  background-size: cover;
  background-position: center;
  padding: 20px 10px 18px;
  border-radius: 8px;
}

.detail_user_head {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, 0.15);
  margin: 0px auto;
  position: relative;
  display: block;
}

.data_info_head_v {
  width: 24px;
  height: 24px;
  position: absolute;
  right: -1px;
  bottom: -1px;
  background-image: url(../assets/img/verify_blue.png);
  background-size: cover;
}

.data_info_head_vv {
  width: 24px;
  height: 24px;
  position: absolute;
  right: -1px;
  bottom: -1px;
  background-image: url(../assets/img/verify_yellow.png);
  background-size: cover;
}

.data_info_head_blueV {
  width: 24px;
  height: 24px;
  position: absolute;
  right: -1px;
  bottom: -1px;
  background-image: url(../assets/img/verify_blue.png);
  background-size: cover;
}

.data_info_head_yellowV {
  width: 24px;
  height: 24px;
  position: absolute;
  right: -1px;
  bottom: -1px;
  background-image: url(../assets/img/verify_yellow.png);
  background-size: cover;
}

.detail_user_blueV {
  height: 18px;
  background-image: url(../assets/img/verify_blue.png);
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: left center;
  font-size: 14px;
  color: #2997ff;
  padding-left: 18px;
  margin: 0px auto;
  text-align: left;
  display: inline-block;
}

.detail_user_yelllowV {
  height: 18px;
  background-image: url(../assets/img/verify_yellow.png);
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: left center;
  font-size: 14px;
  color: #face15;
  padding-left: 18px;
  margin: 0px auto;
  text-align: left;
  display: inline-block;
}

.detail_user_MCN {
  display: block;
  margin: 12px 0px 0px;
}

.detail_user_MCN img {
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 4px;
  vertical-align: middle;
  position: relative;
}

.detail_user_MCN p {
  font-size: 13px;
  color: #fff;
  display: inline-block;
  margin-left: 3px;
}

/* .data_info{width: 100%;height:150px;position: relative;display: flex;align-items: top;padding: 25px 10px 20px 20px;margin: 10px 0px;overflow: hidden;} */

.data_info_head_v {
  width: 24px;
  height: 24px;
  position: absolute;
  right: -1px;
  bottom: -1px;
  background-image: url(../assets/img/verify_blue.png);
  background-size: cover;
}

.data_info_head_vv {
  width: 24px;
  height: 24px;
  position: absolute;
  right: -1px;
  bottom: -1px;
  background-image: url(../assets/img/verify_yellow.png);
  background-size: cover;
}

.data_info_title_shop {
  font-size: 12px;
  color: #face15;
  display: inline-block;
  margin-left: 5px;
}

.data_info_title_shop i {
  font-size: 16px;
  color: #face15;
}

.detail_user_content {
  width: 100%;
  line-height: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 10px 0px 0px;
}

.detail_user_info {
  display: flex;
  justify-content: space-between;
}

.detail_user_info .el-divider {
  background-color: rgba(255, 255, 255, 0.15);
  margin: 5px 0px;
}

.detail_user_name {
  font-size: 16px;
  line-height: 25px;
  color: #fff;
  font-weight: bold;
}

.detail_user_text {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
  margin: 3px 0px;
  line-height: 20px;
  vertical-align: middle;
}

.detail_user_text i {
  color: #fff;
}

.detail_user_name .tag_yellow {
  position: relative;
  top: -1px;
  margin-left: 5px;
}

.detail_button_small {
  margin-left: 5px;
}

.detail_user_data {
  display: flex;
  margin: 10px 0px 0px;
  padding: 0px 0px;
  flex-wrap: wrap;
}

.detail_user_data_item {
  font-size: 20px;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  margin: 10px 0px;
  width: 33.33%;
}

.detail_user_data_item p {
  height: 24px;
}

.detail_user_data_item span {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.4);
}

.detail_user_data_item span i {
  font-size: 13px;
  position: relative;
  margin-right: 3px;
}

.detail_user_data_item span:hover {
  color: #fff;
}

.detail_qrcode_base {
  position: relative;
  text-align: center;
  margin: 20px 0px;
  background-image: url(../assets/img/douyin_base.png);
  background-size: cover;
  background-position: center;
  padding: 30px 0px 15px;
  border-radius: 8px;
}

.detail_qrcode {
  width: 100px;
  height: 100px;
  display: block;
  position: relative;
  margin: 0px auto;
  box-shadow: 4px 4px 0px 0px #fe2270;
  filter: drop-shadow(-4px -4px 0 #24f6f0) contrast(150%) brightness(110%);
  border: 1px solid #000;
}

.detail_qrcode_base span {
  font-size: 12px;
  color: #fff;
  margin-top: 20px;
  display: inline-block;
}

.detail_qrcode_base span i {
  font-size: 14px;
}

.detail_brand {
  position: relative;
  text-align: center;
  margin: 10px 0px;
  background-image: url(../assets/img/brand_base.png);
  background-size: cover;
  background-position: center;
  padding: 25px 10px 20px;
  border-radius: 8px;
}

.detail_brand_logo {
  width: 72px;
  height: 72px;
  border-radius: 10px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  position: relative;
  display: block;
  margin: 0px auto;
}

.detail_brand_name {
  font-size: 16px;
  line-height: 25px;
  color: #fff;
  font-weight: bold;
}

.detail_brand_data {
  display: flex;
  justify-content: space-between;
  margin: 0px 0px 20px;
  width: 100%;
  flex-wrap: wrap;
}

.detail_brand_data_item {
  margin: 15px 0px;
  display: flex;
  align-items: center;
  width: 50%;
}

.detail_brand_data_item p {
  font-size: 24px;
  color: #fff;
  display: block;
}

.detail_brand_data_icon {
  display: inline-block;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 8px;
  margin: 0px 5px;
  position: relative;
  top: 2px;
}

.detail_brand_data_icon i {
  color: #fff;
  font-size: 22px;
}

.detail_brand_data_item span {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
}

.table_talent_info {
  display: flex;
  flex-direction: column;
}

.table_talent_head {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
}

.table_talent_name {
  font-size: 16px;
  color: #fff;
  text-align: left;
  display: block;
  width: 100%;
}

.table_talent_time {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.4);
}

.table_talent_text {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.4);
}

.detail_goods {
  display: flex;
  align-items: center;
  padding: 15px 0px 5px;
}

.detail_goods img {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  margin-right: 8px;
}

.detail_goods_info {
  width: calc(100% - 80px);
}

.detail_goods_title {
  font-size: 14px;
  color: #fff;
  font-weight: bold;
}

.detail_goods_title i {
  font-size: 14px;
  background-color: #fff;
  border-radius: 10px;
}

.detail_goods_price {
  font-size: 18px;
  color: #ff3333;
  margin-top: 4px;
  font-weight: bold;
}

.detail_goods_price span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
}

.taobao_coupon_price {
  color: #ff5000 !important;
}

.taobao_coupon {
  border: 2px solid #ff5000;
  border-radius: 4px;
  color: #ff5000 !important;
  display: inline-block;
  height: 24px;
  padding: 0px 3px 0px 0px;
  background: rgba(255, 255, 255, 0.9);
  font-weight: bold;
}

.taobao_coupon i {
  background: #ff5000;
  color: #fff;
  padding: 0px 5px;
  height: 20px;
  display: inline-block;
}

.detail_comment_warp {
  margin: 0px 0px;
  padding: 20px 20px;
  overflow-y: auto;
  height: 750px;
}

/* 浏览器高度小于等于900px） */

@media screen and (max-height: 900px) {
  .detail_comment_warp {
    height: 660px;
  }
}

/* 浏览器高度小于等于768px） */

@media screen and (max-height: 768px) {
  .detail_comment_warp {
    height: 500px;
  }
}

.detail_comment_list {
  width: 100%;
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 15px 0px;
}

.detail_comment_head {
  width: 32px;
  height: 32px;
  margin: 0px 12px 0px 0px;
  position: relative;
  border-radius: 50%;
}

.detail_comment_content {
  padding-right: 10px;
  flex: 1;
}

.detail_comment_name {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
  display: block;
}

.detail_comment_text {
  font-size: 15px;
  color: #fff;
  padding-right: 15px;
  margin: 5px 0px;
  display: inline-block;
}

.detail_comment_time {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.4);
  display: block;
}

.detail_comment_like {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  display: inline-block;
  margin-left: 10px;
}

.detail_comment_like i {
  font-size: 20px;
  position: relative;
  display: block;
  margin: 0px auto;
}

.detail_music_content {
  display: flex;
  align-items: center;
  margin: 15px 0px 40px;
}

.detail_music_poster {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 12px;
  margin-right: 15px;
  position: relative;
}

.detail_music_poster img {
  width: 80px;
  height: 80px;
  border-radius: 12px;
}

.detail_music_poster i {
  position: absolute;
  bottom: 0px;
  right: 0px;
  font-size: 19px;
  color: #00b6ff;
  background: rgba(255, 255, 255, 0.88);
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  width: 26px;
  height: 24px;
  padding: 2px;
}

.detail_music_shadow {
  display: block;
  position: absolute;
  top: 5px;
  right: -6px;
  width: 8px;
  height: 70px;
  border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  background-color: rgba(255, 255, 255, 0.15);
}

.detail_music_info {
  flex: 1;
}

.detail_music_title {
  font-size: 16px;
  color: #fff;
  margin-bottom: 5px;
}

.detail_music_text {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  display: block;
  margin: 2px 0px;
}

.detail_music_text i {
  font-size: 13px;
}

.detail_music_text strong {
  font-size: 14px;
  color: #fff;
}

.detail_video_list {
  margin: 15px 0px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) !important;
  gap: 16px 20px !important;
}

.dailog_monitor_video .detail_video_list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
  gap: 16px 20px !important;
}

.dailog_monitor_video .detail_video_card {
  max-height: 300px;
}

.dailog_monitor_video_select {
  border: 5px solid #25ed67;
  box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2);
}

.detail_video_card {
  border-radius: 5px;
  background-color: #252935;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  max-height: 208px;
}

.detail_video_card:hover .detail_video_card_button {
  display: block;
}

.detail_video_card:hover {
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}

.detail_video_card_button {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 30px;
  padding: 6px;
  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}

.card_button {
  border: none;
  margin-left: 0px !important;
  margin-right: 2px;
}

.card_button i {
  font-size: 14px;
}

.detail_video_card_like {
  font-size: 16px;
  color: #fff;
  display: block;
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 10px;
  padding-top: 4px;
  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}

.detail_video_card_like i {
  font-size: 14px;
  position: relative;
  top: 0px;
  margin-right: 3px;
}

.detail_video_card_time {
  font-size: 12px;
  color: #fff;
  display: block;
  height: 24px;
  line-height: 24px;
  padding: 0px 8px;
  position: absolute;
  top: 5px;
  right: 5px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

.detail_video_card img {
  width: 100%;
  object-fit: cover;
  display: block;
}

.detail_person_data {
  display: flex;
  justify-content: space-between;
  margin: 40px 0px 50px;
  width: 100%;
}

.detail_person_data_item {
  margin: 0 10px;
  text-align: center;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.detail_person_data_info p {
  font-size: 36px;
  color: #fff;
  display: block;
}

.detail_person_data_info p small {
  font-size: 24px;
}

.detail_person_data_info span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}

.detail_person_data_info p i {
  font-size: 12px;
}

.detail_person_data_info p .dcc-data-up {
  color: #fe2270;
}

.detail_person_data_double {
  margin: 0px 20px;
  padding-left: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.03);
  text-align: left;
}

.detail_person_data_double p {
  font-size: 36px;
  color: rgba(255, 255, 255, 0.3);
  display: block;
}

.detail_person_data_double span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.3);
}

/* 浏览器宽度小于等于1440px） */

@media screen and (max-width: 1440px) {
  .detail_person_data_item {
    justify-content: flex-start;
  }
  .detail_person_data_info p {
    font-size: 28px;
  }
  .detail_person_data_info p small {
    font-size: 20px;
  }
}

.detail_person_data_icon {
  display: inline-block;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 8px;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.detail_person_data_icon i {
  color: #fff;
  font-size: 22px;
}

.detail_text_list {
  margin: 20px 0px;
}

.detail_text_list li {
  margin: 10px 0px;
}

.detail_text_list li p {
  display: block;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.75);
}

.detail_text_list li p strong {
  color: #face15;
}

.detail_text_list li span {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.3);
  padding-left: 15px;
}

.ui_detail_other_list {
  width: 100%;
  margin: 15px 0px 50px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
  gap: 16px 20px !important;
}

.ui_detail_other {
  background-color: #252935;
  border-radius: 8px;
  display: flex;
  padding: 20px 15px 20px;
  align-items: center;
}

.ui_detail_other img {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  background-color: #333;
}

.ui_detail_other p {
  flex: 1;
  color: #fff;
  margin: 0px 5px 0px 10px;
}

.MCN_work_data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0px 20px;
}

.MCN_work_data p {
  font-size: 17px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 60px;
}

.MCN_work_data p span {
  color: #fff;
}

.MCN_work_data p strong {
  font-size: 24px;
  color: #face15;
}

.MCN_work_progress {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0px 10px;
  max-width: 300px;
  flex: 1;
}

.MCN_work_progress .el-progress {
  margin: 26px 0px;
}

.MCN_work_progress .el-progress .el-progress-bar__inner {
  background-color: #2997ff;
}

/* 浏览器宽度小于等于1440px） */

@media screen and (max-width: 1440px) {
  .MCN_work_data p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 60px;
  }
  .MCN_work_data p span {
    color: #fff;
  }
  .MCN_work_data p strong {
    font-size: 18px;
    color: #face15;
  }
}

.detail_page_scroll_warp {
  overflow-y: auto;
}

.detail_page_user_warp {
  width: 380px;
  margin-right: 30px;
}

.detail_page_user {
  width: 100%;
  padding: 0px 0px 23px;
  margin-top: 15px;
  min-height: 640px;
}

.detail_user {
  position: relative;
  text-align: center;
  margin: 0px;
  background-image: url(../assets/img/user_set_base.png);
  background-size: cover;
  background-position: center;
  padding: 40px 30px 30px;
  height: 270px;
}

.detail_user_head {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, 0.05);
  position: relative;
  display: block;
  margin: 0px auto;
}

.detail_user_name {
  font-size: 20px;
  line-height: 36px;
  color: #fff;
  font-weight: bold;
}

.detail_user_vip {
  background-color: rgba(0, 0, 0, 0.15);
  padding: 0px 10px;
  height: 27px;
  line-height: 27px;
  border-radius: 14px;
  display: inline-block;
  margin: 5px auto;
}

.detail_user_vip img {
  width: 18px;
  height: 18px;
  position: relative;
  top: 2px;
  margin-right: 2px;
}

.detail_user_vip span {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
}

.detail_user_vip_button,
.detail_user_vip_button:focus {
  font-size: 16px;
  font-weight: bold;
  color: #6a3313;
  background-image: -webkit-linear-gradient(0deg, rgb(230, 180, 149) 0%, rgb(245, 221, 195) 100%);
  height: 44px;
  border-radius: 22px;
  display: block;
  margin: 10px auto;
  border: none;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.detail_user_vip_button i {
  font-size: 20px;
  color: #6a3313;
  font-weight: normal;
}

.detail_user_vip_button:hover {
  border: none;
  color: #6a3313;
  -webkit-filter: brightness(1.1);
  filter: brightness(1.1);
}

.detail_user_vip_button:active {
  border: none;
  color: #6a3313;
  -webkit-filter: brightness(0.9);
  filter: brightness(0.9);
}

.detail_user_info_warp {
  margin: 20px 50px 0px;
  display: block;
}

.detail_user_info_list {
  display: flex;
  justify-content: space-between;
  margin: 30px 0px;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
}

.detail_user_info_list i {
  font-size: 16px;
  color: #fff;
}

.detail_user_info_list p {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.4);
  margin: 0px 50px 0px 15px;
}

.detail_user_info_list span {
  font-size: 16px;
  color: #fff;
  flex: 1;
}

.detail_user_info_list span .dcc-man {
  font-size: 16px;
  color: #2997ff;
}

.detail_user_info_list span .dcc-women {
  font-size: 16px;
  color: #fe2270;
}

.detail_user_set_button_warp {
  display: block;
  display: flex;
  justify-content: center;
}

.detail_user_set_button {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  display: inline-block;
  width: 110px;
  text-align: center;
  background-color: rgba(96, 106, 120, 0.3);
  height: 36px;
  line-height: 34px;
  padding: 0px 10px;
  margin: 10px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.detail_user_set_button:hover {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background-color: rgba(96, 106, 120, 0.5);
}

.detail_user_set_button:active {
  opacity: 0.6;
}

.user_use_card_warp {
  margin-top: 35px;
  display: grid;
  grid-template-columns: repeat(2, minmax(400px, 1fr));
  gap: 30px;
  justify-content: flex-start;
  padding-right: 30px;
}

.user_use_card {
  background: #252935;
  border-radius: 15px;
  height: 200px;
  padding: 20px 30px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.user_use_card:hover {
  transform: scale(1.02);
  -webkit-transform: scale(1.02);
  background-color: #3a404f;
}

.user_use_data {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.user_use_card p {
  font-size: 21px;
  color: #fff;
  text-align: left;
  margin: 10px 0px;
}

.user_use_card span {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.5);
  text-align: left;
}

.user_use_card span strong {
  font-size: 36px;
  color: #face15;
  font-weight: bolder;
}

.user_use_card span small {
  font-size: 20px;
  color: #face15;
  font-weight: bolder;
}

.user_use_card i {
  font-size: 220px;
  color: rgba(255, 255, 255, 0.02);
  position: absolute;
  bottom: -70px;
  left: 30px;
}

.user_use_card svg path:first-child {
  stroke: rgba(255, 255, 255, 0.05);
}

/* 浏览器高度小于等于1440px） */

@media screen and (max-width: 1440px) {
  .user_use_card {
    height: 180px;
    padding: 20px 30px;
  }
  .detail_page_user_warp {
    width: 280px;
    margin-right: 25px;
  }
  .detail_page_user {
    min-width: 280px;
  }
  .detail_page_user {
    min-height: 520px;
    padding: 0px 0px 18px;
  }
  .detail_user_info_warp {
    margin: 15px 10px 0px 30px;
  }
  .detail_user_info_list {
    margin: 20px 0px;
  }
  .detail_user_info_list p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.4);
    margin: 0px 30px 0px 15px;
  }
  .user_use_card_warp {
    gap: 25px;
    padding-right: 10px;
  }
  .user_use_card i {
    font-size: 180px;
    color: rgba(255, 255, 255, 0.02);
    position: absolute;
    bottom: -70px;
    left: 30px;
  }
}

/* .invoice_dialog{max-height: 600px;overflow-y: auto;} */

.invoice_bottom {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 20px 30px 20px 0px;
  justify-content: space-between;
}

.invoice_bottom p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  margin-right: 20px;
}

.invoice_bottom strong {
  font-size: 14px;
  color: #2997ff;
}

.invoice_dialog_info {
  margin: 0px 0px 15px;
  text-align: left;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
}

.invoice_dialog_info strong {
  font-size: 14px;
  color: #2997ff;
}

.invoice_dialog_info strong span {
  font-size: 24px;
}

.invoice_dialog_table {
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: none;
}

.input_warp_title {
  font-size: 15px;
  color: #fff;
  text-align: left;
  margin: 10px 0px;
}

.invoice_detail {
  color: #fff;
}

.invoice_hint {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}

.invoice_hint:hover {
  color: rgba(255, 255, 255, 1);
}

.follow_user_warp {
  display: flex;
  flex-wrap: wrap;
}

.follow_user_card {
  background: #232631;
  position: relative;
  padding: 20px 20px 90px;
  border-radius: 10px;
  width: calc(50% - 20px);
  display: inline-block;
  margin: 10px;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.follow_user_card:hover {
  background-color: #3a404f;
}

.follow_user_head {
  width: 80px;
  height: 80px;
  margin-right: 10px;
}

.follow_user_head img {
  width: 80px;
  height: 80px;
}

.follow_user_info {
  align-items: flex-start;
}

.user_card_MCN {
  display: inline-block;
  position: relative;
  margin: 0px 10px 0px 10px;
  top: -1px;
}

.follow_user_data {
  border-top: 1px solid rgba(255, 255, 255, 0.03);
  padding: 10px 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  display: flex;
}

.follow_user_data_item {
  flex: 1;
}

.follow_user_hot {
  text-align: right;
  margin-bottom: 5px;
}

.follow_user_hot {
  color: rgba(255, 255, 255, 1);
  font-size: 13px;
}

.follow_user_hot i {
  font-size: 13px;
}

.follow_user_hot p {
  color: #face15;
  font-size: 24px;
}

.follow_user_hot p i {
  font-size: 26px;
}

.follow_user_right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.follow_button_warp {
  margin: 0px 0px;
}

.follow_button {
  border: none;
  display: block;
  margin: 7.5px 5px !important;
  padding: 9px 10px;
}

/* 浏览器高度小于等于1200px） */

@media screen and (max-width: 1200px) {
  .follow_user_card {
    width: 100%;
  }
}

.follow_music_warp {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 25px;
  justify-content: space-around;
}

.follow_music_card {
  background: #232631;
  padding: 20px 10px 20px 20px;
  border-radius: 12px;
  display: flex;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.follow_music_card:hover {
  transform: scale(1.02);
  -webkit-transform: scale(1.02);
  background-color: #3a404f;
}

.follow_music_content {
  flex: 1;
  margin: 0px;
}

.user_card_warp .follow_user_card {
  background: #232631;
  position: relative;
  padding: 10px 20px 90px;
  border-radius: 10px;
  width: 100%;
  display: inline-block;
  margin: 10px 0px;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.user_card_warp .follow_user_card:hover {
  background-color: #3a404f;
}

.user_card_warp .follow_user_data {
  padding: 0px 0px;
}

.user_card_warp .detail_video_worker {
  margin-bottom: 0px;
}

.user_card_warp .follow_user_hot {
  margin-bottom: 20px;
}

.follow_button_warp_inline .follow_button {
  display: inline-block;
  padding: 9px 15px;
  min-width: 100px;
}

.el-table__header-wrapper {
  border-top: 1px solid rgba(255, 255, 255, 0.03);
}

.search_top {
  width: 100%;
  text-align: center;
  padding: 25px 0px 12px;
  min-height: 200px;
  background-image: url(../assets/img/star_base.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
}

.search_warp {
  display: block;
  width: 1140px;
  margin: 0px auto;
  padding-top: 15px;
}

.search_warp_title {
  font-size: 36px;
  text-align: center;
  color: #fff;
  font-weight: bolder;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search_warp_title i {
  font-size: 40px;
  /* text-shadow: 3px 3px 0px #fe2270;filter: drop-shadow(-2px -2px 0 #24f6f0) contrast(150%) brightness(110%); */
  animation: tiktok 0.3s linear infinite;
}

.search_warp_title img {
  height: 48px;
  margin-left: 10px;
}

.search_warp_subhead {
  font-size: 16px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  display: block;
  margin: 10px auto 0px;
}

.search_warp_subhead strong {
  font-size: 30px;
  color: #face15;
}

.search_center {
  margin: 20px auto 10px;
}

.search_center .el-input__prefix {
  padding-top: 4px;
  padding-left: 5px;
  color: #93a3b0;
}

.search_class,
.search_class:hover {
  background: rgba(255, 255, 255, 0.04);
}

.search_radio {
  margin: 10px 0px;
}

.search_radio .option_title {
  margin: 0px 20px 0px 80px;
}

.search_shop_radio {
  margin: 10px 0px;
  display: flex;
  align-items: center;
}

.search_shop_radio .option_title {
  margin: 0px 0px;
  width: 120px;
  text-align: left;
}

.search_bottom_button {
  display: block;
  margin: 20px auto;
  width: 100%;
  text-align: center;
}

.button_general_search,
.button_general_search:focus,
.button_general_search:visited {
  background-color: #2c313d;
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  color: rgba(255, 255, 255, 0.8);
  padding: 14px 15px;
}

.button_general_search:hover {
  color: #fff;
  -webkit-filter: brightness(1.3);
  filter: brightness(1.3);
}

.button_general_search:active {
  opacity: 0.5;
}

.search_warp .el-divider--horizontal {
  margin: 8px 0px;
}
.ui_bottom .el-divider--horizontal {
  margin: 10px 0;
}

.search_link {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 34px;
  display: block;
}

.search_link strong {
  color: #2297ff;
}

.search_link strong:hover {
  color: #0ea8ff;
}

.search_link strong:active {
  opacity: 0.5;
}

.el-radio__label {
  font-size: 15px;
}

.el-radio__label:hover {
  color: #fff;
}

.el-radio__input.is-checked + .el-radio__label {
  font-weight: bold;
}

@keyframes tiktok {
  0% {
    /* Using filter cause text-shadow doesn't support svgs */
    filter: drop-shadow(2px 2px 0px #0ff) drop-shadow(-2px -2px 0px #fe2270);
    transform: translate(1px, 1px);
  }
  20% {
    filter: drop-shadow(-2px 2px 0px #0ff) drop-shadow(2px -2px 0px #fe2270);
    transform: translate(-1px, 1px);
  }
  40% {
    filter: drop-shadow(2px -2px 0px #0ff) drop-shadow(2px -2px 0px #fe2270);
    transform: translate(1px, -1px);
  }
  60% {
    filter: drop-shadow(-2px -2px 0px #0ff) drop-shadow(2px 2px 0px #fe2270);
    transform: translate(-1px, -1px);
  }
  80% {
    filter: drop-shadow(-2px 2px 0px #0ff) drop-shadow(-2px 2px 0px #fe2270);
    transform: translate(1px, 0px);
  }
  100% {
    filter: drop-shadow(-2px 1px 0px #0ff) drop-shadow(1px -2px 0px #fe2270);
    transform: translate(1px, 1px);
  }
}

@-webkit-keyframes tiktok {
  0% {
    /* Using filter cause text-shadow doesn't support svgs */
    filter: drop-shadow(2px 2px 0px #0ff) drop-shadow(-2px -2px 0px #fe2270);
    transform: translate(1px, 1px);
  }
  20% {
    filter: drop-shadow(-2px 2px 0px #0ff) drop-shadow(2px -2px 0px #fe2270);
    transform: translate(-1px, 1px);
  }
  40% {
    filter: drop-shadow(2px -2px 0px #0ff) drop-shadow(2px -2px 0px #fe2270);
    transform: translate(1px, -1px);
  }
  60% {
    filter: drop-shadow(-2px -2px 0px #0ff) drop-shadow(2px 2px 0px #fe2270);
    transform: translate(-1px, -1px);
  }
  80% {
    filter: drop-shadow(-2px 2px 0px #0ff) drop-shadow(-2px 2px 0px #fe2270);
    transform: translate(1px, 0px);
  }
  100% {
    filter: drop-shadow(-2px 1px 0px #0ff) drop-shadow(1px -2px 0px #fe2270);
    transform: translate(1px, 1px);
  }
}

.verify_yellow {
  display: inline-block;
  background: #ffb02d;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  padding: 0px;
  line-height: 18px;
  text-align: center;
}

.verify_blue {
  display: inline-block;
  background: #1ca9f9;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  padding: 0px;
  line-height: 18px;
  text-align: center;
}

.option_title_store {
  display: inline-block;
  width: 16px;
  height: 16px;
  color: #face15;
  font-size: 16px !important;
}

.option_title_MCN {
  display: inline-block;
  background: #fe2270;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  color: #fff;
  font-size: 13px !important;
  padding: 0px 4px 0px 2px;
  line-height: 16px;
}

.option_title_icon {
  display: inline-block;
  width: 16px;
  color: #fff;
  font-size: 16px !important;
}

.shop_icon {
  display: inline-block;
  background: #fff;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  font-size: 20px;
  padding: 0px;
  line-height: 22px;
  overflow: hidden;
  position: relative;
  top: 4px;
}

.shop_icon.dcc-taobao {
  color: #ff5000;
}

.shop_icon.dcc-xiaodian {
  color: #ff3333;
}

.shop_icon_taobao {
  display: inline-block;
  background: #ff5000;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  color: #fff;
  font-size: 15px;
  padding: 0px;
  line-height: 20px;
  text-align: center;
}

.shop_icon_xiaodian {
  display: inline-block;
  background: #ff4444;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  color: #fff;
  font-size: 15px;
  padding: 0px;
  line-height: 20px;
  text-align: center;
}

.search_result_warp {
  width: 100%;
}

.search_result_warp .el-divider--horizontal {
  margin: 8px 0px;
}

.search_result_warp .home_search_input {
  width: 480px;
  height: 40px;
  margin: 10px 10px 10px 0px;
  border: none;
  border-radius: 4px;
}

.search_result_warp .home_search_input input {
  height: 40px;
}

.search_result_warp .search_center .el-input__prefix {
  padding-top: 2px;
  padding-left: 4px;
}

.search_result_warp .button_big {
  padding: 12px;
  min-width: 140px;
}

.search_result_warp .button_general_search {
  padding: 11px;
}

.search_result_list {
  width: 100%;
}

.search_result_list .option_group {
  text-align: right;
}

.search_result_list .option_base {
  padding: 10px 0px;
}

.search_result_list .refresh_time {
  margin: 0px;
  float: none;
  flex: 1;
}

.search_result_list .el-button {
  margin-bottom: 0px;
}

.dialog_video {
  width: 1000px;
  margin-top: 6vh !important;
  min-height: 90% !important;
  max-height: 90% !important;
  margin: 0px auto;
  overflow: hidden;
  overflow-y: auto;
}

.dialog_video_trend {
  width: 1200px;
  margin-top: 8vh !important;
  min-height: 30% !important;
  max-height: 90% !important;
  margin: 0px auto;
  overflow: hidden;
  overflow-y: auto;
}

.dialog_fansClub {
  width: 500px;
  margin-top: 6vh !important;
  min-height: 80% !important;
  max-height: 80% !important;
  margin: 0px auto;
  overflow: hidden;
  overflow-y: auto;
}

.dialog_commission {
  max-height: 80% !important;
  margin: 0px auto;
  overflow: hidden;
  overflow-y: auto;
}

.dialog_commission_input {
  overflow: hidden;
}

.dialog_music_base {
  width: 100%;
  position: relative;
  display: flex;
}

.dialog_music_base .detail_music_content {
  flex: 1;
}

.dailog_video_monitor {
  width: 1000px;
  margin-top: 8vh !important;
  min-height: 50% !important;
  max-height: 90% !important;
  margin: 0px auto;
  overflow: hidden;
  overflow-y: auto;
}

.dialog_monitor_hot {
  width: 900px;
  margin-top: 8vh !important;
  min-height: 30% !important;
  max-height: 90% !important;
  margin: 0px auto;
  overflow: hidden;
  overflow-y: auto;
}

.dialog_monitor_info {
  width: 100%;
  display: block;
  margin: 0px 0px 30px;
}

.dialog_monitor_info p {
  font-size: 16px;
  color: #fff;
  line-height: 32px;
}

.dialog_monitor_info span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 18px;
  margin-right: 28px;
}

.dialog_monitor_info i {
  font-size: 14px;
}

.dialog_video_base {
  width: 100%;
  position: relative;
  display: flex;
  margin: 0px 0px;
}

.dialog_video_cover {
  max-width: 90px;
  min-width: 90px;
  height: 140px;
  margin: 0px 15px 0px 0px;
  border-radius: 5px;
}

.dialog_video_info {
  line-height: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 140px;
  flex: 1;
}

.dialog_video_title {
  font-size: 16px;
  line-height: 1;
  color: #fff;
  font-weight: bold;
}

.dialog_video_name {
  font-size: 14px;
  line-height: 18px;
  color: #fff;
}

.dialog_video_data {
  display: flex;
  margin: 20px 0px;
  padding: 0px 5px;
}

.dialog_video_text {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  margin: 0px 0px;
  line-height: 18px;
}

.dialog_data_time {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  position: relative;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.05);
  height: 26px;
  line-height: 24px;
  display: block;
  padding: 0px 5px;
  margin: 20px 30px 10px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.dialog_button_group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.dialog_button {
  min-width: 100px;
  height: 40px;
  font-size: 15px;
  color: #fff;
  padding: 12px 10px;
  text-align: center;
  border: none;
  margin: 10px 10px;
}

.dialog_button i {
  margin-right: 3px;
}

.dialog_button_focus,
.dialog_button_focus:hover,
.dialog_button_focus:focus {
  background-color: #fe578e;
  color: rgba(255, 255, 255, 0.6);
}

.dialog_qrcode_base {
  position: relative;
  text-align: center;
  margin: 0px 0px;
  padding: 15px 15px 0px;
  margin-right: 10px;
}

.dialog_qrcode {
  width: 90px;
  height: 90px;
  display: block;
  position: relative;
  margin: 0px auto;
  box-shadow: 4px 4px 0px 0px #fe2270;
  filter: drop-shadow(-4px -4px 0 #24f6f0) contrast(150%) brightness(110%);
  border: 1px solid #000;
}

.dialog_qrcode_base span {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 10px;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.08);
  padding: 4px 8px;
  border-radius: 20px;
}

.dialog_qrcode_base span i {
  font-size: 14px;
}

.dialog_content {
  position: relative;
  margin: 20px 0px 5px;
}

.dialog_warp {
  position: relative;
  margin: 0px 0px;
  overflow-y: auto !important;
  height: 50%;
  background: #666;
}

.dialog_user {
  display: flex;
  align-items: center;
  margin: 10px 0px 30px;
  background: rgba(255, 255, 255, 0.08);
  padding: 15px 0px 15px 15px;
  border-radius: 8px;
}

.dialog_user_head {
  position: relative;
}

.dialog_user_head img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.worker_head_blueV {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 2px;
  bottom: 2px;
  background-image: url(../assets/img/verify_blue.png);
  background-size: cover;
}

.worker_head_yellowV {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 2px;
  bottom: 2px;
  background-image: url(../assets/img/verify_yellow.png);
  background-size: cover;
}

.dialog_user_info {
  margin: 0px 5px 0px 10px;
  flex: 1;
}

.dialog_user_name {
  font-size: 16px;
  line-height: 25px;
  color: #fff;
  font-weight: bold;
}

.dialog_user_text {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
  margin: 3px 0px;
  line-height: 20px;
  vertical-align: middle;
}

.dialog_topic_base {
  width: 100%;
  position: relative;
  display: flex;
  margin: 0px 0px;
}

.detail_topic_content {
  flex: 1;
  display: flex;
}

.dialog_topic_cover {
  max-width: 90px;
  min-width: 90px;
  height: 120px;
  margin: 0px 20px 0px 0px;
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.2);
}

.dialog_topic_cover img {
  width: 100%;
  object-fit: cover;
}

.dialog_topic_info {
  line-height: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 120px;
  flex: 1;
}

.dialog_topic_title {
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  font-weight: bold;
}

.dialog_topic_data span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  margin-right: 20px;
}

.dialog_topic_data span i {
  font-size: 13px;
}

.dialog_topic_data span strong {
  font-size: 14px;
  color: #fff;
}

.dialog_topic_text {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  margin: 0px 0px;
  line-height: 18px;
}

.dialog_location {
  width: 1000px;
  margin-top: 8vh !important;
  min-height: 40% !important;
  max-height: 85% !important;
  margin: 0px auto;
  overflow: hidden;
  overflow-y: auto;
}

.dialog_location_base {
  width: 100%;
  position: relative;
  display: flex;
  margin: 0px 0px;
}

.dialog_location_poster {
  width: 180px;
  height: 120px;
  border-radius: 5px;
  object-fit: cover;
  margin-right: 20px;
}

.dialog_location_info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 15px 0px;
}

.dialog_location_title {
  font-size: 20px;
  line-height: 20px;
  color: #fff;
  font-weight: bold;
}

.dialog_location_title .el-button {
  display: inline-block;
  border: none;
  margin: 0px 20px;
  font-size: 16px;
  align-items: center;
  padding: 0px 15px;
  height: 40px;
  line-height: 40px;
}

.dialog_location_title .el-button span {
  line-height: 40px;
  font-size: 16px;
}

.dialog_location_title .el-button i {
  font-size: 20px;
}

.dialog_location_info p {
  font-size: 14px;
  color: #fff;
  margin: 7px 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 40px;
}

.dialog_location_info p i {
  font-size: 15px;
  color: #25ed67;
}

.dialog_location_data {
  display: flex;
  margin: 0px;
  padding: 30px 0px;
}

.dialog_location_data_item {
  font-size: 24px;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  margin: 0px 20px;
  align-items: center;
}

.dialog_location_data_item p {
  height: 30px;
}

.dialog_location_data_item span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
}

.dialog_location_data_item span i {
  font-size: 13px;
  position: relative;
  margin-right: 3px;
}

.dialog_location_data .el-divider--vertical {
  height: 60px;
}

.dialog_MCN {
  width: 1100px;
  margin-top: 8vh !important;
  min-height: 40% !important;
  max-height: 85% !important;
  margin: 0px auto;
  overflow: hidden;
  overflow-y: auto;
}

.dialog_MCN_base {
  width: 100%;
  position: relative;
  display: flex;
  margin: 10px 0px;
}

.dialog_MCN_data {
  display: flex;
  margin: 0px 10px;
  padding: 0px 0px;
}

.dialog_MCN_data_item {
  font-size: 24px;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  margin: 0px 20px;
  align-items: center;
}

.dialog_MCN_data_item p {
  height: 30px;
}

.dialog_MCN_data_item span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4) !important;
}

.dialog_MCN_data_item span i {
  font-size: 13px;
  position: relative;
  margin-right: 3px;
}

.dialog_MCN_data .el-divider--vertical {
  height: 60px;
}

.dialog_MCN_base .MCN_card_info {
  flex: 1;
}

.dialog_MCN_base .MCN_card_info {
  align-items: flex-start;
}

.dialog_MCN_base .MCN_card_info img {
  width: 80px;
  height: 80px;
}

.dialog_MCN_base span {
  display: inline-block;
  margin: 10px 15px 5px 0px;
  color: #fff;
}

.MCN_info_tel,
.MCN_info_company {
  display: inline-block;
}

.MCN_info_tel i {
  font-size: 15px;
  color: #face15 !important;
}

.MCN_info_company i {
  font-size: 15px;
  color: #00ccff !important;
}

.MCN_info_tel small,
.MCN_info_company small {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  margin: 7px 0px 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.MCN_info_introduce {
  display: block;
  width: 580px;
  margin: 0px !important;
  text-overflow: inherit !important;
  white-space: normal !important;
}

.MCN_info_introduce small {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
}

.dialog_MCN_talent_list {
  width: 100%;
  margin: 20px 0px 10px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
  gap: 16px 20px !important;
}

.dialog_MCN_talent {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  display: flex;
  padding: 20px 15px 20px;
  align-items: center;
}

.dialog_MCN_talent:hover {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.05);
}

.dialog_MCN_talent img {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  background-color: #333;
}

.dialog_MCN_talent_info {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin: 0px 5px 0px 10px;
  justify-content: space-around;
  height: 48px;
}

.dialog_MCN_talent_info p {
  color: #fff;
  font-size: 15px;
}

.dialog_MCN_talent_info span {
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
}

.dialog_MCN_talent_info p:hover {
  color: #2997ff;
}

.dialog_store {
  width: 1000px;
  margin-top: 10vh !important;
  min-height: 50% !important;
  max-height: 80% !important;
  margin: 0px auto;
  overflow: hidden;
  overflow-y: auto;
}

.dialog_store_base {
  width: 100%;
  position: relative;
  display: flex;
  margin: 0px 0px;
}

.detail_store_content {
  flex: 1;
  display: flex;
}

.dialog_store_poster {
  width: 80px;
  height: 80px;
  margin: 0px 20px 0px 0px;
  border-radius: 5px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.2);
}

.dialog_store_poster img {
  width: 100%;
  object-fit: cover;
}

.dialog_store_info {
  line-height: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 80px;
  flex: 1;
}

.dialog_store_title {
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  font-weight: bold;
}

.dialog_store_title i {
  font-weight: normal;
}

.dialog_store_data span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  margin-right: 20px;
}

.dialog_store_data span i {
  font-size: 13px;
}

.dialog_store_data span strong {
  font-size: 14px;
  color: #fff;
}

.dialog_topic_text {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  margin: 0px 0px;
  line-height: 18px;
}

.monitor_group_warp {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.02);
  padding-bottom: 10px;
}

.monitor_group_warp .ui_content_title {
  width: auto;
}

.monitor_group_base {
  flex: 1;
  margin: 10px 20px;
}

.monitor_group_base .el-button {
  margin: 10px 10px;
}

.group_class {
  border: 2px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  height: 32px;
  line-height: 28px;
  padding: 0px 10px;
  min-width: 60px;
  font-size: 14px;
  color: #fff;
  margin: 5px 5px;
  display: inline-block;
  text-align: center;
  position: relative;
}

.group_class:hover {
  border: 2px solid rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.2);
}

.group_class:active {
  border-color: rgba(255, 255, 255, 0.05);
  background-color: rgba(255, 255, 255, 0.08);
}

.group_class_disabled,
.group_class_disabled:focus,
.group_class_disabled:hover {
  border: 2px solid rgba(255, 255, 255, 0.05);
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 18px;
  height: 32px;
  line-height: 28px;
  padding: 0px 10px;
  min-width: 60px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  margin: 5px 5px;
  display: inline-block;
  text-align: center;
  position: relative;
}

.group_class_acticve,
.group_class_acticve:focus,
.group_class_acticve:hover {
  background-image: -webkit-linear-gradient(45deg, #fc8c63 0%, #fbcb6f 100%);
  color: #fff;
  line-height: 32px;
  font-weight: bold;
  border-radius: 18px;
  height: 32px;
  padding: 0px 10px;
  min-width: 60px;
  font-size: 14px;
  color: #fff;
  margin: 5px 5px;
  display: inline-block;
  text-align: center;
  position: relative;
}

.tag_delete {
  width: 15px;
  height: 15px;
  line-height: 15px;
  background-color: #ff3333;
  border-radius: 50%;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  margin-left: 5px;
}

.tag_delete:hover {
  background-color: #ff6666;
}

.tag_delete:active {
  opacity: 0.6;
}

.monitor_content .el-divider--horizontal {
  margin: 8px 0px;
}

.monitor_content {
  padding-top: 20px;
}

.monitor_content .ui_content_title_button {
  margin-top: -6px;
}

.monitor_data {
  display: flex;
  justify-content: space-between;
  margin: 30px 0px 50px;
  width: 100%;
}

.monitor_data .el-divider--vertical {
  display: inline-block;
  width: 1px;
  height: 140px;
  margin: 30px 50px;
  background-color: rgba(255, 255, 255, 0.025);
}

.monitor_data_item {
  margin: 0px 0px;
  text-align: center;
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}

.monitor_data_info {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 10px;
}

.monitor_data_icon {
  display: inline-block;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 8px;
  position: relative;
}

.monitor_data_icon i {
  color: #fff;
  font-size: 22px;
}

.monitor_data_info span {
  font-size: 18px;
  color: #fff;
  margin: 0px 5px;
}

.monitor_data_info p {
  font-size: 24px;
  color: #fff;
  flex: 1;
  text-align: right;
}

.monitor_data_text {
  display: flex;
  justify-content: space-between;
  margin: 5px 0px;
  align-items: center;
}

.monitor_data_text p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  padding-left: 12px;
}

.monitor_data_text p i {
  font-size: 14px;
}

.monitor_data_text span {
  display: inline-block;
  font-size: 16px;
  height: 26px;
  line-height: 20px;
  min-width: 32px;
  text-align: center;
}

.monitor_data_chart {
  flex: 1;
  height: 50px;
  display: block;
  width: 100%;
  position: relative;
}

.monitor_data_chart img {
  width: 100%;
}

/* 浏览器宽度小于等于1800px） */

@media screen and (max-width: 1800px) {
  .monitor_data .el-divider--vertical {
    height: 140px;
    margin: 20px 30px;
  }
}

/* 浏览器宽度小于等于1600px） */

@media screen and (max-width: 1600px) {
  .monitor_data .el-divider--vertical {
    height: 130px;
    margin: 20px 20px;
  }
}

/* 浏览器宽度小于等于1440px） */

@media screen and (max-width: 1440px) {
  .monitor_data .el-divider--vertical {
    height: 120px;
    margin: 20px 20px;
  }
  .monitor_data_info span {
    font-size: 16px;
  }
  .monitor_data_info p {
    font-size: 20px;
  }
  .monitor_data_text p {
    font-size: 13px;
  }
  .monitor_data_text span {
    font-size: 14px;
    height: 22px;
    line-height: 18px;
    min-width: 28px;
  }
}

.monitor_card_goods {
  width: 120px;
  height: 120px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  margin: 8px 10px;
}

.monitor_card_goods img {
  width: 120px;
  height: 120px;
  border-radius: 10px;
}

.monitor_card_goods_info {
  margin: 0px 20px 0px 10px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding-bottom: 10px;
}

.monitor_card_goods_title {
  font-size: 16px;
  color: #fff;
  line-height: 24px;
}

.monitor_card_goods_title i {
  font-size: 16px;
  margin-right: 5px;
}

.monitor_card_goods_price {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}

.monitor_card_goods_price strong {
  font-size: 20px;
  color: #f50000;
}

.monitor_card_goods_price strong small {
  font-size: 14px;
}

.monitor_card_goods_price span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: line-through;
  margin-left: 10px;
  font-weight: normal;
}

.monitor_list {
  width: 100%;
  clear: both;
  position: relative;
}

.monitor_list .option_group {
  text-align: right;
}

.monitor_list .option_base {
  padding: 10px 0px;
}

.monitor_list .refresh_time {
  margin: 0px;
  float: none;
  flex: 1;
}

.monitor_list .el-button {
  margin-bottom: 0px;
}

.monitor_video_list {
  width: 100%;
  clear: both;
  position: relative;
  padding: 0px 20px 0px 10px;
}

.monitor_card {
  background: #232631;
  position: relative;
  padding: 25px 20px 10px;
  border-radius: 10px;
  width: 100%;
  margin: 25px 0px;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
  display: flex;
}

.monitor_card:hover {
  transform: scale(1.005);
  -webkit-transform: scale(1.005);
}

.monitor_card:active {
  transform: scale(1);
  -webkit-transform: scale(1);
  opacity: 0.98;
}

.monitor_card_disabled,
.monitor_card_disabled:focus,
.monitor_card_disabled:hover {
  background: #232631;
  position: relative;
  padding: 20px 20px 10px;
  border-radius: 10px;
  width: calc(100% - 80px);
  margin: 25px 0px;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
  display: flex;
}

.monitor_video_list .monitor_card {
  padding: 25px;
}

.monitor_video_list .monitor_card:hover {
  transform: scale(1);
  -webkit-transform: scale(1);
  background: #3a404f;
}

.monitor_new {
  height: 20px;
  line-height: 18px;
  border: 1px solid rgba(255, 80, 0, 0.4);
  background: #392a2c;
  font-size: 13px;
  color: #ff5000;
  padding: 0px 5px;
  border-radius: 4px;
  position: absolute;
  left: 20px;
  top: -10px;
}

.monitor_new::before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  bottom: -12px;
  left: 35px;
  border: 6px solid transparent;
  border-top: 6px solid rgba(255, 80, 0, 0.4);
}

/* .monitor_card_operate{position: absolute;top: 50%;margin-top: -16px;right: -60px;background-color: #ff3333;width: 32px;height: 32px;line-height: 32px;border-radius: 50%;display: inline-block;color: #fff;font-size: 18px;text-align: center;}
.monitor_card_operate:hover{background-color: #ff5555;}
.monitor_card_operate:active{opacity: 0.6;} */

.monitor_card_operate {
  width: 80px;
  height: 130px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  position: absolute;
  right: -80px;
  top: 25px;
}

.monitor_card_operate i {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0);
  width: 36px;
  height: 36px;
  line-height: 38px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.monitor_card_operate i:hover {
  font-size: 22px;
  line-height: 40px;
  color: #fff;
  background-color: #232631;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.monitor_card_operate i:active {
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  opacity: 0.8;
}

.monitor_card_data {
  display: flex;
  justify-content: space-between;
  margin: 5px 0px;
  width: 64%;
}

.monitor_video_list .monitor_card_data {
  width: 40%;
}

.monitor_card_data .el-divider--vertical {
  display: inline-block;
  width: 1px;
  height: 100px;
  margin: 20px 20px 0px;
  background-color: rgba(255, 255, 255, 0.025);
}

.monitor_card_item {
  margin: 0px 0px;
  text-align: center;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 20%;
}

.monitor_card_info {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  justify-content: center;
}

.monitor_card_info p {
  font-size: 20px;
  color: #fff;
  text-align: left;
  margin: 0px 8px;
}

.monitor_card_text {
  display: flex;
  flex-direction: column;
  margin: 5px 0px;
  align-items: center;
}

.monitor_card_text p {
  font-size: 14px;
  color: rgba(255, 255, 255, 1);
}

.monitor_card_text span {
  display: inline-block;
  font-size: 16px;
  height: 22px;
  line-height: 18px;
  min-width: 30px;
  text-align: center;
  margin: 5px 0px;
}

.monitor_card_chart {
  height: 30px;
  display: block;
  width: 100%;
  position: relative;
  margin: 0 auto;
}

.monitor_card_chart img {
  width: 100%;
}

/* 浏览器宽度小于等于1600px） */

@media screen and (max-width: 1600px) {
  .monitor_card_data .el-divider--vertical {
    margin: 20px 10px;
  }
}

/* 浏览器宽度小于等于1440px） */

@media screen and (max-width: 1440px) {
  .monitor_card_info p {
    font-size: 18px;
  }
  .monitor_card_text p {
    font-size: 13px;
  }
  .monitor_card_text span {
    font-size: 14px;
    height: 22px;
    line-height: 18px;
    min-width: 28px;
  }
}

.monitor_base {
  width: 100%;
  text-align: center;
  padding: 60px 0px 0px;
  background-image: url(../assets/img/monitor_base.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom center;
}

.monitor_warp {
  display: block;
  width: 450px;
  margin: 0px auto;
  padding-top: 15px;
}

.monitor_icon {
  display: block;
  margin: 10px auto;
  background-color: rgba(255, 255, 255, 0.08);
  width: 100px;
  height: 100px;
  line-height: 108px;
  border-radius: 50%;
  text-align: center;
  -webkit-animation: ripple 0.6s linear infinite;
  animation: ripple 0.6s linear infinite;
}

.monitor_icon i {
  font-size: 60px;
  color: #fff;
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.03), 0 0 0 20px rgba(255, 255, 255, 0.03), 0 0 0 40px rgba(255, 255, 255, 0.03),
      0 0 0 60px rgba(255, 255, 255, 0.03);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.03), 0 0 0 40px rgba(255, 255, 255, 0.03), 0 0 0 60px rgba(255, 255, 255, 0.03),
      0 0 0 80px rgba(255, 255, 255, 0);
  }
}

@-webkit-keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.03), 0 0 0 20px rgba(255, 255, 255, 0.03), 0 0 0 40px rgba(255, 255, 255, 0.03),
      0 0 0 60px rgba(255, 255, 255, 0.03);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.03), 0 0 0 40px rgba(255, 255, 255, 0.03), 0 0 0 60px rgba(255, 255, 255, 0.03),
      0 0 0 80px rgba(255, 255, 255, 0);
  }
}

.monitor_warp_title {
  font-size: 36px;
  text-align: center;
  color: #fff;
  font-weight: bolder;
  display: flex;
  align-items: center;
  justify-content: center;
}

.monitor_warp_title i {
  font-size: 40px;
  /* text-shadow: 3px 3px 0px #fe2270;filter: drop-shadow(-2px -2px 0 #24f6f0) contrast(150%) brightness(110%); */
  animation: tiktok 0.3s linear infinite;
}

.monitor_warp_subhead {
  font-size: 16px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  display: block;
  margin: 10px auto;
}

.monitor_input {
  margin: 20px auto 10px;
  width: 600px;
}

.monitor_input .el-input__prefix {
  padding-top: 4px;
  padding-left: 5px;
  color: #93a3b0;
}

.monitor_warp_tip {
  display: block;
}

.monitor_warp_tip span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  margin: 0px 5px;
}

.monitor_warp_tip span i {
  font-size: 14px;
}

.monitor_warp_tip span:hover {
  color: #fff;
}

.monitor_warp_video {
  width: 450px;
  padding: 15px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  margin: 0 auto;
}

.monitor_warp_video_poster {
  min-width: 60px;
  max-width: 60px;
  height: 90px;
  border-radius: 10px;
  background: #252935;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.monitor_warp_video_poster img {
  object-fit: cover;
  width: 100%;
}

.monitor_warp_video_info {
  margin: 0px 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.monitor_warp_video_info p {
  font-size: 15px;
  color: #fff;
  margin-bottom: 10px;
}

.monitor_warp_video_info span {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.4);
}

.monitor_warp_video_info span i {
  font-size: 13px;
}

.monitor_radio {
  margin: 10px 0px;
  text-align: center;
}

.monitor_radio .option_title {
  margin: 0px 20px 0px 0px;
}

.monitor_warp_text {
  display: block;
  margin: 10px auto;
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  text-align: center;
}

.monitor_warp_text strong {
  color: #fe2270;
}

.monitor_warp_text span {
  color: #2997ff;
}

.monitor_warp_text span:hover {
  color: #0ea8ff;
}

.monitor_warp_text span:active {
  opacity: 0.6;
}

.monitor_bottom_button {
  display: block;
  margin: 30px auto 50px;
  width: 100%;
  text-align: center;
}

.button_general_search,
.button_general_search:focus,
.button_general_search:visited {
  background-color: #2c313d;
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  color: rgba(255, 255, 255, 0.8);
  padding: 14px 15px;
}

.button_general_search:hover {
  color: #fff;
  -webkit-filter: brightness(1.3);
  filter: brightness(1.3);
}

.button_general_search:active {
  opacity: 0.5;
}

/* 浏览器宽度小于等于1440px） */

@media screen and (max-width: 1440px) {
  .monitor_base {
    background-size: 1440px;
  }
  .monitor_input {
    width: 500px;
  }
}

.monitor_video_list_poster {
  min-width: 100px;
  max-width: 100px;
  height: 150px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
  display: flex;
  align-items: center;
}

.monitor_video_list_poster img {
  object-fit: cover;
  width: 100%;
}

.monitor_video_list_info {
  margin: 0px 25px 0px 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  flex: 1;
}

.monitor_video_list_info p {
  font-size: 16px;
  color: #fff;
  line-height: 26px;
  flex: 1;
}

.monitor_video_list_info span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 5px;
}

.monitor_video_list_info span i {
  font-size: 14px;
}

.monitor_video_list_info span strong {
  color: #fff;
}

.hourglass_rotate {
  animation: hourglass 1.2s infinite;
  -webkit-animation: hourglass 1.2s infinite;
  display: inline-block;
  position: relative;
}

@-webkit-keyframes hourglass {
  0% {
    -webkit-transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    -webkit-transform: rotate(90deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    -webkit-transform: rotate(180deg);
  }
}

@keyframes hourglass {
  0% {
    transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(90deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(180deg);
  }
}

.monitor_video_list_info .el-button span {
  color: #face15;
}

.monitor_extend_button {
  padding: 5px 10px;
  margin: 0px 20px;
  position: absolute;
  bottom: 20px;
  border: 2px solid rgba(255, 178, 45, 0.5);
  background-color: rgba(255, 178, 45, 0.102);
  color: #face15 !important;
}

.monitor_extend_button:hover {
  background-color: rgba(255, 178, 45, 0.3);
}

.monitor_extend_button:active {
  opacity: 0.6;
}

.monitor_detail_board {
  background: #252935;
  border-radius: 10px;
  padding: 15px 20px;
  align-items: center;
  margin: 0px 20px 20px 0px !important;
}

.monitor_detail_board .detail_person_data {
  margin: 20px 0px 30px;
}

.monitor_detail_time {
  display: block;
  margin: 30px auto;
  text-align: center;
}

.monitor_detail_time p {
  font-size: 14px;
  color: #fff;
}

.monitor_detail_time p i {
  font-size: 14px;
}

.monitor_detail_time .monitor_extend_button {
  position: relative;
  margin: 30px auto 0px;
}

.monitor_detail_new {
  position: relative;
  margin: 30px auto;
  height: auto;
  line-height: 20px;
  border: 1px solid rgba(255, 80, 0, 0.4);
  background: #392a2c;
  font-size: 14px;
  color: #ff5000;
  padding: 10px;
  border-radius: 10px;
  left: 0px;
  top: 0px;
}

.compare_base {
  width: 1000px;
  display: flex;
  margin: 10px auto;
}

.compare_search_warp {
  background: #232631;
  position: relative;
  padding: 20px;
  border-radius: 10px;
  width: 660px;
}

.compare_search_select {
  background: #232631;
  position: relative;
  border-radius: 10px;
  width: 300px;
  margin-left: 40px;
}

.compare_search_select_title {
  font-size: 16px;
  color: #fff;
  margin: 25px 20px;
}

.compare_search_select_title i {
  font-size: 18px;
}

.compare_search_warp .monitor_search_list {
  overflow-y: inherit;
  max-height: 100%;
}

.compare_user_list {
  padding-bottom: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.025);
}

.compare_user {
  display: flex;
  align-items: center;
  padding: 20px 10px 20px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.025);
}

.compare_user:hover {
  background: rgba(0, 0, 0, 0.08);
}

.compare_user:active {
  background: rgba(0, 0, 0, 0.12);
}

.compare_user:active img,
.compare_user:active p {
  opacity: 0.5;
}

.compare_user img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.compare_user p {
  color: #fff;
  font-size: 16px;
  margin: 0px 10px;
  flex: 1;
}

.compare_user i {
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  font-size: 18px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.compare_user i:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.compare_select_button {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 20px;
  text-align: center;
}

.compare_list {
  display: flex;
  flex-wrap: wrap;
}

.compare_card {
  background: #232631;
  position: relative;
  padding: 25px;
  border-radius: 10px;
  width: calc(33.33% - 40px);
  margin: 20px;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
  display: flex;
  flex-direction: column;
}

.compare_card:hover {
  background: #3a404f;
}

.compare_card:active {
  opacity: 0.98;
}

.compare_card_content {
  display: flex;
  justify-content: center;
}

.compare_card_data {
  margin: 0px -8px;
}

.compare_card_data img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 5px solid rgba(255, 178, 45, 0.5);
}

.compare_state {
  margin: 10px auto;
  text-align: center;
}

.compare_state p {
  display: inline-block;
  padding: 6px 15px;
  margin: 15px auto;
  border: 2px solid rgba(255, 178, 45, 0.5);
  border-radius: 30px;
  background-color: rgba(255, 178, 45, 0.102);
  color: #face15;
}

.compare_state i {
  font-size: 18px;
}

.compare_state span {
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}

.compare_state span strong {
  color: #fff;
  font-weight: normal;
}

.compare_state_complete {
  border-color: rgba(37, 237, 103, 0.4) !important;
  background-color: rgba(37, 237, 103, 0.1) !important;
  color: #25ed67 !important;
}

.compare_state_complete i {
  font-size: 18px;
  color: #25ed67 !important;
}

.compare_state_complete:hover {
  background-color: rgba(37, 237, 103, 0.2) !important;
}

.compare_state_complete:active {
  opacity: 0.6;
}

.compare_state_failed {
  border-color: rgba(255, 17, 17, 0.4) !important;
  background-color: rgba(255, 17, 17, 0.1) !important;
  color: #ff1111 !important;
}

.compare_state_failed i {
  font-size: 18px;
  color: #ff1111 !important;
}

.compare_result {
  margin: 10px auto;
  position: relative;
}

.compare_result_bottom {
  margin: 10px auto;
  text-align: center;
}

.compare_result_bottom img {
  display: block;
  margin: 20px auto;
  width: 60px;
}

.compare_result_bottom p {
  font-size: 14px;
  color: #fff;
  margin: 0px auto;
}

.compare_result_bottom strong {
  font-size: 14px;
  color: #00ccff;
}

.compare_result_bottom .button_excel {
  display: block;
  margin: 20px auto;
}

.authorize_page_left {
  min-width: 240px;
  width: 240px;
  position: relative;
  padding: 0px;
  min-height: 400px;
}

.authorize_base {
  text-align: center;
  padding: 20px 20px 10px;
}

.authorize_base .el-button {
  width: 100%;
}

.authorize_base_icon {
  font-size: 80px;
  color: rgba(255, 255, 255, 0.1);
  display: block;
  margin: 0px auto;
}

.authorize_base_title {
  color: #fff;
  font-size: 18px;
  margin-bottom: 10px;
}

.authorize_base_text {
  color: rgba(255, 255, 255, 0.4);
  font-size: 12px;
  margin: 10px auto;
}

.authorize_base_text strong {
  color: #face15;
}

.authorize_user_list {
  padding-bottom: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.025);
}

.authorize_user {
  display: flex;
  align-items: center;
  padding: 20px 10px 20px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.025);
}

.authorize_user:hover {
  background: rgba(0, 0, 0, 0.08);
}

.authorize_user:active {
  background: rgba(0, 0, 0, 0.12);
}

.authorize_user:active img,
.authorize_user:active p {
  opacity: 0.5;
}

.authorize_user img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.authorize_user p {
  color: #fff;
  font-size: 14px;
  margin: 0px 10px;
  flex: 1;
}

.authorize_user .dcc-more {
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  font-size: 18px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.authorize_user .dcc-more:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.authorize_user_content {
  display: flex;
  background: #252935;
  border-radius: 10px;
  padding: 25px;
  align-items: center;
  margin: 0px 10px 20px 0px;
}

.authorize_user_content img {
  width: 72px;
  height: 72px;
  border-radius: 50%;
}

.authorize_user_content_info {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 0px 10px;
}

.authorize_user_content_info p {
  color: #fff;
  font-size: 20px;
  line-height: 36px;
}

.authorize_user_content_info span {
  color: rgba(255, 255, 255, 0.4);
  font-size: 13px;
}

.authorize_user_content_info span strong {
  color: #fff;
}

.authorize_user_content_tip {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  height: 32px;
  line-height: 32px;
  padding: 0px 10px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.1);
}

.authorize_user_content_tip i {
  font-size: 14px;
}

.authorize_user_content_tip:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.authorize_user_table .rank_poster {
  min-width: 68px;
  max-width: 68px;
  height: 120px;
}

.authorize_user_table .rank_poster_title {
  min-width: 100px;
  font-size: 15px;
}

/* 浏览器宽度小于等于1440px） */

@media screen and (max-width: 1440px) {
  .authorize_page_left {
    min-width: 220px;
    width: 220px;
    margin-right: 20px;
  }
  .authorize_user_table .rank_poster {
    min-width: 45px !important;
    max-width: 45px;
    height: 80px;
  }
  .authorize_user_table .rank_poster_title {
    min-width: 0px;
    font-size: 14px;
  }
  .table_data_small {
    font-size: 14px;
  }
  .authorize_dialog {
    max-height: 90%;
    margin-top: 10vh !important;
  }
}

.authorize_qrcode_bg {
  position: relative;
  text-align: center;
  margin: 0px 0px;
  background-image: url(../assets/img/douyin_base.png);
  background-size: cover;
  background-position: center;
  padding: 30px 0px 15px;
  border-radius: 8px;
}

.authorize_qrcode {
  width: 200px;
  height: 200px;
  display: block;
  position: relative;
  margin: 0px auto;
  box-shadow: 6px 6px 0px 0px #fe2270;
  filter: drop-shadow(-6px -6px 0 #24f6f0) contrast(150%) brightness(110%);
  border: 1px solid #000;
}

.authorize_qrcode_bg span {
  font-size: 14px;
  color: #fff;
  margin-top: 20px;
  display: inline-block;
}

.authorize_qrcode_bg span i {
  font-size: 16px;
}

.authorize_step {
  margin: 20px auto 0px;
  width: 100%;
  text-align: center;
}

.authorize_step img {
  width: 95%;
  margin: 0px auto;
}

.authorize_step_text {
  display: flex;
  margin-top: -10px;
}

.authorize_step_text p {
  text-align: center;
  width: 33.33%;
  height: 80px;
}

.authorize_step_text p i {
  display: block;
  font-size: 48px;
  color: rgba(255, 255, 255, 0.03);
}

.authorize_step_text p span {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.4);
  top: -20px;
  position: relative;
}

.authorize_step_text p span strong {
  color: #00ccff;
  font-weight: normal;
}

.agreement_dialog {
  margin-top: 8vh !important;
  max-height: 85%;
  width: 750px;
  overflow: auto;
}

.agreement_dialog_content {
  width: 100%;
  position: relative;
  padding: 5px;
  text-align: left;
}

.agreement_dialog_title {
  font-size: 24px;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

.agreement_dialog_focus {
  font-size: 15px;
  color: #face15;
  margin: 20px 0px;
}

.agreement_dialog_content p {
  font-size: 18px;
  color: #fff;
  text-align: left;
  line-height: 48px;
}

.agreement_dialog_content span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  text-align: left;
  line-height: 26px;
  display: block;
  margin: 10px 0px;
}

.agreement_dialog_content span strong {
  font-size: 16px;
}

.vip_dialog {
  text-align: left;
}

.pay_page {
  width: 100%;
  text-align: center;
  padding: 104px 0px 0px;
  height: 650px;
  background-image: url(../assets/img/vip_base.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
}

.pay_page_title {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 500;
}

.pay_page_title img {
  width: 521px;
}

.pay_page_subhead {
  font-size: 20px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  display: block;
  margin: 10px auto 0px;
}

.pay_page_subhead strong {
  font-size: 28px;
  color: #face15;
}

.pay_page_content {
  display: block;
  width: 1140px;
  margin: 0px auto;
  position: relative;
}

.pay_card_top {
  width: 100%;
  height: 220px;
  display: block;
  padding: 40px 0 32px 0;
}

.pay_card_free {
  background-image: url(../assets/img/pay_card_free.png);
  background-size: cover;
  background-color: #b4c9f4;
  color: #7081b0;
}

.pay_card_pro {
  background-image: url(../assets/img/pay_card_pro.png);
  background-size: cover;
  background-color: #f0d8bd;
  color: #95532c;
}

.pay_card_super {
  background-image: url(../assets/img/pay_card_super.png);
  background-size: cover;
  background-color: #ffa69f;
  color: #d83d3c;
}

.vip_button {
  font-size: 17px;
  font-weight: bold;
  height: 44px;
  border-radius: 22px;
  display: block;
  margin: 10px auto;
  border: none;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.vip_button i {
  font-size: 20px;
  font-weight: normal;
}

.vip_button:hover {
  border: none;
  -webkit-filter: brightness(1.05);
  filter: brightness(1.05);
}

.vip_button:active {
  border: none;
  -webkit-filter: brightness(0.9);
  filter: brightness(0.9);
}

.pay_card_pro .vip_button,
.pay_card_pro .vip_button:focus {
  color: #6a3313;
  background: #fff6db;
}

.pay_card_super .vip_button,
.pay_card_super .vip_button:focus {
  color: #d83d3c;
  background-image: -webkit-linear-gradient(0deg, rgba(245, 221, 195, 0.8) 0%, rgb(245, 221, 195) 100%);
}

.pay_vip_edition {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pay_vip_edition img {
  width: 32px;
  height: 32px;
}

.pay_vip_edition span {
  font-size: 20px;
  font-weight: 700;
  padding-left: 8px;
  color: #fff;
  font-family: Helvetica Neue;
}


.pay_vip_before {
  font-size: 15px;
  opacity: 0.8;
  margin: 5px auto 10px;
  text-decoration: line-through;
}

.pay_vip_before strong {
  font-size: 16px;
}

.pay_vip_text {
  font-size: 16px;
  opacity: 0.8;
  margin: 30px 0px;
}


.pay_card_list {
  border-top: 1px solid rgba(255, 255, 255, 0.02);
  text-align: left;
  padding: 20px 30px;
}

.pay_card_list span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  text-align: left;
  display: block;
  margin: 10px 0px;
}

.pay_card_list p {
  font-size: 16px;
  color: #fff;
  line-height: 36px;
}

.pay_card_list p strong {
  font-size: 18px;
  color: #face15;
}

.pay_card_list .dcc-jinyong {
  color: #ff2222;
  font-size: 18px;
}

.pay_card_list .dcc-check {
  color: #25ed67;
  font-size: 16px;
}

.pay_question {
  display: block;
  position: relative;
  text-align: left;
  padding-bottom: 100px;
}

.pay_question strong {
  font-size: 18px;
  color: #fff;
  line-height: 60px;
}

.pay_question strong i {
  font-size: 18px;
  color: #2997ff;
  margin-right: 3px;
}

.pay_question p {
  font-size: 15px;
  color: #fff;
  line-height: 36px;
}

.pay_question span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 30px;
  display: block;
}

.invite_page {
  width: 100%;
  height: 720px;
  text-align: center;
  padding: 100px 0px 0px;
  background-image: url(../assets/img/invite_base.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  background-color: #af0a06;
}

.invite_page_title {
  font-size: 36px;
  text-align: center;
  color: #fff;
  font-weight: bolder;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 500;
}

.invite_page_title img {
  height: 120px;
}

.invite_page_text {
  font-size: 20px;
  color: #fff;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0px 30px;
  margin: 20px auto;
  border-radius: 20px;
  background-image: -webkit-linear-gradient(90deg, rgb(233, 42, 34) 1%, rgb(251, 179, 42) 99%);
}

.invite_base_coin {
  position: absolute;
  width: 1000px;
  height: 400px;
  margin-left: -500px;
  left: 50%;
  top: 30px;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.invite_base_coin:hover {
  transform: rotateY(12deg);
}

.invite_code_warp {
  margin: 130px auto 0px;
  display: block;
  width: 1180px;
  position: relative;
}

.invite_code {
  font-size: 16px;
  color: #fff;
  margin: 10px auto;
  display: flex;
  align-items: center;
}

.invite_code small {
  font-size: 14px;
  color: #fff;
  width: 80px;
  text-align: right;
}

.invite_code_input {
  border: 2px solid rgb(255, 206, 84);
  border-radius: 4px;
  background-color: rgba(255, 206, 84, 0.6);
  min-width: 240px;
  margin: 0px 10px;
  padding: 8px;
  text-align: left;
}

/* .invite_code .el-button{background: #ffdc91;color: #ef4436;} */

.invite_code .el-button:hover {
  filter: brightness(1.2);
}

.invite_code .el-button:active {
  opacity: 0.8;
}

.invite_page_warp {
  width: 100%;
  position: relative;
  display: block;
  background: #af0a06;
  padding: 0px 0px 50px;
}

.invite_page_warp .home_section_title {
  margin: 0px auto;
}

.invite_card {
  width: 720px;
  display: block;
  background-color: #ffe8b8;
  border-radius: 10px;
  margin: 0px auto 50px;
  padding: 40px 30px 50px;
  text-align: center;
  overflow: hidden;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.invite_rules {
  text-align: left;
  margin-bottom: 30px;
}

.invite_rules span {
  color: #a97749;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
}

.invite_rules p {
  color: #a97749;
  font-size: 16px;
  line-height: 32px;
}

.invite_reward {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #fe2270;
  border-bottom: none;
  width: 560px;
  margin: 0px auto;
  padding: 10px 0px;
}

.invite_reward p {
  color: #fe2270;
  font-size: 16px;
  width: 35%;
  display: flex;
  align-content: center;
}

.invite_reward p img {
  width: 24px;
  height: 24px;
  margin-right: 2px;
  top: -2px;
  position: relative;
}

.invite_details p {
  text-align: center;
}

.article_page {
  display: flex;
  width: 1200px;
  margin: 0px auto;
  padding: 90px 0px 30px;
  position: relative;
  overflow: hidden;
}

.article_page_left {
  width: 69%;
}

.article_page_left .el-tabs__header {
  margin: 10px 0px 0px;
}

.article_page_right {
  width: 340px;
  margin-left: 60px;
}

.article_warp {
  display: block;
  text-align: center;
}

.article_warp .el-button {
  margin: 30px auto 20px;
}

.article_base {
  width: 100%;
  border-radius: 8px;
}

.article_feed {
  display: flex;
  padding: 30px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  width: 100%;
  text-align: left;
}

.article_poster {
  width: 200px;
  height: 140px;
  margin-right: 20px;
  overflow: hidden;
  border-radius: 4px;
  display: flex;
  justify-content: center;
}

.article_poster img {
  object-fit: cover;
  height: 100%;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.article_feed:hover img {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
}

.article_feed:active {
  opacity: 0.8;
}

.article_content {
  flex: 1;
  flex-direction: column;
  display: flex;
}

.article_info {
  flex: 1;
}

.article_info h1 {
  font-size: 22px;
  color: #fff;
  line-height: 32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
}

.article_info span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 20px;
  margin: 10px 0px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
}

.article_data {
  display: flex;
  justify-content: space-between;
}

.article_data p {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.3);
}

.article_data p i {
  font-size: 13px;
}

.article_hot {
  display: flex;
  padding: 25px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  width: 100%;
  text-align: left;
}

.article_hot_poster {
  width: 120px;
  height: 80px;
  margin-right: 10px;
  overflow: hidden;
  border-radius: 4px;
  display: flex;
  justify-content: center;
}

.article_hot_poster img {
  object-fit: cover;
  height: 100%;
}

.article_hot_info {
  flex: 1;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
}

.article_hot_info h1 {
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
}

.article_hot_info p {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.3);
}

.article_hot_info p i {
  font-size: 13px;
}

.article_info h1:hover,
.article_hot_info h1:hover {
  color: #2997ff;
}

.article_qrcode {
  display: flex;
  justify-content: space-between;
  margin: 10px 0px 50px;
}

.article_qrcode p {
  text-align: center;
}

.article_qrcode p img {
  display: block;
  width: 150px;
  height: 150px;
  margin: 10px 0px;
}

.article_qrcode span {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.4);
}

.article_detail {
  display: block;
  overflow: hidden;
  width: 100%;
  overflow: hidden;
}

.article_detail_data {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  padding-bottom: 10px;
}

.article_detail_data p {
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.3);
  margin-left: 40px !important;
}

.article_detail_data p i {
  font-size: 14px !important;
}

.article_detail_tag {
  height: 26px;
  font-size: 14px;
  line-height: 24px;
  border: 1px solid #2997ff;
  color: #2997ff;
  border-radius: 18px;
  padding: 0px 10px;
}

.article_detail h1 {
  font-size: 22px;
  color: #fff;
  line-height: 32px;
}

.article_detail p {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 28px;
  margin: 10px 0px;
}

.article_detail img {
  width: 100%;
  margin: 20px 0px;
}

.article_share {
  display: flex;
  width: 300px;
  justify-content: space-between;
  margin: 30px auto;
}

.article_share a {
  color: rgba(255, 255, 255, 0.4);
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  padding: 0px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.04);
  margin: 0px 20px;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.article_share a i {
  font-size: 24px;
}

.article_share a:hover {
  background: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.8);
}

.article_share a:active {
  opacity: 0.6;
}

.article_share_qrcode {
  margin: 0px auto;
  text-align: center;
  padding: 5px;
}

.article_share_qrcode img {
  width: 100px;
  height: 100px;
  margin: 5px auto;
  display: block;
}

.article_share_qrcode span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}

.article_link {
  border-top: 1px solid rgba(255, 255, 255, 0.03);
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
}

.article_link a {
  color: #2997ff;
  font-size: 14px;
  display: flex;
  align-items: center;
}

.article_link a i {
  font-size: 16px;
}

.article_link a span {
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  text-overflow: ellipsis;
  width: 200px;
  white-space: nowrap;
  display: inline-block;
  margin: 0px 10px;
}

.article_link:hover a,
.article_link:hover a span {
  color: #0ea8ff !important;
}

.article_link:active {
  opacity: 0.6;
}

.help_page {
  display: flex;
  width: 1200px;
  margin: 0px auto;
  padding: 80px 0 120px 0px;
  position: relative;
  overflow: hidden;
}

.help_page_left {
  width: 240px;
  margin-right: 40px;
  background: #232631;
  border-radius: 8px;
  padding: 10px 0px;
}

.help_page_right {
  flex: 1;
  padding: 0px;
}

.el-collapse-item__header i {
  font-size: 18px;
  margin-right: 5px;
}

/* 新增一级侧边路由a标签样式 */

.help_page_left a:hover {
  color: rgba(255, 255, 255, 1);
}

.help_page_left a {
  position: relative;
  color: rgba(255, 255, 255, 1);
  display: block;
  width: 100%;
}

.help_page_left a .free {
  margin-left: 4px;
  position: absolute;
  top: 12px;
  display: inline-block;
  width: 31px;
  height: 14px;
  background: #fe2270;
  border-radius: 4px 0px 4px 0px;
  font-size: 12px;
  font-family: DINPro Medium, DINPro Medium-Medium;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 14px;
}

.help_page_menu {
  display: block;
}

.help_page_menu a {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.6);
  display: block;
  padding: 10px 0px 10px 45px;
}

.help_page_menu a:hover {
  color: rgba(255, 255, 255, 1);
  background: #181b22;
}

.help_page_menu a:active {
  opacity: 0.6;
}

.help_page_menu_active {
  color: #2997ff !important;
}

.help_content {
  display: block;
  overflow: hidden;
  width: 100%;
}

.help_content p {
  font-size: 18px;
  color: #fff;
  line-height: 36px;
  margin: 10px 0px;
}

.help_content span {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 32px;
}

.help_content img {
  width: 100%;
  margin: 15px 0px;
}

.login_gift {
  position: absolute;
  left: 10px;
  top: 10px;
}

.login_gift img {
  width: 30px;
  position: relative;
  -webkit-filter: brightness(1.3);
  filter: brightness(1.3);
  vertical-align: middle;
}

.login_gift p {
  color: #face15;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  margin: 5px 0px 0px 3px;
}

.login_dialog_switch {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 64px;
  height: 56px;
  text-align: center;
  line-height: 72px;
  color: rgba(255, 255, 255, 0.3);
}

.login_dialog_switch i {
  font-size: 48px;
}

.login_dialog_switch:hover {
  color: #fff;
}

.login_dialog_switch:active {
  opacity: 0.3;
}

.login_dialog_close {
  position: absolute;
  right: 0px;
  top: -45px;
  text-align: center;
  /* color: rgba(255, 255, 255, 0.3); */
  color: #bebfc3;
}

.login_dialog_close::after {
  width: 2px;
  height: 15px;
  /* background-color: rgba(255, 255, 255, 0.2); */
  background-color: #bebfc3;
  position: absolute;
  top: 30px;
  left: 14px;
  content: '';
}

.login_dialog_close i {
  font-size: 30px;
}

.login_dialog_close:hover {
  color: #fff;
}

.login_dialog_close:active {
  opacity: 0.3;
}

.login_warp {
  position: relative;
  text-align: center;
}

.login_warp_logo {
  margin: 30px auto;
  width: 160px;
}

.login_warp_title {
  font-size: 18px;
  color: #fff;
}

.login_warp_bottom {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
}

.login_warp_bottom span {
  margin: 10px 0px;
  display: inline-block;
}

.login_warp_bottom a {
  margin: 10px 0px;
  color: rgba(41, 151, 255, 0.8);
}

.login_warp_bottom a:hover {
  color: #2997ff;
}

.login_input_warp {
  padding: 10px;
}

.login_input {
  margin: 10px 0px;
}

.login_input i {
  font-size: 17px;
  color: rgba(255, 255, 255, 0.6);
  margin-left: 3px;
}

.login_input:focus {
  border: 2px solid #2997ff;
}

.login_button {
  width: 100%;
  margin: 10px 0px;
  font-size: 16px;
}

.login_input_msg input {
  position: relative;
  padding-right: 100px;
  border-radius: 4px !important;
}

.login_input_msg {
  position: relative;
}

.login_input_msg_get {
  color: #2997ff;
  font-size: 14px;
}

.login_input_msg .el-input-group__append {
  padding: 0px 5px;
  background-color: transparent;
  position: absolute;
  right: 0px;
  top: 10px;
  border: none;
  width: 90px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.dcc_loading {
  display: block;
  margin: 20px auto;
  position: relative;
  width: 42px;
  height: 30px;
  background-image: -webkit-linear-gradient(top left, #00daff 0%, #0daeff 100%);
  border-top-left-radius: 8px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 16px;
  animation: dccload 0.6s ease-in-out 0s infinite alternate;
  -webkit-animation: dccload 0.6s ease-in-out 0s infinite alternate;
}

.dcc_loading::before {
  display: block;
  content: '';
  z-index: 1;
  position: absolute;
  bottom: -1px;
  right: 0px;
  width: 6px;
  height: 8px;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(top left, #00daff 0%, #0daeff 100%);
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -m-transform: rotate(135deg);
}

.dcc_loading p {
  display: block;
  position: absolute;
  top: 6px;
  left: 6px;
  width: 30px;
  height: 18px;
  border-top-left-radius: 4px;
  border-top-right-radius: 9px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 9px;
  background-color: #161823;
}

.dcc_loading p span:first-child {
  display: inline-block;
  position: absolute;
  left: 3px;
  bottom: 3px;
  width: 6px;
  height: 9px;
  border-radius: 2.5px;
  background-image: -webkit-linear-gradient(top, #ff2d64 0%, #ff4b7d 100%);
  animation: dccmove 0.6s ease-in-out 0s infinite alternate;
  -webkit-animation: dccmove 0.6s ease-in-out 0s infinite alternate;
}

.dcc_loading p span:nth-child(2) {
  display: inline-block;
  position: absolute;
  left: 12px;
  bottom: 3px;
  width: 6px;
  height: 12px;
  border-radius: 2.5px;
  background-image: -webkit-linear-gradient(top, #ff2d64 0%, #ff4b7d 100%);
  animation: dccmove 0.6s ease-in-out 0.6s infinite alternate;
  -webkit-animation: dccmove 0.6s ease-in-out 0.6s infinite alternate;
}

.dcc_loading p span:nth-child(3) {
  display: inline-block;
  position: absolute;
  left: 21px;
  bottom: 3px;
  width: 6px;
  height: 7px;
  border-radius: 2.5px;
  background-image: -webkit-linear-gradient(top, #ff2d64 0%, #ff4b7d 100%);
  animation: dccmove 0.6s ease-in-out 0.3s infinite alternate;
  -webkit-animation: dccmove 0.6s ease-in-out 0.3s infinite alternate;
}

@keyframes dccload {
  0% {
    transform: translateY(0px);
    -webkit-filter: brightness(20%);
    filter: brightness(20%);
  }
  25% {
    transform: translateY(2px);
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
  50% {
    transform: translateY(0px);
    -webkit-filter: brightness(140%);
    filter: brightness(140%);
  }
  75% {
    transform: translateY(2px);
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
  100% {
    transform: translateY(0px);
    -webkit-filter: brightness(140%);
    filter: brightness(140%);
  }
}

@-webkit-keyframes dccload {
  0% {
    transform: translateY(0px);
    -webkit-filter: brightness(20%);
    filter: brightness(20%);
  }
  25% {
    transform: translateY(2px);
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
  50% {
    transform: translateY(0px);
    -webkit-filter: brightness(140%);
    filter: brightness(140%);
  }
  75% {
    transform: translateY(2px);
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
  100% {
    transform: translateY(0px);
    -webkit-filter: brightness(140%);
    filter: brightness(140%);
  }
}

@keyframes dccmove {
  from {
    height: 5px;
  }
  to {
    height: 11px;
  }
}

@-webkit-keyframes dccmove {
  from {
    height: 5px;
  }
  to {
    height: 11px;
  }
}

.home_menu {
  display: block;
  padding: 12px 20px;
}

.home_menu .title {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.home_menu .title .iconfont {
  font-size: 20px;
  display: inline-block;
  transform: translateY(1px);
  margin-right: 5px;
}

.home_menu .menu_item_box {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding-left: 25px;
  margin-bottom: 0px;
}

.home_menu .menu_item_box .fe_cursor:hover {
  color: #fe2270;
}

.home_menu .menu_item_box a {
  width: 50%;
  margin-bottom: 13px;
}
.home_menu .menu_item_box a:nth-child(even) {
  padding-left: 10px;
}
.home_menu .iconfont {
  position: absolute;
  top: 0;
  left: 0;
}
.min_w_100 {
  min-width: 100px;
}
.m_b_0 {
  margin-bottom: 0 !important;
}
.m_t_1 {
  margin-top: -1px !important;
}
.m_t_2 {
  margin-top: -2px !important;
}
.youqing_link {
  color: rgba(255, 255, 255, 0.4);
  display: flex;
  width: 1280px;
  margin: 20px auto 10px;
}
.youqing_link .friendbox {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.youqing_link .friendbox .a_link:hover {
  color: #fff;
}

.flex_btn_box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex_end {
  justify-content: flex-end;
}
.beta {
  position: absolute;
  top: -10px;
  right: -40px;
  line-height: 13px;
  padding: 1px 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background-color: #fe2270;
  transform: scale(0.8);
  width: auto;
  border-radius: 4px 0 4px 0;
}