body {
  background: #f6f7f7;
  font: 16px Helvetica Neue, Helvetica, Ubuntu, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --mian--width: 1440px;
  --head-height: 52px;
  --footer-height: 75px;
  --body--color: #ffffff;
  --mask-color: rgba(0, 0, 0, 0.1);
  --color-disabled: #B0B0C8;
  --color-bg-basic: #FBFDFF;
  --color--basic: #565667;
  --color-scroll: #ECF0F3;
  --color--text1: #818195;
  /* 文本色/浅色/强调-1 */
  --color--text2: #383646;
  /* 文本色/浅色/强调+2 */
  --color--black2: #262626;
  --color--text3: #ffffff;
  /* 深色/文本色/强调+2 */
  --color--notice: #CCD6DE;
  /* 文本色/浅色/输入框提示文本色 */
  --color--bg: #DCF6FA;
  /* 色块填充色/高亮色/bg-信息 */
  --color--bg-grey: #F7F7F7;
  --corlor--bg-deepblue: #333147;
  --color--bg--deep: #F2F5F7;
  /* 主题色/深层背景色模拟负一层用*/
  --color--stress1: #4D4B5B;
  /* 文本色/浅色/强调+1 */
  --color--bg--main4: #151327;
  /* 色块填充色/背景色/主色-4*/
  --color--deep2--bg1Same: #f6f7f7;
  --color--deep2--bg1: #f6f7f7;
  --color--deep2--bg1-1: rgba(160, 168, 174, 0.1);
  --color--deep2--bg2: rgba(160, 168, 174, 0.2);
  /* 浅色/图层叠加色/加深-3【负二层】*/
  --color--deep2--bg2--same: #ECEEEF;
  --color--deep2--bg3: rgba(160, 168, 174, 0.3);
  /* 浅色/图层叠加色/加深-4【负3层】*/
  --color--deep2--bg0: rgba(160, 168, 174, 0.05);
  /* 浅色/图层叠加色/加深-1【表格背景色】 */
  --color--level2: rgba(24, 22, 34, 0.04);
  --color--level5: rgba(24, 22, 34, 0.05);
  --color--level10: rgba(24, 22, 34, 0.1);
  --gary6: #E6ECF0;
  --zhuangshi--cyan: #11C5DB;
  /* 装饰颜色/青色*/
  --zhuangshi--yellow: #F4772E;
  /* 装饰颜色/黄色 */
  --color-mian-theme: #332F45;
  /* 主题色/主色-2 */
  --color-main-theme3: #FF681D;
  /* 主题色/主色-3 */
  --font--14: 14px;
  --font--16: 16px;
  --font--18: 18px;
  --font--20: 20px;
  --font--24: 24px;
  --font--28: 28px;
  --font--32: 32px;
  --font--36: 36px;
  --font--40: 40px;
  --font--44: 44px;
  --font--48: 48px;
  --tran0: all 0 linear !important;
  --tran150-easeout: all 150ms ease out !important;
  --tran200: all 200ms linear !important;
  --tran200-easein: all 200ms ease-in !important;
  --tran100: all 100ms linear !important;
  --tran300: all 300ms linear !important;
  --tran500: all 500ms linear !important;
  --tran400: all 400ms linear !important;
  --tran5000: all 5000ms linear !important;
  --white--rgb1: rgba(255, 255, 255, 0.1);
  --white--rgb3: rgba(255, 255, 255, 0.3);
  --white--rgb5: rgba(255, 255, 255, 0.5);
  --white--rgb7: rgba(255, 255, 255, 0.7);
  --grey-opacity02: rgba(24, 22, 34, 0.02);
  --grey-opacity05: rgba(24, 22, 34, 0.05);
  --grey-opacity05--same: #f3f3f3;
  /*用透明色有问题*/
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body ul {
  padding: 0;
  margin: 0;
}
body a {
  text-decoration: none;
}
body a:hover {
  text-decoration: none;
}
body a:focus {
  text-decoration: none;
}
body::-webkit-scrollbar {
  height: 0;
  width: 8px;
  color: transparent;
}
body::-webkit-scrollbar-thumb {
  background-color: var(--color-scroll);
  border-radius: 4px;
}
* {
  margin: 0;
  padding: 0;
  line-height: 1;
  outline: none;
  border: none;
  box-sizing: border-box;
  letter-spacing: 0.05em;
  scrollbar-width: thin;
}
.thy-nav-footer {
  margin-top: 20px;
}
.tab-nav .tab-nav-title {
  display: flex;
}
.tab-nav .tab-nav-title li {
  padding: 13px 20px;
  font-size: var(--font--16);
  line-height: var(--font--24);
  color: var(--color--basic);
  cursor: pointer;
  margin-right: 6px;
  border-radius: 8px;
  letter-spacing: 0;
  white-space: nowrap;
}
.tab-nav .tab-nav-title {
  display: flex;
}
.tab-nav .tab-nav-title li {
  padding: 13px 20px;
  font-size: var(--font--16);
  line-height: var(--font--24);
  color: var(--color--basic);
  cursor: pointer;
  margin-right: 6px;
  border-radius: 8px 8px 30px 8px;
  letter-spacing: 0;
  transition: all 300ms;
  position: relative;
  transition: var(--tran200);
  z-index: 1;
}
.tab-nav .tab-nav-title li:after {
  content: '';
  display: block;
  width: calc(100% - 40px);
  height: 0px;
  position: absolute;
  left: 20px;
  bottom: 13px;
  background-color: var(--color--text2);
  transition: all 300ms;
}
.tab-nav .tab-nav-title li:hover:before {
  background: linear-gradient(-45deg, transparent 10px, #ECECEC 0);
}
.tab-nav .tab-nav-title li:hover {
  box-shadow: 0px 1px 2px #CCD6DE;
}
.tab-nav .tab-nav-title li:hover:after {
  height: 1px;
}
.tab-nav .tab-nav-title li:active {
  background: linear-gradient(-45deg, transparent 10px, var(--color--deep2--bg2--same) 0);
}
.tab-nav .tab-nav-title li:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  transition: var(--tran200);
  border-radius: 8px 8px 0px 8px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.tab-nav .tab-nav-title .tab-this {
  color: var(--color--text2);
  box-shadow: 0px 1px 2px #CCD6DE;
}
.tab-nav .tab-nav-title .tab-this:before {
  background: linear-gradient(-45deg, transparent 10px, #EDEDED 0);
}
.tab-nav .tab-nav-title .tab-this:after {
  height: 1px;
}
.tab-content .tab-item {
  display: none;
}
.tab-content .tab-show {
  display: block;
}
.text-14-20 {
  font-size: var(--font--14) !important;
  line-height: var(--font--20) !important;
}
.text-16-24 {
  font-size: var(--font--16) !important;
  line-height: var(--font--24) !important;
}
.text-20-28 {
  font-size: var(--font--20) !important;
  line-height: var(--font--28) !important;
}
.text-24-32 {
  font-size: var(--font--24) !important;
  line-height: var(--font--32) !important;
}
.text-28-36 {
  font-size: var(--font--28) !important;
  line-height: var(--font--36) !important;
}
.text-32-40 {
  font-size: var(--font--32) !important;
  line-height: var(--font--40) !important;
}
.text-36-44 {
  font-size: var(--font--36) !important;
  line-height: var(--font--44) !important;
  font-weight: 700;
}
.text-48-48 {
  font-size: var(--font--48) !important;
  line-height: var(--font-48) !important;
}
/* 图形色/背景色/加深-2【负一层】 在BG层上挖的坑用此颜色*/
.common-btn-grey1 {
  width: fit-content;
  flex-shrink: 0;
  padding: 13px 20px;
  background: rgba(160, 168, 174, 0.1);
  background-blend-mode: multiply;
  border-radius: 8px 8px 22px 8px;
  border: 1px solid transparent;
  cursor: pointer;
  align-self: flex-start;
  font-size: 16px;
  line-height: 24px;
  color: var(--color--basic);
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0;
}
.common-btn-grey1 span {
  font-size: 16px;
  line-height: 24px;
  color: var(--color--basic);
}
.common-btn-grey1 img,
.common-btn-grey1 svg {
  margin-right: 10px;
}
.common-btn-grey1:hover {
  background: linear-gradient(-45deg, transparent 10px, var(--color--deep2--bg2) 0);
}
.common-btn-grey1:hover span {
  color: var(--color--text2);
}
.common-btn-grey1:hover svg path {
  fill: var(--color--text2);
}
.common-btn-grey1:active {
  background: linear-gradient(-45deg, transparent 10px, var(--color--deep2--bg2) 0);
}
.common-btn-grey1:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 17px 17px;
  border-color: transparent transparent #f6f7f7 transparent;
  position: absolute;
  bottom: 0px;
  right: -3px;
}
.common-btn-grey1:focus {
  background: linear-gradient(-45deg, transparent 10px, var(--color--deep2--bg2) 0);
  border: 1px dashed var(--color--basic);
}
.common-btn-grey2 {
  flex: 1;
  padding: 10px 0;
  text-align: center;
  background: rgba(160, 168, 174, 0.1);
  background-blend-mode: multiply;
  border-radius: 8px;
  margin-right: 10px;
  border: 1px solid transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.common-btn-grey2 span {
  font-size: 16px;
  line-height: 20px;
  color: var(--color--basic);
}
.common-btn-grey2 img,
.common-btn-grey2 svg {
  margin-right: 10px;
}
.common-btn-grey2:hover {
  background: var(--color--deep2--bg2);
}
.common-btn-grey2:hover span {
  color: var(--color--text2);
}
.common-btn-grey2:hover svg path {
  fill: var(--color--text2);
}
.common-btn-grey2:focus {
  border: 1px dashed var(--color--basic);
}
.common-btn-grey2:active {
  background: var(--color--deep2--bg3);
}
.common-btn-grey2:active span {
  color: var(--color--text2);
}
.common-btn-grey2:active svg path {
  fill: var(--color--text2);
}
.common-btn-grey2:last-child {
  margin-right: 0;
}
.common-btn-white3 {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.7);
  border: 1px solid transparent;
}
.common-btn-white3 span {
  color: rgba(255, 255, 255, 0.7);
}
.common-btn-white3 svg,
.common-btn-white3 img {
  vertical-align: middle;
}
.common-btn-white3:hover {
  background: rgba(255, 255, 255, 0.1);
}
.common-btn-white3:hover span {
  color: #FFFFFF !important;
}
.common-btn-white3:hover svg path {
  fill: #FFFFFF;
  fill-opacity: 1;
}
.common-btn-white3:focus {
  border: 1px dashed rgba(255, 255, 255, 0.7);
}
.common-btn-white {
  background: #FFFFFF;
  color: var(--color--text2);
  border: 1px solid transparent;
  border-radius: 8px;
}
.common-btn-white span {
  color: var(--color--text2);
}
.common-btn-white svg,
.common-btn-white img {
  vertical-align: middle;
}
.common-btn-white:hover {
  background: #FFFFFF;
}
.common-btn-white:focus {
  border: 1px dashed var(--color--text2);
}
.common-btn-white:active {
  background: var(--zhuangshi--cyan);
}
.common-btn-maincolor4 {
  background: var(--color--bg--main4);
  color: #FFFFFF;
  font-size: 16px;
  box-shadow: 0px 1px 2px #CCD6DE;
  border: 1px solid transparent;
}
.common-btn-maincolor4 span {
  color: #FFFFFF;
}
.common-btn-maincolor4 svg,
.common-btn-maincolor4 img {
  vertical-align: middle;
}
.common-btn-maincolor4:hover {
  background: #332F45;
}
.common-btn-maincolor4:focus {
  border: 1px dashed #FFFFFF;
}
.common-btn-maincolor4:active {
  background: var(--zhuangshi--cyan);
}
.wubianxing-grey {
  padding: 13px 20px;
  font-size: var(--font--16);
  line-height: var(--font--24);
  color: var(--color--basic);
  cursor: pointer;
  margin-right: 6px;
  border-radius: 8px 8px 30px 8px;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  box-shadow: 0px 1px 2px #CCD6DE;
  position: relative;
  transition: var(--tran300);
  z-index: 1;
}
.wubianxing-grey svg {
  margin-right: 10px;
}
.wubianxing-grey:hover:before {
  background: linear-gradient(-45deg, transparent 10px, var(--color--deep2--bg2--same) 0);
}
.wubianxing-grey:hover::after {
  height: 1px;
}
.wubianxing-grey:active {
  background: linear-gradient(-45deg, transparent 10px, var(--color--deep2--bg2--same) 0);
}
.wubianxing-grey:after {
  content: "";
  display: block;
  width: calc(100% - 40px);
  height: 0;
  background-color: var(--color--text2);
  position: absolute;
  left: 20px;
  bottom: 13px;
}
.wubianxing-grey:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  transition: var(--tran300);
  border-radius: 8px 8px 0px 8px;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(-45deg, transparent 10px, var(--grey-opacity05--same) 0);
  z-index: -1;
}
.polygon-btn-deep-blue {
  border: none;
  color: #FFFFFF;
  font-size: 16px;
  width: fit-content;
  padding: 13px 20px;
  border-radius: 8px 8px 30px 8px;
  cursor: pointer;
  line-height: 24px;
  box-shadow: 4px 4px 8px #D1D9E6, -4px -4px 8px #FFF;
  position: relative;
  z-index: 1;
  transition: all 300ms;
}
.polygon-btn-deep-blue:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px 8px 22px 8px;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(-45deg, transparent 10px, var(--color--black2) 0);
  z-index: -1;
  transition: all 300ms;
}
.polygon-btn-deep-blue:after {
  content: "";
  display: block;
  width: calc(100% - 40px);
  height: 0;
  background-color: #ffffff;
  position: absolute;
  left: 20px;
  bottom: 13px;
}
.polygon-btn-deep-blue span {
  color: #FFFFFF;
  white-space: nowrap;
}
.polygon-btn-deep-blue:hover {
  color: #FFFFFF;
}
.polygon-btn-deep-blue:hover:after {
  height: 1px;
}
.polygon-btn-deep-blue:active:before {
  background: linear-gradient(-45deg, transparent 10px, var(--zhuangshi--cyan) 0);
}
.nobg-bth-deep {
  color: var(--color--basic);
  font-size: 16px;
  cursor: pointer;
}
.nobg-bth-deep span {
  color: var(--color--basic);
}
.nobg-bth-deep svg,
.nobg-bth-deep img {
  vertical-align: middle;
}
.nobg-bth-deep:hover {
  background: var(--color--deep2--bg1);
  background-blend-mode: multiply;
}
.nobg-bth-deep:focus {
  border: 1px dashed #565667;
}
.nobg-bth-deep:active {
  background: var(--color--deep2--bg2);
  color: var(--color--text2);
}
.nobg-bth-deep:active span {
  color: var(--color--text2);
}
.nobg-bth-deep:active > svg path {
  fill: var(--color--text2);
}
.nobg-bth-white {
  color: var(--white--rgb7);
  font-size: 16px;
  cursor: pointer;
}
.nobg-bth-white span {
  color: var(--white--rgb7);
}
.nobg-bth-white svg,
.nobg-bth-white img {
  vertical-align: middle;
}
.nobg-bth-white:hover {
  background: var(--white--rgb3);
}
.nobg-bth-white:focus {
  border: 1px dashed var(--white--rgb7);
}
.nobg-bth-white:active {
  background: var(--white--rgb1);
  color: #FFFFFF;
}
.nobg-bth-white:active span {
  color: #FFFFFF;
}
.nobg-bth-white:active svg path {
  fill: #FFFFFF;
}
.layui-form-select dl {
  background: #FBFDFF;
  box-shadow: 0px 8px 16px rgba(0, 17, 43, 0.08);
  border-radius: 8px;
  padding: 10px;
  top: 56px;
}
.layui-form-select dl::-webkit-scrollbar {
  height: 0;
  width: 8px;
  color: transparent;
}
.layui-form-select dl::-webkit-scrollbar-thumb {
  background-color: var(--color--deep2--bg3);
  border-radius: 4px;
}
.layui-form-select dl dd.layui-this {
  background: var(--color--deep2--bg2);
  background-blend-mode: multiply;
  color: #383646;
}
.layui-form-select dl dd,
.layui-form-select dl dt {
  line-height: 40px;
  border-radius: 4px;
  letter-spacing: 0.03em;
  font-size: 15px;
  color: #565667;
  margin-bottom: 6px;
}
.layui-form-select dl dd:hover {
  background: var(--color--deep2--bg2);
}
.online-tab .layui-input.layui-unselect {
  width: 120px;
  padding: 12px 39px 12px 20px;
  border: 1px solid var(--color--deep2--bg2);
  background: rgba(160, 168, 174, 0.05);
  background-blend-mode: multiply;
  border-radius: 8px;
  font-size: var(--font--16);
  line-height: var(--font--24);
  color: var(--color--text1);
  height: unset;
}
.online-tab .layui-form-select dl {
  top: 56px;
}
.online-tab .layui-form-selectup dl {
  top: auto;
  bottom: 56px;
}
.layui-input:hover {
  border: 1px solid #11C5DB !important;
}
.layui-input:focus {
  border: 1px solid #11C5DB !important;
}
.layui-form-select dl dd.layui-this {
  background-color: var(--color--deep2--bg2) !important;
  background-blend-mode: multiply !important;
  color: var(--color--text2) !important;
}
.common-mr-5 {
  margin-right: 5px;
}
.common-mr-2 {
  margin-right: 2px;
}
.common-ml-2 {
  margin-left: 2px;
}
.common-mr-10 {
  margin-right: 10px;
}
.common-ml-10 {
  margin-left: 10px;
}
#loading {
  height: 4px;
  position: fixed;
  top: 0;
  z-index: 9999;
  background: #00ffff;
}
.css-wubianxing {
  padding: 8px 20px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border-radius: 3px 3px 0 3px;
}
.css-wubianxing::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 10px 10px;
  border-color: transparent transparent #f6f7f7 transparent;
  position: absolute;
  bottom: 0;
  right: 0;
}
.show-head-img {
  opacity: 1 !important;
}
.layui-layer-btn0 {
  background: var(--color-main-theme3) !important;
  border-color: var(--color-main-theme3) !important;
}
[hidden] {
  display: none ;
}
#feedback-box {
  display: none;
  width: 1034px;
  padding: 10px;
}
#feedback-box .w-e-text-container {
  height: 300px !important;
  /* 设置你想要的高度 */
}
#feedback-box .layui-form-label {
  float: unset;
  width: 100%;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  color: var(--color--basic);
}
#feedback-box .save-feedback {
  margin: 10px;
  width: 98px;
  height: 50px;
  background-color: unset;
  position: relative;
  display: flex;
  align-items: center;
  border: none;
  float: right;
}
.feed-title {
  border-radius: 8px;
}
.feed-title .layui-layer-title {
  color: var(--color--stress1);
  font-size: 20px;
  font-weight: 700;
  line-height: 70px;
  height: 70px;
}
.feed-title .layui-input {
  border-radius: 8px;
  border: 1px solid var(--color--level5);
  background: var(--grey-opacity02);
  font-size: 16px;
  line-height: 24px;
  color: var(--color--basic);
}
.feed-title .layui-input::placeholder {
  font-size: 16px;
  line-height: 24px;
  color: var(--color--notice);
}
.feed-title .w-e-toolbar {
  background: var(--grey-opacity02) !important;
  border-radius: 8px 8px 0 0 !important;
  border: 1px solid var(--color--level5) !important;
  border-bottom: none !important;
  box-shadow: 1px 1px 2px 0px #D1D9E6 inset, -1px -1px 2px 0px #FFF inset !important;
}
.feed-title .w-e-text-container {
  border-radius: 0 0 8px 8px  !important;
  border: 1px solid var(--color--level5) !important;
  border-top: none !important;
  background: var(--grey-opacity02) !important;
  padding: 0 10px;
}
.mr10 {
  margin-right: 10px;
}
.w-e-panel-tab-content select {
  display: block !important;
}
.layui-laypage a,
.layui-laypage span {
  background-color: unset;
  height: 50px;
  line-height: 50px;
}
.layui-laypage a,
.layui-laypage button,
.layui-laypage input,
.layui-laypage select,
.layui-laypage span {
  border-color: transparent;
}
.layui-laypage button,
.layui-laypage input {
  background-color: unset;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: rgba(160, 168, 174, 0.1);
  border-radius: 8px;
}
.layui-laypage a:hover,
.layui-laypage input:focus,
.layui-laypage select:focus {
  color: var(--zhuangshi--cyan);
}
.layui-laypage .layui-laypage-curr em {
  color: var(--color--text2);
}
@media screen and (max-width: 980px) {
}