@charset "UTF-8";
/*渐变(从上到下）*/
/* 行高 */
/* 定义滚动条样式 圆角和阴影不需要则传入null */
/* css3动画 默认3s宽度到200px */
html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

input,
button,
select,
textarea {
  outline: none;
}

/* page change */
.back-enter-active,
.back-leave-active,
.forward-enter-active,
.forward-leave-active {
  will-change: transform;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  position: absolute;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
}

.back-enter {
  opacity: 0.75;
  -webkit-transform: translate3d(-50%, 0, 0) !important;
          transform: translate3d(-50%, 0, 0) !important;
}

.back-enter-active {
  z-index: -1 !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.back-leave-active {
  -webkit-transform: translate3d(100%, 0, 0) !important;
          transform: translate3d(100%, 0, 0) !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.forward-enter {
  -webkit-transform: translate3d(100%, 0, 0) !important;
          transform: translate3d(100%, 0, 0) !important;
}

.forward-enter-active {
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.forward-leave-active {
  z-index: -1;
  opacity: 0.65;
  -webkit-transform: translate3d(-50%, 0, 0) !important;
          transform: translate3d(-50%, 0, 0) !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.share-container {
  padding: 0.26667rem;
  background: #fff;
  box-sizing: border-box;
  padding-bottom: 2.66667rem;
}

.detail-content {
  font-weight: 400;
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.64rem;
  margin-top: 0.26667rem;
}

.comment-box {
  padding: 0 0.26667rem;
  background-color: #F7F7F7;
  border-radius: 0.26667rem;
  margin-top: 0.26667rem;
}
.comment-box .comment-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.comment-box .comment-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  border-bottom: 0.02667rem solid #EDEDED;
  padding-bottom: 0.16rem;
  padding-top: 0.26667rem;
}
.comment-box .comment-list li:last-child {
  border: none;
}
.comment-box .comment-list li .comment-l {
  margin-right: 0.16rem;
}
.comment-box .comment-list li .comment-r .name {
  height: 0.74667rem;
  line-height: 0.74667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.comment-box .comment-list li .comment-r .name p {
  font-weight: 400;
  font-size: 0.37333rem;
  color: #8D8D8D;
  line-height: 0.64rem;
  margin-right: 0.26667rem;
  max-width: 3.46667rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment-box .comment-list li .comment-r .name span {
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.64rem;
  max-width: 3.46667rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment-box .comment-list li .comment-r .content {
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.53333rem;
}
.comment-box .comment-list li .comment-r .time {
  font-size: 0.34667rem;
  color: #9B9FA0;
  line-height: 0.64rem;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
  touch-action: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* custom */
a {
  color: #7e8c8d;
  -webkit-backface-visibility: hidden;
  text-decoration: none;
}

i,
em {
  font-style: normal;
}

li {
  list-style: none;
}

body {
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@charset "UTF-8";
/*渐变(从上到下）*/
/* 行高 */
/* 定义滚动条样式 圆角和阴影不需要则传入null */
/* css3动画 默认3s宽度到200px */
html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.clearfix:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
input,
button,
select,
textarea {
  outline: none;
}

/* page change */
.back-enter-active,
.back-leave-active,
.forward-enter-active,
.forward-leave-active {
  will-change: transform;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  position: absolute;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
}
.back-enter {
  opacity: 0.75;
  -webkit-transform: translate3d(-50%, 0, 0) !important;
          transform: translate3d(-50%, 0, 0) !important;
}
.back-enter-active {
  z-index: -1 !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
.back-leave-active {
  -webkit-transform: translate3d(100%, 0, 0) !important;
          transform: translate3d(100%, 0, 0) !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
.forward-enter {
  -webkit-transform: translate3d(100%, 0, 0) !important;
          transform: translate3d(100%, 0, 0) !important;
}
.forward-enter-active {
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
.forward-leave-active {
  z-index: -1;
  opacity: 0.65;
  -webkit-transform: translate3d(-50%, 0, 0) !important;
          transform: translate3d(-50%, 0, 0) !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
.share-container {
  padding: 0.26667rem;
  background: #fff;
  box-sizing: border-box;
  padding-bottom: 2.66667rem;
}
.detail-content {
  font-weight: 400;
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.64rem;
  margin-top: 0.26667rem;
}
.comment-box {
  padding: 0 0.26667rem;
  background-color: #F7F7F7;
  border-radius: 0.26667rem;
  margin-top: 0.26667rem;
}
.comment-box .comment-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.comment-box .comment-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  border-bottom: 0.02667rem solid #EDEDED;
  padding-bottom: 0.16rem;
  padding-top: 0.26667rem;
}
.comment-box .comment-list li:last-child {
  border: none;
}
.comment-box .comment-list li .comment-l {
  margin-right: 0.16rem;
}
.comment-box .comment-list li .comment-r .name {
  height: 0.74667rem;
  line-height: 0.74667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.comment-box .comment-list li .comment-r .name p {
  font-weight: 400;
  font-size: 0.37333rem;
  color: #8D8D8D;
  line-height: 0.64rem;
  margin-right: 0.26667rem;
  max-width: 3.46667rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment-box .comment-list li .comment-r .name span {
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.64rem;
  max-width: 3.46667rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment-box .comment-list li .comment-r .content {
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.53333rem;
}
.comment-box .comment-list li .comment-r .time {
  font-size: 0.34667rem;
  color: #9B9FA0;
  line-height: 0.64rem;
}
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  width: 100%;
  height: 100%;
  position: relative;
}
.container {
  background: #fff;
}
.router {
  width: 100%;
  padding-top: 1.22667rem;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  top: 0;
  right: 0;
  bottom: 1.33333rem;
  left: 0;
}
.router.notop {
  padding-top: 0;
}
.router.nobottom {
  bottom: 0;
}
@charset "UTF-8";
/*渐变(从上到下）*/
/* 行高 */
/* 定义滚动条样式 圆角和阴影不需要则传入null */
/* css3动画 默认3s宽度到200px */
html[data-v-9f74421e],
body[data-v-9f74421e] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.clearfix[data-v-9f74421e]:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
input[data-v-9f74421e],
button[data-v-9f74421e],
select[data-v-9f74421e],
textarea[data-v-9f74421e] {
  outline: none;
}

/* page change */
.back-enter-active[data-v-9f74421e],
.back-leave-active[data-v-9f74421e],
.forward-enter-active[data-v-9f74421e],
.forward-leave-active[data-v-9f74421e] {
  will-change: transform;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  position: absolute;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
}
.back-enter[data-v-9f74421e] {
  opacity: 0.75;
  -webkit-transform: translate3d(-50%, 0, 0) !important;
          transform: translate3d(-50%, 0, 0) !important;
}
.back-enter-active[data-v-9f74421e] {
  z-index: -1 !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
.back-leave-active[data-v-9f74421e] {
  -webkit-transform: translate3d(100%, 0, 0) !important;
          transform: translate3d(100%, 0, 0) !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
.forward-enter[data-v-9f74421e] {
  -webkit-transform: translate3d(100%, 0, 0) !important;
          transform: translate3d(100%, 0, 0) !important;
}
.forward-enter-active[data-v-9f74421e] {
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
.forward-leave-active[data-v-9f74421e] {
  z-index: -1;
  opacity: 0.65;
  -webkit-transform: translate3d(-50%, 0, 0) !important;
          transform: translate3d(-50%, 0, 0) !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
.share-container[data-v-9f74421e] {
  padding: 0.26667rem;
  background: #fff;
  box-sizing: border-box;
  padding-bottom: 2.66667rem;
}
.detail-content[data-v-9f74421e] {
  font-weight: 400;
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.64rem;
  margin-top: 0.26667rem;
}
.comment-box[data-v-9f74421e] {
  padding: 0 0.26667rem;
  background-color: #F7F7F7;
  border-radius: 0.26667rem;
  margin-top: 0.26667rem;
}
.comment-box .comment-list[data-v-9f74421e] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.comment-box .comment-list li[data-v-9f74421e] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  border-bottom: 0.02667rem solid #EDEDED;
  padding-bottom: 0.16rem;
  padding-top: 0.26667rem;
}
.comment-box .comment-list li[data-v-9f74421e]:last-child {
  border: none;
}
.comment-box .comment-list li .comment-l[data-v-9f74421e] {
  margin-right: 0.16rem;
}
.comment-box .comment-list li .comment-r .name[data-v-9f74421e] {
  height: 0.74667rem;
  line-height: 0.74667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.comment-box .comment-list li .comment-r .name p[data-v-9f74421e] {
  font-weight: 400;
  font-size: 0.37333rem;
  color: #8D8D8D;
  line-height: 0.64rem;
  margin-right: 0.26667rem;
  max-width: 3.46667rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment-box .comment-list li .comment-r .name span[data-v-9f74421e] {
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.64rem;
  max-width: 3.46667rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment-box .comment-list li .comment-r .content[data-v-9f74421e] {
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.53333rem;
}
.comment-box .comment-list li .comment-r .time[data-v-9f74421e] {
  font-size: 0.34667rem;
  color: #9B9FA0;
  line-height: 0.64rem;
}
.uni-mask[data-v-9f74421e] {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.uni-mask .uni-modal[data-v-9f74421e] {
  position: fixed;
  z-index: 1000;
  width: 80%;
  max-width: 8rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #ffffff;
  text-align: center;
  border-radius: 0.08rem;
  overflow: hidden;
}
.uni-mask .uni-modal .uni-modal__hd[data-v-9f74421e] {
  padding: 0.42667rem 0.42667rem 0.21333rem;
}
.uni-mask .uni-modal .uni-modal__hd .uni-modal__title[data-v-9f74421e] {
  color: #333333;
  font-weight: bold;
  font-size: 0.42667rem;
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.uni-mask .uni-modal .uni-modal__bd[data-v-9f74421e] {
  padding: 1.3em 1.6em 1.3em;
  min-height: 1.06667rem;
  font-size: 0.4rem;
  line-height: 1.4;
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
  color: #999999;
  max-height: 10.66667rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.uni-mask .uni-modal .uni-modal__ft[data-v-9f74421e] {
  position: relative;
  line-height: 1.28rem;
  font-size: 0.48rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.uni-mask .uni-modal .uni-modal__ft[data-v-9f74421e]::after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 0.02667rem;
  border-top: 0.02667rem solid #d5d5d6;
  color: #d5d5d6;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.uni-mask .uni-modal .uni-modal__ft .uni-modal__btn[data-v-9f74421e] {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  color: #3cc51f;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  cursor: pointer;
  font-size: 0.42667rem;
}
.uni-mask .uni-modal .uni-modal__ft .uni-modal__btn[data-v-9f74421e]::after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.02667rem;
  bottom: 0;
  border-left: 0.02667rem solid #d5d5d6;
  color: #d5d5d6;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
}
.uni-mask .dialog-box[data-v-9f74421e] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 8.8rem;
  height: 9.06667rem;
  background-color: #fff;
  border-radius: 0.32rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.uni-mask .dialog-box .dialog-box__hd[data-v-9f74421e] {
  height: 1.49333rem;
  line-height: 1.49333rem;
  text-align: center;
  font-size: 0.42667rem;
  font-weight: bold;
  color: #333333;
}
.uni-mask .dialog-box .dialog-box__bd[data-v-9f74421e] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  padding: 0 0.42667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.uni-mask .dialog-box .dialog-box__bd .dialog-box_bd__item[data-v-9f74421e] {
  height: 1.01333rem;
  line-height: 1.01333rem;
  border: 0.02667rem solid #dcdfe6;
  border-radius: 0.16rem;
  padding: 0 0.32rem;
  margin-top: 0.42667rem;
  position: relative;
}
.uni-mask .dialog-box .dialog-box__bd .dialog-box_bd__item input[data-v-9f74421e] {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  font-size: 0.42667rem;
  color: #333333;
  background-color: transparent;
  font-size: 0.37333rem;
}
.uni-mask .dialog-box .dialog-box__bd .dialog-box_bd__item .code-btn[data-v-9f74421e] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 3.2rem;
  background-color: #3cc51f;
  color: #fff;
  border-radius: 0.16rem;
  font-size: 0.37333rem;
  outline: none;
  border: none;
  cursor: pointer;
}
.uni-mask .dialog-box .dialog-box__bd .protocol_box[data-v-9f74421e] {
  margin-top: 0.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  font-size: 0.34667rem;
  color: #333333;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  line-height: 0.53333rem;
}
.uni-mask .dialog-box .dialog-box__bd .protocol_box .custom-checkbox[data-v-9f74421e] {
  margin-right: 0.13333rem;
}
.uni-mask .dialog-box .dialog-box__bd .protocol_box > a[data-v-9f74421e] {
  color: #18D04F;
}
.uni-mask .dialog-box .dialog-box__ft[data-v-9f74421e] {
  height: 1.22667rem;
  line-height: 1.22667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  font-size: 0.42667rem;
  color: #333333;
  border-top: 0.02667rem solid #dcdfe6;
}
.uni-mask .dialog-box .dialog-box__ft .dialog-box__ft__item[data-v-9f74421e] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.uni-mask .dialog-box .dialog-box__ft .dialog-box__ft__item[data-v-9f74421e]:first-child {
  border-right: 0.02667rem solid #dcdfe6;
}
.uni-mask .dialog-box .dialog-box__ft .dialog-box__ft__item:nth-child(2) a[data-v-9f74421e] {
  color: #3cc51f;
}
.uni-mask .dialog-box .dialog-box__ft .dialog-box__ft__item a[data-v-9f74421e] {
  display: block;
  text-align: center;
  color: #333333;
  text-decoration: none;
}
.custom-checkbox[data-v-9f74421e] {
  /* 隐藏原生的复选框 */
  -webkit-appearance: none;
  appearance: none;
  /* 自定义样式 */
  width: 0.42667rem;
  height: 0.42667rem;
  line-height: 0.42667rem;
  border: 0.02667rem solid #ccc; /* 边框颜色 */
  border-radius: 0.05333rem;
  outline: none;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

/* 当复选框被选中时 */
.custom-checkbox[data-v-9f74421e]:checked {
  background-color: #3cc51f; /* 背景颜色 */
}

/* 可选：添加勾选标记 */
.custom-checkbox[data-v-9f74421e]:checked::after {
  content: "\2713"; /* 勾选标记 */
  font-size: 0.37333rem;
  color: white; /* 勾选标记颜色 */
  display: block;
  text-align: center;
}
.frame-box[data-v-9f74421e] {
  position: fixed;
  top: 0.26667rem;
  left: 0.26667rem;
  right: 0.26667rem;
  bottom: 0.26667rem;
  z-index: 9999;
  background-color: #fff;
  border-radius: 0.26667rem;
  box-shadow: #ccc 0 0 0.26667rem;
  padding-top: 1.06667rem;
}
.frame-box .close-btn[data-v-9f74421e] {
  position: absolute;
  top: 0.26667rem;
  right: 0.26667rem;
}
.frame-box iframe[data-v-9f74421e] {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0.26667rem;
}
@charset "UTF-8";
/*渐变(从上到下）*/
/* 行高 */
/* 定义滚动条样式 圆角和阴影不需要则传入null */
/* css3动画 默认3s宽度到200px */
html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.clearfix:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
input,
button,
select,
textarea {
  outline: none;
}

/* page change */
.back-enter-active,
.back-leave-active,
.forward-enter-active,
.forward-leave-active {
  will-change: transform;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  position: absolute;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
}
.back-enter {
  opacity: 0.75;
  -webkit-transform: translate3d(-50%, 0, 0) !important;
          transform: translate3d(-50%, 0, 0) !important;
}
.back-enter-active {
  z-index: -1 !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
.back-leave-active {
  -webkit-transform: translate3d(100%, 0, 0) !important;
          transform: translate3d(100%, 0, 0) !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
.forward-enter {
  -webkit-transform: translate3d(100%, 0, 0) !important;
          transform: translate3d(100%, 0, 0) !important;
}
.forward-enter-active {
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
.forward-leave-active {
  z-index: -1;
  opacity: 0.65;
  -webkit-transform: translate3d(-50%, 0, 0) !important;
          transform: translate3d(-50%, 0, 0) !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
.share-container {
  padding: 0.26667rem;
  background: #fff;
  box-sizing: border-box;
  padding-bottom: 2.66667rem;
}
.detail-content {
  font-weight: 400;
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.64rem;
  margin-top: 0.26667rem;
}
.comment-box {
  padding: 0 0.26667rem;
  background-color: #F7F7F7;
  border-radius: 0.26667rem;
  margin-top: 0.26667rem;
}
.comment-box .comment-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.comment-box .comment-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  border-bottom: 0.02667rem solid #EDEDED;
  padding-bottom: 0.16rem;
  padding-top: 0.26667rem;
}
.comment-box .comment-list li:last-child {
  border: none;
}
.comment-box .comment-list li .comment-l {
  margin-right: 0.16rem;
}
.comment-box .comment-list li .comment-r .name {
  height: 0.74667rem;
  line-height: 0.74667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.comment-box .comment-list li .comment-r .name p {
  font-weight: 400;
  font-size: 0.37333rem;
  color: #8D8D8D;
  line-height: 0.64rem;
  margin-right: 0.26667rem;
  max-width: 3.46667rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment-box .comment-list li .comment-r .name span {
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.64rem;
  max-width: 3.46667rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment-box .comment-list li .comment-r .content {
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.53333rem;
}
.comment-box .comment-list li .comment-r .time {
  font-size: 0.34667rem;
  color: #9B9FA0;
  line-height: 0.64rem;
}
.container {
  height: auto;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.container .tig-message {
  position: absolute;
  top: 1.6rem;
  right: 1.33333rem;
  z-index: 99999;
  background-color: #fff;
  padding: 0.13333rem;
  border-radius: 0.26667rem 0 0.26667rem 0.26667rem;
}
.container .tig-message .text {
  font-size: 0.48rem;
  display: block;
  text-align: center;
  padding: 0.10667rem;
}
.container .container-hd {
  margin-top: 0.26667rem;
}
.container .container-hd > span:nth-of-type(1) {
  padding-left: 1.33333rem;
  position: relative;
  display: inline-block;
}
.container .container-hd i {
  position: absolute;
  top: -0.26667rem;
  left: 0;
  padding: 0.26667rem;
}
.container .btn {
  width: 1.70667rem;
  height: 0.8rem;
  font-size: 0.32rem;
  padding: 0;
  background-color: #18D04F;
}
.container .editBtn {
  position: absolute;
  bottom: 0;
  right: 0.48rem;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.container .editBtn .btn {
  margin: 0.26667rem 0;
  display: block;
}
.container .editBtn .btn.share-btn {
  background-color: #FFB817;
}
.container .editBtn .btn.join-btn {
  width: 2.13333rem;
  background-color: #FF6717;
}
.container .editBtn .btn.warn-btn {
  background-color: #EB4747;
}
.container .full-dialog {
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: unset;
          transform: unset;
  border-radius: 0;
}
.container .full-dialog.container {
  position: fixed;
}
.container .full-dialog.container .pagination .van-button {
  width: 1.46667rem;
  height: 0.53333rem;
  font-size: 0.26667rem;
  border-radius: 0.08rem;
  padding: 0;
  vertical-align: middle;
  border: 0.02667rem solid #0EB23D;
  background-color: #18D04F;
}
.container .full-dialog.container .pagination .van-button.no {
  border: 0.02667rem solid #CCCCCC;
  background-color: #EDEDED;
  color: #6C6C6C;
}
.container .full-dialog.container .pagination span {
  font-size: 0.26667rem;
  vertical-align: middle;
}
.container .full-dialog.container .container-bd {
  background-image: url(../../static/img/bg1.7f95c9c3.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100vw;
  height: 100vh;
  padding-top: 1.86667rem;
}
.container .full-dialog.container .container-bd .person-list {
  padding: 0 1.06667rem;
  z-index: 1000;
  position: relative;
}
.container .full-dialog.container .container-bd .person-list .person-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: 0.13333rem 0;
  border: 0.02667rem solid #18D04F;
  background-color: #FFFFFF;
  border-radius: 0.26667rem;
  padding: 0.4rem 0.32rem;
  font-size: 0.32rem;
}
.container .full-dialog.container .container-bd .person-list .person-item img {
  width: 1.33333rem;
  height: 1.33333rem;
  border-radius: 50%;
}
.container .full-dialog.container .container-bd .person-list .person-item .item {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  margin-left: 0.26667rem;
}
.container .full-dialog.container .container-bd .person-list .person-item .item-btn {
  padding: 0;
  background-color: #D4F8D5;
  color: #18D04F;
  border-radius: 0.10667rem;
  border-color: #D4F8D5;
  width: 2.24rem;
  height: 0.64rem;
  -webkit-flex-shrink: 1;
          flex-shrink: 1;
}
.container .full-dialog.container .container-bd .person-list .person-item .item-btn span {
  font-size: 0.32rem;
}
.container .full-dialog.container .container-bd .person-list .person-item .item-btn.no {
  background-color: #CCCCCC;
  border-color: #CCCCCC;
  color: #fff;
}
.container .full-dialog.container .container-bd .person-list .person-item .item-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.container .full-dialog.container .container-bd .person-list .person-item .item-flex > span {
  display: inline-block;
  width: 70%;
  white-space: nowrap; /* 保证文本在一行内显示 */
  overflow: hidden; /* 超出容器部分隐藏 */
  text-overflow: ellipsis; /* 使用省略符号表示文本被截断 */
}
.container .full-dialog.container .container-bd .person-list .person-item .item div:nth-of-type(1) {
  font-size: 0.42667rem;
  line-height: 0.8rem;
}
.container .full-dialog.container .container-bd .person-list .person-item .item div:nth-of-type(2) {
  line-height: 0.53333rem;
}
.container .full-dialog .chat-list {
  background-color: #F7F7F7;
  padding: 0.34667rem;
  margin: 2.13333rem 0.48rem 0;
  border-radius: 0.21333rem;
  height: 70vh;
  overflow: auto;
}
.container .full-dialog .chat-list.isWx {
  margin-top: 2.13333rem;
  height: 75vh;
}
.container .full-dialog .chat-list .chat-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: 0.13333rem 0;
}
.container .full-dialog .chat-list .chat-item.is-my {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse;
  text-align: right;
}
.container .full-dialog .chat-list .chat-item.is-my img {
  margin-left: 0.13333rem;
  margin-right: 0;
}
.container .full-dialog .chat-list .chat-item img {
  width: 1.01333rem;
  height: 1.01333rem;
  border-radius: 50%;
  margin-right: 0.13333rem;
}
.container .full-dialog .chat-list .chat-item .item {
  word-wrap: break-word;
  word-break: break-all;
  background-color: #fff;
  padding: 0.21333rem;
  border-radius: 0.10667rem;
  margin-top: 0.13333rem;
  max-width: 40vw;
  text-align: left;
}
.container .full-dialog .chat-list .chat-item .item img {
  width: 100%;
  height: auto;
  border-radius: unset;
}
.container .full-dialog .chat-input {
  background-color: #F7F7F7;
  margin: 0.21333rem 0.48rem;
  width: calc(100vw - 0.96rem);
  border-radius: 0.21333rem;
}
.container .full-dialog .chat-input .van-button {
  background-color: #18D04F;
  width: 1.70667rem;
  height: 0.8rem;
}
.container .add-dialog {
  background: -webkit-linear-gradient(top, #EBFFF1 0%, #FFFFFF 100%);
  background: linear-gradient(180deg, #EBFFF1 0%, #FFFFFF 100%);
  padding: 0.53333rem;
  width: 8.64rem;
  box-sizing: border-box;
  overflow: visible;
}
.container .add-dialog .van-picker__confirm {
  color: #18D04F;
}
.container .add-dialog .van-dialog__header {
  padding: 0;
}
.container .add-dialog .van-hairline--top::after {
  border: unset;
}
.container .add-dialog .van-hairline--left::after {
  border: unset;
}
.container .add-dialog .van-dialog__footer {
  margin-top: 0.58667rem;
  border: unset;
}
.container .add-dialog .van-dialog__footer .van-button {
  width: 3.65333rem;
  height: 0.90667rem;
  border-radius: 0.45333rem;
  font-size: 0.37333rem;
}
.container .add-dialog .van-uploader__preview + .van-uploader__upload {
  display: none;
}
.container .add-dialog .preview-cover.van-ellipsis {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 0.13333rem 0;
}
.container .add-dialog.edit .isJump {
  text-decoration: underline;
  color: #297BFB;
}
.container .add-dialog.edit .van-dialog__footer {
  margin-top: 0;
}
.container .add-dialog.select .list {
  height: 20vh;
  background-color: #fff;
  overflow: auto;
  border-radius: 0.10667rem;
  border: 0.02667rem solid #EDEDED;
  padding: 0.26667rem;
}
.container .add-dialog.select .list .item {
  line-height: 0.74667rem;
  border-bottom: 0.02667rem solid #EDEDED;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.container .add-dialog.select .list .item.checked {
  background-color: #F7F7F7;
  color: #18D04F;
}
.container .add-dialog.select .list .item.choose {
  background-color: #ccc;
}
.container .add-dialog .search {
  padding: 0.26667rem;
}
.container .add-dialog .search .van-search__content {
  border-top-left-radius: 0.53333rem;
  border-bottom-left-radius: 0.53333rem;
}
.container .add-dialog .search .van-search__action {
  background-color: #f7f8fa;
  border-top-right-radius: 0.53333rem;
  border-bottom-right-radius: 0.53333rem;
  color: #8D8D8D;
}
.container .add-dialog .search .van-field__control {
  border-right: 0.02667rem solid #CCCCCC;
}
.container .add-dialog .close {
  position: absolute;
  color: #fff;
  top: 0;
  right: -0.61333rem;
  font-size: 0.61333rem;
  padding: 0.05333rem;
}
.container .add-dialog .title {
  font-size: 0.42667rem;
  font-weight: bold;
}
.container .add-dialog .desc {
  font-size: 0.32rem;
  color: #8D8D8D;
  padding: 0.26667rem 0;
}
.container .add-dialog .name {
  line-height: 1.06667rem;
  font-size: 0.32rem;
  color: #8D8D8D;
}
.container .add-dialog .detail {
  margin: 0.4rem 0 1.46667rem;
  font-size: 0.37333rem;
  line-height: 0.42667rem;
}
.container .add-dialog .input {
  font-size: 0.32rem;
  border-radius: 0.10667rem;
  height: 1.14667rem;
  line-height: 0.96rem;
  padding: 0.05333rem 0.26667rem;
  border: 0.02667rem solid #EDEDED;
  position: relative;
}
.container .add-dialog .van-field__word-limit {
  width: 1.2rem;
  position: absolute;
  top: 0.16rem;
  font-size: 0.32rem;
  right: 0;
}
.container .add-dialog .van-dialog__footer {
  margin-top: 0.58667rem;
}
.container .add-dialog .van-dialog__footer .van-button {
  width: 3.65333rem;
  height: 0.90667rem;
  border-radius: 0.45333rem;
  font-size: 0.37333rem;
}
.container .add-dialog [class*=van-hairline]::after {
  border: unset;
}
.container .add-dialog .van-button.van-dialog__cancel {
  background-color: #EDEDED;
  color: #333333;
  margin-right: 0.13333rem;
}
.container .add-dialog .van-button.van-dialog__confirm {
  background-color: #18D04F;
  color: #FFFFFF;
}
.container .add-dialog .card {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-top: 0.4rem;
}
.container .add-dialog .card > .img {
  width: 2.26667rem;
  height: 2.77333rem;
  margin-right: 0.74667rem;
  border-radius: 0.10667rem;
}
.container .add-dialog .card > .img .van-uploader__wrapper, .container .add-dialog .card > .img .van-uploader__preview-image {
  height: 2.72rem;
  width: 2.18667rem;
}
.container .add-dialog .card > .img .preview-cover {
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.container .add-dialog .card-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
}
.container .add-dialog .card-content div {
  margin-top: 0.37333rem;
}
.container .add-dialog .card-content div:nth-of-type(1) {
  margin-top: 0;
}
.container .add-dialog .card-content span {
  display: inline-block;
  font-size: 0.32rem;
  color: #8D8D8D;
}
.container .add-dialog .card-content span:nth-of-type(1) {
  width: 2.08rem;
  color: #333333;
  font-weight: bold;
}
.container .add-dialog .card-content.isEdit div {
  margin-top: 0.05333rem;
}
.container .add-dialog .card-content.isEdit span {
  vertical-align: middle;
}
.container .add-dialog .card-content.isEdit span:nth-of-type(1) {
  width: 1.6rem;
}
.container .add-dialog .card-content.isEdit .field {
  vertical-align: middle;
  display: inline-block;
  width: 2.66667rem;
  height: 0.74667rem;
  line-height: 0.64rem;
  padding: 0 0.13333rem;
  border: 0.02667rem solid #EDEDED;
  border-radius: 0.10667rem;
}
.container .add-dialog .card-content.isEdit .field-icon {
  width: 0.37333rem;
  position: relative;
  top: -0.05333rem;
}
.container .add-dialog .dialog-btn {
  text-align: right;
  margin-top: 0.58667rem;
}
.container .add-dialog .dialog-btn .btn {
  width: 2.24rem;
  height: 0.8rem;
  border: 0.02667rem solid #18D04F;
  border-radius: 0.48rem;
  background-color: #fff;
  color: #18D04F;
}
.container .add-dialog .dialog-btn.isEdit .btn {
  background-color: #18D04F;
  color: #fff;
}
.container-hd {
  z-index: 999;
  position: absolute;
  top: 1.12rem;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding-right: 0.32rem;
  box-sizing: border-box;
}
.container-hd > span {
  font-weight: bold;
  font-size: 0.53333rem;
  vertical-align: top;
}
.container-hd i {
  margin: 0 0.26667rem;
}
.container-hd img {
  width: 0.8rem;
  vertical-align: top;
}
.container-bd .changeTab {
  position: absolute;
  top: 0.53333rem;
  right: 0.8rem;
  border: 0.02667rem solid #0EB23D;
  background-color: #18D04F;
  color: #fff;
  padding: 0.13333rem;
  border-radius: 0.13333rem;
}
.container-bd #jsmind_container {
  width: 100%;
  height: 100vh;
  background-image: url(../../static/img/bg1.7f95c9c3.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 1000;
}
.container-bd #jsmind_container jmnode {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAACgCAYAAAC8LWpcAAAAAXNSR0IArs4c6QAABL5JREFUeF7tnb1vFFcUxc+1VutqGyojkSoU/g8ik4ZIkeICGihTBLTdamHeVJZQClMEJY33PQp3EWlSIoFAgkiRSGWLClMgUaRIEQlXSJR2c8Ksd6xhtfO12bG9y5nGsvZ93TP33vfub9Yec84RFS6SMLMKLZtpUmf+Om1tlgLUmbgZmY5GrbOOYwG894W31zm3BmAHwK73/tIkA6IoemJmV0heDSE8naWRvV5vpd1uvyO5H0I4P2nsOI4DydskoxDC/aL50xs/jQBvAPQnDU7ynpmtNSkAgPcArucYd4vkNQDNCEByp0oeaFiAQsdK3P9/CRBF0YaZraazmNmjwWDwOAmBkQAfALwqce873vvdWYZAt9s91+l0HpaMeZHkhVSAfr+/2mq1NrJ9vPc3k99zQ8A59wLA5UynzY/54W6VHDBLg6cZazwHOOcSOxJ7jq8015UKQPIXM3sLYM97vzePAowS5/rI+gfJz2kESLeWL83sxyQMQghfT3OHmu6TegCA3wH8mZ2P5IMkf1UWoGCxudtg0waWjZ8RILdpZQFIPjez/Qkj/e29/6lsMafxuXPuewDf5mzRN+p6wDfe+79Ow5Am5kyTXmUPACAB5AEKAeWAzycJAvgtyb4k181sZVGTYGongBuJvUVAZCF3gfEtNivAsEpKr8PDw+fb29uTDkJNbNONj+mcG97xzDWsDSoDkcZXeMIT1CZCJ7y+xqeTACMarhAYLxIa970zMoFCQCFw9ERMOUA5YBQLZY/GzkjumtkylASVBJUEtQtoG9Q5QAchnQR1FNZRWEfhoxORaoGS7wnOrAo5IwOpGFIxpGJIxZCKIRVDKoZUDKkYUjGkYkjFkKpBlcPiAQIiIkJCYkJixX87fEZQ3syWISYoJigmKCYoJigmKCYoJigmKCYoJigmKCYoJigmKCYoJigmKCYoJnh6/y9zZqiz+kCCooKigqKCooKigqKCooKigqKCooKigqKCooKigqKCooKigqKCooKigqLVmer8txQVFhUWFRYVFhUWFRYVFhUWFRYVFhUWFRYVFhUWFRYVFhUWFRYVFhUWFZ5/1lvdAlFhUWFRYVFhUWFRYVFhUWFRYVFhUeHRicjsk/fyHhwc/LFI7x2O4/iHbKVAcvimbb15Os0Bn/27x1Mk5px7AeDyor58PWPn5FpAAsgDFALKAUqCR7tAclD4Zxwzkvw3hPBrdfx4ci3jOF4n+VXOjJvZh8C5UDSzC+StfNd7f+nkzKo+UxzHgeTtoh51tsFPPIDkF2bWBTAPAjwD8HJMiHoeQPLnpaWlt2a2t7W19do5twZgZx4EIBmFEO73er2V5eXl7xIh0rN/HQ9IBdz82OnuPArgnEtyWbKrHV+lAkRRtGFmq2kPM3s0GAweJwKQ3DGzDwBelUTmHe/9bvXoLW/Z7XbPdTqdhyUtL5K8AGDoAf1+f7XVam2MCXAz+b32k6GMAKWrJXk1hPC0tGGNBok7t9vtd2VdyOERfyhAUdupBBjlgDcA+pMGJ3nPzBJPaVKA9wCu5xh3i+S1pgXI3QWiKHpiZleaFIDkfgjh/CQB0m0wTYJNecBiClAltsxO7ysESWxXnb9O2yIkVqbJQnz+HxRmSFs0XjsGAAAAAElFTkSuQmCC);
  background-size: 100%;
  padding: 0.13333rem 0.18667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  word-break: break-all;
  white-space: break-spaces;
  text-overflow: unset;
  text-align: center;
  box-sizing: border-box;
}
.container-bd #jsmind_container jmnode.selected {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAACgCAYAAAC8LWpcAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAPUSURBVHhe7Z1BSJNRAMc1vKQysIIa7LAxBMOQQCj1NA8SgmDnToaXwkPdOtahQ0WXgqBbdfEWGkoJHhwdlARBIoYQwg6DrbRJQlNDMd/X/w39vn36rSbM/f8/ePy/997Htvfb+973tstXf2FxcLeOmFNIXswMCDIL7HmJROIZmjzYcxobGy+gqWLEYrEB+/po8mD7w+FwN5p8sefSz4CyBTQ3N0f2SJQqOOXYKfXepqC7LIqLYO7yu3qnxQd7XhDWe6bDhUIhh2pFMJfAxljHBKqHUt8/35PNZudQLYkdj2cG2GvDlpaWljZ0BWZnZ+c3DivG5ubmDxwGJh6PD7rHg64inhngPqlhYKE3k8kkbXvb3Z/Pk8nkHaezyrCf0c6Arq6u++mX5x84ncA9Tt814MyNr0Om5PP5JTSdOJaXl8fNGOIjq4/Q5MFXQH609bUpodm+rHtWVDvt7e3D5tvfuwSuh0KhaFNTk+9tuSZvg1+eNg2bqW/L5yenh9DlwXcNiN76duDaseRyuU/pdHoK1aoiyEx1j9NXgK3XAmaPsD3ZOWOOAy+CLEgAkhYJQNJSFGBWRbsy1jLucdLPgOI+wOyZnRaQSqXe4PDEY/6hikaj11B1MNt8k4H/D6g17Li1CCJpkQAkLRKApEUCkLRIAJIWCUDSIgFIWiQASYsEIGmRACQtEoCkRQKQtEgAkhYJQNIiAUhaJABJiwQgaZEAJC0SgKRFApC0SACSFglA0iIBSFokAEmLBCBpkQAkLRKApEUCkLRIAJIWCUDSIgFIWiQASYsEIGmRACQtEoCkRQKQtEgAkhYJQNIiAUhaJABJiwQgaZEAJC0SgKRFApC0SACSFglA0iIBSFokAEmLBCBpkQAkLRKApEUCkLRIAJIWCfjrgRcJQNIiAUhaJABJiwQgaZEAJC37nzt802kBqVTKeS5vLWCeOxya7cuieoCiADe19BziSCSS2J7snEH1AFoDkM43zvD0afc4NQOQtEgAkhZ6AcV9gF0Z/fYF+6nWu0U5n92eq0sA6cFsjU2x981q/dZLEbv9/aH9/KbER1Yfo8tDTc6AdDr93vyWWVlZWUSTL74C8qOtr0xB9UQSj8cHzRiWX5y7hyYPRy6CW70fL66trS2Z4yCLjGHt6tTZra2tPKoVIRwOd+9+uDKL6qHU98/3ZLPZOSPg19tL42h2cI/TI+AwggpY75kOFwqFHKoVIRaLDWyMdUygeihWAKol+S8BDQMLvU6DC/uT87gFHPX+5Qj4p0Uwk8kkSxV0Hzul3tsUdJeF7x8iLJBvhOrq/gBRhKh1GoJuGwAAAABJRU5ErkJggg==);
}
.container-bd .bg-top {
  z-index: 1;
  position: absolute;
  bottom: 0;
  right: 0.69333rem;
  width: 100vh;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: 100% 100% 0;
          transform-origin: 100% 100% 0;
}
.container-bd .bg-bottom {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0.69333rem;
  width: 100vh;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
}
.container-bd .shu {
  position: absolute;
  width: 2.66667rem;
  z-index: 100;
  bottom: 1.33333rem;
  left: -0.26667rem;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.container-bd .stick-top {
  position: absolute;
  width: 3vh;
  height: 100vw;
  top: 2.4vh;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
}
.container-bd .stick-bottom {
  position: absolute;
  width: 3vh;
  height: 100vw;
  left: -5.5vw;
  bottom: -0.6vh;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: 100% 100% 0;
          transform-origin: 100% 100% 0;
}
@media screen and (orientation: landscape) {
.container .btn {
    width: 1.17333rem;
    height: 0.56rem;
    font-size: 0.18667rem;
}
.container .editBtn .btn {
    margin: 0.13333rem 0;
}
.container .editBtn .btn.join-btn {
    width: 1.70667rem;
}
.container .container-hd {
    top: 0.66667rem;
}
.container .container-hd > span {
    font-size: 0.37333rem;
}
.container .container-hd > span:nth-of-type(1) {
    padding-left: 1.46667rem;
    position: relative;
    display: inline-block;
}
.container .container-hd i {
    position: absolute;
    top: -0.26667rem;
    left: 0.26667rem;
}
.container .container-hd img {
    width: 0.53333rem;
}
.container .full-dialog.container .pagination .van-button {
    width: 1.12rem;
    height: 0.42667rem;
    font-size: 0.21333rem;
    border-radius: 0.08rem;
    padding: 0;
    vertical-align: middle;
}
.container .full-dialog.container .pagination span {
    font-size: 0.21333rem;
    vertical-align: middle;
}
.container .full-dialog.container .container-bd {
    background-image: url(../../static/img/bg2.e9f98d9e.png);
    padding-top: 1.33333rem;
}
.container .full-dialog.container .container-bd .person-list {
    padding: 0 0.53333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}
.container .full-dialog.container .container-bd .person-list .person-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 46%;
    border: 0.02667rem solid #18D04F;
    background-color: #FFFFFF;
    border-radius: 0.26667rem;
    padding: 0.26667rem 0.16rem;
    margin: 0.08rem 0;
    font-size: 0.21333rem;
}
.container .full-dialog.container .container-bd .person-list .person-item img {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
}
.container .full-dialog.container .container-bd .person-list .person-item .item {
    margin-left: 0.26667rem;
}
.container .full-dialog.container .container-bd .person-list .person-item .item-btn {
    border-radius: 0.10667rem;
    border-color: #D4F8D5;
    width: 1.6rem;
    height: 0.53333rem;
}
.container .full-dialog.container .container-bd .person-list .person-item .item-btn span {
    font-size: 0.26667rem;
}
.container .full-dialog.container .container-bd .person-list .person-item .item div:nth-of-type(1) {
    font-size: 0.32rem;
    line-height: 0.48rem;
}
.container .full-dialog.container .container-bd .person-list .person-item .item div:nth-of-type(2) {
    line-height: 0.42667rem;
}
.container .full-dialog .chat-list {
    background-color: #F7F7F7;
    padding: 0.34667rem;
    margin: 1.06667rem 0.48rem 0;
    border-radius: 0.21333rem;
    height: 50vh;
}
.container .full-dialog .chat-list.isWx {
    margin-top: 1.06667rem;
    height: 55vh;
}
.container .full-dialog .chat-list .chat-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0.08rem 0;
}
.container .full-dialog .chat-list .chat-item.is-my {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
            flex-direction: row-reverse;
    text-align: left;
}
.container .full-dialog .chat-list .chat-item.is-my img {
    margin-left: 0.08rem;
    margin-right: 0;
}
.container .full-dialog .chat-list .chat-item img {
    width: 0.64rem;
    height: 0.64rem;
    border-radius: 50%;
    margin-right: 0.13333rem;
}
.container .full-dialog .chat-list .chat-item .item {
    background-color: #fff;
    padding: 0.10667rem;
    border-radius: 0.10667rem;
    margin-top: 0.13333rem;
}
.container .full-dialog .chat-input {
    font-size: 0.26667rem;
    padding: 0.16rem;
}
.container .full-dialog .chat-input .van-button {
    width: 1.2rem;
    height: 0.56rem;
    line-height: 0.56rem;
    padding: 0;
    font-size: 0.26667rem;
    border-radius: 0.37333rem;
}
.container .van-popover__action {
    padding: 0 0.26667rem;
    font-size: 0.26667rem;
    width: 2.37333rem;
    height: 0.81333rem;
}
.container .add-dialog {
    width: 6rem;
    padding: 0.368rem;
}
.container .add-dialog.select .list {
    height: 30vh;
    padding: 0.21333rem;
}
.container .add-dialog.select .list .item.checked {
    background-color: #F7F7F7;
}
.container .add-dialog .close {
    right: -0.64rem;
    font-size: 0.42667rem;
}
.container .add-dialog .title {
    font-size: 0.32rem;
}
.container .add-dialog .desc {
    font-size: 0.26667rem;
    padding: 0.21333rem 0;
}
.container .add-dialog .name {
    font-size: 0.26667rem;
    line-height: 0.64rem;
}
.container .add-dialog .detail {
    margin: 0.26667rem 0 1.06667rem;
    font-size: 0.26667rem;
    line-height: 0.32rem;
}
.container .add-dialog .input {
    font-size: 0.21333rem;
    border-radius: 0.10667rem;
    height: 0.8rem;
    line-height: 0.69333rem;
    padding: 0.05333rem 0.26667rem;
    border: 0.02667rem solid #EDEDED;
    position: relative;
}
.container .add-dialog .van-field__word-limit {
    width: 0.93333rem;
    position: absolute;
    top: 0;
    font-size: 0.21333rem;
    right: 0;
}
.container .add-dialog .van-dialog__footer {
    margin-top: 0.4rem;
}
.container .add-dialog .van-dialog__footer .van-button {
    width: 2.50667rem;
    height: 0.64rem;
    border-radius: 0.32rem;
    font-size: 0.26667rem;
}
.container .add-dialog .search {
    padding: 0.21333rem;
}
.container .add-dialog .search .van-search__content {
    border-top-left-radius: 0.42667rem;
    border-bottom-left-radius: 0.42667rem;
}
.container .add-dialog .search .van-search__action {
    background-color: #f7f8fa;
    border-top-right-radius: 0.42667rem;
    border-bottom-right-radius: 0.42667rem;
    color: #8D8D8D;
    font-size: 0.26667rem;
    height: 0.48rem;
    line-height: 0.48rem;
    padding: 0.13333rem;
}
.container .add-dialog .search .van-field__control {
    border-right: 0.02667rem solid #CCCCCC;
    font-size: 0.26667rem;
    height: 0.48rem;
    line-height: 0.48rem;
}
.container .add-dialog .card > .img {
    width: 1.54667rem;
    height: 1.92rem;
    margin-right: 0.50667rem;
}
.container .add-dialog .card > .img .van-uploader__wrapper, .container .add-dialog .card > .img .van-uploader__preview-image {
    height: 1.86667rem;
    width: 1.46667rem;
}
.container .add-dialog .card > .img .preview-cover {
    font-size: 0.26667rem;
}
.container .add-dialog .card-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
}
.container .add-dialog .card-content div {
    margin-top: 0.13333rem;
}
.container .add-dialog .card-content span {
    font-size: 0.21333rem;
}
.container .add-dialog .card-content span:nth-of-type(1) {
    width: 1.41333rem;
}
.container .add-dialog .card-content.isEdit div {
    margin-top: 0.02667rem;
}
.container .add-dialog .card-content.isEdit span:nth-of-type(1) {
    width: 1.06667rem;
}
.container .add-dialog .card-content.isEdit .field {
    width: 1.6rem;
    height: 0.53333rem;
    line-height: 0.42667rem;
    font-size: 0.21333rem;
    padding: 0 0.13333rem;
}
.container .add-dialog .card-content.isEdit .field-icon {
    width: 0.26667rem;
    position: relative;
    top: 0.02667rem;
}
.container .add-dialog .dialog-btn {
    margin-top: 0.37333rem;
}
.container .add-dialog .dialog-btn .btn {
    width: 1.54667rem;
    height: 0.53333rem;
    border: 0.02667rem solid #18D04F;
    border-radius: 0.48rem;
    background-color: #fff;
    color: #18D04F;
}
.container #jsmind_container {
    background-image: url(../../static/img/bg2.e9f98d9e.png);
}
.container #jsmind_container jmnode {
    padding: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAABACAYAAACdi3yvAAAAAXNSR0IArs4c6QAABK5JREFUeF7tnb9rFEEUx9/bwMVGCGIRO620FJLeH40WipUgNppKCeR2ooJ/g4Vm9oqoVWIndmKjlVqKCpam0krSCAEbc4F93py3YW+9u71N1J03990yzGa+730/zOzM3s5jY4wQLmSgpgwwAKwp8+i2m4FdAK21vJ+cGGPWiOg6ES1Ya9f3879wr78ZMMY4j53X69bahb0qzQY+ALjXDE7off8NwDiO7zLz+XHzLCInmHkWI+C4GdPZLgNQRDaZ+fO4UYjIyyRJ7mXtS0fA3JQ6bh9ZO0zBVTOmqH1uBKyqum/KHhtAEXHUHmTmRSJ6RkQPR/Xcbrc/r66ublZVh/Y6MrC4uDjbaDROlKi9RUQX0zR9wMw7zHy3+Mw4NoBuSiWiQx0I7xPRA2vtbR2pgsq6MmCMeURENzrT9E1m3h60aCkFcHl5+ZKInCSi50R0FgDWZae+fgsAviOiS8z8aWVlxbHUvUoBzIdtjHFDKkZAfSzUojgPYJIkjweJ6ANQRIiZzwxTKyKX3TOgiNxPkuROLVGhUzUZyAB0z4BRFL0YIvx1l7thb0J6UBbvxTOgGgzqE5oBmFeQ8VTkqgtg749v3A0iMsPM7tlvi4g+FcJ4Zq0duQquL2z07EsGeo9sFwt65txuioh8ZOYfRHS6bwTMXsUtLS2dmpqacjC+tdae9iUo6NCdgTiOPzDzXJqm861W6+PQRQgA1G20r+oBoK/OTIguADghRvsaJgD01ZkJ0QUAJ8RoX8MsBbCzLO5uwxDRDBG5bRisgn11U6EuY8x7IprPb8O4MEb9JB8AKjTaV8nZCFjUlwew+Cpuy1pb3Ij2NT7o8jwDzWZzLoqigzmZr/tGwP1+E+J5/JDnWQYq/RrGM+2QE0AGAGAAJmoOAQBqdi8A7QAwABM1hwAANbsXgHYAGICJmkMAgJrdC0A7AAzARM0hAEDN7gWgHQAGYKLmEACgZvcC0A4AAzBRcwgAULN7AWgHgAGYqDkEAKjZvQC0A8AATNQcAgDU7F4A2gFgACZqDgEAanYvAO1/AEhEx/JxtdvtnzjrOQCnPQnBGHOEiKZzcr6MPB8Q3wV74lwgMsb5LPOri1VEDvTqfeC74EDM9yGM3Ifp35i53Tk1/yjOB/TBmQnRUHo0Bw6onBASagoTANaUeHT7OwMAECTUmgEAWGv60TkABAO1ZqAUQFdMrrcNM+vKtPbKcb7Mq07T9FWr1XpaayTo3PsMNJvNa1EUFSssXCCiw0TkCtd8d8XNB25EDyso0osahWq8t79+gYMK1WSqRhWqGVp+XUTOdYoTX0GprvrN1aAgjuNHzHyj83r3Se7k3aL0tYEb0YMCRLFCDbb7o7FysUInvXhAZRzHx6Momt3e3t5oNBpXUS3TH4N9V5IHcGdn5/n09PTxNE03kyTZyLSX/hzLGLPmHhRRsNp3u/3T91cKVgNA/4zVouhvA1g17gVrbXdLB1d4GTDGuFnRzY6lV2HFu26t3V3oVpmCSzsqNACAVTOmqH0VAAthVQOwak7yUzZGwKrZ09M+B2AfUFUjKB0B9/APdxctALBq9vS0/2cA6kkBlIaUgVGlukKKE7F4moFflj2HHGsgyn4AAAAASUVORK5CYII=);
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.container #jsmind_container jmnode.selected {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAABACAYAAACdi3yvAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAMBSURBVHhe7d0/aBNhGMfxRIW0SQg0CjaQISJCaEAEQdBBdBJB8d/mYqWL4uLmWqGDipNQcJMurlIU61YnLaJQSzkFCdxQSDUacIkZhJonvO95Se8aL4l9Svh+4HjzPj1u+vW53BuSNz6+fGEjBijZZUZAhdcB14/Mx1uVHtnrZK9+mXQcZ65VxNDx3zH7yYy9Dh0QqkI7oD/pUdABh1uvuRD+jNEBsSN07YAHb32/l0qlxlcejE7KfM+5D6dlDFOr1T7X6/V1M8WQSSaT49lstmimgX6/OLooYzM792Usz+67I2NQB+waQLmlZjKZgvt4/7TMO88DOvmyc13G2tNDT2SMdAtOXVm9WLjxdbparS6bEhCZ5EdyJHkypTahASyXy/NLS0t3mxf4aEpAZBJAyZHkyZTaeLfg+Nl3J1qVAKVSaWr1YWpKXnMLRjc2UwdufptxXfdlq9hhY+HYGxm9AP4rAohuomSKZRio2vQUnM/nT9nHaLodBsXmTJbx1tbWXts5HRCqCCBUEUCoIoBQRQChast1QJ6CMShhOaMDQpXXAUcvrZxvVYxGo/GjUqm8NVOgL7lc7vjIyMheM439enb4uYybFqKB7cBCNHYEAghVBBCqCCBUEUCoIoBQRQChigBCFQGEKgIIVQQQqgggVBFAqCKAUEUAoYoAQhUBhCoCCFUEEKq8AMpv//qPRCKRNX8C+iZ58ufLlPleMLYH3wvGjuQFULqdHN22YQD6Ifny31npgFBFAKGKAEIVAYQqAghV3jpg8fbPRzKm0+n8+5ndl/01y3XdhebxykyBQFutLXfaciG6k+z5JdsumSkQKEqmuAXjv7Fry0GHOeVvAINOsoc5BRi40A44NjZWlF2T/B8cA72SPJmXbUIDmFg8+Um27CoUCmdMCYhkYmJiUg55Tyh5MuU2vAeEqtDfiI7yJOMnW/w7jjNnphgy0tHsFvxR+TNm80UHhC5JYq/dzs9ep/kfcs2UMITse7p+M2OvQQeEqkifhACDRgeEoljsD47AOBV9QPNZAAAAAElFTkSuQmCC);
}
.container .shu {
    bottom: 0.13333rem;
    right: 0.53333rem;
    left: unset;
    width: 1.6rem;
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
.container .bg-top {
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
.container .bg-bottom {
    top: unset;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
.container .stick-top {
    position: absolute;
    height: 100vh;
    width: 3vw;
    bottom: unset;
    left: -0.6vw;
    top: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
.container .stick-bottom {
    position: absolute;
    height: 100vh;
    width: 3vw;
    bottom: unset;
    right: -0.6vw;
    left: unset;
    top: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
}
@media screen and (orientation: landscape) {
.container .tig-message {
    top: 1.2rem;
    right: 1.06667rem;
    z-index: 99999;
    background-color: #fff;
    padding: 0.08rem;
    border-radius: 0.16rem 0 0.16rem 0.16rem;
}
.container .tig-message .text {
    font-size: 0.37333rem;
    display: block;
    text-align: center;
    padding: 0.05333rem;
}
.van-dialog {
    width: 6rem !important;
    font-size: 0.26667rem !important;
}
.van-dialog.full-dialog {
    width: 100vw !important;
    height: 100vh;
    top: 0;
    left: 0;
    -webkit-transform: unset;
            transform: unset;
    border-radius: 0;
}
.van-dialog.full-dialog .changeTab {
    position: absolute;
    top: 0.53333rem;
    right: 0.8rem;
    border: 0.02667rem solid #0EB23D;
    background-color: #18D04F;
    color: #fff;
    padding: 0.08rem;
    border-radius: 0.13333rem;
    font-size: 0.21333rem;
}
.van-dialog .van-dialog__header {
    padding-top: 0.13333rem;
}
.van-dialog .van-dialog__message {
    font-size: 0.26667rem;
    padding: 0.13333rem;
}
.van-dialog .van-dialog__footer .van-button.van-button--large {
    font-size: 0.26667rem;
    line-height: 0.93333rem;
    height: 0.93333rem;
}
}
@charset "UTF-8";
/*渐变(从上到下）*/
/* 行高 */
/* 定义滚动条样式 圆角和阴影不需要则传入null */
/* css3动画 默认3s宽度到200px */
html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.clearfix:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
input,
button,
select,
textarea {
  outline: none;
}

/* page change */
.back-enter-active,
.back-leave-active,
.forward-enter-active,
.forward-leave-active {
  will-change: transform;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  position: absolute;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
}
.back-enter {
  opacity: 0.75;
  -webkit-transform: translate3d(-50%, 0, 0) !important;
          transform: translate3d(-50%, 0, 0) !important;
}
.back-enter-active {
  z-index: -1 !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
.back-leave-active {
  -webkit-transform: translate3d(100%, 0, 0) !important;
          transform: translate3d(100%, 0, 0) !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
.forward-enter {
  -webkit-transform: translate3d(100%, 0, 0) !important;
          transform: translate3d(100%, 0, 0) !important;
}
.forward-enter-active {
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
.forward-leave-active {
  z-index: -1;
  opacity: 0.65;
  -webkit-transform: translate3d(-50%, 0, 0) !important;
          transform: translate3d(-50%, 0, 0) !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
.share-container {
  padding: 0.26667rem;
  background: #fff;
  box-sizing: border-box;
  padding-bottom: 2.66667rem;
}
.detail-content {
  font-weight: 400;
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.64rem;
  margin-top: 0.26667rem;
}
.comment-box {
  padding: 0 0.26667rem;
  background-color: #F7F7F7;
  border-radius: 0.26667rem;
  margin-top: 0.26667rem;
}
.comment-box .comment-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.comment-box .comment-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  border-bottom: 0.02667rem solid #EDEDED;
  padding-bottom: 0.16rem;
  padding-top: 0.26667rem;
}
.comment-box .comment-list li:last-child {
  border: none;
}
.comment-box .comment-list li .comment-l {
  margin-right: 0.16rem;
}
.comment-box .comment-list li .comment-r .name {
  height: 0.74667rem;
  line-height: 0.74667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.comment-box .comment-list li .comment-r .name p {
  font-weight: 400;
  font-size: 0.37333rem;
  color: #8D8D8D;
  line-height: 0.64rem;
  margin-right: 0.26667rem;
  max-width: 3.46667rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment-box .comment-list li .comment-r .name span {
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.64rem;
  max-width: 3.46667rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment-box .comment-list li .comment-r .content {
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.53333rem;
}
.comment-box .comment-list li .comment-r .time {
  font-size: 0.34667rem;
  color: #9B9FA0;
  line-height: 0.64rem;
}
.container {
  height: auto;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.container .tig-message {
  position: absolute;
  top: 1.6rem;
  right: 1.33333rem;
  z-index: 99999;
  background-color: #fff;
  padding: 0.13333rem;
  border-radius: 0.26667rem 0 0.26667rem 0.26667rem;
}
.container .tig-message .text {
  font-size: 0.48rem;
  display: block;
  text-align: center;
  padding: 0.10667rem;
}
.container .container-hd {
  margin-top: 0.26667rem;
}
.container .container-hd > span:nth-of-type(1) {
  padding-left: 1.33333rem;
  position: relative;
  display: inline-block;
}
.container .container-hd i {
  position: absolute;
  top: -0.26667rem;
  left: 0;
  padding: 0.26667rem;
}
.container .btn {
  width: 1.70667rem;
  height: 0.8rem;
  font-size: 0.32rem;
  padding: 0;
  background-color: #18D04F;
}
.container .editBtn {
  position: absolute;
  bottom: 0;
  right: 0.48rem;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.container .editBtn .btn {
  margin: 0.26667rem 0;
  display: block;
}
.container .editBtn .btn.share-btn {
  background-color: #FFB817;
}
.container .editBtn .btn.join-btn {
  width: 2.13333rem;
  background-color: #FF6717;
}
.container .editBtn .btn.warn-btn {
  background-color: #EB4747;
}
.container .full-dialog {
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: unset;
          transform: unset;
  border-radius: 0;
}
.container .full-dialog.container {
  position: fixed;
}
.container .full-dialog.container .pagination .van-button {
  width: 1.46667rem;
  height: 0.53333rem;
  font-size: 0.26667rem;
  border-radius: 0.08rem;
  padding: 0;
  vertical-align: middle;
  border: 0.02667rem solid #0EB23D;
  background-color: #18D04F;
}
.container .full-dialog.container .pagination .van-button.no {
  border: 0.02667rem solid #CCCCCC;
  background-color: #EDEDED;
  color: #6C6C6C;
}
.container .full-dialog.container .pagination span {
  font-size: 0.26667rem;
  vertical-align: middle;
}
.container .full-dialog.container .container-bd {
  background-image: url(../../static/img/bg1.7f95c9c3.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100vw;
  height: 100vh;
  padding-top: 1.86667rem;
}
.container .full-dialog.container .container-bd .person-list {
  padding: 0 1.06667rem;
  z-index: 1000;
  position: relative;
}
.container .full-dialog.container .container-bd .person-list .person-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: 0.13333rem 0;
  border: 0.02667rem solid #18D04F;
  background-color: #FFFFFF;
  border-radius: 0.26667rem;
  padding: 0.4rem 0.32rem;
  font-size: 0.32rem;
}
.container .full-dialog.container .container-bd .person-list .person-item img {
  width: 1.33333rem;
  height: 1.33333rem;
  border-radius: 50%;
}
.container .full-dialog.container .container-bd .person-list .person-item .item {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  margin-left: 0.26667rem;
}
.container .full-dialog.container .container-bd .person-list .person-item .item-btn {
  padding: 0;
  background-color: #D4F8D5;
  color: #18D04F;
  border-radius: 0.10667rem;
  border-color: #D4F8D5;
  width: 2.24rem;
  height: 0.64rem;
  -webkit-flex-shrink: 1;
          flex-shrink: 1;
}
.container .full-dialog.container .container-bd .person-list .person-item .item-btn span {
  font-size: 0.32rem;
}
.container .full-dialog.container .container-bd .person-list .person-item .item-btn.no {
  background-color: #CCCCCC;
  border-color: #CCCCCC;
  color: #fff;
}
.container .full-dialog.container .container-bd .person-list .person-item .item-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.container .full-dialog.container .container-bd .person-list .person-item .item-flex > span {
  display: inline-block;
  width: 70%;
  white-space: nowrap; /* 保证文本在一行内显示 */
  overflow: hidden; /* 超出容器部分隐藏 */
  text-overflow: ellipsis; /* 使用省略符号表示文本被截断 */
}
.container .full-dialog.container .container-bd .person-list .person-item .item div:nth-of-type(1) {
  font-size: 0.42667rem;
  line-height: 0.8rem;
}
.container .full-dialog.container .container-bd .person-list .person-item .item div:nth-of-type(2) {
  line-height: 0.53333rem;
}
.container .full-dialog .chat-list {
  background-color: #F7F7F7;
  padding: 0.34667rem;
  margin: 2.13333rem 0.48rem 0;
  border-radius: 0.21333rem;
  height: 70vh;
  overflow: auto;
}
.container .full-dialog .chat-list.isWx {
  margin-top: 2.13333rem;
  height: 75vh;
}
.container .full-dialog .chat-list .chat-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: 0.13333rem 0;
}
.container .full-dialog .chat-list .chat-item.is-my {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse;
  text-align: right;
}
.container .full-dialog .chat-list .chat-item.is-my img {
  margin-left: 0.13333rem;
  margin-right: 0;
}
.container .full-dialog .chat-list .chat-item img {
  width: 1.01333rem;
  height: 1.01333rem;
  border-radius: 50%;
  margin-right: 0.13333rem;
}
.container .full-dialog .chat-list .chat-item .item {
  word-wrap: break-word;
  word-break: break-all;
  background-color: #fff;
  padding: 0.21333rem;
  border-radius: 0.10667rem;
  margin-top: 0.13333rem;
  max-width: 40vw;
  text-align: left;
}
.container .full-dialog .chat-list .chat-item .item img {
  width: 100%;
  height: auto;
  border-radius: unset;
}
.container .full-dialog .chat-input {
  background-color: #F7F7F7;
  margin: 0.21333rem 0.48rem;
  width: calc(100vw - 0.96rem);
  border-radius: 0.21333rem;
}
.container .full-dialog .chat-input .van-button {
  background-color: #18D04F;
  width: 1.70667rem;
  height: 0.8rem;
}
.container .add-dialog {
  background: -webkit-linear-gradient(top, #EBFFF1 0%, #FFFFFF 100%);
  background: linear-gradient(180deg, #EBFFF1 0%, #FFFFFF 100%);
  padding: 0.53333rem;
  width: 8.64rem;
  box-sizing: border-box;
  overflow: visible;
}
.container .add-dialog .van-picker__confirm {
  color: #18D04F;
}
.container .add-dialog .van-dialog__header {
  padding: 0;
}
.container .add-dialog .van-hairline--top::after {
  border: unset;
}
.container .add-dialog .van-hairline--left::after {
  border: unset;
}
.container .add-dialog .van-dialog__footer {
  margin-top: 0.58667rem;
  border: unset;
}
.container .add-dialog .van-dialog__footer .van-button {
  width: 3.65333rem;
  height: 0.90667rem;
  border-radius: 0.45333rem;
  font-size: 0.37333rem;
}
.container .add-dialog .van-uploader__preview + .van-uploader__upload {
  display: none;
}
.container .add-dialog .preview-cover.van-ellipsis {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 0.13333rem 0;
}
.container .add-dialog.edit .isJump {
  text-decoration: underline;
  color: #297BFB;
}
.container .add-dialog.edit .van-dialog__footer {
  margin-top: 0;
}
.container .add-dialog.select .list {
  height: 20vh;
  background-color: #fff;
  overflow: auto;
  border-radius: 0.10667rem;
  border: 0.02667rem solid #EDEDED;
  padding: 0.26667rem;
}
.container .add-dialog.select .list .item {
  line-height: 0.74667rem;
  border-bottom: 0.02667rem solid #EDEDED;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.container .add-dialog.select .list .item.checked {
  background-color: #F7F7F7;
  color: #18D04F;
}
.container .add-dialog.select .list .item.choose {
  background-color: #ccc;
}
.container .add-dialog .search {
  padding: 0.26667rem;
}
.container .add-dialog .search .van-search__content {
  border-top-left-radius: 0.53333rem;
  border-bottom-left-radius: 0.53333rem;
}
.container .add-dialog .search .van-search__action {
  background-color: #f7f8fa;
  border-top-right-radius: 0.53333rem;
  border-bottom-right-radius: 0.53333rem;
  color: #8D8D8D;
}
.container .add-dialog .search .van-field__control {
  border-right: 0.02667rem solid #CCCCCC;
}
.container .add-dialog .close {
  position: absolute;
  color: #fff;
  top: 0;
  right: -0.61333rem;
  font-size: 0.61333rem;
  padding: 0.05333rem;
}
.container .add-dialog .title {
  font-size: 0.42667rem;
  font-weight: bold;
}
.container .add-dialog .desc {
  font-size: 0.32rem;
  color: #8D8D8D;
  padding: 0.26667rem 0;
}
.container .add-dialog .name {
  line-height: 1.06667rem;
  font-size: 0.32rem;
  color: #8D8D8D;
}
.container .add-dialog .detail {
  margin: 0.4rem 0 1.46667rem;
  font-size: 0.37333rem;
  line-height: 0.42667rem;
}
.container .add-dialog .input {
  font-size: 0.32rem;
  border-radius: 0.10667rem;
  height: 1.14667rem;
  line-height: 0.96rem;
  padding: 0.05333rem 0.26667rem;
  border: 0.02667rem solid #EDEDED;
  position: relative;
}
.container .add-dialog .van-field__word-limit {
  width: 1.2rem;
  position: absolute;
  top: 0.16rem;
  font-size: 0.32rem;
  right: 0;
}
.container .add-dialog .van-dialog__footer {
  margin-top: 0.58667rem;
}
.container .add-dialog .van-dialog__footer .van-button {
  width: 3.65333rem;
  height: 0.90667rem;
  border-radius: 0.45333rem;
  font-size: 0.37333rem;
}
.container .add-dialog [class*=van-hairline]::after {
  border: unset;
}
.container .add-dialog .van-button.van-dialog__cancel {
  background-color: #EDEDED;
  color: #333333;
  margin-right: 0.13333rem;
}
.container .add-dialog .van-button.van-dialog__confirm {
  background-color: #18D04F;
  color: #FFFFFF;
}
.container .add-dialog .card {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-top: 0.4rem;
}
.container .add-dialog .card > .img {
  width: 2.26667rem;
  height: 2.77333rem;
  margin-right: 0.74667rem;
  border-radius: 0.10667rem;
}
.container .add-dialog .card > .img .van-uploader__wrapper, .container .add-dialog .card > .img .van-uploader__preview-image {
  height: 2.72rem;
  width: 2.18667rem;
}
.container .add-dialog .card > .img .preview-cover {
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.container .add-dialog .card-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
}
.container .add-dialog .card-content div {
  margin-top: 0.37333rem;
}
.container .add-dialog .card-content div:nth-of-type(1) {
  margin-top: 0;
}
.container .add-dialog .card-content span {
  display: inline-block;
  font-size: 0.32rem;
  color: #8D8D8D;
}
.container .add-dialog .card-content span:nth-of-type(1) {
  width: 2.08rem;
  color: #333333;
  font-weight: bold;
}
.container .add-dialog .card-content.isEdit div {
  margin-top: 0.05333rem;
}
.container .add-dialog .card-content.isEdit span {
  vertical-align: middle;
}
.container .add-dialog .card-content.isEdit span:nth-of-type(1) {
  width: 1.6rem;
}
.container .add-dialog .card-content.isEdit .field {
  vertical-align: middle;
  display: inline-block;
  width: 2.66667rem;
  height: 0.74667rem;
  line-height: 0.64rem;
  padding: 0 0.13333rem;
  border: 0.02667rem solid #EDEDED;
  border-radius: 0.10667rem;
}
.container .add-dialog .card-content.isEdit .field-icon {
  width: 0.37333rem;
  position: relative;
  top: -0.05333rem;
}
.container .add-dialog .dialog-btn {
  text-align: right;
  margin-top: 0.58667rem;
}
.container .add-dialog .dialog-btn .btn {
  width: 2.24rem;
  height: 0.8rem;
  border: 0.02667rem solid #18D04F;
  border-radius: 0.48rem;
  background-color: #fff;
  color: #18D04F;
}
.container .add-dialog .dialog-btn.isEdit .btn {
  background-color: #18D04F;
  color: #fff;
}
.container-hd {
  z-index: 999;
  position: absolute;
  top: 1.12rem;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding-right: 0.32rem;
  box-sizing: border-box;
}
.container-hd > span {
  font-weight: bold;
  font-size: 0.53333rem;
  vertical-align: top;
}
.container-hd i {
  margin: 0 0.26667rem;
}
.container-hd img {
  width: 0.8rem;
  vertical-align: top;
}
.container-bd .changeTab {
  position: absolute;
  top: 0.53333rem;
  right: 0.8rem;
  border: 0.02667rem solid #0EB23D;
  background-color: #18D04F;
  color: #fff;
  padding: 0.13333rem;
  border-radius: 0.13333rem;
}
.container-bd #jsmind_container {
  width: 100%;
  height: 100vh;
  background-image: url(../../static/img/bg1.7f95c9c3.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 1000;
}
.container-bd #jsmind_container jmnode {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAACgCAYAAAC8LWpcAAAAAXNSR0IArs4c6QAABL5JREFUeF7tnb1vFFcUxc+1VutqGyojkSoU/g8ik4ZIkeICGihTBLTdamHeVJZQClMEJY33PQp3EWlSIoFAgkiRSGWLClMgUaRIEQlXSJR2c8Ksd6xhtfO12bG9y5nGsvZ93TP33vfub9Yec84RFS6SMLMKLZtpUmf+Om1tlgLUmbgZmY5GrbOOYwG894W31zm3BmAHwK73/tIkA6IoemJmV0heDSE8naWRvV5vpd1uvyO5H0I4P2nsOI4DydskoxDC/aL50xs/jQBvAPQnDU7ynpmtNSkAgPcArucYd4vkNQDNCEByp0oeaFiAQsdK3P9/CRBF0YaZraazmNmjwWDwOAmBkQAfALwqce873vvdWYZAt9s91+l0HpaMeZHkhVSAfr+/2mq1NrJ9vPc3k99zQ8A59wLA5UynzY/54W6VHDBLg6cZazwHOOcSOxJ7jq8015UKQPIXM3sLYM97vzePAowS5/rI+gfJz2kESLeWL83sxyQMQghfT3OHmu6TegCA3wH8mZ2P5IMkf1UWoGCxudtg0waWjZ8RILdpZQFIPjez/Qkj/e29/6lsMafxuXPuewDf5mzRN+p6wDfe+79Ow5Am5kyTXmUPACAB5AEKAeWAzycJAvgtyb4k181sZVGTYGongBuJvUVAZCF3gfEtNivAsEpKr8PDw+fb29uTDkJNbNONj+mcG97xzDWsDSoDkcZXeMIT1CZCJ7y+xqeTACMarhAYLxIa970zMoFCQCFw9ERMOUA5YBQLZY/GzkjumtkylASVBJUEtQtoG9Q5QAchnQR1FNZRWEfhoxORaoGS7wnOrAo5IwOpGFIxpGJIxZCKIRVDKoZUDKkYUjGkYkjFkKpBlcPiAQIiIkJCYkJixX87fEZQ3syWISYoJigmKCYoJigmKCYoJigmKCYoJigmKCYoJigmKCYoJigmKCYoJnh6/y9zZqiz+kCCooKigqKCooKigqKCooKigqKCooKigqKCooKigqKCooKigqKCooKigqLVmer8txQVFhUWFRYVFhUWFRYVFhUWFRYVFhUWFRYVFhUWFRYVFhUWFRYVFhUWFZ5/1lvdAlFhUWFRYVFhUWFRYVFhUWFRYVFhUeHRicjsk/fyHhwc/LFI7x2O4/iHbKVAcvimbb15Os0Bn/27x1Mk5px7AeDyor58PWPn5FpAAsgDFALKAUqCR7tAclD4Zxwzkvw3hPBrdfx4ci3jOF4n+VXOjJvZh8C5UDSzC+StfNd7f+nkzKo+UxzHgeTtoh51tsFPPIDkF2bWBTAPAjwD8HJMiHoeQPLnpaWlt2a2t7W19do5twZgZx4EIBmFEO73er2V5eXl7xIh0rN/HQ9IBdz82OnuPArgnEtyWbKrHV+lAkRRtGFmq2kPM3s0GAweJwKQ3DGzDwBelUTmHe/9bvXoLW/Z7XbPdTqdhyUtL5K8AGDoAf1+f7XVam2MCXAz+b32k6GMAKWrJXk1hPC0tGGNBok7t9vtd2VdyOERfyhAUdupBBjlgDcA+pMGJ3nPzBJPaVKA9wCu5xh3i+S1pgXI3QWiKHpiZleaFIDkfgjh/CQB0m0wTYJNecBiClAltsxO7ysESWxXnb9O2yIkVqbJQnz+HxRmSFs0XjsGAAAAAElFTkSuQmCC);
  background-size: 100%;
  padding: 0.13333rem 0.18667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  word-break: break-all;
  white-space: break-spaces;
  text-overflow: unset;
  text-align: center;
  box-sizing: border-box;
}
.container-bd #jsmind_container jmnode.selected {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAACgCAYAAAC8LWpcAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAPUSURBVHhe7Z1BSJNRAMc1vKQysIIa7LAxBMOQQCj1NA8SgmDnToaXwkPdOtahQ0WXgqBbdfEWGkoJHhwdlARBIoYQwg6DrbRJQlNDMd/X/w39vn36rSbM/f8/ePy/997Htvfb+973tstXf2FxcLeOmFNIXswMCDIL7HmJROIZmjzYcxobGy+gqWLEYrEB+/po8mD7w+FwN5p8sefSz4CyBTQ3N0f2SJQqOOXYKfXepqC7LIqLYO7yu3qnxQd7XhDWe6bDhUIhh2pFMJfAxljHBKqHUt8/35PNZudQLYkdj2cG2GvDlpaWljZ0BWZnZ+c3DivG5ubmDxwGJh6PD7rHg64inhngPqlhYKE3k8kkbXvb3Z/Pk8nkHaezyrCf0c6Arq6u++mX5x84ncA9Tt814MyNr0Om5PP5JTSdOJaXl8fNGOIjq4/Q5MFXQH609bUpodm+rHtWVDvt7e3D5tvfuwSuh0KhaFNTk+9tuSZvg1+eNg2bqW/L5yenh9DlwXcNiN76duDaseRyuU/pdHoK1aoiyEx1j9NXgK3XAmaPsD3ZOWOOAy+CLEgAkhYJQNJSFGBWRbsy1jLucdLPgOI+wOyZnRaQSqXe4PDEY/6hikaj11B1MNt8k4H/D6g17Li1CCJpkQAkLRKApEUCkLRIAJIWCUDSIgFIWiQASYsEIGmRACQtEoCkRQKQtEgAkhYJQNIiAUhaJABJiwQgaZEAJC0SgKRFApC0SACSFglA0iIBSFokAEmLBCBpkQAkLRKApEUCkLRIAJIWCUDSIgFIWiQASYsEIGmRACQtEoCkRQKQtEgAkhYJQNIiAUhaJABJiwQgaZEAJC0SgKRFApC0SACSFglA0iIBSFokAEmLBCBpkQAkLRKApEUCkLRIAJIWCfjrgRcJQNIiAUhaJABJiwQgaZEAJC37nzt802kBqVTKeS5vLWCeOxya7cuieoCiADe19BziSCSS2J7snEH1AFoDkM43zvD0afc4NQOQtEgAkhZ6AcV9gF0Z/fYF+6nWu0U5n92eq0sA6cFsjU2x981q/dZLEbv9/aH9/KbER1Yfo8tDTc6AdDr93vyWWVlZWUSTL74C8qOtr0xB9UQSj8cHzRiWX5y7hyYPRy6CW70fL66trS2Z4yCLjGHt6tTZra2tPKoVIRwOd+9+uDKL6qHU98/3ZLPZOSPg19tL42h2cI/TI+AwggpY75kOFwqFHKoVIRaLDWyMdUygeihWAKol+S8BDQMLvU6DC/uT87gFHPX+5Qj4p0Uwk8kkSxV0Hzul3tsUdJeF7x8iLJBvhOrq/gBRhKh1GoJuGwAAAABJRU5ErkJggg==);
}
.container-bd .bg-top {
  z-index: 1;
  position: absolute;
  bottom: 0;
  right: 0.69333rem;
  width: 100vh;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: 100% 100% 0;
          transform-origin: 100% 100% 0;
}
.container-bd .bg-bottom {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0.69333rem;
  width: 100vh;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
}
.container-bd .shu {
  position: absolute;
  width: 2.66667rem;
  z-index: 100;
  bottom: 1.33333rem;
  left: -0.26667rem;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.container-bd .stick-top {
  position: absolute;
  width: 3vh;
  height: 100vw;
  top: 2.4vh;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
}
.container-bd .stick-bottom {
  position: absolute;
  width: 3vh;
  height: 100vw;
  left: -5.5vw;
  bottom: -0.6vh;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: 100% 100% 0;
          transform-origin: 100% 100% 0;
}
@media screen and (orientation: landscape) {
.container .btn {
    width: 1.17333rem;
    height: 0.56rem;
    font-size: 0.18667rem;
}
.container .editBtn .btn {
    margin: 0.13333rem 0;
}
.container .editBtn .btn.join-btn {
    width: 1.70667rem;
}
.container .container-hd {
    top: 0.66667rem;
}
.container .container-hd > span {
    font-size: 0.37333rem;
}
.container .container-hd > span:nth-of-type(1) {
    padding-left: 1.46667rem;
    position: relative;
    display: inline-block;
}
.container .container-hd i {
    position: absolute;
    top: -0.26667rem;
    left: 0.26667rem;
}
.container .container-hd img {
    width: 0.53333rem;
}
.container .full-dialog.container .pagination .van-button {
    width: 1.12rem;
    height: 0.42667rem;
    font-size: 0.21333rem;
    border-radius: 0.08rem;
    padding: 0;
    vertical-align: middle;
}
.container .full-dialog.container .pagination span {
    font-size: 0.21333rem;
    vertical-align: middle;
}
.container .full-dialog.container .container-bd {
    background-image: url(../../static/img/bg2.e9f98d9e.png);
    padding-top: 1.33333rem;
}
.container .full-dialog.container .container-bd .person-list {
    padding: 0 0.53333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}
.container .full-dialog.container .container-bd .person-list .person-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 46%;
    border: 0.02667rem solid #18D04F;
    background-color: #FFFFFF;
    border-radius: 0.26667rem;
    padding: 0.26667rem 0.16rem;
    margin: 0.08rem 0;
    font-size: 0.21333rem;
}
.container .full-dialog.container .container-bd .person-list .person-item img {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
}
.container .full-dialog.container .container-bd .person-list .person-item .item {
    margin-left: 0.26667rem;
}
.container .full-dialog.container .container-bd .person-list .person-item .item-btn {
    border-radius: 0.10667rem;
    border-color: #D4F8D5;
    width: 1.6rem;
    height: 0.53333rem;
}
.container .full-dialog.container .container-bd .person-list .person-item .item-btn span {
    font-size: 0.26667rem;
}
.container .full-dialog.container .container-bd .person-list .person-item .item div:nth-of-type(1) {
    font-size: 0.32rem;
    line-height: 0.48rem;
}
.container .full-dialog.container .container-bd .person-list .person-item .item div:nth-of-type(2) {
    line-height: 0.42667rem;
}
.container .full-dialog .chat-list {
    background-color: #F7F7F7;
    padding: 0.34667rem;
    margin: 1.06667rem 0.48rem 0;
    border-radius: 0.21333rem;
    height: 50vh;
}
.container .full-dialog .chat-list.isWx {
    margin-top: 1.06667rem;
    height: 55vh;
}
.container .full-dialog .chat-list .chat-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0.08rem 0;
}
.container .full-dialog .chat-list .chat-item.is-my {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
            flex-direction: row-reverse;
    text-align: left;
}
.container .full-dialog .chat-list .chat-item.is-my img {
    margin-left: 0.08rem;
    margin-right: 0;
}
.container .full-dialog .chat-list .chat-item img {
    width: 0.64rem;
    height: 0.64rem;
    border-radius: 50%;
    margin-right: 0.13333rem;
}
.container .full-dialog .chat-list .chat-item .item {
    background-color: #fff;
    padding: 0.10667rem;
    border-radius: 0.10667rem;
    margin-top: 0.13333rem;
}
.container .full-dialog .chat-input {
    font-size: 0.26667rem;
    padding: 0.16rem;
}
.container .full-dialog .chat-input .van-button {
    width: 1.2rem;
    height: 0.56rem;
    line-height: 0.56rem;
    padding: 0;
    font-size: 0.26667rem;
    border-radius: 0.37333rem;
}
.container .van-popover__action {
    padding: 0 0.26667rem;
    font-size: 0.26667rem;
    width: 2.37333rem;
    height: 0.81333rem;
}
.container .add-dialog {
    width: 6rem;
    padding: 0.368rem;
}
.container .add-dialog.select .list {
    height: 30vh;
    padding: 0.21333rem;
}
.container .add-dialog.select .list .item.checked {
    background-color: #F7F7F7;
}
.container .add-dialog .close {
    right: -0.64rem;
    font-size: 0.42667rem;
}
.container .add-dialog .title {
    font-size: 0.32rem;
}
.container .add-dialog .desc {
    font-size: 0.26667rem;
    padding: 0.21333rem 0;
}
.container .add-dialog .name {
    font-size: 0.26667rem;
    line-height: 0.64rem;
}
.container .add-dialog .detail {
    margin: 0.26667rem 0 1.06667rem;
    font-size: 0.26667rem;
    line-height: 0.32rem;
}
.container .add-dialog .input {
    font-size: 0.21333rem;
    border-radius: 0.10667rem;
    height: 0.8rem;
    line-height: 0.69333rem;
    padding: 0.05333rem 0.26667rem;
    border: 0.02667rem solid #EDEDED;
    position: relative;
}
.container .add-dialog .van-field__word-limit {
    width: 0.93333rem;
    position: absolute;
    top: 0;
    font-size: 0.21333rem;
    right: 0;
}
.container .add-dialog .van-dialog__footer {
    margin-top: 0.4rem;
}
.container .add-dialog .van-dialog__footer .van-button {
    width: 2.50667rem;
    height: 0.64rem;
    border-radius: 0.32rem;
    font-size: 0.26667rem;
}
.container .add-dialog .search {
    padding: 0.21333rem;
}
.container .add-dialog .search .van-search__content {
    border-top-left-radius: 0.42667rem;
    border-bottom-left-radius: 0.42667rem;
}
.container .add-dialog .search .van-search__action {
    background-color: #f7f8fa;
    border-top-right-radius: 0.42667rem;
    border-bottom-right-radius: 0.42667rem;
    color: #8D8D8D;
    font-size: 0.26667rem;
    height: 0.48rem;
    line-height: 0.48rem;
    padding: 0.13333rem;
}
.container .add-dialog .search .van-field__control {
    border-right: 0.02667rem solid #CCCCCC;
    font-size: 0.26667rem;
    height: 0.48rem;
    line-height: 0.48rem;
}
.container .add-dialog .card > .img {
    width: 1.54667rem;
    height: 1.92rem;
    margin-right: 0.50667rem;
}
.container .add-dialog .card > .img .van-uploader__wrapper, .container .add-dialog .card > .img .van-uploader__preview-image {
    height: 1.86667rem;
    width: 1.46667rem;
}
.container .add-dialog .card > .img .preview-cover {
    font-size: 0.26667rem;
}
.container .add-dialog .card-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
}
.container .add-dialog .card-content div {
    margin-top: 0.13333rem;
}
.container .add-dialog .card-content span {
    font-size: 0.21333rem;
}
.container .add-dialog .card-content span:nth-of-type(1) {
    width: 1.41333rem;
}
.container .add-dialog .card-content.isEdit div {
    margin-top: 0.02667rem;
}
.container .add-dialog .card-content.isEdit span:nth-of-type(1) {
    width: 1.06667rem;
}
.container .add-dialog .card-content.isEdit .field {
    width: 1.6rem;
    height: 0.53333rem;
    line-height: 0.42667rem;
    font-size: 0.21333rem;
    padding: 0 0.13333rem;
}
.container .add-dialog .card-content.isEdit .field-icon {
    width: 0.26667rem;
    position: relative;
    top: 0.02667rem;
}
.container .add-dialog .dialog-btn {
    margin-top: 0.37333rem;
}
.container .add-dialog .dialog-btn .btn {
    width: 1.54667rem;
    height: 0.53333rem;
    border: 0.02667rem solid #18D04F;
    border-radius: 0.48rem;
    background-color: #fff;
    color: #18D04F;
}
.container #jsmind_container {
    background-image: url(../../static/img/bg2.e9f98d9e.png);
}
.container #jsmind_container jmnode {
    padding: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAABACAYAAACdi3yvAAAAAXNSR0IArs4c6QAABK5JREFUeF7tnb9rFEEUx9/bwMVGCGIRO620FJLeH40WipUgNppKCeR2ooJ/g4Vm9oqoVWIndmKjlVqKCpam0krSCAEbc4F93py3YW+9u71N1J03990yzGa+730/zOzM3s5jY4wQLmSgpgwwAKwp8+i2m4FdAK21vJ+cGGPWiOg6ES1Ya9f3879wr78ZMMY4j53X69bahb0qzQY+ALjXDE7off8NwDiO7zLz+XHzLCInmHkWI+C4GdPZLgNQRDaZ+fO4UYjIyyRJ7mXtS0fA3JQ6bh9ZO0zBVTOmqH1uBKyqum/KHhtAEXHUHmTmRSJ6RkQPR/Xcbrc/r66ublZVh/Y6MrC4uDjbaDROlKi9RUQX0zR9wMw7zHy3+Mw4NoBuSiWiQx0I7xPRA2vtbR2pgsq6MmCMeURENzrT9E1m3h60aCkFcHl5+ZKInCSi50R0FgDWZae+fgsAviOiS8z8aWVlxbHUvUoBzIdtjHFDKkZAfSzUojgPYJIkjweJ6ANQRIiZzwxTKyKX3TOgiNxPkuROLVGhUzUZyAB0z4BRFL0YIvx1l7thb0J6UBbvxTOgGgzqE5oBmFeQ8VTkqgtg749v3A0iMsPM7tlvi4g+FcJ4Zq0duQquL2z07EsGeo9sFwt65txuioh8ZOYfRHS6bwTMXsUtLS2dmpqacjC+tdae9iUo6NCdgTiOPzDzXJqm861W6+PQRQgA1G20r+oBoK/OTIguADghRvsaJgD01ZkJ0QUAJ8RoX8MsBbCzLO5uwxDRDBG5bRisgn11U6EuY8x7IprPb8O4MEb9JB8AKjTaV8nZCFjUlwew+Cpuy1pb3Ij2NT7o8jwDzWZzLoqigzmZr/tGwP1+E+J5/JDnWQYq/RrGM+2QE0AGAGAAJmoOAQBqdi8A7QAwABM1hwAANbsXgHYAGICJmkMAgJrdC0A7AAzARM0hAEDN7gWgHQAGYKLmEACgZvcC0A4AAzBRcwgAULN7AWgHgAGYqDkEAKjZvQC0A8AATNQcAgDU7F4A2gFgACZqDgEAanYvAO1/AEhEx/JxtdvtnzjrOQCnPQnBGHOEiKZzcr6MPB8Q3wV74lwgMsb5LPOri1VEDvTqfeC74EDM9yGM3Ifp35i53Tk1/yjOB/TBmQnRUHo0Bw6onBASagoTANaUeHT7OwMAECTUmgEAWGv60TkABAO1ZqAUQFdMrrcNM+vKtPbKcb7Mq07T9FWr1XpaayTo3PsMNJvNa1EUFSssXCCiw0TkCtd8d8XNB25EDyso0osahWq8t79+gYMK1WSqRhWqGVp+XUTOdYoTX0GprvrN1aAgjuNHzHyj83r3Se7k3aL0tYEb0YMCRLFCDbb7o7FysUInvXhAZRzHx6Momt3e3t5oNBpXUS3TH4N9V5IHcGdn5/n09PTxNE03kyTZyLSX/hzLGLPmHhRRsNp3u/3T91cKVgNA/4zVouhvA1g17gVrbXdLB1d4GTDGuFnRzY6lV2HFu26t3V3oVpmCSzsqNACAVTOmqH0VAAthVQOwak7yUzZGwKrZ09M+B2AfUFUjKB0B9/APdxctALBq9vS0/2cA6kkBlIaUgVGlukKKE7F4moFflj2HHGsgyn4AAAAASUVORK5CYII=);
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.container #jsmind_container jmnode.selected {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAABACAYAAACdi3yvAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAMBSURBVHhe7d0/aBNhGMfxRIW0SQg0CjaQISJCaEAEQdBBdBJB8d/mYqWL4uLmWqGDipNQcJMurlIU61YnLaJQSzkFCdxQSDUacIkZhJonvO95Se8aL4l9Svh+4HjzPj1u+vW53BuSNz6+fGEjBijZZUZAhdcB14/Mx1uVHtnrZK9+mXQcZ65VxNDx3zH7yYy9Dh0QqkI7oD/pUdABh1uvuRD+jNEBsSN07YAHb32/l0qlxlcejE7KfM+5D6dlDFOr1T7X6/V1M8WQSSaT49lstmimgX6/OLooYzM792Usz+67I2NQB+waQLmlZjKZgvt4/7TMO88DOvmyc13G2tNDT2SMdAtOXVm9WLjxdbparS6bEhCZ5EdyJHkypTahASyXy/NLS0t3mxf4aEpAZBJAyZHkyZTaeLfg+Nl3J1qVAKVSaWr1YWpKXnMLRjc2UwdufptxXfdlq9hhY+HYGxm9AP4rAohuomSKZRio2vQUnM/nT9nHaLodBsXmTJbx1tbWXts5HRCqCCBUEUCoIoBQRQChast1QJ6CMShhOaMDQpXXAUcvrZxvVYxGo/GjUqm8NVOgL7lc7vjIyMheM439enb4uYybFqKB7cBCNHYEAghVBBCqCCBUEUCoIoBQRQChigBCFQGEKgIIVQQQqgggVBFAqCKAUEUAoYoAQhUBhCoCCFUEEKq8AMpv//qPRCKRNX8C+iZ58ufLlPleMLYH3wvGjuQFULqdHN22YQD6Ifny31npgFBFAKGKAEIVAYQqAghV3jpg8fbPRzKm0+n8+5ndl/01y3XdhebxykyBQFutLXfaciG6k+z5JdsumSkQKEqmuAXjv7Fry0GHOeVvAINOsoc5BRi40A44NjZWlF2T/B8cA72SPJmXbUIDmFg8+Um27CoUCmdMCYhkYmJiUg55Tyh5MuU2vAeEqtDfiI7yJOMnW/w7jjNnphgy0tHsFvxR+TNm80UHhC5JYq/dzs9ep/kfcs2UMITse7p+M2OvQQeEqkifhACDRgeEoljsD47AOBV9QPNZAAAAAElFTkSuQmCC);
}
.container .shu {
    bottom: 0.13333rem;
    right: 0.53333rem;
    left: unset;
    width: 1.6rem;
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
.container .bg-top {
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
.container .bg-bottom {
    top: unset;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
.container .stick-top {
    position: absolute;
    height: 100vh;
    width: 3vw;
    bottom: unset;
    left: -0.6vw;
    top: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
.container .stick-bottom {
    position: absolute;
    height: 100vh;
    width: 3vw;
    bottom: unset;
    right: -0.6vw;
    left: unset;
    top: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
}
@media screen and (orientation: landscape) {
.container .tig-message {
    top: 1.2rem;
    right: 1.06667rem;
    z-index: 99999;
    background-color: #fff;
    padding: 0.08rem;
    border-radius: 0.16rem 0 0.16rem 0.16rem;
}
.container .tig-message .text {
    font-size: 0.37333rem;
    display: block;
    text-align: center;
    padding: 0.05333rem;
}
.van-dialog {
    width: 6rem !important;
    font-size: 0.26667rem !important;
}
.van-dialog.full-dialog {
    width: 100vw !important;
    height: 100vh;
    top: 0;
    left: 0;
    -webkit-transform: unset;
            transform: unset;
    border-radius: 0;
}
.van-dialog.full-dialog .changeTab {
    position: absolute;
    top: 0.53333rem;
    right: 0.8rem;
    border: 0.02667rem solid #0EB23D;
    background-color: #18D04F;
    color: #fff;
    padding: 0.08rem;
    border-radius: 0.13333rem;
    font-size: 0.21333rem;
}
.van-dialog .van-dialog__header {
    padding-top: 0.13333rem;
}
.van-dialog .van-dialog__message {
    font-size: 0.26667rem;
    padding: 0.13333rem;
}
.van-dialog .van-dialog__footer .van-button.van-button--large {
    font-size: 0.26667rem;
    line-height: 0.93333rem;
    height: 0.93333rem;
}
}

.svg-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

@charset "UTF-8";
/*渐变(从上到下）*/
/* 行高 */
/* 定义滚动条样式 圆角和阴影不需要则传入null */
/* css3动画 默认3s宽度到200px */
html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

input,
button,
select,
textarea {
  outline: none;
}

/* page change */
.back-enter-active,
.back-leave-active,
.forward-enter-active,
.forward-leave-active {
  will-change: transform;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  position: absolute;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
}

.back-enter {
  opacity: 0.75;
  -webkit-transform: translate3d(-50%, 0, 0) !important;
          transform: translate3d(-50%, 0, 0) !important;
}

.back-enter-active {
  z-index: -1 !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.back-leave-active {
  -webkit-transform: translate3d(100%, 0, 0) !important;
          transform: translate3d(100%, 0, 0) !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.forward-enter {
  -webkit-transform: translate3d(100%, 0, 0) !important;
          transform: translate3d(100%, 0, 0) !important;
}

.forward-enter-active {
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.forward-leave-active {
  z-index: -1;
  opacity: 0.65;
  -webkit-transform: translate3d(-50%, 0, 0) !important;
          transform: translate3d(-50%, 0, 0) !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.share-container {
  padding: 0.26667rem;
  background: #fff;
  box-sizing: border-box;
  padding-bottom: 2.66667rem;
}

.detail-content {
  font-weight: 400;
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.64rem;
  margin-top: 0.26667rem;
}

.comment-box {
  padding: 0 0.26667rem;
  background-color: #F7F7F7;
  border-radius: 0.26667rem;
  margin-top: 0.26667rem;
}
.comment-box .comment-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.comment-box .comment-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  border-bottom: 0.02667rem solid #EDEDED;
  padding-bottom: 0.16rem;
  padding-top: 0.26667rem;
}
.comment-box .comment-list li:last-child {
  border: none;
}
.comment-box .comment-list li .comment-l {
  margin-right: 0.16rem;
}
.comment-box .comment-list li .comment-r .name {
  height: 0.74667rem;
  line-height: 0.74667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.comment-box .comment-list li .comment-r .name p {
  font-weight: 400;
  font-size: 0.37333rem;
  color: #8D8D8D;
  line-height: 0.64rem;
  margin-right: 0.26667rem;
  max-width: 3.46667rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment-box .comment-list li .comment-r .name span {
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.64rem;
  max-width: 3.46667rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment-box .comment-list li .comment-r .content {
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.53333rem;
}
.comment-box .comment-list li .comment-r .time {
  font-size: 0.34667rem;
  color: #9B9FA0;
  line-height: 0.64rem;
}

html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

input,
button,
select,
textarea {
  outline: none;
}

/* page change */
.back-enter-active,
.back-leave-active,
.forward-enter-active,
.forward-leave-active {
  will-change: transform;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  position: absolute;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
}

.back-enter {
  opacity: 0.75;
  -webkit-transform: translate3d(-50%, 0, 0) !important;
          transform: translate3d(-50%, 0, 0) !important;
}

.back-enter-active {
  z-index: -1 !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.back-leave-active {
  -webkit-transform: translate3d(100%, 0, 0) !important;
          transform: translate3d(100%, 0, 0) !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.forward-enter {
  -webkit-transform: translate3d(100%, 0, 0) !important;
          transform: translate3d(100%, 0, 0) !important;
}

.forward-enter-active {
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.forward-leave-active {
  z-index: -1;
  opacity: 0.65;
  -webkit-transform: translate3d(-50%, 0, 0) !important;
          transform: translate3d(-50%, 0, 0) !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.share-container {
  padding: 0.26667rem;
  background: #fff;
  box-sizing: border-box;
  padding-bottom: 2.66667rem;
}

.detail-content {
  font-weight: 400;
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.64rem;
  margin-top: 0.26667rem;
}

.comment-box {
  padding: 0 0.26667rem;
  background-color: #F7F7F7;
  border-radius: 0.26667rem;
  margin-top: 0.26667rem;
}
.comment-box .comment-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.comment-box .comment-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  border-bottom: 0.02667rem solid #EDEDED;
  padding-bottom: 0.16rem;
  padding-top: 0.26667rem;
}
.comment-box .comment-list li:last-child {
  border: none;
}
.comment-box .comment-list li .comment-l {
  margin-right: 0.16rem;
}
.comment-box .comment-list li .comment-r .name {
  height: 0.74667rem;
  line-height: 0.74667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.comment-box .comment-list li .comment-r .name p {
  font-weight: 400;
  font-size: 0.37333rem;
  color: #8D8D8D;
  line-height: 0.64rem;
  margin-right: 0.26667rem;
  max-width: 3.46667rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment-box .comment-list li .comment-r .name span {
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.64rem;
  max-width: 3.46667rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment-box .comment-list li .comment-r .content {
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.53333rem;
}
.comment-box .comment-list li .comment-r .time {
  font-size: 0.34667rem;
  color: #9B9FA0;
  line-height: 0.64rem;
}
@charset "UTF-8";
/*渐变(从上到下）*/
/* 行高 */
/* 定义滚动条样式 圆角和阴影不需要则传入null */
/* css3动画 默认3s宽度到200px */
html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

input,
button,
select,
textarea {
  outline: none;
}

/* page change */
.back-enter-active,
.back-leave-active,
.forward-enter-active,
.forward-leave-active {
  will-change: transform;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  position: absolute;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
}

.back-enter {
  opacity: 0.75;
  -webkit-transform: translate3d(-50%, 0, 0) !important;
          transform: translate3d(-50%, 0, 0) !important;
}

.back-enter-active {
  z-index: -1 !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.back-leave-active {
  -webkit-transform: translate3d(100%, 0, 0) !important;
          transform: translate3d(100%, 0, 0) !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.forward-enter {
  -webkit-transform: translate3d(100%, 0, 0) !important;
          transform: translate3d(100%, 0, 0) !important;
}

.forward-enter-active {
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.forward-leave-active {
  z-index: -1;
  opacity: 0.65;
  -webkit-transform: translate3d(-50%, 0, 0) !important;
          transform: translate3d(-50%, 0, 0) !important;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.share-container {
  padding: 0.26667rem;
  background: #fff;
  box-sizing: border-box;
  padding-bottom: 2.66667rem;
}

.detail-content {
  font-weight: 400;
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.64rem;
  margin-top: 0.26667rem;
}

.comment-box {
  padding: 0 0.26667rem;
  background-color: #F7F7F7;
  border-radius: 0.26667rem;
  margin-top: 0.26667rem;
}
.comment-box .comment-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.comment-box .comment-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  border-bottom: 0.02667rem solid #EDEDED;
  padding-bottom: 0.16rem;
  padding-top: 0.26667rem;
}
.comment-box .comment-list li:last-child {
  border: none;
}
.comment-box .comment-list li .comment-l {
  margin-right: 0.16rem;
}
.comment-box .comment-list li .comment-r .name {
  height: 0.74667rem;
  line-height: 0.74667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.comment-box .comment-list li .comment-r .name p {
  font-weight: 400;
  font-size: 0.37333rem;
  color: #8D8D8D;
  line-height: 0.64rem;
  margin-right: 0.26667rem;
  max-width: 3.46667rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment-box .comment-list li .comment-r .name span {
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.64rem;
  max-width: 3.46667rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment-box .comment-list li .comment-r .content {
  font-size: 0.37333rem;
  color: #333333;
  line-height: 0.53333rem;
}
.comment-box .comment-list li .comment-r .time {
  font-size: 0.34667rem;
  color: #9B9FA0;
  line-height: 0.64rem;
}

.van-nav-bar .van-icon {
  font-size: 0.58667rem;
}

.loading-mask {
  background-color: #fff;
  color: #26AF8C;
}
.loading-mask .van-toast__loading {
  color: #26AF8C;
}

.van-button {
  width: 2.48rem;
  height: 0.8rem;
  line-height: 0.8rem;
  border-radius: 0.53333rem;
  color: #ffffff;
  background-color: #2bb38a;
}

.van-dialog__footer .van-button {
  border-radius: 0;
}
.van-dialog__footer .van-button.van-dialog__confirm {
  color: #2BB38A;
  background-color: #fff;
}
.van-dialog__footer .van-button.van-button--large {
  width: 100%;
  height: 1.33333rem;
  line-height: 1.33333rem;
}

.van-button--disabled {
  opacity: 1;
  background-color: #cccccc;
  color: #797979;
}