.circle-contenr-out[data-v-d3ec3e32]{

  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  -webkit-font-smoothing: subpixel-antialiased;

  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(
    135deg,
    rgba(6, 147, 227, 1) 0%,
    rgb(155, 81, 224) 100%
  );
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(
    135deg,
    rgb(122, 220, 180) 0%,
    rgb(0, 208, 130) 100%
  );



  -webkit-user-select: text !important;
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  outline: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;

  justify-content: space-between;
  margin-top: 8px;
  position: relative;
  padding: 10px 0;
  border-top: 1px solid #f5f6f7;
  background-color: #FFFFFF;
  border-radius: 8px;
}
.circle-contenr[data-v-d3ec3e32] {
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 0px 0;
}
.circle-top[data-v-d3ec3e32] {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  -webkit-font-smoothing: subpixel-antialiased;

  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(
    135deg,
    rgba(6, 147, 227, 1) 0%,
    rgb(155, 81, 224) 100%
  );
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(
    135deg,
    rgb(122, 220, 180) 0%,
    rgb(0, 208, 130) 100%
  );



  -webkit-user-select: text !important;
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  outline: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;

  border-top: 1px solid #f5f6f7;
  background-color: #FFFFFF;
  border-radius: 8px;
}
.topic-type-menu[data-v-d3ec3e32] {
  margin-top: 8px;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  -webkit-font-smoothing: subpixel-antialiased;

  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(
    135deg,
    rgba(6, 147, 227, 1) 0%,
    rgb(155, 81, 224) 100%
  );
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(
    135deg,
    rgb(122, 220, 180) 0%,
    rgb(0, 208, 130) 100%
  );



  -webkit-user-select: text !important;
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  outline: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
  position: relative;
  padding: 10px 0;
  border-top: 1px solid #f5f6f7;
  background-color: #FFFFFF;
  border-radius: 8px;
}
.planetul[data-v-d3ec3e32] {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  -webkit-font-smoothing: subpixel-antialiased;

  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(
    135deg,
    rgba(6, 147, 227, 1) 0%,
    rgb(155, 81, 224) 100%
  );
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(
    135deg,
    rgb(122, 220, 180) 0%,
    rgb(0, 208, 130) 100%
  );



  -webkit-user-select: text !important;
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  vertical-align: baseline;
  box-sizing: border-box;
  list-style: none;
  word-wrap: break-word;
  display: flex;
  padding: 0 0 0 20px;
  margin-right: 8px;
}
.planetli[data-v-d3ec3e32] {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  -webkit-font-smoothing: subpixel-antialiased;

  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(
    135deg,
    rgba(6, 147, 227, 1) 0%,
    rgb(155, 81, 224) 100%
  );
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(
    135deg,
    rgb(122, 220, 180) 0%,
    rgb(0, 208, 130) 100%
  );



  list-style: none;
  -webkit-user-select: text !important;
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  margin-right: 8px;
}
.topic-drop[data-v-d3ec3e32] {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  -webkit-font-smoothing: subpixel-antialiased;

  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(
    135deg,
    rgba(6, 147, 227, 1) 0%,
    rgb(155, 81, 224) 100%
  );
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(
    135deg,
    rgb(122, 220, 180) 0%,
    rgb(0, 208, 130) 100%
  );



  -webkit-user-select: text !important;
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
}
.circle-info[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  border-radius: 10px 10px 0 0;
  position: relative;
}
.circle-info-in[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  display: flex;
  padding: 20px;
  padding-bottom: 10px;
  justify-content: space-between;
}
.circle-info-left[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin-top: -9px;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
}
.topimg[data-v-d3ec3e32]{
      font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  word-wrap: break-word;

  box-sizing: inherit;
  -o-object-fit: cover;
     object-fit: cover;
  border: 0;
  vertical-align: text-top;
  max-width: 100%;
  border-radius: 10px;
  width: 48px;
  height: 48px;
  min-width: 48px;
  display: block;
}
.planeth1[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  box-sizing: border-box;
  word-wrap: break-word;
  display: flex;
  flex-flow: column;
  font-size: 17px;
  margin-left: 10px;
  justify-content: center;
  height: 47px;
  line-height: 1;
}
.circle-admin-info[data-v-d3ec3e32]{
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  image-rendering: -webkit-optimize-contrast;

  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" on;
  -webkit-font-smoothing: subpixel-antialiased;

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  position: relative;
  display: flex;
  color: #AAAEB3;
}
.po-top-submit[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  display: none;
  position: absolute;
  right: -555px;
}
.link-block[data-v-d3ec3e32]{
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  image-rendering: -webkit-optimize-contrast;

  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" on;
  -webkit-font-smoothing: subpixel-antialiased;

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  word-wrap: break-word;
  box-sizing: border-box;
  color: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  vertical-align: baseline;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
}
.tip-radius[data-v-d3ec3e32]{
  position: relative;
  margin-top: 8px;
}
.b2-radius-aside-left-plant[data-v-d3ec3e32]{
  width: 100%;
  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  margin-top: 20px;
  outline: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  border-radius: 10px;
  font-size: 12px;
  padding: 10px 4px;
  position: relative;
  float: right;
  box-sizing: border-box;
  background-color: #FFFFFF;
}
.b2-radius-aside-left[data-v-d3ec3e32]{
   width: 200px;

  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  margin-top: 20px;
  outline: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  border-radius: 10px;
  font-size: 12px;
  padding: 10px 20px;
  position: relative;
  float: right;
  min-height: 37px;
  box-sizing: border-box;
  background-color: #FFFFFF;
}
.b2-radius-aside-right[data-v-d3ec3e32]{
 width: 100%;
 border: 0;
 font-family: inherit;
 font-style: inherit;
 font-weight: inherit;
 margin-top: 20px;
 outline: 0;
 vertical-align: baseline;
 word-wrap: break-word;
 border-radius: 10px;
 font-size: 12px;
 position: relative;
 float: right;
 min-height: 37px;
 box-sizing: border-box;
 background-color: #FFFFFF;
}
.po-form-box[data-v-d3ec3e32] {

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  position: relative;
  padding: 10px 20px 20px;
}
.po-form-box-in[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  opacity: 1;
}
.b2-color[data-v-d3ec3e32]{
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  image-rendering: -webkit-optimize-contrast;

  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" on;
  -webkit-font-smoothing: subpixel-antialiased;
  --wp--preset--color--black: #000000;
  --wp--preset--color--cyan-bluish-gray: #abb8c3;

  --wp--preset--font-size--small: 13px;
  --wp--preset--font-size--medium: 20px;
  --wp--preset--font-size--large: 36px;
  --wp--preset--font-size--x-large: 42px;    text-align: center;

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  color: #2abd80!important;
}
.topic-header[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  padding: 20px 20px 16px;
  display: flex;
  justify-content: space-between;
}
.topic-header-left[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
}
.topic-avatar[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  position: absolute;
  left: 20px;
  width: 35px;
  height: 35px;
}
.topic-name[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  display: flex;
  height: 35px;
  margin-left: 45px;
}
.topic-name-data[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-size: 16px;
}
.topic-user-lv[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-top: -10px;
}
.user-vip[data-v-d3ec3e32]{
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  image-rendering: -webkit-optimize-contrast;

  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" on;
  -webkit-font-smoothing: subpixel-antialiased;

  border: 0;
  font-family: inherit;
  font-style: inherit;
  margin: 0;
  outline: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 400;
  color: #797C80;
  border-radius: 3px;
  margin-right: 6px;
  height: 18px;
  line-height: 18px;
  padding: 0;
}
.user-lv[data-v-d3ec3e32]{
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  image-rendering: -webkit-optimize-contrast;

  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" on;
  -webkit-font-smoothing: subpixel-antialiased;

  border: 0;
  font-family: inherit;
  font-style: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 400;
  color: #797C80;
  line-height: 18px;
  border-radius: 3px;
  margin-right: 6px;
  height: auto;
}
.topic-header-right[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  line-height: 1;
}
.topic-circle[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-style: inherit;
  margin: 0;
  outline: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 200;
  display: flex;
  align-items: center;
  padding: 6px;
  border-radius: 13px;
  height: 26px;
  line-height: 14px;
}
.topic-footer[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  padding: 15px 20px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.topic-footer-left[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  display: flex;
  position: relative;
  align-items: center;
}
.planettext[data-v-d3ec3e32]{
  -webkit-text-size-adjust: 100%;
  image-rendering: -webkit-optimize-contrast;
  --web-color: #2abd80;
  --web-light-color: rgba(42, 189, 128, 0.2);


      word-wrap: break-word;

  outline: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  box-sizing: border-box;
  text-transform: none;
  -webkit-appearance: button;
  transition: opacity .2s;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  margin: 0;
  white-space: nowrap;
  font-family: OPPOSans2,-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
  border-radius: 10px;
  border: 0;
  padding: 0 12px;
  font-weight: normal;
  background: #f5f6f7;
  color: #8590A6;
  display: flex;
  align-items: center;
  margin-right: 2px;
  height: 28px;
}
.topic-date[data-v-d3ec3e32]{
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  image-rendering: -webkit-optimize-contrast;

  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" on;
  -webkit-font-smoothing: subpixel-antialiased;

  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  margin-right: 20px;
  outline: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #8590A6;
  background: none;
  cursor: auto;
  padding: 0;
  margin-left: 16px;
  display: flex;
  align-items: center;
}
.topic-footer-right[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
}
.topic-content-text[data-v-d3ec3e32]{
  max-width: 500px;
  margin-left: 66px;
}
.sidebar-innter[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  transform: translate3d(0, 0, 0);
  will-change: position, transform;
}
.mobile-hidden[data-v-d3ec3e32]{
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  word-wrap: break-word;
  box-sizing: inherit;
  display: block;
  background-color: #fff;
  box-shadow: 0px 0px 2px rgba(98, 124, 153, 0.1);
  position: relative;
  border-radius: 10px;
  margin-bottom: 5px;
  opacity: 1;
  transition: opacity .3s;
}
.b2-widget-title[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.widget-title[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-style: inherit;
  margin: 0;
  outline: 0;
  vertical-align: baseline;
  box-sizing: border-box;
  word-wrap: break-word;
  font-size: 16px;
  padding: 20px 0px 8px;
  font-weight: 600;
  line-height: 1;
}
.widget-title-plant[data-v-d3ec3e32]{
  margin-left: 14px;
  border: 0;
  font-family: inherit;
  font-style: inherit;
  outline: 0;
  vertical-align: baseline;
  box-sizing: border-box;
  word-wrap: break-word;
  font-size: 16px;
  padding: 20px 0px 8px;
  font-weight: 600;
  line-height: 1;
}
.b2-widget-box[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  position: relative;
}
.about-widget[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  font-size: 14px;
}
.user-w-announcement[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
}
.planet-aside-ul[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  box-sizing: border-box;
  list-style: none;
  word-wrap: break-word;
}
.planet-aside-li[data-v-d3ec3e32]{
      list-style: none;

  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  font-size: 13px;
  box-sizing: border-box;
  padding: 16px 0;
  border: 0;
}
.circle-widget-button[data-v-d3ec3e32]{

  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  padding: 0px;
  text-align: left;
  border-top: 1px solid #f0f0f0;
}
.text-great[data-v-d3ec3e32]{
  -webkit-text-size-adjust: 100%;
  image-rendering: -webkit-optimize-contrast;
  --web-color: #2abd80;
  --web-light-color: rgba(42, 189, 128, 0.2);


      word-wrap: break-word;

  outline: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  box-sizing: border-box;
  text-transform: none;
  -webkit-appearance: button;
  transition: opacity .2s;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  margin: 0;
  white-space: nowrap;
  font-family: OPPOSans2,-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
  border-radius: 10px;
  background: none;
  border: 0;
  padding: 5px 16px;
  color: #01c2c3;
}
.user-w-logon[data-v-d3ec3e32]{
  border-radius: 8px;
  color: #121212;
  line-height: 1.4;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" on;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: auto;
  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  font-size: 13px;
  padding: 5px 10px;
  background-image: linear-gradient( 135deg, #ABDCFF 10%, #0396FF 100%);  position: relative;
}
.user-w-logon-title[data-v-d3ec3e32]{
  line-height: 1.4;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" on;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: auto;
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  margin-bottom: 10px;
  color: #ffffff!important;
  display: block;
  /* overflow: hidden;
  white-space: nowrap; */
  text-overflow: ellipsis;
  position: relative;
  z-index: 2;
}
.user-w-logon-titlep[data-v-d3ec3e32]{


      color: #121212;
  line-height: 1.4;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" on;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: auto;
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  z-index: 2;
}
.oauth-login-button[data-v-d3ec3e32]{


      color: #121212;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" on;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: auto;
  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  font-size: 12px;
  display: flex;
  border-top: 1px dashed #f5f6f7;
  border-bottom: 1px dashed #f5f6f7;
  background: #f7f8fa;
  height: 43px;
  overflow: hidden;
  line-height: 43px;
  padding: 0 18px;
}
.login-weixin[data-v-d3ec3e32]{


      text-rendering: optimizeLegibility;
  font-feature-settings: "liga" on;
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 43px;
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  word-wrap: break-word;
  box-sizing: border-box;
  color: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  vertical-align: top;
  display: block;
  margin-right: 14px;
}
.login-weibo[data-v-d3ec3e32]{


      text-rendering: optimizeLegibility;
  font-feature-settings: "liga" on;
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 43px;
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  word-wrap: break-word;
  box-sizing: border-box;
  color: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  vertical-align: top;
  display: block;
  margin-right: 14px;
}
.login-qq[data-v-d3ec3e32]{


      text-rendering: optimizeLegibility;
  font-feature-settings: "liga" on;
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 43px;
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  word-wrap: break-word;
  box-sizing: border-box;
  color: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  vertical-align: top;
  display: block;
  margin-right: 14px;
}
.user-w-announcement[data-v-d3ec3e32]{


      color: #121212;
  line-height: 1.4;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" on;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: auto;
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
  padding: 10px 0;
}
.widget-mission-footer[data-v-d3ec3e32]{


      color: #121212;
  line-height: 1.4;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" on;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: auto;
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  box-sizing: border-box;
}
.allad[data-v-d3ec3e32]{


      line-height: 1.4;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" on;
  -webkit-font-smoothing: subpixel-antialiased;
  border: 0;
  font-family: inherit;
  font-style: inherit;
  margin: 0;
  outline: 0;
  word-wrap: break-word;
  box-sizing: border-box;
  color: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  vertical-align: top;
  padding: 10px;
  font-size: 12px;
  text-align: center;
  display: block;
  border-top: 1px solid #f5f6f7;
  font-weight: 600;
}
a.login-weixin[data-v-d3ec3e32]:before {
  background-color: #18c531;
}
a.login-weibo[data-v-d3ec3e32]:before {
  background-color: #c51818;
}
a.login-qq[data-v-d3ec3e32]:before {
  background-color: #1863c5;
}
.oauth-login-button a[data-v-d3ec3e32]:before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  margin-right: 3px;
}
.b2-hidden-always[data-v-d3ec3e32]{
	display: none
}
.lv-icon.user-lv i[data-v-d3ec3e32] {
    font-family: 'DIN-Medium';
}
[data-v-d3ec3e32]::-moz-placeholder { color: #ccc;
}
[data-v-d3ec3e32]::-webkit-input-placeholder { color:#ccc;
}
[data-v-d3ec3e32]:-ms-input-placeholder { color:#ccc;
}
input[data-v-d3ec3e32]::-moz-focus-inner {
	border: 0;
	padding: 0
}
.button[data-v-d3ec3e32]{
	border-radius:4px;
	color:#fff;
	padding: 8px 16px;
	transition: opacity .2s;
	position: relative;
	cursor: pointer;
	font-size: 12px;
	margin:0;
	white-space: nowrap;
}
.button[data-v-d3ec3e32]:active{
	transform: translateY(1px);
}
.button[data-v-d3ec3e32]:hover{
	opacity: .9;
	transition: opacity .2s
}
.button.empty[data-v-d3ec3e32]{
	background: rgba(255, 255, 255, 0);
}
section[data-v-d3ec3e32] {
	display: block
}
a[data-v-d3ec3e32]:active,a[data-v-d3ec3e32]:hover {
	outline: 0;
}
input[data-v-d3ec3e32]::-webkit-outer-spin-button,input[data-v-d3ec3e32]::-webkit-inner-spin-button{
	-webkit-appearance: none !important;
}
i[data-v-d3ec3e32] {
	font-style: italic;
}
/*缂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌ｉ幋锝呅撻柛濠傛健閺屻劑寮撮悙娴嬪亾閸洖鐒垫い鎺嗗亾闁哥喎纾划璇测槈濡攱顫嶅┑鈽嗗灣閳峰牆危椤栨稓绡€闁汇垽娼ф禒锕傛煕閵娿劌鐓愮紒宀勪憾閹粌螣鐠囨彃浼庨梻浣筋潐閸庡吋鎱ㄩ妶澶嬪亗闁告劦鍠楅悡鏇熺節闂堟稒顥滄い蹇婃櫊閺屽秷顧侀柛鎾寸懇閳ワ箓鎮滈挊澶嬫К闂侀潧绻堥崐鏇犵尵瀹ュ鐓冪憸婊堝礈閻旈晲绻嗛柣銏⑶圭粈瀣亜閺傚灝鈷旈柡澶嬫倐濮婅櫣鎲撮崟顐ゎ槰濠电偛鎳忓ú鏍煝閹捐閱囬柡鍥╁暱閹锋椽姊洪悡搴綗闁稿﹥娲熷鍛婃償閿濆洨锛滅紓鍌欑劍閿曨偊鎳撻幐搴闁绘劖褰冮弳娆撴煟閿濆繒绡€妤犵偛绉归幖褰掝敃閵堝倸浜惧┑鐘崇閳锋垹鎲搁悧鍫濈瑨濞存粈鍗抽弻娑㈠箻鐎靛憡鍒涢梺璇″枤閸忔ɑ淇婇幖浣哥厸闁稿本顨嗙€氱厧鈹戦悩缁樻锭闁稿﹥鎮傞獮澶愬焺閸愵亶娲搁梺闈涚墕椤︿即鎮″▎鎾寸厱闁瑰瓨鐟ラ埀顒佺墱閳ь剚鐔幏锟�*/
.link-block[data-v-d3ec3e32]{
	position: absolute;
	width:100%;
	height:100%;
	z-index:2;
	top:0;
	left:0
}
.box[data-v-d3ec3e32]{
	background-color: #fff!important;
	position: relative;
}
@font-face {
    font-family: "DIN-Medium";
    src: url(/_nuxt/src/static/font/DIN.woff) format("woff"),
         url(/_nuxt/src/static/font/DIN.ttf) format("truetype"),
         url(/_nuxt/src/static/font/DIN.eot) format("embedded-opentype"),
         url(/_nuxt/src/static/font/DIN.svg) format("svg");
}
.home .site-content[data-v-d3ec3e32]{
    padding-bottom:0;
}
.site-content[data-v-d3ec3e32]{
    flex: 1;
    padding-bottom:30px;
}
.wrapper[data-v-d3ec3e32]{
    margin:0 auto;
    max-width: 100%;
}
.entry-content > ol li[data-v-d3ec3e32]::marker,.entry-content > ul li[data-v-d3ec3e32]::marker{
    color:#999;
    font-family: 'DIN-Medium';
}
.entry-content[data-v-d3ec3e32] >{
    margin-top: 1.2em;
    margin-bottom: 0.6em;
    line-height: 1.35;
    font-weight: 400;
}
.entry-content[data-v-d3ec3e32] >,.content-show-roles[data-v-d3ec3e32] >  {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-top: 0;
    margin-bottom: 20px;
}
.widget[data-v-d3ec3e32] >  {
    font-size: 16px;
    padding:20px 16px 8px;
    font-weight: 600;
    line-height: 1;
}
.lv-icon[data-v-d3ec3e32]{
    font-size: 12px;
    font-weight: 400;
    color: #797C80;
    height: 18px;
    line-height: 18px;
    border-radius: 3px;
    margin-right:6px
}
.lv-icon.user-lv i[data-v-d3ec3e32]{
    font-size: 12px;
    font-style: normal;
    display: inline-block;
    background-color: rgba(173, 173, 173, 0.16);
    transform: scale(1);
    height: 17px;
    line-height: 17px;
    padding: 0 6px;
    border-radius: 2px;
    margin-left: 3px;
    text-transform: capitalize;
}
.lv-icon b[data-v-d3ec3e32]{
    font-weight: 400;
}
.mask-wrapper[data-v-d3ec3e32]{
    position: relative;
    display: flex;
    align-items: flex-end;
    background-color: #ffffff
}
.mask-wrapper[data-v-d3ec3e32]{
    width:100%;
    height:0;
    padding-top:20%;
    background-image: url(/_nuxt/src/assets/bg.jpeg);
    background-position: center;
    background-size: 100% 160%;
    background-repeat: no-repeat;
}
.user-page-lv span[data-v-d3ec3e32]{
    margin-left:5px;
    margin-right:0
}
.user-panel[data-v-d3ec3e32]{
    position: relative;
    width: 100%;
    margin-top: -47px;
    padding: 0 20px 20px 20px;
    display: flex;
    box-sizing: border-box;
}
.user-panel .avatar[data-v-d3ec3e32]{
    border:4px solid #fff;
    background: #ccc;
    width:152px;
    height:152px;
    flex-grow: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    max-width: 152px;
    min-width: 152px;
    border-radius: 4px;
}
.user-cover-button[data-v-d3ec3e32]{
    position: absolute;
    top:20px;
    right:20px
}
.user-cover-button label.empty[data-v-d3ec3e32]{
    background: none;
    color: #fff;
    border-color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    line-height: 1;
    padding: 7px 10px;
}
.user-panel-info[data-v-d3ec3e32]{
    font-size: 24px;
    font-weight: 600;
    padding-top: 45px;
    padding-left: 20px;
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    align-items: flex-end;
}
.user-panel-info p[data-v-d3ec3e32]{
    align-items: center;
    font-size: 13px;
    color: #797C80;
    font-weight: 400;
    margin-top:15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-justify: inter-ideograph;
    word-break: break-all;
    margin-right:300px;
}
.user-panel-info h1 span[data-v-d3ec3e32]{
    margin-right:10px
}
.user-panel-editor-button[data-v-d3ec3e32]{
    text-align: center;
    position: absolute;
    right: 24px;
    top: 115px;
}
.user-panel-editor-button .user-follow[data-v-d3ec3e32]{
    width:220px;
    justify-content: flex-end;
}
.author-header[data-v-d3ec3e32]{
    overflow: hidden;
}
.author-table[data-v-d3ec3e32]{
	display: flex;
}
.author-page-right-in[data-v-d3ec3e32]{
    padding:16px
}
.author-page-right[data-v-d3ec3e32]{
    width:240px;
}
.author-page-left[data-v-d3ec3e32]{
    flex: 1;
    width:100%;
}
.editor-avatar[data-v-d3ec3e32]{
    display: flex;
    align-items: center;
    flex-flow: column;
    height: 100%;
    position: absolute;
    width: 100%;
    justify-content: center;
    background: rgba(41,44,47,.4);
    color: #fff;
    font-size: 13px;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
}
.user-panel .avatar:hover .editor-avatar[data-v-d3ec3e32]{
    opacity: 1;
    visibility: visible
}
/*----*/
.user-sidebar[data-v-d3ec3e32]{
    font-size: 14px
}
.user-follow[data-v-d3ec3e32]{
    margin-top:10px;
    display: flex
}
.vip-footer[data-v-d3ec3e32] >  {
    font-size: 30px;
}
.vip-footer[data-v-d3ec3e32] >{
    text-align: center
}
@media screen {
  
    /* string content */
  
    /* keyword */
  
    /* comment */
}
/* MS supports */
@supports (-ms-overflow-style: none) {
}
.author-page-right-in[data-v-d3ec3e32]{
    padding:16px
}
.author-page-right[data-v-d3ec3e32]{
    width:240px;
}
.post-3 .post-module-thumb .b2-radius[data-v-d3ec3e32]{
    overflow: hidden;
}
.video-view.b2-radius i[data-v-d3ec3e32]{
    margin-right: 2px;
    line-height: 1;
}
.video-view.b2-radius i[data-v-d3ec3e32]{
    margin-right: 2px;
    line-height: 1;
}
.video-view.b2-radius span[data-v-d3ec3e32]{
    line-height: 1.8
}
.com-form > .b2-radius[data-v-d3ec3e32]{
    overflow: hidden
}
.tax-collection .box.b2-radius[data-v-d3ec3e32]{
    overflow: hidden;
}
.user-sidebar[data-v-d3ec3e32]{
    font-size: 14px
}
.user-count[data-v-d3ec3e32]{
    padding-top:16px;
    margin-top:16px;
}
.user-sidebar-info[data-v-d3ec3e32]{
    padding:14px;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.user-sidebar-count[data-v-d3ec3e32]{
    display: flex;
    flex-flow: wrap;
    padding:15px
}
#author-index[data-v-d3ec3e32]{
    overflow: hidden;
}
#author-index .user-info[data-v-d3ec3e32]{
    padding:6px 20px
}
#author-index .user-info p[data-v-d3ec3e32]{
    position: relative;
    padding:14px 0
}
#author-index .user-info p span[data-v-d3ec3e32]{
    display: inline-block;
    margin-right:24px
}
.user-info-title[data-v-d3ec3e32]{
    color:#8590A6;
    font-size: 15px;
    line-height: 22px;
}
#author-index .user-info p a[data-v-d3ec3e32]{
    font-size: 12px;
    position: absolute;
    right:16px;
    top:12px
}
.user-verify span b[data-v-d3ec3e32]{
    margin-right:3px
}
.user-verify span b i.b2-vrenzhengguanli[data-v-d3ec3e32]{
    position: static;
    position: initial;
    display: inline-block;
}
.user-sidebar.h0[data-v-d3ec3e32]{
    height:0;
    width:0;
    opacity: 0;
    overflow: hidden;
    transition: height .3s ease-in-out;
}
.user-sidebar.h0.show[data-v-d3ec3e32]{
    opacity: 1;
    height: 54px;
    width:auto;
    transition: height .3s ease-in-out;
}
.user-sidebar-count li[data-v-d3ec3e32]{
    width:25%;
    padding:20px;
    position: relative;
    box-sizing: border-box;
    background-color: #F7F9FA;
    border:5px solid #fff
}
.user-sidebar-count li i[data-v-d3ec3e32]{
    position: absolute;
    font-size: 81px;
    color: rgba(209, 233, 255, 0.28);
    right: 0;
    top: -13px;
}
.user-sidebar-count li > div[data-v-d3ec3e32]{
    position: relative;
}
.user-item-desc[data-v-d3ec3e32]{
    font-size: 12px;
    color:#AAAEB3
}
.user-sidebar-count li p[data-v-d3ec3e32]{
    font-size: 24px;
    font-weight: 600;
    margin:10px 0
}
.sidebar-invitation-box[data-v-d3ec3e32]{
    margin-top:26px;
    padding:16px
}
.user-money-and-credit > div[data-v-d3ec3e32]{
    margin-right:20px;
    width:50%;
    overflow: hidden;
}
.user-money-and-credit > div span[data-v-d3ec3e32]{
    width:100%;
    display: block;
    padding:0 20px;
    font-size: 24px;
    height: 68px;
    line-height: 68px;
}
.user-sidebar-gold[data-v-d3ec3e32]  {
    font-size: 20px;
    padding:20px;
    font-weight: 600;
}
.top-user-box-drop li a i.b2font[data-v-d3ec3e32]{
    display: block;
    padding:0;
    line-height: 1;
    margin-top:1px
}
.post-style-2 .top-user-box-drop a i.b2font[data-v-d3ec3e32]{
    color:inherit
}
.user-money-and-credit[data-v-d3ec3e32]{
    display: flex;
    padding:0 0px 20px 20px
}
.user-money[data-v-d3ec3e32],.user-credit[data-v-d3ec3e32]{
    background: #f7f9fa;
    padding: 0 10px;
    border-radius: 5px;
    text-shadow: 0px 1px 0px #fff;
    font-size: 14px;
    line-height: 33px;
    height: 33px;
    display: inline-block
}
.link-block[data-v-d3ec3e32]{
    position: absolute;
    width:100%;
    height:100%;
    z-index:2;
    top:0;
    left:0
}
/* -------- css 样式 -------- */
a[data-v-d3ec3e32] {
  -webkit-text-decoration: none;
  text-decoration: none;
  /*color: black;*/
}
li[data-v-d3ec3e32] {
  list-style: none;
}
.w-full[data-v-d3ec3e32] {
  width: 100%;
}
.w-h-full[data-v-d3ec3e32] {
  width: 100%;
  height: 100%;
}
/* -------- flex 布局 -------- */
.flex-row[data-v-d3ec3e32] {
  display: flex;
  flex-direction: row;
}
.flex-row-re[data-v-d3ec3e32] {
  display: flex;
  flex-direction: row-reverse;
}
.flex-col[data-v-d3ec3e32] {
  display: flex;
  flex-direction: column;
}
.flex-col-re[data-v-d3ec3e32] {
  display: flex;
  flex-direction: column-reverse;
}
.basis-xs[data-v-d3ec3e32] {
  flex-basis: 20%;
}
.basis-s[data-v-d3ec3e32] {
  flex-basis: 40%;
}
.basis-m[data-v-d3ec3e32] {
  flex-basis: 50%;
}
.basis-l[data-v-d3ec3e32] {
  flex-basis: 60%;
}
.basis-xl[data-v-d3ec3e32] {
  flex-basis: 80%;
}
.flex-one[data-v-d3ec3e32] {
  flex: 1;
}
.flex-two[data-v-d3ec3e32] {
  flex: 2;
}
.flex-three[data-v-d3ec3e32] {
  flex: 3;
}
.wrap[data-v-d3ec3e32] {
  flex-wrap: wrap;
}
.no-wrap[data-v-d3ec3e32] {
  flex-wrap: nowrap;
}
.justify-start[data-v-d3ec3e32] {
  justify-content: start;
}
.justify-center[data-v-d3ec3e32] {
  justify-content: center;
}
justify-end[data-v-d3ec3e32] {
  justify-content: end;
}
.justify-evenly[data-v-d3ec3e32] {
  justify-content: space-evenly;
}
.justify-around[data-v-d3ec3e32]{
  justify-content: space-around;
}
.justify-between[data-v-d3ec3e32]{
  justify-content: space-between;
}
.items-start[data-v-d3ec3e32] {
  align-items: start;
}
.items-center[data-v-d3ec3e32] {
  align-items: center;
}
.items-end[data-v-d3ec3e32] {
  align-items: end;
}
.items-baseline[data-v-d3ec3e32] {
  align-items: baseline;
}
.items-stretch[data-v-d3ec3e32] {
  align-items: stretch;
}
/* ---- 放大因子 ---- */
.flex-grow[data-v-d3ec3e32] {
  flex-grow: 1;
}
/* ---- 收缩因子(当容器主轴 “空间不足” 且 “禁止换行” 时,空间不足该项目将缩小) ---- */
.flex-shrink[data-v-d3ec3e32] {
  flex-shrink: 1;
}
/* -------- margin 外边距 -------- */
.margin-none[data-v-d3ec3e32] {
  margin: 0;
}
.margin-auto[data-v-d3ec3e32] {
  margin: auto;
}
.margin-xxs[data-v-d3ec3e32] {
  margin: 10px;
}
.margin-xs[data-v-d3ec3e32] {
  margin: 20px;
}
.margin-s[data-v-d3ec3e32] {
  margin: 30px;
}
.margin[data-v-d3ec3e32] {
  margin: 40px;
}
.margin-m[data-v-d3ec3e32] {
  margin: 50px;
}
.margin-l[data-v-d3ec3e32] {
  margin: 60px;
}
.margin-xl[data-v-d3ec3e32] {
  margin: 70px;
}
.margin-xxl[data-v-d3ec3e32] {
  margin: 80px;
}
.margin-t-xxs[data-v-d3ec3e32] {
  margin-top: 10px;
}
.margin-t-xs[data-v-d3ec3e32] {
  margin-top: 20px;
}
.margin-t-s[data-v-d3ec3e32] {
  margin-top: 30px;
}
.margin-top[data-v-d3ec3e32] {
  margin-top: 40px;
}
.margin-t-m[data-v-d3ec3e32] {
  margin-top: 50px;
}
.margin-t-l[data-v-d3ec3e32] {
  margin-top: 60px;
}
.margin-t-xl[data-v-d3ec3e32] {
  margin-top: 70px;
}
.margin-t-xxl[data-v-d3ec3e32] {
  margin-top: 80px;
}
.margin-b-xxs[data-v-d3ec3e32] {
  margin-bottom: 10px;
}
.margin-b-xs[data-v-d3ec3e32] {
  margin-bottom: 20px;
}
.margin-b-s[data-v-d3ec3e32] {
  margin-bottom: 30px;
}
.margin-bottom[data-v-d3ec3e32] {
  margin-bottom: 40px;
}
.margin-b-m[data-v-d3ec3e32] {
  margin-bottom: 50px;
}
.margin-b-l[data-v-d3ec3e32] {
  margin-bottom: 60px;
}
.margin-b-xl[data-v-d3ec3e32] {
  margin-bottom: 70px;
}
.margin-b-xxl[data-v-d3ec3e32] {
  margin-bottom: 80px;
}
.margin-l-xxs[data-v-d3ec3e32] {
  margin-left: 10px;
}
.margin-l-xs[data-v-d3ec3e32] {
  margin-left: 20px;
}
.margin-l-s[data-v-d3ec3e32] {
  margin-left: 30px;
}
.margin-left[data-v-d3ec3e32] {
  margin-left: 40px;
}
.margin-l-m[data-v-d3ec3e32] {
  margin-left: 50px;
}
.margin-l-l[data-v-d3ec3e32] {
  margin-left: 60px;
}
.margin-l-xl[data-v-d3ec3e32] {
  margin-left: 70px;
}
.margin-l-xxl[data-v-d3ec3e32] {
  margin-left: 80px;
}
.margin-r-xxs[data-v-d3ec3e32] {
  margin-right: 10px;
}
.margin-r-xs[data-v-d3ec3e32] {
  margin-right: 20px;
}
.margin-r-s[data-v-d3ec3e32] {
  margin-right: 30px;
}
.margin-right[data-v-d3ec3e32] {
  margin-right: 40px;
}
.margin-r-m[data-v-d3ec3e32] {
  margin-right: 50px;
}
.margin-r-l[data-v-d3ec3e32] {
  margin-right: 60px;
}
.margin-r-xl[data-v-d3ec3e32] {
  margin-right: 70px;
}
.margin-r-xxl[data-v-d3ec3e32] {
  margin-right: 80px;
}
.margin-tb-xxs[data-v-d3ec3e32] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.margin-tb-xs[data-v-d3ec3e32] {
  margin-top: 20px;
  margin-bottom: 20px;
}
.margin-tb-s[data-v-d3ec3e32] {
  margin-top: 30px;
  margin-bottom: 30px;
}
.margin-tb[data-v-d3ec3e32] {
  margin-top: 40px;
  margin-bottom: 40px;
}
.margin-tb-m[data-v-d3ec3e32] {
  margin-top: 50px;
  margin-bottom: 50px;
}
.margin-tb-l[data-v-d3ec3e32] {
  margin-top: 60px;
  margin-bottom: 60px;
}
.margin-tb-xl[data-v-d3ec3e32] {
  margin-top: 70px;
  margin-bottom: 70px;
}
.margin-tb-xxl[data-v-d3ec3e32] {
  margin-top: 80px;
  margin-bottom: 80px;
}
.margin-lr-xxs[data-v-d3ec3e32] {
  margin-left: 10px;
  margin-right: 10px;
}
.margin-lr-xs[data-v-d3ec3e32] {
  margin-left: 20px;
  margin-right: 20px;
}
.margin-lr-s[data-v-d3ec3e32] {
  margin-left: 30px;
  margin-right: 30px;
}
.margin-lr[data-v-d3ec3e32] {
  margin-left: 40px;
  margin-right: 40px;
}
.margin-lr-m[data-v-d3ec3e32] {
  margin-left: 50px;
  margin-right: 50px;
}
.margin-lr-l[data-v-d3ec3e32] {
  margin-left: 60px;
  margin-right: 60px;
}
.margin-lr-xl[data-v-d3ec3e32] {
  margin-left: 70px;
  margin-right: 70px;
}
.margin-lr-xxl[data-v-d3ec3e32] {
  margin-left: 80px;
  margin-right: 80px;
}
/* -------- padding 内边距 -------- */
.padding-none[data-v-d3ec3e32] {
  padding: 0;
}
.padding-xxs[data-v-d3ec3e32] {
  padding: 10px;
}
.padding-xs[data-v-d3ec3e32] {
  padding: 20px;
}
.padding-s[data-v-d3ec3e32] {
  padding: 30px;
}
.padding[data-v-d3ec3e32] {
  padding: 40px;
}
.padding-m[data-v-d3ec3e32] {
  padding: 50px;
}
.padding-l[data-v-d3ec3e32] {
  padding: 60px;
}
.padding-xl[data-v-d3ec3e32] {
  padding: 70px;
}
.padding-xxl[data-v-d3ec3e32] {
  padding: 80px;
}
.padding-t-xxs[data-v-d3ec3e32] {
  padding-top: 10px;
}
.padding-t-xs[data-v-d3ec3e32] {
  padding-top: 20px;
}
.padding-t-s[data-v-d3ec3e32] {
  padding-top: 30px;
}
.padding-top[data-v-d3ec3e32] {
  padding-top: 40px;
}
.padding-t-m[data-v-d3ec3e32] {
  padding-top: 50px;
}
.padding-t-l[data-v-d3ec3e32] {
  padding-top: 60px;
}
.padding-t-xl[data-v-d3ec3e32] {
  padding-top: 70px;
}
.padding-t-xxl[data-v-d3ec3e32] {
  padding-top: 80px;
}
.padding-b-xxs[data-v-d3ec3e32] {
  padding-bottom: 10px;
}
.padding-b-xs[data-v-d3ec3e32] {
  padding-bottom: 20px;
}
.padding-b-s[data-v-d3ec3e32] {
  padding-bottom: 30px;
}
.padding-bottom[data-v-d3ec3e32] {
  padding-bottom: 40px;
}
.padding-b-m[data-v-d3ec3e32] {
  padding-bottom: 50px;
}
.padding-b-l[data-v-d3ec3e32] {
  padding-bottom: 60px;
}
.padding-b-xl[data-v-d3ec3e32] {
  padding-bottom: 70px;
}
.padding-b-xxl[data-v-d3ec3e32] {
  padding-bottom: 80px;
}
.padding-l-xxs[data-v-d3ec3e32] {
  padding-left: 10px;
}
.padding-l-xs[data-v-d3ec3e32] {
  padding-left: 20px;
}
.padding-l-s[data-v-d3ec3e32] {
  padding-left: 30px;
}
.padding-left[data-v-d3ec3e32] {
  padding-left: 40px;
}
.padding-l-m[data-v-d3ec3e32] {
  padding-left: 50px;
}
.padding-l-l[data-v-d3ec3e32] {
  padding-left: 60px;
}
.padding-l-xl[data-v-d3ec3e32] {
  padding-left: 70px;
}
.padding-l-xxl[data-v-d3ec3e32] {
  padding-left: 80px;
}
.padding-r-xxs[data-v-d3ec3e32] {
  padding-right: 10px;
}
.padding-r-xs[data-v-d3ec3e32] {
  padding-right: 20px;
}
.padding-r-s[data-v-d3ec3e32] {
  padding-right: 30px;
}
.padding-right[data-v-d3ec3e32] {
  padding-right: 40px;
}
.padding-r-m[data-v-d3ec3e32] {
  padding-right: 50px;
}
.padding-r-l[data-v-d3ec3e32] {
  padding-right: 60px;
}
.padding-r-xl[data-v-d3ec3e32] {
  padding-right: 70px;
}
.padding-r-xxl[data-v-d3ec3e32] {
  padding-right: 80px;
}
.padding-tb-xxs[data-v-d3ec3e32] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding-tb-xs[data-v-d3ec3e32] {
  padding-top: 20px;
  padding-bottom: 20px;
}
.padding-tb-s[data-v-d3ec3e32] {
  padding-top: 30px;
  padding-bottom: 30px;
}
.padding-tb[data-v-d3ec3e32] {
  padding-top: 40px;
  padding-bottom: 40px;
}
.padding-tb-m[data-v-d3ec3e32] {
  padding-top: 50px;
  padding-bottom: 50px;
}
.padding-tb-l[data-v-d3ec3e32] {
  padding-top: 60px;
  padding-bottom: 60px;
}
.padding-tb-xl[data-v-d3ec3e32] {
  padding-top: 70px;
  padding-bottom: 70px;
}
.padding-tb-xxl[data-v-d3ec3e32] {
  padding-top: 80px;
  padding-bottom: 80px;
}
.padding-lr-xxs[data-v-d3ec3e32] {
  padding-left: 10px;
  padding-right: 10px;
}
.padding-lr-xs[data-v-d3ec3e32] {
  padding-left: 20px;
  padding-right: 20px;
}
.padding-lr-s[data-v-d3ec3e32] {
  padding-left: 30px;
  padding-right: 30px;
}
.padding-lr[data-v-d3ec3e32] {
  padding-left: 40px;
  padding-right: 40px;
}
.padding-lr-m[data-v-d3ec3e32] {
  padding-left: 50px;
  padding-right: 50px;
}
.padding-lr-l[data-v-d3ec3e32] {
  padding-left: 60px;
  padding-right: 60px;
}
.padding-lr-xl[data-v-d3ec3e32] {
  padding-left: 70px;
  padding-right: 70px;
}
.padding-lr-xxl[data-v-d3ec3e32] {
  padding-left: 80px;
  padding-right: 80px;
}
/* -------- font 字体 -------- */
.text-center[data-v-d3ec3e32]{
  text-align: center;
}
.text-white[data-v-d3ec3e32] {
  color: white;
}
.text-gray-light[data-v-d3ec3e32] {
  color: #E8E8E8;
}
.text-gray[data-v-d3ec3e32] {
  color: #9C9C9C;
}
.text-gray-deep[data-v-d3ec3e32] {
  color: #4F4F4F;
}
.text-pink-light[data-v-d3ec3e32] {
  color: pink;
}
.text-pink[data-v-d3ec3e32] {
  color: #FF69B4;
}
.text-pink-deep[data-v-d3ec3e32] {
  color: #FF1493;
}
.text-red[data-v-d3ec3e32] {
  color: #EE0000;
}
.text-yellow-light[data-v-d3ec3e32] {
  color: #FFFFE0;
}
.text-yellow[data-v-d3ec3e32] {
  color: yellow;
}
.text-yellow-deep[data-v-d3ec3e32] {
  color: #FFD700;
}
.text-gold[data-v-d3ec3e32] {
  color: gold;
}
.text-blue-light[data-v-d3ec3e32] {
  color: #87CEFA;
}
.text-blue[data-v-d3ec3e32] {
  color: #0081ff;
}
.text-blue-deep[data-v-d3ec3e32] {
  color: #0000FF;
}
.text-green-light[data-v-d3ec3e32] {
  color: #90EE90;
}
.text-green[data-v-d3ec3e32] {
  color: #32CD32;
}
.text-green-deep[data-v-d3ec3e32] {
  color: #008B00;
}
.text-cyan-light[data-v-d3ec3e32] {
  color: #BBFFFF;
}
.text-cyan[data-v-d3ec3e32] {
  color: #00F5FF;
}
.text-cyan1[data-v-d3ec3e32] {
  color: #00FFFF;
}
.text-cyan-deep[data-v-d3ec3e32] {
  color: #00C5CD;
}
.text-orange-light[data-v-d3ec3e32] {
  color: #FFDEAD;
}
.text-orange[data-v-d3ec3e32] {
  color: #FF8C00;
}
.text-orange-deep[data-v-d3ec3e32] {
  color: #FF4500;
}
.text-purple-light[data-v-d3ec3e32] {
  color: #AB82FF;
}
.text-purple[data-v-d3ec3e32] {
  color: #A020F0;
}
.text-purple-deep[data-v-d3ec3e32] {
  color: #551A8B;
}
/* 字体粗细 font-weight */
.font-bold[data-v-d3ec3e32] {
  font-weight: bold;
}
.font-200[data-v-d3ec3e32] {
  font-weight: 200;
}
.font-400[data-v-d3ec3e32] {
  font-weight: 400;
}
.font-600[data-v-d3ec3e32] {
  font-weight: 600;
}
.font-lighter[data-v-d3ec3e32] {
  font-weight: lighter;
}
/* 字体大小 font-size */
.font-xxs[data-v-d3ec3e32] {
  font-size: 10px;
}
.font-xs[data-v-d3ec3e32] {
  font-size: 12px;
}
.font-s[data-v-d3ec3e32] {
  font-size: 14px;
}
.font-size[data-v-d3ec3e32] {
  font-size: 18px;
}
.font-m[data-v-d3ec3e32] {
  font-size: 20px;
}
.font-l[data-v-d3ec3e32] {
  font-size: 22px;
}
.font-xl[data-v-d3ec3e32] {
  font-size: 26px;
}
.font-xxl[data-v-d3ec3e32] {
  font-size: 30px;
}
.font-32[data-v-d3ec3e32] {
  font-size: 32px;
}
.font-34[data-v-d3ec3e32] {
  font-size: 34px;
}
.font-36[data-v-d3ec3e32] {
  font-size: 36px;
}
.font-38[data-v-d3ec3e32] {
  font-size: 38px;
}
.font-40[data-v-d3ec3e32] {
  font-size: 40px;
}
.font-42[data-v-d3ec3e32] {
  font-size: 42px;
}
/* -------- background 背景颜色 -------- */
.bg-white[data-v-d3ec3e32] {
  background-color: white;
}
.bg-WhiteSmoke[data-v-d3ec3e32] {
  background-color: #F5F5F5;
}
.bg-black[data-v-d3ec3e32] {
  background-color: black;
}
.bg-gray-light[data-v-d3ec3e32] {
  background-color: #f3f3f3;
}
.bg-gray[data-v-d3ec3e32] {
  background-color: #a5a5a5;
}
.bg-gray-deep[data-v-d3ec3e32] {
  background-color: #4F4F4F;
}
/* -------- background 背景图片大小 -------- */
.bg-img-full[data-v-d3ec3e32] {
  background-size: 100% 100%;
}
.bg-img-cover[data-v-d3ec3e32] {
  background-size: cover;
}
.vertical-middle[data-v-d3ec3e32] {
  vertical-align: middle;
}
/* -------- box 盒子 -------- */
.box-cover[data-v-d3ec3e32] {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.box-cover-white[data-v-d3ec3e32] {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
.box-lucency[data-v-d3ec3e32] {
  background-color: rgba(0, 0, 0, 0.5);
}
.box-lucency-white[data-v-d3ec3e32] {
  background-color: rgba(255, 255, 255, 0.5);
}
.box-dashed[data-v-d3ec3e32] {
  border: 1px dashed lightgray;
}
.box-solid[data-v-d3ec3e32] {
  border: 1px solid lightgray;
}
.block[data-v-d3ec3e32] {
  display: block;
}
.over-hid[data-v-d3ec3e32] {
  overflow: hidden;
}
.box-r-xxs[data-v-d3ec3e32] {
  border-radius: 4px;
}
.box-r-xs[data-v-d3ec3e32] {
  border-radius: 6px;
}
.box-r-s[data-v-d3ec3e32] {
  border-radius: 8px;
}
.box-radius[data-v-d3ec3e32] {
  border-radius: 10px;
}
.box-r-m[data-v-d3ec3e32] {
  border-radius: 12px;
}
.box-r-l[data-v-d3ec3e32] {
  border-radius: 14px;
}
.box-r-xl[data-v-d3ec3e32] {
  border-radius: 16px;
}
.box-r-xxl[data-v-d3ec3e32] {
  border-radius: 18px;
}
.box-circle[data-v-d3ec3e32] {
  border-radius: 50%;
}
/* -------- box 盒子大小 -------- */
.box-size-xxs[data-v-d3ec3e32] {
  width: 20px;
  height: 20px;
}
.box-size-xs[data-v-d3ec3e32] {
  width: 40px;
  height: 40px;
}
.box-size-s[data-v-d3ec3e32] {
  width: 60px;
  height: 60px;
}
.box-size-m[data-v-d3ec3e32] {
  width: 80px;
  height: 80px;
}
.box-size-l[data-v-d3ec3e32] {
  width: 100px;
  height: 100px;
}
.box-size-xl[data-v-d3ec3e32] {
  width: 120px;
  height: 120px;
}
.box-size-xxl[data-v-d3ec3e32] {
  width: 140px;
  height: 140px;
}
/* -------- float 浮动 -------- */
.float-l[data-v-d3ec3e32] {
  float: left;
}
.float-r[data-v-d3ec3e32] {
  float: right;
}
/* -------- 文字不换行 -------- */
.text-nowrap[data-v-d3ec3e32] {
  white-space: nowrap;
}
/* -------- 多余文字省略 -------- */
.one-line-hid[data-v-d3ec3e32] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.two-line-hid[data-v-d3ec3e32] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.three-line-hid[data-v-d3ec3e32] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.four-line-hid[data-v-d3ec3e32] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
/* -------- 动画效果 -------- */
.trans-short[data-v-d3ec3e32] {
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.trans-one-half[data-v-d3ec3e32] {
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}
.trans-one[data-v-d3ec3e32] {
  transition: all 1s linear;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition: all 1s linear;
  -o-transition: all 1s linear;
}
.trans-two[data-v-d3ec3e32] {
  transition: all 2s linear;
  -webkit-transition: all 2s linear;
  -moz-transition: all 2s linear;
  -ms-transition: all 2s linear;
  -o-transition: all 2s linear;
}
/* -------- 定位 -------- */
.absolute[data-v-d3ec3e32] {
  position: absolute;
}
.relative[data-v-d3ec3e32] {
  position: relative;
}
.fixed[data-v-d3ec3e32] {
  position: fixed;
}
/* -------- 图片大小 -------- */
.img-10[data-v-d3ec3e32] {
  width: 10px;
  height: 10px;
}
.img-20[data-v-d3ec3e32] {
  width: 20px;
  height: 20px;
}
.img-30[data-v-d3ec3e32] {
  width: 30px;
  height: 30px;
}
.img-40[data-v-d3ec3e32] {
  width: 40px;
  height: 40px;
}
.img-50[data-v-d3ec3e32] {
  width: 50px;
  height: 50px;
}
.img-60[data-v-d3ec3e32] {
  width: 60px;
  height: 60px;
}
.img-70[data-v-d3ec3e32] {
  width: 70px;
  height: 70px;
}
.img-80[data-v-d3ec3e32] {
  width: 80px;
  height: 80px;
}
.img-90[data-v-d3ec3e32] {
  width: 90px;
  height: 90px;
}
.img-100[data-v-d3ec3e32] {
  width: 100px;
  height: 100px;
}
.img-110[data-v-d3ec3e32] {
  width: 110px;
  height: 110px;
}
.img-120[data-v-d3ec3e32] {
  width: 120px;
  height: 120px;
}
.img-130[data-v-d3ec3e32] {
  width: 130px;
  height: 130px;
}
.img-140[data-v-d3ec3e32] {
  width: 140px;
  height: 140px;
}
.img-150[data-v-d3ec3e32] {
  width: 150px;
  height: 150px;
}
.cursor_[data-v-d3ec3e32]:hover {
  cursor: pointer;
}


body[data-v-d3ec3e32] {
  overflow-x: hidden;
}
.el-button[data-v-d3ec3e32]:focus, .el-button[data-v-d3ec3e32]:hover {
  color: #01c2c3;
  border-color: rgba(1,195,195,0.30196);
  background-color: rgba(1,195,195,0.04706);
}
.el-input[data-v-d3ec3e32] {
  width: 220px;
}
.el-icon-circle-close[data-v-d3ec3e32] {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
  font-size: 20px;
  color: #01c2c3;
  cursor: pointer;
}
[data-v-d3ec3e32] .el-upload--picture-card:hover {
  border-color: #01c2c3;
  color: #01c2c3;
}
.el-button--primary[data-v-d3ec3e32] {
  background-color: #01c2c3;
  border: 1px solid #01c2c3;
}
.loading-indicator[data-v-d3ec3e32] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  /* 根据您的需要设置高度 */
  background-color: #f7f7f7;
  /* 背景颜色 */
}
.loader[data-v-d3ec3e32] {
  position: relative;
  width: 40px;
  height: 40px;
}
.loader[data-v-d3ec3e32]::before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  border: 8px solid #3498db;
  /* 边框颜色 */
  border-top: 8px solid transparent;
  /* 透明边框，创建圆形 */
  border-radius: 50%;
  animation: spin-d3ec3e32 1s linear infinite;
  /* 旋转动画 */
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  /* 渐变背景色，尾部渐变为透明 */
}
@keyframes spin-d3ec3e32 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.delayImg[data-v-d3ec3e32] {
  height: 100px;
  width: 145px;
}
.body[data-v-d3ec3e32] {
  background-color: #f7f7f7;
}


.white1[data-v-d3ec3e32] {
  background-color: rgb(255, 255, 255);
  z-index: -1;
}
.index1[data-v-d3ec3e32] {
  z-index: 555;
}
.index[data-v-d3ec3e32] {
  z-index: -1;
}
.outsection[data-v-d3ec3e32] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.Thecarousel[data-v-d3ec3e32] {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  width: 1435px;
}
.el-carousel__item h3[data-v-d3ec3e32] {
  color: #475669;
  font-size: 18px;
  opacity: 0.75;
  line-height: 300px;
  margin: 0;
}
.el-carousel__item[data-v-d3ec3e32]:nth-child(2n) {
  background-color: #99a9bf;
}
.el-carousel__item[data-v-d3ec3e32]:nth-child(2n + 1) {
  background-color: #d3dce6;
}
body>.el-container[data-v-d3ec3e32] {
  margin-bottom: 40px;
}
.el-container:nth-child(5) .el-aside[data-v-d3ec3e32],
.el-container:nth-child(6) .el-aside[data-v-d3ec3e32] {
  line-height: 260px;
}
.el-container:nth-child(7) .el-aside[data-v-d3ec3e32] {
  line-height: 320px;
}
.el-col[data-v-d3ec3e32] {
  margin-top: 8px;
  border-radius: 4px;
}
.bg-purple-dark[data-v-d3ec3e32] {
  background: #99a9bf;
}
.bg-purple[data-v-d3ec3e32] {
  background: #d3dce6;
}
.bg-purple-light[data-v-d3ec3e32] {
  background: #e5e9f2;
}
.grid-content[data-v-d3ec3e32] {
  border-radius: 4px;
  min-height: 36px;
}
.row-bg[data-v-d3ec3e32] {
  padding: 10px 0;
  background-color: #f9fafc;
}


.py-7[data-v-d3ec3e32] {
  padding-top: 3px;
}
.tip-radius[data-v-d3ec3e32] {
  margin-left: 30px;
  position: relative;
  margin-top: 8px;
}
.nologin[data-v-d3ec3e32] {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.nologintext[data-v-d3ec3e32] {
  display: flex;
}
.PutContent[data-v-d3ec3e32] {
  display: flex;
  margin-right: 12px;
  margin-left: 86px;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.PutContentBut[data-v-d3ec3e32] {
  margin-top: 10px;
  display: flex;
}
.circle-desc[data-v-d3ec3e32] {
  display: flex;
}
.reply[data-v-d3ec3e32] {
  margin: 15px 0 10px 34px;
}
.commentBox[data-v-d3ec3e32] {
  margin: 10px;
}
.commentBox[data-v-d3ec3e32] {
  border: 1px solid rgb(235, 235, 235);
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.css-we6n55[data-v-d3ec3e32] {
  border-bottom: 1px solid rgb(235, 235, 235);
  box-sizing: border-box;
  margin-top: 0px;
  min-width: 0px;
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  padding-left: 20px;
  padding-right: 20px;
  height: 50px;
  align-items: center;
  justify-content: space-between;
  display: flex;
}
.css-vpssrj[data-v-d3ec3e32] {
  box-sizing: border-box;
  margin-top: 0px;
  min-width: 0px;
  font-size: 15px;
  color: rgb(68, 68, 68);
  font-weight: 600;
}
.topic-footer-left[data-v-d3ec3e32] {
  margin-left: 30px;
}
.topic-footer[data-v-d3ec3e32] {
  padding: 15px 20px 0px;
}
.reply-box[data-v-d3ec3e32] {
  margin-top: 10px;
  margin-left: 68px;
  margin-right: 10px;
}
.replyBut[data-v-d3ec3e32] {
  margin-left: auto;
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
}
.commentCons[data-v-d3ec3e32] {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.reply-box-root[data-v-d3ec3e32] {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin-left: 50px;
  margin-top: 8px;
}
.form-group-button[data-v-d3ec3e32] {
  display: flex;
  justify-content: flex-end;
  margin: 10px;
}
.postFormDiv[data-v-d3ec3e32] {
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  margin-top: 10px;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: flex-start;
}
.avatar[data-v-d3ec3e32] {
  margin-left: 5px;
  margin-right: 7px;
}
.PlanetListItems[data-v-d3ec3e32] {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.PlanetListItems[data-v-d3ec3e32]:hover {
  cursor: pointer;
  color:#01c2c3
}
.PlanetListItem-img[data-v-d3ec3e32] {
  margin-top: 5px;
  padding: 4px;
}
.PlanetListItem[data-v-d3ec3e32]:hover {
  box-shadow: 0px 0px 2px #ccc;

  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  background-color: #f5f6f7;
  border-radius: 4px;
}
.planetTitletext[data-v-d3ec3e32] {
  font-size: 15px;
  font-weight: 600;
  margin-left: 5px;
}
.PlanetListCare[data-v-d3ec3e32] {
  overflow: auto;
  margin-top: 5px;
  max-height: 400px;
}
.b2-widget-circle-info .user-w-announcement[data-v-d3ec3e32] {
  padding: 0 0px;
}
.planet-aside-li-ad[data-v-d3ec3e32] {
  margin-left: 10px;
  margin-left: 20px;
  padding: 8px;
  font-size: 13px;

  font-style: inherit;
  font-weight: inherit;
  color: inherit;
}

.active {
  color: #01c2c3;
}
.chat-dot-round {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #909399;
}
.chat-dot-round .like {
  display: flex;
  align-items: center;
  margin-left: 8px;
  cursor: pointer;
}
.chat-dot-round .like.active, .chat-dot-round .like:hover {
  color: #01c2c3;
}
.chat-dot-round .like .iconfont {
  font-size: 14px;
  margin-right: 5px;
}
.chat-dot-round .comment-reply {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.chat-dot-round .comment-reply:hover {
  color: #333;
}
.chat-dot-round .comment-reply .iconfont {
  font-size: 16px;
  margin-right: 5px;
}
.active {
  color: #3E9EFF;
}

.myVEmojiPicker[data-v-d3ec3e32] .category {
  background: none;
}
.myVEmojiPicker[data-v-d3ec3e32] .border {
  border: 0px solid hsla(210, 8%, 51%, 0.09) !important;
}
.myVEmojiPicker[data-v-d3ec3e32] .myVEmojiPicker[data-v-3bfe90b7] {
  border: 0px solid hsla(210, 8%, 51%, 0.09) !important;
}
.myVEmojiPicker[data-v-d3ec3e32] .border {
  border: 0px solid hsla(210, 8%, 51%, 0.09) !important;
}
.myVEmojiPicker[data-v-d3ec3e32] .category.active[data-v-6d975e7c] {
  border-bottom: 3px solid #01c2c3;
}

/* .myVEmojiPicker     :deep .grid-emojis[data-v-5c988bee] {
  background: #ffffff;
}
.myVEmojiPicker     :deep .emoji-picker[data-v-f1d527bc] {
  --ep-color-bg: #ffffff;
  --ep-color-sbg: none;
} */

/* .myVEmojiPicker {
  position: fixed;
  display: flex;
  flex-direction: column;
  right: 390px;
  bottom: 20px;
  z-index: 10;
} */
.myVEmojiPicker[data-v-d3ec3e32] .emoji-picker[data-v-f1d527bc] {
  background-color: #FFFFFF;
  border-radius: 0px;
}
.myVEmojiPicker[data-v-d3ec3e32] .emoji-picker[data-v-f1d527bc] {
  --ep-color-border: #FFFFFF;
  --ep-color-bg: #FFFFFF;
}
.leftMenu[data-v-d3ec3e32] {
  display: flex;
}
.nav-links[data-v-d3ec3e32] {
  margin-left: 8px;
  font-weight: 900;
  ;
  font-size: 19px;
}
.p-0[data-v-d3ec3e32] {

  display: flex;
  padding: 0 !important;
  align-content: center;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: center;
}
@media screen and (max-width:991px) {
.el-aside[data-v-d3ec3e32] {
    display: none;
}
}
.tools[data-v-d3ec3e32] {
  display: flex;
  align-items: center;
  padding: 9px;
}
.circle[data-v-d3ec3e32] {
  padding: 0 4px;
}

/* .box {
 display: inline-block;
 align-items: center;
 width: 10px;
 height: 10px;
 padding: 1px;
 border-radius: 50%;
} */
.red[data-v-d3ec3e32] {
  background-color: #ff605c;
}
.yellow[data-v-d3ec3e32] {
  background-color: #ffbd44;
}
.green[data-v-d3ec3e32] {
  background-color: #00ca4e;
}
.box1[data-v-d3ec3e32] {
  display: inline-block;
  align-items: center;
  width: 10px;
  height: 10px;
  padding: 1px;
  border-radius: 50%;
}
button[data-v-d3ec3e32]:hover {
  animation: var(--timing) linear dance6123-d3ec3e32 infinite;
  transform: scale(1.1) translateY(-1px);
}
.top-card[data-v-d3ec3e32] {
  display: flex;
  justify-content: center;
  align-items: center;
  --width: 150px;
  --timing: 8s;
  border: 0;
  width: 80px;
  height: 40px;
  padding-top: 1em;
  padding-bottom: 1em;
  color: #fff;
  font-weight: bold;
  font-size: 1em;
  background: rgb(64, 192, 87);
  transition: all 0.2s;
  border-radius: 8px;
  background-image: linear-gradient(to right, rgb(250, 82, 82), rgb(250, 82, 82) 16.65%, rgb(190, 75, 219) 16.65%, rgb(190, 75, 219) 33.3%, rgb(76, 110, 245) 33.3%, rgb(76, 110, 245) 49.95%, rgb(64, 192, 87) 49.95%, rgb(64, 192, 87) 66.6%, rgb(250, 176, 5) 66.6%, rgb(250, 176, 5) 83.25%, rgb(253, 126, 20) 83.25%, rgb(253, 126, 20) 100%, rgb(250, 82, 82) 100%);
  animation: 8s linear dance6123-d3ec3e32 infinite;
  animation: var(--timing) linear dance6123-d3ec3e32 infinite;
}
@keyframes dance6123-d3ec3e32 {
to {
    background-position: var(--width);
}
}

/* element ui 推荐圈子 */
.el-menu[data-v-d3ec3e32] {
  border-right: 0;
}
.el-menu-item.is-active[data-v-d3ec3e32] {
  color: #01C2C3;
}

/* 父级菜单 */
[data-v-d3ec3e32] .el-submenu__title:hover {
  background-color: rgba(171,228,228,0.32157) !important;
}

/* 子菜单 */
.el-menu-item[data-v-d3ec3e32]:focus, .el-menu-item[data-v-d3ec3e32]:hover {
  background-color: rgba(182,243,243,0.26667);
}

/*红v  蓝v*/
.img-20_[data-v-d3ec3e32] {
  width: 14px;
  height: 14px;
  left: 28px;
  top: 24px;
}