body {
  background: #f4f4f4; }

button,
a {
  cursor: pointer; }

input.inputFileTT {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 55;
  opacity: 0;
  cursor: pointer; }

button.delImgBtnTT {
  position: absolute;
  top: 0;
  right: 0;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  z-index: 66;
  color: #999;
  font-size: 18px;
  cursor: pointer; }

.ImgTT {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  opacity: 0;
  cursor: pointer; }

.loadingTT {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 77;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.6); }
  .loadingTT img {
    width: 42px;
    height: 42px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.header {
  height: 30px;
  padding: 12px 0;
  width: 100%;
  background: #141a22;
  text-align: right;
  color: #fff; }
  .header h3,
  .header > a,
  .header > em,
  .header .help,
  .header div.account {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px; }
  .header div.account {
    line-height: 26px;
    border: 1px solid #666;
    color: #ccc;
    padding: 0 4px 0 10px;
    border-radius: 4px;
    margin-right: 15px;
    position: relative;
    cursor: pointer;
    height: 26px; }
    .header div.account .moreBoxList {
      min-width: 100px;
      position: absolute;
      top: 41px;
      left: 0;
      z-index: 150;
      overflow: hidden;
      height: 0;
      transition: 0.3s; }
      .header div.account .moreBoxList em {
        overflow: hidden;
        border-bottom: 1px solid #666;
        display: block; }
        .header div.account .moreBoxList em a {
          display: block;
          height: 30px;
          line-height: 30px;
          text-align: left;
          padding: 0 10px 0 20px;
          background: rgba(0, 0, 0, 0.7);
          position: relative; }
          .header div.account .moreBoxList em a span {
            font-size: 12px;
            padding-right: 4px;
            display: block;
            position: absolute;
            left: 5px;
            top: 50%;
            z-index: 4;
            transform: translate(0, -50%); }
        .header div.account .moreBoxList em a:hover {
          background: rgba(0, 0, 0, 0.8); }
  .header > a {
    height: 26px;
    overflow: hidden;
    margin-right: 10px; }
    .header > a img {
      width: 26px;
      height: 26px;
      border-radius: 50%;
      display: inline-block;
      vertical-align: middle; }
  .header .logo {
    float: left;
    height: 26px;
    padding-left: 20px; }
    .header .logo img {
      width: auto;
      height: 100%; }
  .header .help {
    height: 26px;
    padding: 0 6px;
    line-height: 26px;
    text-align: center;
    font-size: 18px;
    position: relative;
    cursor: pointer; }
    .header .help ul.more {
      text-align: left;
      position: absolute;
      display: none;
      width: 340px;
      right: 0;
      top: 26px;
      overflow: hidden;
      padding-top: 15px;
      z-index: 55; }
      .header .help ul.more li {
        background: #000;
        overflow: hidden;
        padding: 10px 10px 15px;
        border-bottom: 1px solid #666; }
        .header .help ul.more li h3 {
          width: 100%;
          font-size: 12px;
          color: #666; }
          .header .help ul.more li h3 i {
            position: relative; }
            .header .help ul.more li h3 i span {
              margin-left: 5px;
              font-size: 12px;
              background: #db1414;
              display: inline-block;
              height: 16px;
              padding: 2px 4px;
              text-align: center;
              line-height: 16px;
              border-radius: 50px;
              color: #fff; }
          .header .help ul.more li h3 b {
            display: block;
            float: right; }
        .header .help ul.more li a {
          color: #ccc;
          font-size: 12px;
          line-height: 16px;
          display: block;
          margin-top: 10px; }
          .header .help ul.more li a img,
          .header .help ul.more li a i {
            display: inline-block;
            vertical-align: middle; }
          .header .help ul.more li a img {
            margin-right: 5px;
            height: 30px;
            width: 30px;
            border-radius: 50%; }
          .header .help ul.more li a i {
            width: 270px; }
        .header .help ul.more li a.moreA {
          color: #666;
          text-align: center; }
        .header .help ul.more li a:hover {
          color: #fff; }
      .header .help ul.more li:nth-last-child(1) {
        border: 0; }
    .header .help em {
      display: block;
      height: 8px;
      width: 8px;
      background: red;
      border-radius: 50%;
      top: 0;
      right: 0;
      z-index: 4;
      position: absolute; }
  .header .help:hover ul.more {
    display: block; }

.nav_side {
  height: calc(100vh - 94px);
  float: left;
  width: 160px;
  background: #1f2128 10000%;
  color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
  .nav_side .T {
    width: 120px;
    margin: 0 auto 20px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-weight: 700;
    font-size: 20px; }
  .nav_side li {
    position: relative;
    height: 40px;
    transition: 0.3s;
    overflow: hidden; }
    .nav_side li b {
      position: relative; }
    .nav_side li i {
      font-size: 12px;
      padding: 0 5px 0 15px; }
    .nav_side li b:after {
      content: "\e748";
      font-family: "iconfont";
      position: absolute;
      width: 10px;
      height: 10px;
      text-align: center;
      line-height: 10px;
      top: 15px;
      right: 12px;
      z-index: 0;
      transition: 0.3s; }
    .nav_side li b,
    .nav_side li a {
      color: #666;
      font-size: 12px;
      display: block;
      height: 40px;
      line-height: 40px;
      cursor: pointer;
      font-weight: 700; }
    .nav_side li em a {
      padding-left: 34px;
      position: relative;
      background-color: #000000; }
    .nav_side li em a.sel {
      background-color: #3388ff; }
    .nav_side li b:hover,
    .nav_side li a:hover {
      background: #eef6f8; }
  .nav_side li.sel em {
    display: block; }
  .nav_side li.sel > a {
    color: #38f;
    background: #eef6f8; }
  .nav_side li.sel > b {
    color: #fff;
    background: #eef6f8; }
  .nav_side b.sel:after {
    transform: rotateZ(90deg); }
  .nav_side li.sel:after {
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: "";
    width: 4px; }

.indexPage {
  height: calc(100vh - 104px);
  overflow-x: hidden;
  overflow-y: scroll;
  width: calc(100vw - 12px);
  margin: 10px 0 0 12px; }

section.main,
div.main,
.main2 {
  margin-top: 10px;
  height: calc(100vh - 104px);
  width: calc(100% - 170px);
  box-sizing: border-box;
  float: right;
  overflow-x: hidden;
  overflow-y: scroll; }
  section.main .userComment,
  div.main .userComment,
  .main2 .userComment {
    height: 75vh;
    overflow-y: auto; }
    section.main .userComment .comment,
    div.main .userComment .comment,
    .main2 .userComment .comment {
      border-bottom: 1px solid #bbbbbb;
      margin: 20px;
      width: 52rem; }
    section.main .userComment .select,
    div.main .userComment .select,
    .main2 .userComment .select {
      width: 50px; }
    section.main .userComment .center .header,
    div.main .userComment .center .header,
    .main2 .userComment .center .header {
      width: 45px;
      height: 45px;
      background-color: #06ab99;
      border-radius: 45px;
      margin: 0 10px 10px 0;
      padding: 0; }
    section.main .userComment .right .inforStatus,
    div.main .userComment .right .inforStatus,
    .main2 .userComment .right .inforStatus {
      margin-bottom: 15px; }
      section.main .userComment .right .inforStatus .userInfo,
      div.main .userComment .right .inforStatus .userInfo,
      .main2 .userComment .right .inforStatus .userInfo {
        width: 100%; }
        section.main .userComment .right .inforStatus .userInfo .nickName,
        div.main .userComment .right .inforStatus .userInfo .nickName,
        .main2 .userComment .right .inforStatus .userInfo .nickName {
          font-weight: 700;
          font-size: 14px;
          font-family: SourceHanSansSC-bold;
          margin-bottom: 5px; }
        section.main .userComment .right .inforStatus .userInfo .time,
        div.main .userComment .right .inforStatus .userInfo .time,
        .main2 .userComment .right .inforStatus .userInfo .time {
          color: #999999;
          font-size: 12px;
          font-family: SourceHanSansSC-regular; }
    section.main .userComment .right .content,
    div.main .userComment .right .content,
    .main2 .userComment .right .content {
      font-family: SourceHanSansSC-regular;
      width: 700px;
      color: #101010;
      font-size: 14px;
      text-align: left;
      line-height: 25px;
      letter-spacing: 1px; }
    section.main .userComment .right .image,
    div.main .userComment .right .image,
    .main2 .userComment .right .image {
      margin: 20px 20px 20px 0; }
      section.main .userComment .right .image img,
      div.main .userComment .right .image img,
      .main2 .userComment .right .image img {
        width: 70px;
        height: 70px;
        margin-right: 20px;
        object-fit: cover; }
  section.main .Tit,
  div.main .Tit,
  .main2 .Tit {
    height: 60px;
    line-height: 60px;
    position: relative;
    padding-left: 15px;
    font-size: 20px;
    font-weight: 700;
    color: #333333; }
    section.main .Tit .btns,
    div.main .Tit .btns,
    .main2 .Tit .btns {
      top: 50%;
      transform: translate(0, -50%);
      position: absolute;
      right: 12px;
      z-index: 4; }
      section.main .Tit .btns a,
      section.main .Tit .btns button.btn,
      div.main .Tit .btns a,
      div.main .Tit .btns button.btn,
      .main2 .Tit .btns a,
      .main2 .Tit .btns button.btn {
        text-align: center;
        height: 34px;
        line-height: 34px;
        border-radius: 40px;
        padding: 0 15px;
        margin-left: 10px;
        background: #f4f4f4;
        color: #666;
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
        transition: 0.5s; }
      section.main .Tit .btns button,
      div.main .Tit .btns button,
      .main2 .Tit .btns button {
        min-width: 70px; }
      section.main .Tit .btns a:hover,
      section.main .Tit .btns button:hover,
      div.main .Tit .btns a:hover,
      div.main .Tit .btns button:hover,
      .main2 .Tit .btns a:hover,
      .main2 .Tit .btns button:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        color: #fff; }

dl.secondBox {
  display: -webkit-box;
  box-orient: horizontal;
  -webkit-box-pack: justify;
  -webkit-width: 100%; }
  dl.secondBox > dt {
    width: 100% !important;
    background: #fff;
    box-sizing: border-box;
    min-height: calc(100vh - 104px);
    margin-top: 10px;
    padding: 0 12px; }
    dl.secondBox > dt .scenic_list {
      margin-top: 20px; }
      dl.secondBox > dt .scenic_list .scenic {
        height: 240px;
        width: 200px;
        margin-top: 10px;
        margin-right: 40px;
        border: solid 1px #dfdfdf; }
        dl.secondBox > dt .scenic_list .scenic .scenic_img {
          position: relative; }
          dl.secondBox > dt .scenic_list .scenic .scenic_img img {
            height: 195px; }
          dl.secondBox > dt .scenic_list .scenic .scenic_img .scenic_name {
            position: absolute;
            bottom: 0;
            width: 100%;
            padding: 8px 0;
            text-align: center;
            background-color: rgba(0, 0, 0, 0.7);
            color: #ffffff; }
        dl.secondBox > dt .scenic_list .scenic .scenic_operate {
          height: calc(240px - 195px);
          padding: 0 30px; }
  dl.secondBox .dtClass {
    padding: 0 !important; }

section.main,
section.main2 {
  padding: 0 10px 20px 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background: #fff; }

section.main table,
div.main table {
  width: 100%;
  border: 1px solid #ccc;
  text-align: center;
  border-top: 0; }
  section.main table.font12,
  div.main table.font12 {
    font-size: 14px;
    text-align: left; }
  section.main table td.hb img,
  div.main table td.hb img {
    width: 70px;
    display: inline-block; }
  section.main table td.imgs img,
  div.main table td.imgs img {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: 40px; }
  section.main table td.red,
  div.main table td.red {
    color: #db1414; }
  section.main table td.note,
  div.main table td.note {
    position: relative; }
    section.main table td.note span,
    div.main table td.note span {
      margin-right: 4px;
      display: inline-block;
      vertical-align: middle;
      height: 16px;
      line-height: 16px; }
    section.main table td.note span.iconfont,
    div.main table td.note span.iconfont {
      vertical-align: -2px; }
    section.main table td.note p,
    div.main table td.note p {
      cursor: pointer;
      display: none;
      padding: 10px;
      border-radius: 5px;
      font-size: 12px;
      color: #7995ac;
      text-align: justify;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 4;
      min-width: 150px;
      position: absolute;
      background: #fff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
  section.main table td.note:hover p,
  div.main table td.note:hover p {
    display: block; }
  section.main table td,
  div.main table td {
    padding: 10px;
    border-top: 1px solid #ccc;
    vertical-align: middle; }
    section.main table td .advlogo,
    section.main table td .advzizhi,
    div.main table td .advlogo,
    div.main table td .advzizhi {
      width: 80px;
      margin: 0 auto;
      transition: 0.3s; }
    section.main table td .advzizhi:hover,
    div.main table td .advzizhi:hover {
      transform: scale(6, 6); }
    section.main table td i.iconfont,
    div.main table td i.iconfont {
      display: inline-block;
      vertical-align: middle;
      height: 20px;
      width: 20px;
      line-height: 22px;
      cursor: pointer;
      text-align: center;
      color: #666;
      margin: 0 10px; }
    section.main table td .sel,
    div.main table td .sel {
      color: #38f !important; }
    section.main table td a,
    section.main table td button,
    div.main table td a,
    div.main table td button {
      display: inline-block;
      vertical-align: middle;
      padding: 3px 5px;
      font-size: 16px;
      color: #3388ff; }
      section.main table td a span,
      section.main table td button span,
      div.main table td a span,
      div.main table td button span {
        font-size: 12px; }
    section.main table td .gw,
    div.main table td .gw {
      width: 184px;
      display: inline-block;
      text-align: left; }
      section.main table td .gw img,
      div.main table td .gw img {
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 8px;
        margin-left: 26px; }
      section.main table td .gw button,
      div.main table td .gw button {
        background: #eee;
        border-radius: 4px; }
      section.main table td .gw input,
      div.main table td .gw input {
        border: 1px solid #ccc;
        width: 120px;
        height: 20px;
        padding-left: 4px; }
      section.main table td .gw span.iconfont,
      div.main table td .gw span.iconfont {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        width: 20px; }
    section.main table td .classify,
    div.main table td .classify {
      position: relative; }
      section.main table td .classify img,
      div.main table td .classify img {
        position: absolute;
        display: none;
        z-index: 5;
        width: auto; }
      section.main table td .classify span.iconfont,
      section.main table td .classify a,
      section.main table td .classify button,
      section.main table td .classify span.txt,
      div.main table td .classify span.iconfont,
      div.main table td .classify a,
      div.main table td .classify button,
      div.main table td .classify span.txt {
        display: inline-block;
        vertical-align: middle; }
      section.main table td .classify a,
      section.main table td .classify button,
      div.main table td .classify a,
      div.main table td .classify button {
        font-size: 12px; }
      section.main table td .classify span.iconfont,
      div.main table td .classify span.iconfont {
        font-size: 18px;
        color: #999;
        cursor: pointer; }
      section.main table td .classify span.iconfont:hover,
      div.main table td .classify span.iconfont:hover {
        color: #7995ac; }
        section.main table td .classify span.iconfont:hover img,
        div.main table td .classify span.iconfont:hover img {
          display: block !important; }
      section.main table td .classify span.txt,
      div.main table td .classify span.txt {
        width: 73px;
        font-size: 12px;
        color: #7995ac; }
    section.main table td p,
    div.main table td p {
      margin: 2px; }
    section.main table td .cb,
    div.main table td .cb {
      color: #00adff; }
    section.main table td .cy,
    div.main table td .cy {
      color: #f96903; }
  section.main table thead td,
  div.main table thead td {
    background: #eee;
    color: #7995ac; }
  section.main table tbody tr:hover td,
  div.main table tbody tr:hover td {
    background: #fafafa; }
  section.main table tbody tr .headers,
  div.main table tbody tr .headers {
    width: 40px;
    height: 40px; }
    section.main table tbody tr .headers img,
    div.main table tbody tr .headers img {
      height: 40px;
      width: 40px;
      border-radius: 100px;
      margin: 0 auto; }
  section.main table tbody .more,
  div.main table tbody .more {
    font-size: 12px;
    color: #7995ac;
    cursor: pointer;
    position: relative; }
  section.main table tbody .more_list,
  div.main table tbody .more_list {
    position: absolute;
    top: 90%;
    left: 22px;
    background-color: #ffffff;
    box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    transform: translate(-7px, 0);
    font-size: 12px !important; }
    section.main table tbody .more_list button,
    div.main table tbody .more_list button {
      padding: 0 20px !important;
      font-size: 12px;
      width: 100% !important;
      margin: 0 !important;
      text-align: left;
      color: #333333 !important; }
    section.main table tbody .more_list .options:hover,
    div.main table tbody .more_list .options:hover {
      background-color: #e5e5e5; }

section.main .TS,
div.main .TS,
.main2 .TS {
  text-align: left;
  width: 100%;
  height: 30px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #666;
  clear: both; }
  section.main .TS .seach,
  div.main .TS .seach,
  .main2 .TS .seach {
    float: right; }
  section.main .TS .seach2,
  div.main .TS .seach2,
  .main2 .TS .seach2 {
    float: left; }
  section.main .TS .seach,
  section.main .TS .seach2,
  div.main .TS .seach,
  div.main .TS .seach2,
  .main2 .TS .seach,
  .main2 .TS .seach2 {
    height: 30px;
    font-size: 0; }
    section.main .TS .seach input,
    section.main .TS .seach select,
    section.main .TS .seach button,
    section.main .TS .seach2 input,
    section.main .TS .seach2 select,
    section.main .TS .seach2 button,
    div.main .TS .seach input,
    div.main .TS .seach select,
    div.main .TS .seach button,
    div.main .TS .seach2 input,
    div.main .TS .seach2 select,
    div.main .TS .seach2 button,
    .main2 .TS .seach input,
    .main2 .TS .seach select,
    .main2 .TS .seach button,
    .main2 .TS .seach2 input,
    .main2 .TS .seach2 select,
    .main2 .TS .seach2 button {
      display: inline-block;
      vertical-align: top;
      border: 1px solid #ccc;
      box-sizing: border-box; }
    section.main .TS .seach input,
    section.main .TS .seach select,
    section.main .TS .seach2 input,
    section.main .TS .seach2 select,
    div.main .TS .seach input,
    div.main .TS .seach select,
    div.main .TS .seach2 input,
    div.main .TS .seach2 select,
    .main2 .TS .seach input,
    .main2 .TS .seach select,
    .main2 .TS .seach2 input,
    .main2 .TS .seach2 select {
      width: 160px;
      font-size: 12px;
      height: 30px;
      margin-left: 10px;
      color: #333; }
    section.main .TS .seach button,
    section.main .TS .seach2 button,
    div.main .TS .seach button,
    div.main .TS .seach2 button,
    .main2 .TS .seach button,
    .main2 .TS .seach2 button {
      text-align: center;
      margin-right: 0;
      width: 40px;
      height: 30px;
      color: #888888; }
  section.main .TS > input,
  div.main .TS > input,
  .main2 .TS > input {
    height: 30px;
    padding: 0 5px;
    border: 1px solid #ccc; }
  section.main .TS .region,
  div.main .TS .region,
  .main2 .TS .region {
    float: left;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    position: relative;
    min-width: 200px;
    cursor: pointer; }
    .address {
      width: 450px;
      position: absolute;
      top: 30px;
      background: #fff;
      border: 1px solid #ccc;
      z-index: 150;
      left: -1px; }
      .address .labs {
        width: 100%;
        background: #f0f0f0;
        height: 40px;
        line-height: 40px;
        display: flex;
        text-align: center; }
        .address .labs em {
          flex: 1;
          border-bottom: 1px solid #ccc;
          cursor: pointer; }
        .address .labs em:nth-of-type(2),
        .address .labs em:nth-of-type(3),
        .address .labs em:nth-of-type(4) {
          border-left: 1px solid #ccc; }
        .address .labs em.sel {
          background: #fff;
          border-bottom: 1px solid #fff; }
      .address .Info {
        width: 100%;
        padding: 10px 0; }
        .address .Info li.sh b,
        .address .Info li.sq b,
        .address .Info li.xq b,
        .address .Info li.jd b {
          cursor: pointer; }
        .address .Info li.sh b,
        .address .Info li.sh em,
        .address .Info li.sq b,
        .address .Info li.sq em,
        .address .Info li.xq b,
        .address .Info li.xq em,
        .address .Info li.jd b,
        .address .Info li.jd em {
          line-height: 24px;
          padding: 0 4px;
          display: block;
          float: left;
          margin-left: 3px;
          margin-bottom: 10px;
          border-radius: 2px;
          transition: 0.3s; }
        .address .Info li.sh b.sel,
        .address .Info li.sh em.sel,
        .address .Info li.sq b.sel,
        .address .Info li.sq em.sel,
        .address .Info li.xq b.sel,
        .address .Info li.xq em.sel,
        .address .Info li.jd b.sel,
        .address .Info li.jd em.sel {
          background: #db1414;
          color: #fff;
          text-align: center; }
        .address .Info li.sh b:hover,
        .address .Info li.sh > em:hover,
        .address .Info li.sq b:hover,
        .address .Info li.sq > em:hover,
        .address .Info li.xq b:hover,
        .address .Info li.xq > em:hover,
        .address .Info li.jd b:hover,
        .address .Info li.jd > em:hover {
          background: #ffe3e3; }
        .address .Info li.sh span {
          display: block;
          overflow: hidden; }
          .address .Info li.sh span p {
            height: 24px;
            line-height: 24px;
            text-align: center;
            width: 60px; }
          .address .Info li.sh span p,
          .address .Info li.sh span em {
            display: block;
            float: left;
            overflow: hidden; }
          .address .Info li.sh span em {
            width: calc(100% - 71px); }
    section.main .TS .region .list,
    div.main .TS .region .list,
    .main2 .TS .region .list {
      width: 100%;
      height: 100%;
      padding: 0 50px 0 12px;
      box-sizing: border-box;
      position: relative; }
    section.main .TS .region .list:after,
    div.main .TS .region .list:after,
    .main2 .TS .region .list:after {
      position: absolute;
      top: 50%;
      right: 12px;
      transform: translate(0, -50%);
      content: "\e624";
      font-family: "iconfont"; }
  section.main .TS .data,
  div.main .TS .data,
  .main2 .TS .data {
    float: left;
    height: 28px;
    line-height: 28px;
    padding-left: 20px; }
    section.main .TS .data li,
    div.main .TS .data li,
    .main2 .TS .data li {
      float: left;
      margin-right: 30px;
      font-size: 12px;
      color: #333; }
      section.main .TS .data li em,
      div.main .TS .data li em,
      .main2 .TS .data li em {
        color: #38f;
        font-size: 15px;
        font-weight: 700; }
  section.main .TS .tabs,
  div.main .TS .tabs,
  .main2 .TS .tabs {
    overflow: hidden; }
    section.main .TS .tabs .tablist,
    div.main .TS .tabs .tablist,
    .main2 .TS .tabs .tablist {
      border-bottom: 1px solid #e4e7ed;
      margin-left: -20px;
      overflow: hidden; }
      section.main .TS .tabs .tablist .tabs_bar,
      div.main .TS .tabs .tablist .tabs_bar,
      .main2 .TS .tabs .tablist .tabs_bar {
        padding: 0 20px;
        height: 40px;
        box-sizing: border-box;
        line-height: 40px;
        display: inline-block;
        list-style: none;
        font-size: 14px;
        font-weight: 500;
        color: #303133;
        position: relative;
        cursor: pointer; }
      section.main .TS .tabs .tablist .isTabs::after,
      div.main .TS .tabs .tablist .isTabs::after,
      .main2 .TS .tabs .tablist .isTabs::after {
        content: "";
        position: absolute;
        bottom: 0;
        height: 2px;
        left: 20px;
        width: 56px;
        background-color: #409eff;
        z-index: 1;
        transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        list-style: none; }

section.main .Tit:before,
div.main .Tit:before,
.main2 .Tit:before {
  content: "";
  display: block;
  height: 20px;
  width: 4px;
  background: #333333;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 5;
  transform: translate(0, -50%);
  border-radius: 10px; }

section.main .pointsBox,
div.main .pointsBox,
.main2 .pointsBox {
  font-size: 12px;
  color: #999;
  padding: 10px 0px 10px 0;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  section.main .pointsBox select,
  div.main .pointsBox select,
  .main2 .pointsBox select {
    font-size: 12px;
    color: #333; }
  section.main .pointsBox em button,
  section.main .pointsBox em a,
  div.main .pointsBox em button,
  div.main .pointsBox em a,
  .main2 .pointsBox em button,
  .main2 .pointsBox em a {
    background: #f4f4f4;
    padding: 5px 10px;
    border-radius: 4px;
    color: #666;
    font-size: 12px;
    transition: 0.3s; }
  section.main .pointsBox em .delBtn:hover,
  div.main .pointsBox em .delBtn:hover,
  .main2 .pointsBox em .delBtn:hover {
    background: #38f;
    color: #fff; }
  section.main .pointsBox em .upBtn:hover,
  div.main .pointsBox em .upBtn:hover,
  .main2 .pointsBox em .upBtn:hover {
    background: #38f;
    color: #fff; }
  section.main .pointsBox em button,
  section.main .pointsBox em span,
  section.main .pointsBox em a,
  div.main .pointsBox em button,
  div.main .pointsBox em span,
  div.main .pointsBox em a,
  .main2 .pointsBox em button,
  .main2 .pointsBox em span,
  .main2 .pointsBox em a {
    display: inline-block;
    vertical-align: middle; }
  section.main .pointsBox em span,
  div.main .pointsBox em span,
  .main2 .pointsBox em span {
    padding-left: 20px; }
  section.main .pointsBox em i,
  div.main .pointsBox em i,
  .main2 .pointsBox em i {
    color: #333; }
  section.main .pointsBox .Points > *,
  div.main .pointsBox .Points > *,
  .main2 .pointsBox .Points > * {
    float: left; }
  section.main .pointsBox .Points button,
  div.main .pointsBox .Points button,
  .main2 .pointsBox .Points button {
    height: 30px;
    background: #f2f2f2;
    padding: 0 6px;
    border: 1px solid #dcdfe6 !important;
    transition: 0.3s;
    color: #333333; }
  section.main .pointsBox .Points button:hover,
  div.main .pointsBox .Points button:hover,
  .main2 .pointsBox .Points button:hover {
    background: #e2e2e2; }
  section.main .pointsBox .Points span,
  div.main .pointsBox .Points span,
  .main2 .pointsBox .Points span {
    line-height: 30px;
    height: 30px;
    margin-right: 10px; }
  section.main .pointsBox .Points select,
  div.main .pointsBox .Points select,
  .main2 .pointsBox .Points select {
    height: 30px;
    width: 60px; }
  section.main .pointsBox .Points b,
  div.main .pointsBox .Points b,
  .main2 .pointsBox .Points b {
    display: table;
    border: 1px solid #ccc;
    margin: 0 10px;
    height: 28px; }
    section.main .pointsBox .Points b a,
    section.main .pointsBox .Points b input,
    div.main .pointsBox .Points b a,
    div.main .pointsBox .Points b input,
    .main2 .pointsBox .Points b a,
    .main2 .pointsBox .Points b input {
      display: table-cell;
      vertical-align: middle;
      background: #f2f2f2;
      box-sizing: border-box;
      height: 26px;
      width: 26px;
      text-align: center; }
    section.main .pointsBox .Points b input,
    div.main .pointsBox .Points b input,
    .main2 .pointsBox .Points b input {
      background: #fff;
      width: 40px;
      color: #333333; }

.sT {
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  margin-bottom: 20px;
  margin-top: 50px; }
  .sT h3 {
    padding: 0 12px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    background: #f4f4f4;
    color: #333; }
    .sT h3 .sel_box {
      float: right; }

.memberA .Data2 {
  box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.5); }
  .memberA .Data2 dl dt {
    padding: 10px 0 10px 0;
    border-right: 1px solid #bbbbbb;
    text-align: center;
    width: 25%; }
    .memberA .Data2 dl dt h1 {
      color: #101010;
      font-size: 38px; }

.memberA ul {
  margin: 10px 0;
  overflow: hidden;
  padding-right: 1px; }
  .memberA ul li {
    background-color: white; }
  .memberA ul li:nth-of-type(1) {
    width: calc(36% - 10px);
    float: left; }
  .memberA ul li:nth-of-type(2) {
    width: calc(64% - 10px);
    float: right; }

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

.day {
  padding: 5px;
  border-radius: 50px;
  border: 1px solid #3388ff;
  background-color: #3388ff;
  font-size: 14px;
  width: 100px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  font-size: 14px; }

.shoppBor {
  border-bottom: 1px dashed #eaeaea;
  padding-bottom: 20px;
  margin-bottom: 20px; }
  .shoppBor h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px; }

.proFile,
ul.inputs,
.Correlation,
.oneImg,
.suerLogo,
.moreImg,
.shuxing {
  overflow: hidden; }
  .proFile h3,
  ul.inputs h3,
  .Correlation h3,
  .oneImg h3,
  .suerLogo h3,
  .moreImg h3,
  .shuxing h3 {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #606266;
    white-space: nowrap; }

.oneImg em {
  display: block;
  width: 180px;
  position: relative; }

.proFile {
  margin-top: 10px; }
  .proFile textarea {
    width: 100%;
    min-height: 120px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 10px;
    resize: none; }

.stateSelect {
  clear: both;
  margin-top: 10px; }
  .stateSelect h3 {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #7995ac;
    white-space: nowrap; }
  .stateSelect dl dt {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    border: 1px solid #ccc;
    padding: 2px 8px 2px 5px;
    border-radius: 3px;
    cursor: pointer; }
    .stateSelect dl dt select {
      border: 0; }
    .stateSelect dl dt input[type="text"] {
      width: 50px;
      border: 1px solid #ccc;
      margin-left: 5px; }
    .stateSelect dl dt span,
    .stateSelect dl dt i.iconfont,
    .stateSelect dl dt select {
      color: #999;
      display: inline-block;
      vertical-align: middle; }
    .stateSelect dl dt i.iconfont {
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      margin-right: 5px;
      vertical-align: -1px;
      cursor: pointer; }
  .stateSelect dl dt.sel {
    border: 1px solid #38f; }
    .stateSelect dl dt.sel i.iconfont {
      color: #38f; }

.moduleImg {
  margin-top: 10px; }
  .moduleImg h3 {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #7995ac;
    white-space: nowrap; }
  .moduleImg .imgMain {
    position: relative; }

.rewards {
  font-size: 12px;
  border: 1px solid #ccc;
  padding: 10px;
  overflow: hidden;
  margin-top: 10px; }
  .rewards h3 {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #7995ac;
    white-space: nowrap; }
  .rewards li {
    overflow: hidden;
    width: 100%;
    color: #666;
    padding: 2px 0; }
    .rewards li em {
      width: 90px; }
    .rewards li > * {
      display: inline-block;
      vertical-align: middle; }
    .rewards li input {
      margin: 0 3px; }
    .rewards li input,
    .rewards li select {
      box-sizing: border-box;
      width: 170px;
      border: 1px solid #ccc;
      height: 30px; }

.layui-form ul li {
  border: 1px solid #ccc;
  margin-left: 10px;
  padding: 5px 10px 5px 5px;
  border-radius: 5px; }

.layui-form .choose {
  border-color: #3388ff !important;
  color: #3388ff !important; }

.layui-form .addLabel {
  padding: 5px;
  font-size: 14px;
  letter-spacing: 0px;
  color: #999999;
  border: solid 1px #dfdfdf;
  margin-right: 10px; }
  .layui-form .addLabel img {
    height: 16px;
    width: 16px;
    line-height: 30px; }
  .layui-form .addLabel .radios {
    position: relative; }
  .layui-form .addLabel .radios::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 4px;
    width: 4px;
    background: red; }

.layui-form .addRM {
  margin-right: 10px; }

.layui-form .addLM {
  margin-left: 10px; }

ul.inputs {
  clear: both; }
  ul.inputs h4 {
    width: 100%; }
  ul.inputs li.time .puTxt {
    display: flex;
    align-items: center; }
    ul.inputs li.time .puTxt dt {
      padding: 0; }
    ul.inputs li.time .puTxt em {
      padding: 0 10px; }
  ul.inputs > li {
    float: left;
    width: calc(42% - 10px);
    padding-bottom: 20px; }
    ul.inputs > li .cuo {
      color: red;
      cursor: pointer; }
    ul.inputs > li .searchTxt {
      display: flex; }
      ul.inputs > li .searchTxt dt {
        height: 34px;
        line-height: 24px;
        box-sizing: border-box;
        padding: 5px 0;
        font-size: 12px; }
      ul.inputs > li .searchTxt dt:nth-of-type(1) {
        color: #666; }
      ul.inputs > li .searchTxt dt:nth-of-type(2) {
        color: #38f; }
    ul.inputs > li .upFile:hover .addressInfo {
      display: block; }
    ul.inputs > li .cxTime {
      font-size: 0; }
      ul.inputs > li .cxTime select,
      ul.inputs > li .cxTime em {
        display: inline-block;
        vertical-align: middle;
        font-size: 12px; }
      ul.inputs > li .cxTime select {
        width: calc((100% - 40px) / 2);
        height: 34px;
        padding: 0 5px;
        border: 1px solid #eee;
        box-sizing: border-box;
        color: #999; }
      ul.inputs > li .cxTime em {
        width: 40px;
        text-align: center; }
    ul.inputs > li .upFile {
      width: 100%;
      height: 40px;
      padding: 0 5px;
      border: 1px solid #ccc;
      box-sizing: border-box;
      color: #333;
      position: relative;
      cursor: pointer; }
      ul.inputs > li .upFile .g {
        line-height: 40px;
        font-size: 12px;
        color: #999; }
      ul.inputs > li .upFile .addressInfo {
        width: 100%;
        position: absolute;
        top: 38px;
        background: #fff;
        border: 1px solid #ccc;
        z-index: 50;
        left: -1px; }
        ul.inputs > li .upFile .addressInfo .labs {
          width: 100%;
          background: #f0f0f0;
          height: 40px;
          line-height: 40px;
          display: flex;
          text-align: center; }
          ul.inputs > li .upFile .addressInfo .labs em {
            flex: 1;
            border-bottom: 1px solid #ccc; }
          ul.inputs > li .upFile .addressInfo .labs em:nth-of-type(2),
          ul.inputs > li .upFile .addressInfo .labs em:nth-of-type(3),
          ul.inputs > li .upFile .addressInfo .labs em:nth-of-type(4) {
            border-left: 1px solid #ccc; }
          ul.inputs > li .upFile .addressInfo .labs em.sel {
            background: #fff;
            border-bottom: 1px solid #fff; }
        ul.inputs > li .upFile .addressInfo .Info {
          padding: 10px 0; }
          ul.inputs > li .upFile .addressInfo .Info li.sh b,
          ul.inputs > li .upFile .addressInfo .Info li.sh em,
          ul.inputs > li .upFile .addressInfo .Info li.sq b,
          ul.inputs > li .upFile .addressInfo .Info li.sq em,
          ul.inputs > li .upFile .addressInfo .Info li.xq b,
          ul.inputs > li .upFile .addressInfo .Info li.xq em,
          ul.inputs > li .upFile .addressInfo .Info li.jd b,
          ul.inputs > li .upFile .addressInfo .Info li.jd em {
            height: 24px;
            line-height: 24px;
            padding: 0 4px;
            display: block;
            float: left;
            margin-left: 3px;
            margin-bottom: 10px;
            border-radius: 2px;
            transition: 0.3s; }
          ul.inputs > li .upFile .addressInfo .Info li.sh b.sel,
          ul.inputs > li .upFile .addressInfo .Info li.sh em.sel,
          ul.inputs > li .upFile .addressInfo .Info li.sq b.sel,
          ul.inputs > li .upFile .addressInfo .Info li.sq em.sel,
          ul.inputs > li .upFile .addressInfo .Info li.xq b.sel,
          ul.inputs > li .upFile .addressInfo .Info li.xq em.sel,
          ul.inputs > li .upFile .addressInfo .Info li.jd b.sel,
          ul.inputs > li .upFile .addressInfo .Info li.jd em.sel {
            background: #db1414;
            color: #fff;
            text-align: center; }
          ul.inputs > li .upFile .addressInfo .Info li.sh b:hover,
          ul.inputs > li .upFile .addressInfo .Info li.sh > em:hover,
          ul.inputs > li .upFile .addressInfo .Info li.sq b:hover,
          ul.inputs > li .upFile .addressInfo .Info li.sq > em:hover,
          ul.inputs > li .upFile .addressInfo .Info li.xq b:hover,
          ul.inputs > li .upFile .addressInfo .Info li.xq > em:hover,
          ul.inputs > li .upFile .addressInfo .Info li.jd b:hover,
          ul.inputs > li .upFile .addressInfo .Info li.jd > em:hover {
            background: #ffe3e3; }
          ul.inputs > li .upFile .addressInfo .Info li.sh span {
            display: block;
            overflow: hidden; }
            ul.inputs > li .upFile .addressInfo .Info li.sh span p {
              height: 24px;
              line-height: 24px;
              text-align: center;
              width: 60px; }
            ul.inputs > li .upFile .addressInfo .Info li.sh span p,
            ul.inputs > li .upFile .addressInfo .Info li.sh span em {
              display: block;
              float: left;
              overflow: hidden; }
            ul.inputs > li .upFile .addressInfo .Info li.sh span em {
              width: calc(100% - 71px); }
    ul.inputs > li .upFile:before {
      font-family: "iconfont";
      content: "\e602";
      top: 50%;
      right: 12px;
      z-index: 4;
      transform: translate(0, -50%);
      position: absolute;
      font-size: 18px;
      color: #999; }
    ul.inputs > li .dob {
      width: 100%;
      box-sizing: border-box;
      overflow: hidden; }
      ul.inputs > li .dob dt:nth-of-type(1) {
        width: 60px;
        float: left; }
      ul.inputs > li .dob dt:nth-of-type(2) {
        width: calc(100% - 70px);
        float: right; }
    ul.inputs > li input,
    ul.inputs > li > select {
      width: 100%;
      height: 34px;
      padding: 0 5px;
      font-size: 12px;
      border: 1px solid #ccc;
      box-sizing: border-box;
      color: #000; }
      ul.inputs > li input option,
      ul.inputs > li > select option {
        color: #333; }
    ul.inputs > li input::-webkit-input-placeholder {
      color: #999; }
  ul.inputs li.selwp dl {
    height: 34px;
    border: 1px solid #eee; }
    ul.inputs li.selwp dl dt {
      display: inline-block;
      vertical-align: middle;
      height: 34px;
      line-height: 34px;
      padding: 0 20px;
      cursor: pointer; }
      ul.inputs li.selwp dl dt select {
        border: 0; }
      ul.inputs li.selwp dl dt input[type="text"] {
        width: 50px;
        border: 1px solid #ccc;
        margin-left: 5px; }
      ul.inputs li.selwp dl dt span,
      ul.inputs li.selwp dl dt i.iconfont,
      ul.inputs li.selwp dl dt select {
        color: #999;
        display: inline-block;
        vertical-align: middle; }
      ul.inputs li.selwp dl dt i.iconfont {
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        margin-right: 5px;
        vertical-align: -1px;
        cursor: pointer; }
    ul.inputs li.selwp dl dt.sel i.iconfont {
      color: #38f; }
  ul.inputs > li:nth-of-type(2n) {
    float: right; }

.btns_bom {
  clear: both;
  padding: 20px 0;
  text-align: left; }
  .btns_bom button,
  .btns_bom a {
    min-width: 70px;
    height: 34px;
    border-radius: 40px;
    padding: 0 15px;
    margin-left: 10px;
    background: #f4f4f4;
    color: #666; }
  .btns_bom button.blue {
    background: #38f;
    color: #fff; }

.Correlation {
  overflow: hidden;
  padding: 5px 0; }
  .Correlation dt {
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    border: 1px solid #ccc;
    float: left;
    margin-right: 10px;
    cursor: pointer; }

.memberStatistics {
  clear: both;
  padding: 10px 0 20px; }
  .memberStatistics li {
    padding: 30px 40px;
    float: left;
    margin-right: 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
    .memberStatistics li dl,
    .memberStatistics li i {
      display: inline-block;
      vertical-align: middle; }
    .memberStatistics li dl {
      min-width: 90px;
      padding-right: 10px; }
      .memberStatistics li dl dt:nth-of-type(1) {
        font-size: 14px;
        color: #999; }
      .memberStatistics li dl dt:nth-of-type(2) {
        margin-top: 8px;
        font-size: 20px;
        color: #666; }
    .memberStatistics li i {
      height: 60px;
      width: 60px;
      line-height: 60px;
      text-align: center;
      font-size: 30px;
      border-radius: 5px;
      color: #fff; }
    .memberStatistics li i.c1 {
      background: #00b882; }
    .memberStatistics li i.c2 {
      background: #ff615c; }
    .memberStatistics li i.c3 {
      background: #009fd4; }
    .memberStatistics li i.c4 {
      background: #ff9d50; }

.memberStatistics:after {
  display: block;
  content: "";
  clear: both; }

.posterHover li:hover:before {
  width: 100%;
  height: 100%; }

.posterHover li:hover b {
  width: 100%;
  height: auto; }

.posterHover li:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  z-index: 8;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.9);
  transition: 0.3s; }

.posterHover b {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  z-index: 9;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  transition: 0.3s; }
  .posterHover b i {
    display: block;
    font-size: 12px;
    margin: 0 auto 5px; }
  .posterHover b img {
    width: 60%;
    margin: 0 auto; }
  .posterHover b button {
    width: 60%;
    background: #38f;
    color: #fff;
    height: 26px;
    border-radius: 50px;
    margin-top: 10px;
    cursor: pointer; }

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

.posters li {
  width: 234px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  transition: 0.3s;
  position: relative; }
  .posters li > button {
    position: absolute;
    top: 5px;
    width: 26px;
    height: 26px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    color: #fff;
    z-index: 66; }
  .posters li button.lock {
    right: 5px; }
  .posters li button.del {
    right: 32px; }
  .posters li > i {
    display: block;
    width: 100%;
    overflow: hidden;
    height: 354px; }
  .posters li dl {
    padding: 5px 5px; }
    .posters li dl dt:nth-of-type(2) {
      color: #999; }
    .posters li dl dt {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 12px; }

.posters:after {
  clear: both;
  display: block;
  content: ""; }

.goodsI ul {
  overflow: hidden;
  padding: 10px 0; }
  .goodsI ul li {
    background: #f4f4f4;
    position: relative;
    float: left;
    height: 60px;
    line-height: 60px;
    margin-left: 12px;
    padding: 0 40px;
    transition: 0.3s; }
    .goodsI ul li button {
      position: absolute;
      top: 5px;
      right: 5px;
      z-index: 4;
      color: #7995ac; }
  .goodsI ul li:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.goodsI .add {
  margin-top: 20px;
  margin-left: 12px; }
  .goodsI .add input,
  .goodsI .add button {
    height: 30px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle; }
  .goodsI .add button {
    padding: 0 10px;
    border: 1px solid #38f;
    background: #38f;
    color: #fff; }

.Details .order_left {
  width: 60%; }

.Details .guideDetail {
  color: black;
  line-height: 20px;
  letter-spacing: 2px;
  font-size: 14px; }

.Details .router {
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 2px; }
  .Details .router h2 {
    font-size: 12px !important; }
  .Details .router div {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px; }

.Details .guide_list {
  width: 146px;
  height: 169px;
  line-height: 20px;
  margin-right: 20px;
  margin-bottom: 70px;
  color: #101010;
  font-size: 14px;
  text-align: center;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
  font-family: Roboto;
  position: relative;
  border: 1px solid white; }
  .Details .guide_list dl {
    height: 120px;
    width: 120px;
    margin: 10px auto;
    background-color: skyblue;
    position: relative; }
    .Details .guide_list dl img {
      height: 100%;
      width: 100%; }
    .Details .guide_list dl div {
      position: absolute;
      bottom: 0px;
      height: 30px;
      line-height: 17px;
      background-color: rgba(0, 0, 0, 0.62);
      color: #101010;
      font-size: 12px;
      text-align: center;
      font-family: Roboto;
      width: 100%;
      font-size: 14px;
      color: white;
      line-height: 30px; }
  .Details .guide_list .layui-unselect {
    margin-top: 35px; }

.Details .headImg {
  overflow: hidden;
  padding: 40px 50px; }
  .Details .headImg img,
  .Details .headImg dl {
    display: inline-block;
    vertical-align: middle; }
  .Details .headImg img {
    width: 90px;
    height: 90px;
    border-radius: 50%; }
  .Details .headImg dl {
    margin-left: 20px; }
    .Details .headImg dl dt {
      padding: 3px 0; }
      .Details .headImg dl dt em {
        font-size: 12px;
        color: #7995ac;
        padding-right: 5px; }
    .Details .headImg dl dt.n {
      font-size: 16px;
      font-weight: 700; }

.Details .hed_li {
  padding: 2px 0; }
  .Details .hed_li dl {
    width: auto !important; }

.Details .info {
  border-bottom: 1px dashed #ccc;
  overflow: hidden;
  padding: 20px 0; }
  .Details .info .hed_title {
    font-weight: 700;
    font-size: 14px; }
  .Details .info .spam {
    color: #ff9d00;
    font-size: 14px; }
  .Details .info .status {
    border: 1px dashed #0169f2;
    border-radius: 10px;
    font-size: 14px;
    padding: 5px 10px;
    margin-top: 10px;
    color: #0169f2; }
    .Details .info .status span {
      border-radius: 16px;
      background-color: #0169f2;
      color: white;
      font-size: 12px;
      text-align: center;
      font-family: Roboto;
      border: 1px solid white;
      padding: 5px 25px;
      font-weight: 400;
      cursor: pointer; }
  .Details .info .right .middle div img {
    width: 45px;
    height: 45px;
    border-radius: 45px;
    margin: 0 10px 10px 0; }
  .Details .info .right .comment .inforStatus .userInfo {
    margin-right: 40px; }
    .Details .info .right .comment .inforStatus .userInfo .nickName {
      font-weight: 700;
      font-size: 14px; }
    .Details .info .right .comment .inforStatus .userInfo .time {
      color: #999999;
      font-size: 12px;
      margin-top: 10px; }
    .Details .info .right .comment .inforStatus .userInfo .scenicName {
      color: #47d091;
      font-size: 12px;
      margin-top: 10px; }
  .Details .info .right .comment .content {
    color: #101010;
    font-size: 14px;
    text-align: left;
    line-height: 25px;
    letter-spacing: 1px;
    font-weight: 400; }
  .Details .info .right .comment .img_list img {
    width: 100px;
    height: 100px;
    margin-top: 10px;
    margin-right: 10px; }
  .Details .info .right .comment .locking {
    border: 1px dashed red;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px; }
    .Details .info .right .comment .locking .iconfont {
      margin-right: 10px;
      color: red; }
    .Details .info .right .comment .locking div {
      font-size: 12px; }
      .Details .info .right .comment .locking div div {
        font-weight: 400; }
  .Details .info h3 {
    font-weight: 700;
    line-height: 50px;
    font-size: 14px;
    float: left; }
  .Details .info div {
    font-size: 16px;
    font-weight: 700; }
  .Details .info dl {
    width: calc(100% - 100px);
    float: right;
    overflow: hidden; }
    .Details .info dl dt {
      margin-right: 30px; }
      .Details .info dl dt img {
        height: 100px;
        width: 100px;
        margin-bottom: 15px; }
      .Details .info dl dt b {
        font-size: 12px; }

.Details ul {
  width: calc(100% - 100px);
  float: right;
  overflow: hidden; }
  .Details ul li {
    padding: 15px 0;
    overflow: hidden;
    display: flex; }
    .Details ul li dl {
      min-width: 280px;
      max-width: 300px; }
      .Details ul li dl > em,
      .Details ul li dl b {
        display: inline-block;
        vertical-align: middle; }
      .Details ul li dl .details {
        color: black;
        min-width: 400px !important;
        max-width: 70%;
        line-height: 20px;
        letter-spacing: 2px;
        font-size: 12px; }
        .Details ul li dl .details dt {
          margin-bottom: 10px; }
        .Details ul li dl .details h4 {
          font-weight: 700;
          font-size: 12px;
          margin-bottom: 5px; }
      .Details ul li dl > em {
        font-size: 12px;
        color: #7995ac;
        padding-right: 5px;
        text-align: right; }
      .Details ul li dl > b {
        min-width: 120px;
        margin-right: 20px; }
        .Details ul li dl > b img {
          width: 70px; }
  .Details ul li.ed {
    display: table;
    width: 100%; }
    .Details ul li.ed i {
      display: table-cell;
      vertical-align: middle; }
    .Details ul li.ed i:nth-of-type(1) {
      width: 180px; }
    .Details ul li.ed i:nth-of-type(2) {
      width: 240px; }

.Details .like {
  width: calc(100% - 100px);
  float: right;
  overflow: hidden;
  font-size: 0;
  padding-top: 10px; }
  .Details .like em {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 20px;
    background: #f4f4f4;
    font-size: 12px;
    margin-right: 20px;
    margin-bottom: 10px; }

.Details .order_state {
  padding: 10px 20px;
  border: 1px dashed #0169f2;
  color: #0169f2;
  border-radius: 10px;
  margin-bottom: 20px;
  width: 400px; }
  .Details .order_state button {
    padding: 5px 10px;
    border-radius: 10px;
    background-color: #0169f2;
    font-size: 12px;
    color: white; }

.Details .warning {
  padding: 10px 20px;
  border: 1px dashed #db1414;
  border-radius: 10px;
  margin-bottom: 20px; }
  .Details .warning i.iconfont,
  .Details .warning p {
    display: inline-block;
    vertical-align: middle; }
  .Details .warning i.iconfont {
    text-align: center;
    width: 50px;
    color: #db1414;
    font-size: 40px; }
  .Details .warning p {
    margin-left: 10px;
    width: calc(100% - 70px); }
  .Details .warning em {
    display: block;
    clear: both;
    margin-top: 20px;
    color: #7995ac;
    font-size: 12px;
    padding: 0 20px; }

.advDetails {
  width: calc(100% - 24px);
  overflow: hidden;
  border: 1px solid #ccc;
  padding: 20px;
  box-sizing: border-box;
  margin: 10px auto; }
  .advDetails .head {
    overflow: hidden;
    position: relative; }
    .advDetails .head .showTC {
      display: block;
      width: 200px;
      height: 200px;
      background: url(../../../public/images/adv.png) no-repeat;
      background-size: 100% 100%;
      text-align: center;
      border-top: 1px solid rgba(0, 0, 0, 0);
      float: left; }
      .advDetails .head .showTC i,
      .advDetails .head .showTC b {
        display: block;
        color: #5abbee; }
      .advDetails .head .showTC i {
        font-size: 80px;
        margin-top: 20px; }
      .advDetails .head .showTC b {
        font-size: 20px; }
    .advDetails .head .info {
      width: calc(100% - 220px);
      display: block;
      position: absolute;
      left: 220px;
      z-index: 2;
      top: 50%;
      transform: translate(0, -50%); }
      .advDetails .head .info i,
      .advDetails .head .info b {
        display: block;
        font-size: 20px; }
        .advDetails .head .info i span,
        .advDetails .head .info b span {
          color: #5abbee; }
  .advDetails .content {
    clear: both; }
    .advDetails .content h3 {
      height: 50px;
      line-height: 50px;
      font-weight: 700; }

.activityDetails {
  padding: 0 20px; }
  .activityDetails .info {
    margin-top: 20px; }
    .activityDetails .info li {
      width: 50%;
      float: left;
      padding: 5px 0;
      color: #666;
      font-size: 12px; }
      .activityDetails .info li em {
        display: inline-block;
        vertical-align: middle; }
        .activityDetails .info li em img,
        .activityDetails .info li em b {
          display: inline-block;
          vertical-align: middle; }
        .activityDetails .info li em img {
          width: 12px;
          height: 12px; }
        .activityDetails .info li em b {
          color: #db1414; }
  .activityDetails .content {
    clear: both;
    padding-top: 20px;
    margin-bottom: 20px;
    overflow: hidden; }
    .activityDetails .content em {
      width: 70px;
      display: block;
      float: left; }
    .activityDetails .content .ct {
      float: right;
      width: calc(100% - 80px); }
  .activityDetails .data {
    width: 100%;
    display: table;
    border: 1px solid #ccc;
    margin-top: 20px;
    text-align: center; }
    .activityDetails .data li {
      display: table-cell;
      vertical-align: middle;
      padding: 10px; }
      .activityDetails .data li em {
        display: inline-block;
        vertical-align: middle; }
        .activityDetails .data li em b {
          display: block; }
        .activityDetails .data li em b.n {
          color: #999; }
      .activityDetails .data li em.iconfont {
        font-size: 30px;
        color: #7995ac; }
  .activityDetails .userT {
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    margin-top: 20px; }
  .activityDetails .prizeUser {
    display: table;
    width: 100%;
    border: 1px solid #ccc;
    text-align: center; }
    .activityDetails .prizeUser li.head em {
      background: #eef6f8; }
    .activityDetails .prizeUser li {
      display: table-row; }
      .activityDetails .prizeUser li em {
        display: table-cell;
        vertical-align: middle;
        padding: 15px 0; }
        .activityDetails .prizeUser li em img,
        .activityDetails .prizeUser li em h3 {
          display: block; }
        .activityDetails .prizeUser li em img {
          width: 40px;
          height: 40px;
          border-radius: 50%;
          margin-left: auto;
          margin-right: auto; }
        .activityDetails .prizeUser li em h3 {
          font-size: 14px; }
  .activityDetails .sh {
    padding-top: 20px;
    clear: both;
    overflow: hidden; }
    .activityDetails .sh em,
    .activityDetails .sh textarea {
      display: block; }
    .activityDetails .sh em {
      text-align: right; }
      .activityDetails .sh em button {
        height: 40px;
        color: #fff;
        padding: 0 15px;
        margin-left: 15px;
        min-width: 100px; }
      .activityDetails .sh em button.yesBtn {
        background: #38f; }
      .activityDetails .sh em button.passBtn {
        background: #db1414;
        margin-top: 20px; }
    .activityDetails .sh textarea {
      width: 100%;
      float: right;
      border: 1px solid #ccc;
      height: 100px;
      resize: none;
      padding: 10px;
      box-sizing: border-box; }
  .activityDetails .time {
    background: #fff;
    margin: 10px auto;
    padding: 20px 60px 20px 20px; }
    .activityDetails .time li {
      padding: 0 0 40px 40px;
      border-left: 2px solid #ccc;
      position: relative; }
      .activityDetails .time li p {
        font-size: 14px;
        text-align: justify; }
      .activityDetails .time li em {
        font-size: 10px;
        margin-top: 10px;
        width: 100%;
        color: #999;
        display: flex;
        justify-content: space-between; }
        .activityDetails .time li em b:nth-of-type(1) {
          color: #38f; }
    .activityDetails .time li:after {
      position: absolute;
      left: -8px;
      top: 0;
      display: block;
      width: 16px;
      height: 16px;
      content: "\e65c";
      font-family: "iconfont";
      color: #999; }
    .activityDetails .time li.sel {
      border-left: 2px solid #38f; }
    .activityDetails .time li.sel:after {
      color: #38f; }

.addressInfo {
  padding: 10px 12px;
  border: 1px solid #ccc;
  position: relative; }
  .addressInfo .btns {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translate(0, -50%);
    z-index: 4; }
    .addressInfo .btns button {
      display: inline-block;
      vertical-align: middle; }
    .addressInfo .btns button.modify {
      z-index: 2;
      background: #66b6ff;
      color: #fff;
      height: 34px;
      width: 70px;
      border-radius: 100px;
      cursor: pointer;
      font-size: 12px; }
  .addressInfo dt:nth-of-type(1) {
    font-size: 14px;
    color: #333; }
  .addressInfo dt:nth-of-type(2) {
    margin-top: 10px;
    font-size: 12px; }
    .addressInfo dt:nth-of-type(2) em {
      display: block;
      height: 26px;
      line-height: 26px;
      color: #999; }
      .addressInfo dt:nth-of-type(2) em span {
        color: #333; }

.logistics {
  padding: 0 0 30px;
  overflow: hidden; }
  .logistics h3 {
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    background: #f8f8f8; }
    .logistics h3 em {
      margin-left: 20px; }
  .logistics ul {
    padding: 20px 30px;
    width: calc(100% - 40px) !important;
    height: 60vh;
    overflow-y: auto !important; }
    .logistics ul li {
      position: relative;
      padding-right: 20px;
      display: block;
      border-left: 2px solid #e7e7e7;
      padding-bottom: 30px;
      font-size: 12px;
      padding-left: 20px;
      overflow: unset; }
      .logistics ul li p {
        margin-bottom: 10px; }
      .logistics ul li em {
        display: block;
        color: #999; }
    .logistics ul li:after {
      top: 0;
      left: -7px;
      content: "";
      display: block;
      position: absolute;
      width: 12px;
      height: 12px;
      background: #38f;
      border-radius: 50%; }

.posterA {
  display: flex;
  flex-wrap: wrap; }
  .posterA li:hover {
    box-shadow: 0px 0px 10px #999; }
  .posterA li {
    transition: 0.3s;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    border: 1px solid #ccc;
    padding: 2px;
    box-sizing: border-box;
    position: relative;
    width: 200px;
    overflow: hidden; }
    .posterA li > button {
      position: absolute;
      top: 5px;
      width: 26px;
      height: 26px;
      background: rgba(0, 0, 0, 0.3);
      border-radius: 50%;
      color: #fff;
      z-index: 66; }
    .posterA li button.lock {
      right: 5px; }
    .posterA li button.del {
      right: 32px; }
    .posterA li dl {
      clear: both;
      margin: 0;
      padding: 10px 5px; }
      .posterA li dl dt {
        font-size: 14px;
        color: #666;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .posterA li em {
      width: 100%;
      height: 250px;
      overflow: hidden;
      background: #f5f5f5;
      float: left;
      position: relative;
      display: block; }
    .posterA li .codeBtn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate3d(-50%, -50%, 0);
      z-index: 55;
      opacity: 0;
      transition: 0.3s; }
      .posterA li .codeBtn img {
        width: 120px;
        height: 120px;
        margin-bottom: 10px; }
      .posterA li .codeBtn button {
        background: #38f;
        color: #fff;
        width: 100%;
        height: 30px;
        border-radius: 4px;
        border: 2px solid #38f;
        transition: 0.3s;
        font-size: 12px; }
  .posterA li:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 4;
    background: rgba(255, 255, 255, 0);
    transition: 0.3s; }
  .posterA li:hover:before {
    background: rgba(255, 255, 255, 0.8); }
  .posterA li:hover .codeBtn {
    opacity: 1; }
    .posterA li:hover .codeBtn button:hover {
      background: #2170de; }
  .posterA li.sel {
    border: 1px solid #38f; }

.posterApop {
  width: 500px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 150;
  background: #fff;
  transform: translate(-50%, -50%); }
  .posterApop .swiper-slide {
    height: 100%;
    overflow: hidden; }

.h5Phone_box {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 200;
  transform: translate(-50%, -50%); }

.h5Phone {
  width: 320px;
  position: relative; }
  .h5Phone > img {
    box-shadow: 0 0 20px #999;
    border-radius: 45px; }
  .h5Phone .info {
    width: calc(100% - 7px);
    height: 456px;
    background: #1d2024;
    overflow: hidden;
    position: absolute;
    top: 79px;
    left: 50%;
    z-index: 5;
    transform: translate(-50%, 0); }
    .h5Phone .info #imgs {
      transition: 0.5s; }
  .h5Phone > button.up,
  .h5Phone > button.down,
  .h5Phone > button.close {
    position: absolute;
    width: 40px;
    height: 80px;
    background: #d2d2d2;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    right: -40px;
    transition: 0.3s;
    cursor: pointer; }
  .h5Phone > button.up {
    top: 140px; }
  .h5Phone > button.down {
    top: 230px; }
  .h5Phone > button.close {
    top: 320px; }
  .h5Phone > button:hover {
    background: #ffaf1e;
    color: #fff; }

.indexData {
  margin-top: 20px; }
  .indexData .Data1 .user .userInfo .user_head {
    width: 45px;
    height: 45px;
    background-color: #06ab99;
    border-radius: 45px;
    margin: 0 10px 10px 0; }
  .indexData .Data1 .user .account_sel {
    color: #0169f2;
    font-size: 12px;
    text-align: left;
    font-family: Courier New-regular;
    margin-bottom: 4px; }
  .indexData .Data1 .user .user_type {
    margin-top: 10px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f3f6fb;
    text-align: center;
    border: 1px solid white;
    font-size: 12px;
    font-family: SourceHanSansSC-regular; }
    .indexData .Data1 .user .user_type .version {
      color: #101010; }
    .indexData .Data1 .user .user_type .date {
      color: #06ab99; }
    .indexData .Data1 .user .user_type .xf {
      width: 60px;
      height: 22px;
      line-height: 22px;
      border-radius: 11px;
      background-color: #06ab99;
      color: white;
      text-align: center;
      font-family: Roboto;
      border: 1px solid white; }
  .indexData .Data1 .user .user_detail {
    font-size: 14px;
    font-family: SourceHanSansSC-regular;
    color: #101010;
    line-height: 25px;
    margin-top: 10px; }
  .indexData .Data1 .matter dl {
    height: 45px;
    font-size: 12px;
    background-color: #f3f6fb;
    border: 1px solid white;
    padding: 0 20px 0 20px;
    margin-top: 5px; }
  .indexData .Data1 .message dl {
    margin-top: 11px; }
    .indexData .Data1 .message dl dt {
      color: #101010;
      font-family: Courier New-regular;
      text-align: left; }
    .indexData .Data1 .message dl p {
      color: #999999; }

.permissionsF dl dt {
  overflow: hidden;
  padding: 15px 0; }

.permissionsF .allQX {
  height: 40px;
  line-height: 40px; }

.permissionsF h3.fQX {
  width: 100%;
  border-top: 1px solid #ccc;
  height: 34px;
  line-height: 34px;
  clear: both; }
  .permissionsF h3.fQX button.more {
    float: right;
    height: 24px;
    width: 40px;
    background: #f4f4f4;
    margin: 0; }
  .permissionsF h3.fQX button.more:hover {
    background: #eee; }

.permissionsF button,
.permissionsF em {
  display: inline-block;
  vertical-align: middle; }

.permissionsF button.iconfont {
  width: 14px;
  height: 14px;
  font-size: 14px;
  vertical-align: -3px;
  margin-right: 5px;
  color: #7995ac; }

.permissionsF button.iconfont.sel {
  color: #38f; }

.permissionsF .qxList {
  width: 100%;
  padding-left: 20px; }
  .permissionsF .qxList li {
    float: left;
    color: #7995ac;
    font-size: 12px;
    margin: 10px 30px 10px 0; }
    .permissionsF .qxList li button.o {
      width: 14px;
      height: 14px;
      margin-right: 3px;
      position: relative; }
      .permissionsF .qxList li button.o i {
        display: block;
        width: 14px;
        height: 14px;
        border: 1px solid #ccc;
        color: #fff;
        font-size: 12px; }
      .permissionsF .qxList li button.o input {
        width: 14px;
        height: 14px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        margin: 0;
        cursor: pointer; }
      .permissionsF .qxList li button.o input:checked + i {
        background: #147fd9;
        border: 1px solid #147fd9; }

.withoutPermission {
  background: #f6f6f8;
  width: 100%;
  height: calc(100% - 15px);
  margin-top: 10px;
  position: relative; }
  .withoutPermission .no_data {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -120%);
    z-index: 4; }
    .withoutPermission .no_data h3 {
      font-size: 22px;
      color: #79797c;
      text-align: center;
      font-weight: 700;
      margin-top: 10px; }

.yLHw {
  position: fixed;
  z-index: 110;
  width: 300px;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0); }
  .yLHw .screen {
    width: 290px;
    border: 2px solid #333;
    height: 431px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    top: 76px;
    left: 3px; }
    .yLHw .screen .jszc {
      background: #f4f4f4;
      font-size: 12px;
      color: #666;
      text-align: center;
      padding: 10px 0;
      text-align: center; }
    .yLHw .screen .videoBox {
      width: 100%;
      position: relative;
      overflow: hidden; }
      .yLHw .screen .videoBox .playBtn {
        width: 60px;
        height: 60px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;
        position: absolute; }
      .yLHw .screen .videoBox img {
        position: absolute;
        top: 0;
        left: 0; }
      .yLHw .screen .videoBox video {
        width: 100%; }
    .yLHw .screen .imgs {
      overflow-x: scroll;
      overflow-y: hidden;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
      border-top: 4px solid #fff;
      border-bottom: 4px solid #fff;
      font-size: 0; }
      .yLHw .screen .imgs li {
        display: inline-block;
        width: 200px;
        border-right: 4px solid #fff; }
      .yLHw .screen .imgs li:nth-of-type(1) {
        position: relative; }
        .yLHw .screen .imgs li:nth-of-type(1) .btn {
          position: absolute;
          font-size: 24px;
          top: 50%;
          left: 5px;
          transform: translate(0, -50%);
          width: 30px;
          height: 30px;
          text-align: center;
          color: #fff;
          -webkit-animation: leftbtn 1s linear 0s infinite;
          text-shadow: 0 0 2px rgba(0, 0, 0, 0.6); }

@-webkit-keyframes leftbtn {
  0%,
  100% {
    left: 5px; }
  25%,
  75% {
    left: 10px; }
  50% {
    left: 15px; } }

.suerLogo dl {
  width: 100%;
  overflow: hidden; }
  .suerLogo dl dt {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px; }
    .suerLogo dl dt em {
      display: block;
      width: 150px;
      height: 150px;
      position: relative; }
    .suerLogo dl dt .puts .op {
      display: flex;
      overflow: hidden;
      align-items: center; }
      .suerLogo dl dt .puts .op b {
        width: 60px;
        font-size: 12px;
        color: #666; }
    .suerLogo dl dt .puts input {
      height: 26px;
      border: 1px solid #ccc;
      display: block;
      margin-top: 5px;
      font-size: 12px;
      padding: 0 5px;
      box-sizing: border-box;
      width: 90px; }

.popMerchandiseList {
  position: fixed;
  width: 75%;
  height: calc(100vh - 200px);
  z-index: 107;
  left: 50%;
  top: 50%;
  background: #fff;
  transform: translate(-50%, -50%); }
  .popMerchandiseList h3 {
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 12px;
    background: #f5f5f5; }
    .popMerchandiseList h3 button {
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      color: #999;
      float: right;
      font-size: 22px; }
  .popMerchandiseList ul {
    margin-top: 10px;
    overflow-x: hidden;
    overflow-y: scroll;
    box-sizing: border-box;
    height: calc(100% - 140px);
    -webkit-overflow-scrolling: touch; }
    @media screen and (max-width: 1024px) {
      .popMerchandiseList ul li {
        width: calc((100% - 70px) / 5); } }
    @media screen and (min-width: 1025px) {
      .popMerchandiseList ul li {
        width: 143px; } }
    .popMerchandiseList ul li {
      float: left;
      border: 1px solid #ccc;
      margin-left: 10px;
      margin-bottom: 10px;
      position: relative; }
      .popMerchandiseList ul li h3 {
        font-size: 12px;
        height: 34px;
        padding: 0 6px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      .popMerchandiseList ul li em {
        display: block;
        height: 26px;
        line-height: 26px;
        color: #db1414;
        position: relative; }
    .popMerchandiseList ul li.sel:after {
      color: #fff;
      display: block;
      font-family: "iconfont";
      content: "\e607";
      position: absolute;
      top: 5px;
      right: 5px;
      z-index: 5;
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      background: #38f;
      border-radius: 50%; }
  .popMerchandiseList div.bottom {
    padding: 20px 12px; }
    .popMerchandiseList div.bottom > button {
      width: 120px;
      border-radius: 100px;
      height: 40px;
      background: #ffaf1e;
      color: #fff;
      display: block;
      float: right;
      cursor: pointer; }
    .popMerchandiseList div.bottom div .seach {
      float: left;
      height: 30px;
      border: 1px solid #ccc;
      box-sizing: border-box; }
      .popMerchandiseList div.bottom div .seach .option {
        width: 60px; }
      .popMerchandiseList div.bottom div .seach input {
        width: 160px;
        font-size: 12px;
        height: 30px;
        margin-left: 10px;
        color: #333; }
      .popMerchandiseList div.bottom div .seach button {
        text-align: center;
        border: 0;
        border-left: 1px solid #ccc;
        margin-right: 0;
        width: 40px;
        height: 30px; }

.addressBox_add {
  width: 100%; }
  .addressBox_add h3 {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #7995ac;
    white-space: nowrap; }
  .addressBox_add .as {
    width: 100%;
    height: 34px;
    line-height: 34px;
    padding: 0 5px;
    font-size: 12px;
    border: 1px solid #eee;
    box-sizing: border-box;
    color: #999;
    cursor: pointer;
    position: relative; }
  .addressBox_add .as:after {
    display: block;
    content: "";
    clear: both; }

.fabutishi {
  padding: 8px 20px; }
  .fabutishi p {
    padding: 5px 0; }
    .fabutishi p .m {
      color: #ffaf1e;
      padding: 0 5px; }
  .fabutishi .successful {
    color: #0a8ecb; }
  .fabutishi .failure {
    color: red; }

.moreImg li {
  width: 120px;
  height: 120px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative; }

.moreImg .del {
  height: 24px;
  width: 24px;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 999;
  cursor: pointer;
  border-radius: 30px;
  background-color: #fff; }
  .moreImg .del img {
    height: 16px;
    width: 14px;
    position: absolute;
    transform: translate(-50%, 30%);
    left: 50%;
    top: 50%; }

.moreImg:after {
  display: block;
  clear: both;
  content: ""; }

.map {
  width: 100%;
  height: calc(100vh - 230px); }

.menpai {
  margin-top: 10px; }
  .menpai h3 {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #7995ac;
    white-space: nowrap; }
  .menpai .oImg {
    width: 240px;
    position: relative; }

.backTop {
  position: fixed;
  right: 40px;
  bottom: 40px;
  font-size: 46px;
  width: 44px;
  line-height: 44px;
  text-align: center;
  height: 44px;
  border: 1px solid #ccc;
  cursor: pointer;
  transition: 0.3s;
  display: block;
  background: #38f;
  color: #fff; }

.backTop:hover {
  background: #eee; }

.noSecond .laydate-time-list {
  padding-bottom: 0;
  overflow: hidden; }

.noSecond .laydate-time-list > li {
  width: 50% !important; }

.noSecond .laydate-time-list > li:last-child {
  display: none; }

.searchMerchantUID h4 {
  font-size: 18px;
  padding: 10px 0; }

.searchMerchantUID .searchUIOD {
  display: flex;
  flex: 1;
  border: 1px solid #7995ac; }
  .searchMerchantUID .searchUIOD input {
    flex: 1;
    padding: 0 12px; }
  .searchMerchantUID .searchUIOD input,
  .searchMerchantUID .searchUIOD button {
    height: 44px; }
  .searchMerchantUID .searchUIOD button {
    width: 80px;
    background: #7995ac;
    color: #fff; }

.zengsongADV {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ccc; }
  .zengsongADV select {
    height: 40px;
    padding: 0 30px 0 12px; }

.toLeadExcel {
  color: #7995ac; }
  .toLeadExcel .name .oImg em {
    font-size: 24px;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer;
    position: relative; }
    .toLeadExcel .name .oImg em .m {
      position: absolute;
      width: 500px;
      border-radius: 5px;
      padding: 20px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
      background: #fff;
      z-index: 55;
      display: none; }
  .toLeadExcel .name .oImg em:hover .m {
    display: block; }
  .toLeadExcel .file {
    margin: 20px 0 0 20px; }
    .toLeadExcel .file button {
      background: green;
      color: #fff;
      position: relative;
      height: 34px;
      width: 74px;
      border-radius: 50px; }
      .toLeadExcel .file button input[type="file"] {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        left: 0;
        top: 0;
        opacity: 0;
        cursor: pointer; }

.is_youji {
  display: flex;
  font-size: 12px;
  color: #666;
  margin: 20px 0; }
  .is_youji button {
    height: 20px;
    width: 20px;
    line-height: 20px;
    margin-right: 5px;
    font-size: 18px; }
  .is_youji button.sel {
    color: #38f; }
  .is_youji button,
  .is_youji p {
    vertical-align: middle; }
  .is_youji p {
    margin-right: 30px; }

.shuxing .list li {
  display: flex;
  align-items: center;
  margin-bottom: 5px; }
  .shuxing .list li > .iconfont {
    font-size: 20px;
    margin-right: 4px; }
  .shuxing .list li em {
    color: #666;
    font-size: 12px;
    margin: 0 10px;
    word-break: keep-all;
    white-space: nowrap; }
  .shuxing .list li .put {
    display: flex; }
    .shuxing .list li .put dt {
      padding-right: 4px;
      border: 1px solid #ccc;
      margin-right: 5px; }
      .shuxing .list li .put dt input {
        height: 30px;
        width: 70px;
        padding: 0 5px; }

.shuxing .more_data {
  border-collapse: collapse; }
  .shuxing .more_data td {
    border: 1px solid #ccc;
    padding: 2px 0; }
    .shuxing .more_data td input {
      width: 100%;
      text-align: center;
      height: 30px; }
  .shuxing .more_data thead td {
    padding: 10px 0; }
  .shuxing .more_data .t {
    white-space: nowrap;
    padding: 2px 10px;
    font-size: 12px; }

.img_puts {
  overflow: hidden;
  padding: 10px 0; }
  .img_puts .list li {
    height: 160px;
    width: 160px;
    background: #f2f2f2;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative; }
    .img_puts .list li .iconfont {
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 22px;
      z-index: 5;
      color: red; }

.logisticsA table {
  margin-bottom: 20px;
  border-collapse: collapse; }
  .logisticsA table td {
    border: 1px solid #eee;
    padding: 10px !important; }
  .logisticsA table .caozuo {
    text-align: right; }

.logisticsA .pil {
  font-size: 12px;
  color: #333; }
  .logisticsA .pil button {
    margin-left: 10px;
    color: #38f; }

.logisticsA .moban li {
  display: flex;
  padding: 10px 0; }
  .logisticsA .moban li .dz1 {
    display: flex; }
  .logisticsA .moban li button {
    white-space: nowrap; }
  .logisticsA .moban li em {
    padding-right: 10px; }
  .logisticsA .moban li input[type="radio"] {
    -webkit-appearance: radio; }
  .logisticsA .moban li .th1 {
    text-align: left; }
  .logisticsA .moban li .mp1 {
    border: 1px solid #ccc;
    height: 30px; }
  .logisticsA .moban li .mp2 {
    background: #fff;
    width: 60px;
    height: 26px; }
  .logisticsA .moban li .mp3 {
    background: #fff;
    width: 60px;
    border: 1px solid #ccc;
    height: 26px; }
  .logisticsA .moban li .tbms {
    flex: 1; }

.pop_dqu {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 101;
  background: #fff;
  min-width: 600px;
  width: 40vw; }
  .pop_dqu h3 {
    height: 44px;
    border-bottom: 1px solid #eee;
    line-height: 44px;
    padding-left: 12px;
    background: #f9f9f9; }
    .pop_dqu h3 button {
      height: 44px;
      width: 44px;
      font-size: 18px;
      font-weight: 700;
      color: #333;
      float: right;
      border-left: 1px solid #ccc; }
  .pop_dqu .list li {
    display: flex;
    padding: 10px 0; }
    .pop_dqu .list li input {
      -webkit-appearance: checkbox; }
    .pop_dqu .list li em {
      width: 100px;
      text-align: left;
      padding-left: 10px; }
    .pop_dqu .list li .inm {
      flex: 1;
      overflow: hidden; }
      .pop_dqu .list li .inm dt {
        float: left;
        width: 33.3333%; }
  .pop_dqu .btns {
    overflow: hidden;
    text-align: right;
    padding: 10px 0; }
    .pop_dqu .btns button {
      height: 30px;
      margin-right: 10px;
      padding: 0 15px;
      border-radius: 4px; }
    .pop_dqu .btns .sel {
      background: #7995ac;
      color: #fff; }

.labs_cur {
  display: flex;
  align-items: center;
  color: #666; }
  .labs_cur.left {
    float: left; }
  .labs_cur .btn {
    margin-left: 20px; }
    .labs_cur .btn button {
      padding: 5px 10px;
      color: #666;
      border-bottom: 2px solid rgba(255, 255, 255, 0);
      margin: 0 5px;
      font-weight: 700; }
      .labs_cur .btn button:hover {
        background: #f8f8f8; }
      .labs_cur .btn button.sel {
        border-bottom: 2px solid #38f; }

.ly_input {
  position: relative; }

.inputTimer {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  padding-right: 10px; }

.inputTimer input {
  border: 0 !important; }

.paramSet li {
  display: flex;
  align-items: center;
  padding: 12px 12px;
  border-bottom: 1px solid #ccc; }
  .paramSet li textarea {
    border: 1px solid #ccc;
    height: 60px;
    width: 350px;
    padding: 10px;
    resize: none; }
  .paramSet li input[type="text"] {
    border: 1px solid #ccc;
    width: 60px;
    height: 30px;
    padding: 0 8px;
    border-radius: 4px;
    margin: 0 5px; }
  .paramSet li > em {
    margin-right: 10px; }
  .paramSet li .dset button {
    font-size: 12px;
    padding: 5px 8px;
    margin-right: 6px;
    color: #666;
    background: #f8f8f8;
    border-radius: 4px; }
    .paramSet li .dset button.sel {
      background: #38f;
      color: #fff; }
  .paramSet li .dset b {
    margin-right: 10px; }
  .paramSet li .set_mod {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #666; }
    .paramSet li .set_mod dt {
      margin-right: 25px; }
    .paramSet li .set_mod button {
      position: relative;
      border-radius: 4px;
      overflow: hidden; }
      .paramSet li .set_mod button span {
        display: block;
        width: 16px;
        line-height: 16px;
        height: 16px;
        color: #999;
        background: #f8f8f8;
        font-size: 12px;
        border: 1px solid #eee; }
      .paramSet li .set_mod button input[type="checkbox"] {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        cursor: pointer; }
      .paramSet li .set_mod button input[type="checkbox"]:checked + .iconfont {
        background: #38f;
        color: #fff; }
  .paramSet li .tj dt {
    margin: 8px 0; }
  .paramSet li .kg {
    display: flex;
    align-items: center; }
    .paramSet li .kg button {
      display: flex;
      align-items: center;
      position: relative;
      margin-right: 20px;
      color: #999;
      background: #f8f8f8;
      font-size: 12px;
      border: 1px solid #ccc;
      height: 30px;
      overflow: hidden; }
      .paramSet li .kg button .txt {
        white-space: nowrap;
        padding: 0 10px;
        height: 30px;
        line-height: 30px; }
      .paramSet li .kg button input[type="checkbox"] {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 11;
        width: 100%;
        height: 100%;
        margin: 0;
        font-size: 0;
        cursor: pointer; }
      .paramSet li .kg button .font {
        background: #fff;
        color: #38f;
        width: 30px;
        height: 30px;
        line-height: 30px; }
        .paramSet li .kg button .font .iconfont {
          opacity: 0; }
      .paramSet li .kg button input[type="checkbox"]:checked + .txt {
        background: #38f;
        color: #fff; }
      .paramSet li .kg button input[type="checkbox"]:checked + .txt + .font .iconfont {
        opacity: 1; }

.colorList {
  width: 100%;
  background: red;
  height: 32px;
  display: flex;
  align-items: center;
  margin-bottom: 10px; }
  .colorList li {
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    flex: 1;
    color: #fff;
    text-align: center; }

.o1,
.o2,
.o3,
.o4,
.o5,
.o6 {
  color: #fff;
  position: relative; }
  .o1 div:not(:nth-last-of-type(1)),
  .o2 div:not(:nth-last-of-type(1)),
  .o3 div:not(:nth-last-of-type(1)),
  .o4 div:not(:nth-last-of-type(1)),
  .o5 div:not(:nth-last-of-type(1)),
  .o6 div:not(:nth-last-of-type(1)) {
    border-bottom: 1px solid #fff; }
  .o1 .name,
  .o2 .name,
  .o3 .name,
  .o4 .name,
  .o5 .name,
  .o6 .name {
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    padding: 6px 0; }

.o1 {
  background: #8b8484; }

.o2 {
  background: #009999; }

.o3 {
  background: #8891ed; }

.o4 {
  background: #ff6700; }

.o5 {
  background: #aa3939; }

.o6 {
  background: #336699; }

.Uptop {
  position: absolute;
  bottom: 105%;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 20; }
  .Uptop button {
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
    padding: 8px 20px;
    font-size: 14px;
    background: #38f;
    margin: 0 10px;
    font-weight: 700; }

.pop_login {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  padding: 40px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 95;
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
  width: 300px; }
  .pop_login h3 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin: 20px 0; }
  .pop_login .list li {
    display: flex;
    align-items: center;
    position: relative;
    color: #fff;
    margin-bottom: 25px; }
    .pop_login .list li input {
      flex: 1;
      height: 44px; }
    .pop_login .list li input:focus + i {
      background: #38f; }
    .pop_login .list li i {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, -50%);
      display: block;
      height: 1px;
      width: 100%;
      background: #999; }
    .pop_login .list li .iconfont {
      margin-right: 15px;
      color: #999; }
    .pop_login .list li .code {
      background: #666;
      padding: 5px 15px;
      border-radius: 4px;
      white-space: nowrap; }
      .pop_login .list li .code.sel {
        background: #38f; }

.submitBnt_lo {
  margin-top: 20px;
  background: #38f;
  width: 100%;
  border-radius: 10px;
  height: 40px;
  color: #fff;
  font-size: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  border: 2px solid rgba(8, 170, 176, 0.8); }

.filter button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #dcdfe6;
  border-color: #dcdfe6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  font-weight: 400;
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 3px;
  margin-right: 10px; }

.filter button:hover {
  border-color: #3290fe;
  color: #3290fe; }

.filter input {
  border: 1px solid #ccc;
  height: 30px;
  padding: 0 5px; }

.isFilter {
  background-color: #409eff !important;
  color: white !important; }

.options {
  width: 100px !important;
  height: 30px !important;
  margin-right: 10px; }

.violation {
  color: red; }

.long_w {
  width: 500px; }

.break {
  max-width: none !important;
  min-width: none !important; }

.success {
  background-color: #e7faf0;
  border-color: #d0f5e0;
  color: #13ce66;
  padding: 6px 10px;
  border-style: solid;
  border-radius: 4px;
  height: 15px;
  border-width: 1px;
  font-size: 12px;
  font-weight: 400;
  margin-right: 10px;
  cursor: pointer; }

.delete {
  background-color: #ffeded;
  border-color: #ffdbdb;
  color: #ff4949;
  padding: 0 10px;
  border-style: solid;
  border-radius: 4px;
  border-width: 1px;
  height: 26px;
  font-size: 12px;
  font-weight: 400;
  line-height: 28px;
  margin-right: 10px;
  cursor: pointer; }

.alert {
  margin-top: 20px;
  background-color: #fff8e6;
  color: #ffba00;
  width: 100%;
  padding: 8px 16px;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  opacity: 1;
  -webkit-box-align: center;
  align-items: center;
  transition: opacity 0.2s; }

.wait {
  color: #47d091 !important; }

.not {
  color: #f56c6c !important; }

.suc {
  color: #409eff !important; }

.option_all {
  position: absolute;
  min-width: 400px;
  max-width: 40%;
  padding: 5px;
  font-size: 12px;
  transform: translate(-50%, -50%);
  bottom: 20%;
  text-align: center;
  left: 50%;
  padding: 12px 16px;
  margin: 0;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  opacity: 1;
  display: flex;
  align-items: center;
  animation: alert 0.5s infinite;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1; }
  .option_all p {
    margin: 0 auto; }

.alert_error {
  background-color: #fef0f0;
  color: #f56c6c; }

.alert_success {
  background-color: #f0f9eb;
  color: #67c23a; }

.alert_caveat {
  background-color: #fdf6ec;
  color: #e6a23c; }

@keyframes alert {
  from {
    bottom: 0px; }
  to {
    bottom: 20%; } }

.dialog_wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  margin: 0;
  z-index: 2011;
  background-color: rgba(0, 0, 0, 0.3); }
  .dialog_wrapper .dialog {
    transform: none;
    left: 0;
    position: relative;
    margin: 15vh auto;
    box-sizing: border-box;
    width: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    background: #fff; }
    .dialog_wrapper .dialog .dialog_header {
      padding: 20px 20px 10px; }
      .dialog_wrapper .dialog .dialog_header .dialog_title {
        line-height: 24px;
        font-size: 18px;
        color: #303133; }
      .dialog_wrapper .dialog .dialog_header .close {
        position: absolute;
        top: 20px;
        right: 20px;
        padding: 0;
        background: 0 0;
        border: none;
        outline: 0;
        cursor: pointer;
        font-size: 16px; }
    .dialog_wrapper .dialog .dialog_body {
      padding: 30px 20px;
      color: #606266;
      font-size: 14px;
      word-break: break-all; }
    .dialog_wrapper .dialog .dialog_footer {
      padding: 10px 20px 20px;
      text-align: right;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .dialog_wrapper .dialog .dialog_footer span {
        margin: 0 auto; }
        .dialog_wrapper .dialog .dialog_footer span .button_close {
          display: inline-block;
          line-height: 1;
          white-space: nowrap;
          cursor: pointer;
          background: #fff;
          border: 1px solid #dcdfe6;
          color: #606266;
          -webkit-appearance: none;
          text-align: center;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          outline: 0;
          margin: 0;
          -webkit-transition: 0.1s;
          transition: 0.1s;
          font-weight: 500;
          padding: 6px 20px;
          font-size: 14px;
          border-radius: 4px;
          margin-right: 20px; }
        .dialog_wrapper .dialog .dialog_footer span .submit {
          color: #fff !important;
          background-color: #409eff !important;
          border-color: #409eff !important; }

ul.px {
  border: 1px solid #ccc;
  float: left;
  margin-right: 15px; }
  ul.px li:not(:nth-last-child(1)) {
    border-right: 1px solid #ccc; }
  ul.px li {
    float: left;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    ul.px li i.iconfont {
      font-size: 12px;
      color: #ccc;
      padding-left: 10px; }
    ul.px li > em {
      display: none;
      position: absolute;
      min-width: 90px;
      max-height: 500px;
      overflow-y: auto;
      direction: rtl;
      left: 0;
      top: 30px;
      z-index: 4;
      box-shadow: 1px 1px 20px #ccc; }
      ul.px li > em span.sel {
        color: #38f; }
      ul.px li > em span.sel:after {
        font-family: "iconfont";
        content: "\e607";
        color: #38f;
        margin-left: 10px; }
      ul.px li > em span {
        display: block;
        white-space: nowrap;
        padding: 0 10px;
        position: relative;
        background: #fff;
        border-right: 1px solid #ccc; }
        ul.px li > em span b {
          position: absolute;
          left: 100%;
          top: 0;
          z-index: 1;
          background: #fff;
          box-shadow: 1px 1px 20px #ccc; }
          ul.px li > em span b i {
            display: block;
            padding: 0 10px;
            min-width: 90px; }
          ul.px li > em span b i:hover {
            color: #38f !important; }
      ul.px li > em span:hover {
        color: #38f; }
        ul.px li > em span:hover > * {
          color: #666; }
    ul.px li > em::-webkit-scrollbar {
      width: 8px;
      height: 8px;
      background-color: #f5f5f5; }
    ul.px li > em::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      border-radius: 10px;
      background-color: #f5f5f5; }
    ul.px li > em::-webkit-scrollbar-thumb {
      /*width: 10px;*/
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #e3e3e3; }
  ul.px li.sel {
    background: #f5f5f5; }
  ul.px li:hover {
    background: #f5f5f5; }
    ul.px li:hover em {
      display: block; }

.other_button {
  color: #3388ff !important; }

.standardTextarea {
  border: 1px solid #ccc;
  height: 60px;
  height: 180px;
  width: calc(100% - 30px);
  padding: 10px;
  resize: none; }

.tags {
  background-color: #ecf5ff;
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #409eff;
  border: 1px solid #d9ecff;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap; }

.tags_suc {
  background-color: #f0f9eb !important;
  border-color: #e1f3d8 !important;
  color: #67c23a !important; }