/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
:root {
  --textarea-height:150px;
  --container-width: 1400px;
  --navbar-height: 64px;
  --defaultNum: 15px;
  --input-height: 40px;
  --body-bg: #f5f5f5;
  --body-bg-new: #edf4fc;
  --color-warning: #fea406;
  --color-primary: #7253e9;
  --color-error: #f00;
  --color-dots:#3D7EFF;
  --color-blue:#7253e9;
  --color-purple:#ff6400;
  --color-pause: #ff8936;
  --color-speed: #4a00e0;
  --color-green: #23af21;
  --font-color-main: #101010;
  --link-color: #7253e9;
  --linear-login-top--:linear-gradient(270deg, #7253e9 0%, #8d71ff   100%);
  --linear-btn-reverse:linear-gradient(-270deg, #7253e9 0%, #8d71ff   100%);
}

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0;
  background-color: var(--body-bg-new);
}

/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
  font-size: 2em;
  margin: 0;
}

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  color: var(--link-color);
  text-decoration: none;
  background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none;
  max-width: 100%;
}

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item;
}

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none;
}

.mxs-hidden {
  display: none !important;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

li {
  list-style: none;
}

html {
  min-height: 100%;
}

.mxs-bg {

  /* background-size: 100% 30%; */
  /* min-height: 100%; */
  background-color:var(--body-bg-new) !important;

}

.mxs-bg {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.mxs-bg::before {
  /* content: "";
  width: 100%;
  height: 170px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #fff url("../images/video.bg.jpg") repeat; */
  /* transform: rotate(-5deg); */
  /* z-index: -1;
  opacity: .2; */
}

/* .mxs-bg::after{
  left: 0;
  bottom: 0;
  transform: rotate(-180deg);

} */
.mxs-flex {
  display: flex;
  flex-wrap: wrap;
}
.mxs-flex-1{
  flex: 1 !important;
}
.mxs-flex__align {
  align-items: center !important;
}

.mxs-flex__justify-s {
  justify-content: space-between !important;
}

.mxs-flex__justify-r {
  justify-content: flex-end !important;
}

.mxs-flex__justify-c {
  justify-content: center !important;
}

.mxs-header {
  background-color: #fff;
  transition: all 0.3s ease-in-out;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  min-width: var(--container-width);
}
.mxs-header__light{
  /* background-color:transparent;
   */
   
}
.mxs-header__light .mxs-container{
  padding: 0;
}
.mxs-fixed ,.mxs-header__light{
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(8px);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.mxs-navbar {
  flex: 1;
  height: 100%;
}

.mxs-menu {
  flex: 1;
  margin: 0 0 0 10px;
}

.mxs-menu__list {
  height: 100%;
}

.mxs-menu__list>li {
  display: flex;
  position: relative;
}

.mxs-menu__list>li>a {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  color: var(--font-color-main);
  transition: all 0.3s;
}

.mxs-menu__list>li>a:hover,
.mxs-menu__list>li.active a {
  color: var(--link-color);
}

.mxs-container {
  width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--defaultNum);
}

.mxs-container__full {
  width: 100%;
  min-width: var(--container-width);
  padding: 0 50px;
}

.mxs-vis {
  height: var(--navbar-height);
}

.mxs-logo img {
  height: 40px;
}

.mxs-form__block {
  width: 100%;
}

.mxs-form__item {
  margin: 0 0 15px 0;
}

.color-success{
  color: var(--color-green) !important;
}
.color-error{
  color: var(--color-error) !important;
}
.color-primary{
  color: var(--color-primary) !important;
}

.color-warning{
  color: var(--color-warning) !important;
}

.more-info {
  /*display: none;*/
  visibility: hidden;
  opacity: 0;
  color: #333;
  text-align: center;
  position: absolute;
  z-index: 1111;
  left: 50%;
  margin-left: -280px;
  width: 560px;
  top: 100%;
  transform: translateY(10px);
  transition: all 0.3s ease-in-out;
  padding: 8px;
  /*position: relative;*/
}

.child_menu .__hot-icon {
  position: absolute;
  top: 12px;
  right: 0;
  width: 21px;
  height: 16px;
  background: url(../images/hot.gif) no-repeat;
}

.code-info {
  width: 200px;
  margin-left: -100px;
}

.code-info .__code {
  width: 180px;
}

.more-info .nav_tool {
  flex-wrap: wrap;
}

.more-info .nav_tool>a:hover {
  color: var(--link-color);
}

.more-info:before {
  content: "";
  width: 0;
  height: 0;
  border-width: 15px;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

.child_menu.drop-show .more-info {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.child_menu.drop-show>a {
  color: var(--link-color);
}

.child_menu .icon {
  transition: all 0.3s ease-in-out;
}

.child_menu.drop-show .icon {
  transform: rotate(-180deg);
  fill: var(--link-color);
}

.more-info__in {
  padding: 20px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 16px 48px 1px rgba(37, 37, 89, 0.2);

}

.more-info__in-item {
  margin: 20px 0 0 0;
}

.more-info__in-item:first-child {
  margin: 0;
}

.more-info .nav_tool {
  overflow: hidden;
  padding: 10px 0;
}

.more-info .nav_tool li {
  padding: 0px;
  line-height: 40px;
  width: 25%;
  text-align: left;
}

.more-info .nav_tool li a {
  padding: 10px;
  font-size: 14px;
  line-height: 1;
  color: #666;
}

.more-info .nav_tool li a:hover {
  color: var(--link-color);
}

.more-info__title {
  text-align: left;
  line-height: 26px;
  position: relative;
  padding: 5px 10px;
  font-size: 16px;
  border-bottom: 1px solid #f9f9f9;
  /*font-weight: 550;*/
}

.more-info__title:before {
  content: "";
  width: 3px;
  height: 15px;
  background: #3d7eff;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
}

.more-info .nav_tool li .iconfont {
  color: #101010;
}

.more-info .nav_tool li a:hover .iconfont {
  color: #0a56ce;
}

.m-user {
  position: relative;
}

.m-user a {
  color: #333;
  font-size: 14px;
  padding-left: 20px;
}

.m-user a i {
  margin-right: 5px;
}

.m-user__logo {
  display: inline-block;
  vertical-align: middle;
  /*height: 100%;*/
  overflow: hidden;
  line-height: 1;
  cursor: pointer;
  /* margin: 0 0 0 20px; */
  height: 64px;
  line-height: 64px;
}

.m-user__logo .m-user__logo-icon {
  /*font-size: 36px;*/
  /*color: #c3c3c3;*/
  /* padding: 8px; */
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.m-user__logo .m-user__logo-icon img {
  display: block;
  max-height: 100%;
  border-radius: 50%;
  width: 45px;
}
.m-user__logo p{
  color: var(--color-primary);
}
.__handle-box{
  display: flex;
  align-items: center;
  height: 64px;
}
.__handle-box .__handle-btn{
  display: flex;
  height: 64px;
  /* display: flex; */
  align-items: center;
}
.__handle-btn img{
  width: 45px;
  /* height: 36px; */
}

.login-wrapper {
  position: absolute;
  z-index: 1000;
  right: 0;
  top: 99%;
  line-height: 1;
  border-radius: 5px;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 16px 48px 1px rgba(37, 37, 89, 0.2);
}

.login-wrapper .login-body {
  background: #fff;
  width: 400px;
}

.m-user.drop-show .login-wrapper {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.login-wrapper .login-body__top {
  padding: 15px;
  background: linear-gradient(to right, var(--color-primary), #da82ff);
}

.login-wrapper .login-body__top h2 {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: normal;
  margin: 0 0 10px 0;
}

.login-wrapper .login-body__top p {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
}

.login-wrapper .login-body__content {
  padding: 30px;
}

.login-wrapper .logon-btn {
  width: 100%;
  color: #fff;
  text-align: center;
  border: none;
  outline: none;
  line-height: 40px;
  display: block;
  background: var(--color-primary);
  border-radius: 3px;
  padding: 0;
}

.login-wrapper .logon-btn:hover {
  color: #fff;
}

.login-wrapper .logined-body {
  background: #fff;
  width: 260px;
}

.login-wrapper .logined-body li {
  line-height: 36px;
  text-align: left;
  border-bottom: 1px solid #eee;
}

.login-wrapper .logined-body li:last-child {
  border: none;
}

.login-wrapper .logined-body li a {
  display: block;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  font-size: 14px;
}

.login-wrapper .logined-body li a:hover {
  background: #f8f8f8;
  color: #101010;
}

.login-wrapper .logined-body li .iconfont {
  font-size: 20px;
  color: #101010;
}

.login-wrapper .logined-body li .t {
  flex: 1;
  padding: 0 5px;
}

.login-wrapper .logined-body li .arrow {
  font-size: 14px;
  color: #888;
}

.logined-info {
  padding: 20px 15px;
  background-color: #cbcbcb;
}

.logined-info a {
  display: block;
  padding: 0;
}

.logined-info__top {
  display: flex;
  color: #333;
  opacity: 0.9;
  line-height: 22px;
  align-items: center;
  /*margin: 0 0 10px 0;*/
}

.logined-info__top .iconfont {
  font-size: 22px;
  color: #333;
  margin-right: 5px;
}

.logined-info__top .status {
  flex: 1;
  color: #333;
  font-size: 15px;
  font-weight: bold;
}

.logined-info__top .go-link {
  color: #fff;
  padding: 0 8px;
  text-align: center;
  background: #f37335;
}

.logined-info__top .go-link:hover {
  color: #fff;
}

.logined-info__bot {
  color: #888;
  margin: 20px 0 0 0;
  font-size: 14px;
}

.site-desc {
  overflow: hidden;
  margin: 0 0 30px 0;
}

.site-desc .site-desc__item {
  float: left;
  width: 25%;
  padding: 5px;
  font-size: 14px;
  color: #888;
  text-align: center;
}

.site-desc .site-desc__item>span {
  display: block;
  margin: 10px 0 0 0;
}

.site-desc .site-desc__item .iconfont {
  font-size: 30px;
  color: #666;
}

.mxs-footer {
  /*position: relative;*/
  /*z-index: 10;*/
  text-align: center;
  font-size: 14px;
  background: url(https://video.meixiaosan.com/images/footer-bg.jpg) no-repeat center top;
  background-size: cover;
  color: #888;
  padding: 44px 0 20px 0;
  line-height: 28px;
}

.mxs-input {
  padding: 0 10px;
  border: 1px solid #eee;
  height: var(--input-height);
  line-height: var(--input-height);
}

.mxs-input__block {
  width: 100%;
}

.mxs-textarea {
  outline: none;
  width: 100%;
  height: 260px;
  resize: none;
  padding: 10px;
  display: block;
  box-shadow: none;
  line-height: 1.6;
  border: 1px solid #eee;
  
}
.mxs-textarea::placeholder{
  font-style: italic;
}
.mxs-textarea[readonly] {
  background-color: #f9f9f9;
}

.login-contain .layui-btn {
  line-height: 1;
}

.mxs-btn,
.layui-layer-btn .layui-layer-btn0,
.login-contain .layui-btn {
  border: none;
  display: flex;
  font-size: 14px;
  cursor: pointer;
  color: #ffffff;
  padding: 6px 18px;
  border-radius: 5px;
  margin: 0 10px 0 0;
  align-items: center;
  display: inline-block;
  vertical-align: middle;
  justify-content: center;
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
}


.layui-layer-btn .layui-layer-btn0 {
  height: auto;
  line-height: 1.2 !important;
  margin: 5px 5px 0;
  border-radius: 2px;
}

.layui-layer-btn a {
  height: auto !important;
}

.mxs-btn__normal {
  background: none;
  color: #808080;
  border: 1px solid #dcdcdc;
}

.mxs-btn__success {
  border-color: #5cb85c;
  background-color: #5cb85c;
}

.mxs-btn__primary:hover {
  color: #fff;
}

.mxs-btn__shape{
  background: transparent !important;
  border:1px solid var(--color-primary) !important;
  color: var(--color-primary) !important;
  box-shadow: none !important;

}

.mxs-float {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 11101;
  background-color: var(--color-primary);
  right: 10px;
  border-radius: 8px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.mxs-float__link {
  width: 88px;
  border-radius: 8px;
  padding: 15px 10px;
  display: block;
  color: #fff;
  font-size: 16px;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mxs-float__link:hover {
  color: #fff;
  background-color: var(--color-primary);
}

.mxs-float__link img {
  width: 36px;
  margin: 0 0 3px 0;
  color: #fff;
  display: inline-block;
}

.mxs-float .mxs-float__item {
  position: relative;
}
.mxs-float .mxs-float__item.__up {
  border: none;
}
.mxs-float .mxs-float__item.__up img{
    width: 20px;
    opacity: 1;
}
.__message .layui-btn__primary {
  background-color: var(--color-primary);
}

.__message .layui-form-label {
  padding: 8px;
}

.page {
  margin: 15px 0;
}

.page .pagination {
  text-align: center;
}

.page .pagination li {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  line-height: 40px;
  text-align: center;
  border-radius: 5px;
  display: inline-block;
  background-color: #efefef;
  border: 1px solid #efefef;
  cursor: pointer;
}

.page .pagination li a {
  display: block;
  color: #101010;
}

.page .pagination li.active {
  color: #fff;
  background: var(--color-primary);
  border-color: var(--color-primary);
}

.page .pagination li.disabled {
  color: #888;
  background-color: #dcdcdc;
}

.__tips {
  background-color: #ffecda;
  color: #f38803;
  padding: 15px;
  border-radius: 5px;
}

.__user-agreement .layui-form-checkbox[lay-skin=primary] {
  margin: 0;
}

.__user-agreement .layui-form-checkbox[lay-skin=primary] span {
  padding-right: 0;
}

.max {
  color: #f00;
}

.layui-form-radio:hover *,
.layui-form-radioed,
.layui-form-radioed>i {
  color: var(--color-primary);
}


.__float-tips {
  position: absolute;
  left: -190px;
  top: 0;
  width: 180px;
  padding: 10px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  opacity: 0;
  display: none;
}

.__float-tips img {
  width: 120px;
  margin: 0 auto 10px;
  display: block;
  max-width: 100%;
}

.__float-tips p {
  font-size: 14px;
  color: #888;
  margin: 10px 0 0 0;
}

.mxs-float .mxs-float__item:hover .__float-tips {
  opacity: 1;
  display: block;
}

/* 2022/11/15  底部 */

.mxs-footer .__footer-body {
  display: flex;
  /* align-items: center; */
  margin: 15px 0;
}

.mxs-footer .__footer-body__left {
  width: 180px;
  padding: 0 15px 0 0;
}

.mxs-footer .__footer-body__middle {
  flex: 1;
  padding: 0 15px;
  display: flex;
  justify-content: flex-start;
}
.mxs-footer .__footer-body__right{
  width: 405px;
}
.mxs-footer .__footer-body__middle-item {
  margin: 0 15px 0 0;
  text-align: left;
}

.mxs-footer .__footer-body__middle-item .__dl {
  padding: 0 20px;
  /* margin: 0 0 15px 0; */
}

.mxs-footer .__footer-body .__footer-tool {
  display: flex;
  /* align-items: center; */
  justify-content: space-between;
}

.mxs-footer .__footer-body .__footer-tool .__footer-tool__item {
  padding: 0 15px;
}

.mxs-footer .__footer-body .__footer-tool__image {
  width: 110px;
  background-color: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  padding: 5px;
  border-radius: 5px;
}
.mxs-footer .__footer-body__middle-item .__dl dt{
  font-size: 16px;
  color: #fff;
  margin: 0 0 26px 0;
}
.mxs-footer .__footer-body__middle-item .__dl-email dt{
  margin: 0 0 0 0;
}
.mxs-footer .__footer-body__middle-item .__dl dd a{
  font-size: 14px;
font-weight: 400;
color: rgba(255,255,255,0.7);
line-height: 36px;
}
.mxs-footer .__footer-body__middle-item .__dl dd a:hover{
  color: #0072ff;
}
.__footer-tool__desc{
  margin: 10px 0 0 0;
}
.__footer-tool__desc h2{
  font-size: 16px;
  color: #fff;
  margin: 0 0 8px 0;
}
.__footer-site__desc{
  text-align: left;
  padding: 0 0 0 15px;
  margin: 23px 0 0 0;
  line-height: 22px;
  font-size: 12px;
  text-align: justify;
}
.__footer-site__desc h2{
  font-size: 16px;
  color: #fff;
  margin: 0 0 8px 0;
}
.__footer-site__desc p{
  font-size: 13px;
  color: rgba(255,255,255,0.7);
}
.__footer-tool__desc dd,.__footer-tool__desc p{
  line-height: 1.2;
  color: rgba(255,255,255,0.7);
}
.copyright{
  /* border-top: 2px solid #f5f5f5; */
  margin: 30px 0 0 0;
  padding: 30px 0 0;
}

.copyright-in{
  /* padding: 0 ; */
  display: flex;
  align-items: center;
  justify-content: center;
  height: 68px;
    background: rgba(17,17,17,0.4);
    border-radius: 8px 8px 8px 8px;
    color: rgba(255,255,255,0.7);
    line-height: 24px;
}
.copyright-in a{
  color: rgba(255,255,255,0.7);

}
.wechat-step{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0 0 0;
  color: #888;
}
.wechat-step  .step {
  color: #fff;
  background-color: var(--color-primary);
  border-radius: 50%;
  display: inline-block;
  width: 22px;
  height: 22px;
  text-align: center;
  margin-right: 5px;
  line-height: 22px
}

.wechat-step  .stepline {
  display: inline-block;
  width: 30px;
  height: 1px;
  background-color: #999;
  margin-left: 4px;
  margin-right: 4px
}
.login-link{
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: var(--color-primary);
}
.login-link:hover{
  opacity: 0.8;
  color: #fff;
}
::-webkit-scrollbar{
  width: 3px;
}
::-webkit-scrollbar-track{
  background-color: #f5f5f5;
}
::-webkit-scrollbar-thumb{
  background-color: #888;
  border-radius: 5px;
}
.mxs-menu__list>li>a{
  position: relative;
}
.app-container{
  width: 100%;
  min-width: var(--container-width);
}

.hot{
  width: 32px;
  height: 16px;
  background: url(../images/hot.png) no-repeat;
  position: absolute;
  top: 10px;
  right: -8px;
}
.download-box{
  background-color: #ffffff;
  padding: 15px;
  width: 300px;
  border-radius: 10px;
  position: absolute;
  left: 50%;
  transform: translate3d(-50%,0%,0);
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.download-item__title{
  font-size: 16px;
  color: #333;
  text-align: center;
  margin: 0 0 6px 0;
  font-weight: bold;
}
.download-item__btn{
  width: 140px;
  height: 140px;
  margin: 0 auto 6px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #eee;
}
@media (max-width:1499px){
 .aiwrite-form{
  flex-direction: column;
 }
 .field-wrap{
  margin: 0 0 20px 0;
 }
}
@media (max-width:1400px){
 
  .mxs-menu__list>li>a{
    padding: 0 15px;
  }
  .mxs-container{
    width: 1350px;
    min-width: 1200px;
    padding: 0 10px;
  }
}


@media (max-width:1299px){
  .mxs-container__full{
    padding: 0 30px;
  }
  .mxs-menu__list>li>a{
    padding: 0 15px;
  }
}

.__similarity-result__none{
  text-align: center;
 
  color: #888;
}
.__similarity-result__none  .icon{
  width: 100px;
  height: 100px;
}

.article-page .article-page__item{
  margin: 10px 0;
}
.__kecheng{
  margin: 10px 0;
}

.__kecheng img{
  display: block;
  margin: 0 auto;
}



/* header */
.more-info__full{
  width: 1000px;
  min-width: 1000px;
  /* margin-left: 0; */
  margin: 0;
  left: 300px;
  
}
.more-info__full::before{
  display: none;
}
.more-info__full .more-info__in{
  margin-top: 0;
}


.t-tab-content{
  flex: 1;
  padding: 10px 15px;
  text-align: left;
  max-height: 350px;
  overflow-y: auto;
}
.t-tab-content .t-tab-content__item{
  display: none;
}
.t-tab-content .t-tab-content__item.active{
  display: block;
}
.t-tab-title{
  max-height: 350px;
  /* min-width: 98px; */
  max-width: 150px;
  overflow-x: hidden;
  overflow-y: auto;
  border-right: 1px solid #eee;
}
.t-tab-title >li{
  margin: 5px 0;
  position: relative;
}
.t-tab-title >li{
  padding: 0 20px 0 0;
}
.t-tab-title >li>a{
  font-size: 14px;
  padding: 10px 5px;
  display: block;
  text-align: left;
  color: var(--font-color-main);
  white-space: nowrap;
}
.t-tab-title >li.active::before{
    content: "";
    width: 2px;
    height: 50%;
    position: absolute;
    right: -1px;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    background: var(--color-primary);
}
.t-tab-title >li.active a{
  color: var(--color-primary);
}
.t-card{
  display: flex;
  flex-wrap: wrap;
}
.t-card .t-card__inner{
  width:33.33%;
  padding:10px 20px;
  margin: 5px 0;
  border-right: 1px solid #dddcdc;
  cursor: pointer;
  transition: all 0.3s;
}
.t-card__inner:hover{
  background-color: #f5f5f5;
  border-radius: 5px;

}
.t-card .t-card__inner:nth-child(3n+3),.t-card .t-card__inner:last-child{
  border: none;
}
.t-card .t-card-title{
  font-size: 15px;
  font-weight: 550;
  margin: 0 0 6px 0;
  line-height: 26px;
  color: var(--font-color-main);
}
.t-card .t-card-desc{
  color: #888;
  font-size: 13px;
  height: 34px;
  overflow: hidden;
}
.t-card .hot{
  font-size: 12px;
  font-style: italic;
  display: inline-block;
  vertical-align: middle;
}
.t-card .hot .icon-hot{
  width: auto;
  height: 30px;
}
.mxs-menu__list > li.show-full.drop-show>a::before{
  
  opacity: 1;
}
.mxs-menu__list > li.show-full{
  position: static;
}
.mxs-menu__list > li.show-full{
  position: static;
}
.mxs-menu__list > li.show-full .more-info__full{
  /* margin-left: -500px; */
}

.more-mask{
  position: fixed;
  width: 100%;
  left: 0;
  top: 64px;
  height: 350px;
  z-index: -1;
  /* display: none;
   */
   visibility: hidden;
   opacity: 0;
   transition: all 0.5s ease-in-out;
}
.drop-show.more-mask{
  visibility: visible;
  opacity: 1;
  z-index: 2;
}
.more-mask .more-info{
  position: static;
  margin: 0 auto !important;
}


.pwa_box{
  position: fixed;
  right: 10px;
  top: 100px;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 15px;
  cursor: pointer;
}
.pwa_close{
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
}
.pwa-destop__icon{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}

.layui-input:focus,.layui-textarea:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 3px rgba(61,126,255,.08)
}
.layui-input-wrap .layui-input:focus+.layui-input-split {
  border-color:  var(--color-primary)
}

.g-slide__item.selected ol{
  display: none;
}
.g-slide__item .arrow{
  /* transition: all 0.3s ease-in-out; */
}
.g-slide__item.selected .arrow{
  transform: rotateX(-180deg);
}

@media (max-width:1599px){
  .mxs-menu__list > li.show-full{
    position: static;
  }
  .child_menu .more-info__full {
    /* width: 80%; */
    /* min-width: 1000px; */
    /* margin-left: 0 !important; */
    /* transform: translate3d(-50%,-10px,0) !important; */
    /* transition: all 0.3s ease-in-out; */

  }
  .child_menu.drop-show .more-info__full{
    /* transform: translate3d(-50%,0,0) !important; */

  }
  .mxs-menu__list>li>a{
    padding: 0 12px;
  }
}
@media (max-width:1099px){
  .child_menu .more-info__full {
    /* margin-left: 0 !important; */
    /* left: 10px; */
    /* transform: translate3d(0%,-10px,0)!important; */
  /* transition: all 0.3s ease-in-out; */

  }

  .child_menu.drop-show .more-info__full{
    /* transform: translate3d(0%,0,0) !important; */

  }
}

@media (max-width:1499px){
  .mxs-container__full{
    padding: 0 15px;
  }
  
}

@media (max-width:1399px){
 
  .mxs-menu__list>li>a{
    padding:  0 18px;
  }
}


.beian{
  align-items: center;
  margin: 0 !important;
  color: var(--color-primary) !important;
}
.beian img{
  width: 16px;
  display: inline-block;
  vertical-align: middle;
}
.beian span{
  display: inline-block;
  vertical-align: middle;
}

.layui-table td, .layui-table th{
  word-break: break-all;
}

@media (max-width: 1499px) {
  .mxs-float{
    right: 2px;
  }
  .mxs-float__link{
    width: 60px;
    padding: 10px 3px;
    font-size: 13px;
  }
  .mxs-float__link img{
    width: 30px;
  }
  .pwa_box{
    position: absolute;
  }
  
}
@media (max-width: 1399px) {
  :root{
    --container-width:1200px;
  }
  
 
}
@media (max-width: 1299px) {
  .mxs-float{
    display: none;
  }
  .pwa_box{
    display: none;
  }
  .mxs-menu__list>li>a{
    padding: 0 12px;
  }
}
.layui-slider-tips{
  display: none;
}

.simple-dropdown{
  width: 150px;
  left: 50%;
  margin-left: -75px;

}
.simple-dropdown .more-info__in{
  padding: 10px 5px;
}

.simple-dropdown.more-info .nav_tool li{
  width: 100%;
}

.simple-dropdown.more-info .nav_tool li a{
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.mxs-breadcrumb{
  margin: 0 0 15px 0;
  
}
.mxs-breadcrumb a:hover{
  color: var(--color-primary) !important;
}

.__empty{
  margin: 0 auto;
  padding: 150px 0;
}



.explain-tags {
  display: block;
  font-size: 12px;
  color: #777;
  height: 27px;
  position: relative;
  overflow: hidden;
}
.explain-tags a {
  display: inline-block;
  position: relative;
  padding-left: 10px;
  margin-right: 10px;
}
.explain-tags a:hover {
  color: var(--color-primary);
}
.explain-tags a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.explain-tags a:nth-child(1):before {
  background-color: #ff5e5c;
}
.explain-tags a:nth-child(2):before {
  background-color: #ffbb50;
}
.explain-tags a:nth-child(3):before {
  background-color: #1ac756;
}
.explain-tags a:nth-child(4):before {
  background-color: #19B5FE;
}
.explain-tips {
  color: #ff5e5c;
  font-size: 16px;
  font-weight: 550;
}
.explain-box a {
  color: #637381;
}
.explain-box .article-box h4 {
  margin: 10px 0;
}

.explain-box  .a-img{
  position: relative;
  height: 120px;
  margin: 0 0 20px 0;
  overflow: hidden;
}

.explain-box  .a-img img{
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: auto !important;
  min-height: 120px;
}

.login-remark{
    color: #999;
    font-size: 13px;
    text-align: center;
    margin: 15px 0 0 0;
}
.login-code__in{
  position: relative;
}
.login-code__in .login-tips{
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  z-index: 111;
  left: 50%;
  top: 50%;
  width: 180px;
  height: 180px;
  transform: translate(-50%,-50%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #ffffff;
  font-weight: 550;
  text-align: center;
  line-height: 22px;
}

 .login-contain .layui-btn[disabled]{
  opacity: 0.5;
  cursor: not-allowed;
}