* {
  margin     : 0;
  padding    : 0;
  font-family: Arial, Helvetica, sans-serif, "宋体";
}

// 数字字体样式记得改

input:focus,
textarea:focus {
  outline: none;
}

a {
  text-decoration: none;
  color: none;
}

a:hover {
  text-decoration: none;
}
a:active{
  background-color:none ;
}
li {
  list-style: none;
}

// ---------------------------------------------------
.fs(@width, @height) {
  width : unit(@width / 37.5, rem);
  height: unit(@height / 37.5, rem);
}

// 字体大小+颜色
.text(@font-size, @color) {
  font-size: unit(@font-size / 37.5, rem);
  color    : @color;
}

//单行文本显示省略号
.aline(@width) {
  overflow: hidden;
  /*超出部分隐藏*/
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  white-space: nowrap;
  /*规定段落中的文本不进行换行 */
  max-width: unit(@width / 37.5, rem);
  /*需要配合宽度来使用*/
  text-align: left;
}

// 多行文本显示省略号
.alines(@line, @width) {
  display           : -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @line;
  overflow          : hidden;
  width             : unit(@width / 37.5, rem);
  text-align        : left;
}

// 圆形
.circular(@width) {
  width        : unit(@width / 37.5, rem);
  height       : unit(@width / 37.5, rem);
  border-radius: 50%;
}

.width(@width) {
  width: unit(@width / 37.5, rem);
}

.height(@height) {
  height: unit(@height / 37.5, rem);
}

.marginTop(@num) {
  margin: unit(@num / 37.5, rem) auto 0;
}

.marginBottom(@num) {
  margin: 0 auto unit(@num / 37.5, rem);
}

.margin(@num1, @num2, @num3, @num4) {
  margin: unit(@num1 / 37.5, rem) unit(@num2 / 37.5, rem) unit(@num3 / 37.5, rem) unit(@num4 / 37.5, rem);
}

.padding(@num1, @num2, @num3, @num4) {
  padding: unit(@num1 / 37.5, rem) unit(@num2 / 37.5, rem) unit(@num3 / 37.5, rem) unit(@num4 / 37.5, rem);
}

.top(@num) {
  top: unit(@num / 37.5, rem);
}

.bottom(@num) {
  bottom: unit(@num / 37.5, rem);
}

.right(@num) {
  right: unit(@num / 37.5, rem);
}

.left(@num) {
  left: unit(@num / 37.5, rem);
}

.location {
  position: absolute;
}

.lineHeight(@num) {
  line-height: unit(@num / 37.5, rem);
}

body {
  max-width : 10rem;
  margin    : auto;
  overflow-x: hidden;
}

.container {
  position        : relative;
  background-color: #FBFAFA;
  min-height      : 100vh;
}

.ContentHeight {
  height  : 100vh !important;
  overflow: hidden;
}

.box_header {
  .fs(375, 49);
  position: -webkit-sticky;
  position: sticky;
  top     : 0;
}

header {
  .fs(375, 49);
  border-bottom: 1/37.5rem solid #E5E5E5;
  display         : flex;
  align-items     : center;
  justify-content : space-between;
  z-index         : 30000;
  position        : -webkit-sticky;
  position        : sticky;
  top             : 0;
  left            : 0;
  z-index         : 10000;
  background-color: #ffffff;

  .left {
    .menu {
      .fs(19, 17);
    }

    .close {
      .fs(16, 16);
      display: none;
    }

    .margin(0, 0, 0, 16);
  }

  .center {
    display        : flex;
    align-items    : center;
    justify-content: space-between;

    img {
      .fs(84, 23);
    }

    .circle {
      .circular(2);
      background: rgba(114, 113, 113, 1);
      .margin(0, 0, 0, 8);
    }

    span {
      font-size: 17/37.5rem;
      color    : rgba(114, 113, 113, 1);
      .margin(0, 0, 0, 8);
    }
  }

  .right {
    img {
      .fs(22, 22);
    }

    .margin(0, 15, 0, 0);
  }
}

// menu
.all_cover {
  width           : 100%;
  height          : 100vh;
  position        : fixed;
  top             : 0;
  left            : 0;
  z-index         : 9998;
  background-color: #000000;
  opacity         : 0.4;
  display         : none;
}

.menu_list_box {
  -webkit-animation-name    : layui-m-anim-down;
  animation-name            : layui-m-anim-down;
  -webkit-animation-duration: .4s;
  animation-duration        : .4s;
  .fs(375, 224);
  background-color: #fafafa;
  position        : absolute;
  z-index         : 50000;
  display         : none;
  // .top(56);
  .left(0);

  .menu_list {
    width: 100%;

    li {
      width           : 32.8%;
      float           : left;
      text-align      : center;
      height          : 50/37.5rem;
      line-height     : 50/37.5rem;
      border          : 1/37.5rem solid #eae7e7;
      background-color: #ffffff;

      a {
        font-size      : 20/37.5rem;
        color          : #000000;
        text-decoration: none;
      }

      a:active {
        color: #ffffff;
      }
    }

    li:active {
      background-color: #68b92e;
    }

    li.on {
      background-color: #68b92e;

      a {
        color: #ffffff;
      }
    }
  }
}

@keyframes layui-m-anim-down {
  0% {
    opacity: 0;
    .top(0);
  }

  100% {
    opacity: 1;
    .top(56);
  }
}

@-webkit-keyframes layui-m-anim-down {
  0% {
    opacity: 0;
    .top(0);
  }

  100% {
    opacity: 1;
    .top(56);
  }
}



.box_navbar {
  .fs(375, 40);
  overflow-y       : hidden;
  display          : flex;
  // padding-bottom: 180/37.5rem;
  position         : relative;
  background       : rgba(255, 255, 255, 1);
  box-shadow       : 0px 1/37.5rem 14/37.5rem 0px rgba(0, 0, 0, 0.06);

  .navbar {
    .fs(375, 40);
    background                : rgba(255, 255, 255, 1);
    box-shadow                : 0px 1/37.5rem 14/37.5rem 0px rgba(0, 0, 0, 0.06);
    position                  : relative;
    display                   : flex;
    flex-wrap                 : nowrap;
    align-items               : center;
    align-content             : center;
    overflow-x                : scroll;
    overflow-y                : hidden;
    -webkit-overflow-scrolling: touch;
    display                   : -webkit-box;
    display                   : -moz-box;
    display                   : -ms-flexbox;
    display                   : -o-box;
    display                   : box;
    //   padding-top          : 15/37.5rem;
    padding-bottom            : 20/37.5rem;

    li {
      .text(14, #9097A8);
      text-align : center;
      line-height: 36/37.5rem;
      min-width  : 55/37.5rem;
      .padding(0, 17, 0, 17);
      // .fs(30,)
      // width: 80/37.5rem;
    }

    li.active {
      color: #000000;
    }

    .activeline_box {
      left    : 0;
      position: absolute;
      .top(30);
      height    : 3/37.5rem;
      text-align: center;
      min-width : 50/37.5rem;
      transition: all 300ms cubic-bezier(0.35, 0, 0.25, 1) 0s;

      .activeline {
        .fs(20, 3);
        background   : rgba(0, 0, 0, 1);
        border-radius: 4/37.5rem;
        margin       : auto;
      }
    }

  }
}

/*菜单栏目 */
.content_menu {
  margin       : auto;
  width        : 345/37.5rem;
  margin       : auto;
  display      : flex;
  flex-wrap    : nowrap;
  align-items  : center;
  align-content: center;

  .box_menu {
    width            : 325/37.5rem;
    height           : 60/37.5rem !important;
    overflow-y       : hidden;
    display          : flex;
    // padding-bottom: 180/37.5rem;
    position         : relative;
  }

  .menu {
    .fs(325, 60);
    display                   : flex;
    flex-wrap                 : nowrap;
    align-items               : center;
    align-content             : center;
    overflow-x                : scroll;
    overflow-y                : hidden;
    -webkit-overflow-scrolling: touch;
    display                   : -webkit-box;
    display                   : -moz-box;
    display                   : -ms-flexbox;
    display                   : -o-box;
    display                   : box;
    padding-top               : 15/37.5rem;
    padding-bottom            : 180/37.5rem;

    li {
      background   : rgba(251, 250, 250, 1);
      border       : 1/37.5rem solid rgba(232, 232, 232, 1);
      border-radius: 14/37.5rem;
      .text(12, #666666);
      .padding(0, 13, 0, 13);
      height     : 28/37.5rem;
      line-height: 28/37.5rem;
      .margin(0, 8, 0, 0);
    }
  }

  .btn_to_menu {
    .fs(50, 60);
    text-align     : center;
    display        : flex;
    justify-content: center;
    align-content  : center;
    align-items    : center;

    .img_menu {
      .fs(16, 14);
      margin: auto;
    }
  }
}

//choose
.box_choose {
  .fs(375, 40);
  background-color: #FFFFFF;
  display         : flex;
  justify-content : space-between;

  .navbar {
    .fs(375, 40);
    display        : flex;
    justify-content: space-around;

    li {
      display      : flex;
      align-content: center;
      align-items  : center;

      a {
        display      : flex;
        align-content: center;
        align-items  : center;
        .text(14, #333333);

        img {
          .fs(9, 5);
          .margin(0, 0, 0, 4);
        }
      }
    }
  }
}

//choose结果
//选择结果
.result_choose {
  .margin(17, 0, 0, 15);
  overflow-y: hidden;
  .height(30);

  ul {
    display                   : flex;
    justify-content           : flex-start;
    overflow-x                : scroll;
    -webkit-overflow-scrolling: touch;
    display                   : -webkit-box;
    display                   : -moz-box;
    display                   : -ms-flexbox;
    display                   : -o-box;
    display                   : box;
    //   padding-top          : 15/37.5rem;
    padding-bottom            : 50/37.5rem;

    .box_li {
      .padding(0, 8, 0, 0);
    }

    .box_li:last-child {
      .padding(0, 15, 0, 0);
    }

    li {
      .height(25);
      background   : rgba(255, 255, 255, 1);
      border       : 1/37.5rem solid rgba(238, 238, 238, 1);
      border-radius: 2/37.5rem;
      .padding(0, 10, 0, 10);
      display        : flex;
      justify-content: flex-start;
      align-items    : center;
      flex-wrap      : nowrap;

      span {
        .text(13, #333333);
      }

      img {
        .fs(9, 9);
        .margin(0, 0, 0, 5);
      }

    }

  }
}

//loading
.loading {
  .fs(375, 119);
  text-align     : center;
  display        : flex;
  justify-content: center;
  align-items    : center;

  img {
    text-align: center;
    margin    : auto;
    .fs(28, 28);
  }
}


.header-swiper {
  .marginTop(0);

  .swiper {
    .fs(375, 200);
    overflow: hidden;
    margin  : auto;

    .swiper-container {
      .swiper-wrapper {
        .swiper-slide {
          img {
            .fs(375, 200);
          }
        }
      }
    }
  }
}

.box_navbar {
  .fs(375, 40);
  overflow-y       : hidden;
  display          : flex;
  // padding-bottom: 180/37.5rem;
  position         : relative;
  background       : rgba(255, 255, 255, 1);
  box-shadow       : 0px 1/37.5rem 14/37.5rem 0px rgba(0, 0, 0, 0.06);

  .navbar {
    .fs(375, 40);
    background                : rgba(255, 255, 255, 1);
    box-shadow                : 0px 1/37.5rem 14/37.5rem 0px rgba(0, 0, 0, 0.06);
    position                  : relative;
    display                   : flex;
    flex-wrap                 : nowrap;
    align-items               : center;
    align-content             : center;
    overflow-x                : scroll;
    overflow-y                : hidden;
    -webkit-overflow-scrolling: touch;
    display                   : -webkit-box;
    display                   : -moz-box;
    display                   : -ms-flexbox;
    display                   : -o-box;
    display                   : box;
    //   padding-top          : 15/37.5rem;
    padding-bottom            : 20/37.5rem;

    li {
      .text(14, #9097A8);
      text-align : center;
      line-height: 36/37.5rem;
      .padding(0, 17, 0, 17);
      // .fs(30,)
      // width: 80/37.5rem;
    }

    .activeline_box {
      left    : 0;
      position: absolute;
      .top(30);
      height    : 3/37.5rem;
      text-align: center;
      min-width : 50/37.5rem;
      transition: all 300ms cubic-bezier(0.35, 0, 0.25, 1) 0s;

      .activeline {
        .fs(20, 3);
        background   : rgba(0, 0, 0, 1);
        border-radius: 4/37.5rem;
        margin       : auto;
      }
    }

  }
}

//   ----------------------------------------------
// 名片样式
.product_card {
  background: rgba(255, 255, 255, 1);
  .fs(375, 183);
  border-top: 10/37.5rem solid #F4F4F4;
  .marginTop(25);
  .cradDetail {
    .marginTop(25);
    .fs(355, 183);
    background   : rgba(255, 255, 255, 1);
    border       : 1/37.5rem solid rgba(240, 240, 240, 1);
    box-shadow   : 0px 3/37.5rem 13/37.5rem 0px rgba(0, 0, 0, 0.05);
    border-radius: 8/37.5rem;
    .conpany-title {
      .margin(20, 0, 0, 20);
      text-align     : left;
      display        : flex;
      align-items    : center;
      justify-content: flex-start;
      span {
        .aline(280);
        .text(18, #484848);
        font-weight: bold;
        display    : inline-block;
      }

      .title-icon {
        .fs(15, 15);
      }
    }

    .address {
      .margin(10, 0, 0, 20);
      display        : flex;
      align-items    : center;
      justify-content: flex-start;

      img {
        .fs(10, 12);
        .margin(0, 7, 0, 0);
      }

      span {
        .text(12, #666666);
        .aline(280);
      }
    }

    .box_logo {
      .margin(10, 0, 0, 20);
      width   : 280/37.5rem;
      height  : 22/37.5rem;
      overflow: hidden;

      .item_logo {
        .margin(0, 8, 0, 0);
        .text(12, #999999);
        .padding(0, 7, 0, 5);
        .height(22);
        background   : rgba(246, 246, 246, 1);
        border-radius: 2/37.5rem;
        display      : inline-block;
        line-height  : 22/37.5rem;
      }
    }

    .box_bottom {
      .fs(315, 53);
      border-top     : 1/37.5rem solid #E2E2E2;
      display        : flex;
      justify-content: space-between;
      align-items    : center;
      align-content  : center;
      .margin(17, 0, 0, 20);

      .left {
        display        : flex;
        justify-content: flex-end;
        flex-wrap      : nowrap;

        span {
          .text(12, #666666);
          .margin(0, 5, 0, 0);
        }

        .box_head {
          position: relative;
          .fs(63, 20);

          img:first-child {
            .margin(0, 0, 0, 0);
            z-index: 100;
            left   : 0;
          }

          img {
            position: absolute;
            top     : 0;
            .fs(20, 20);
            border-radius: 50%;
            .margin(0, 0, 0, -10);
            border: 1/37.5rem solid #ffffff;
          }

          img:nth-child(2) {
            left   : 25/37.5rem;
            z-index: 90;
          }

          img:nth-child(3) {
            left   : 40/37.5rem;
            z-index: 80;
          }

          img:nth-child(4) {
            left   : 55/37.5rem;
            z-index: 70;
          }

          img:nth-child(5) {
            left   : 70/37.5rem;
            z-index: 60;
          }

          img:nth-child(n+6) {
            display: none;
          }
        }
      }

      .right {
        .connect {
          .fs(60, 30);
          .text(13, #ffffff);
          background   : rgba(143, 195, 32, 1);
          border       : 1/37.5rem solid rgba(143, 195, 32, 1);
          border-radius: 3/37.5rem;
          text-align   : center;
          line-height  : 30/37.5rem;
        }
      }
    }
  }
}

//顶部轮播图
.header-swiper {
  .marginTop(0);

  .box_video {
    .fs(375, 200);
    border: 1px solid red;
  }
}

//找好货推荐
.box_detail {
  .fs(375, 136);
  overflow-y       : hidden;
  // padding-bottom: 180/37.5rem;
  position         : relative;
  background       : rgba(255, 255, 255, 1);

  // box-shadow:0px 1/37.5rem 14/37.5rem 0px rgba(0, 0, 0, 0.06);
  .detail {
    .title {
      .text(16, #000000);
      font-weight: bold;
      .margin(15, 0, 0, 16);

    }

    .content {
      .text(12, #666666);
      color: rgba(102, 102, 102, 1);
      .margin(15, 0, 0, 15);
      .alines(2, 300);

      .article {
        .alines(2, 370);

        .btn_article {
          .text(12, #576B95);
          color: #576B95;
        }
      }
    }

    .bottom {
      display: flex;
      width  : 343/37.5rem;
      .marginTop(20);
      justify-content: space-between;

      .left {
        .text(12, #999999);
      }

      .right {
        img {
          .fs(11, 9);
          .margin(0, 4, 0, 0);
        }

        span {
          .text(12, #999999);
        }
      }
    }
  }
}





//全局遮罩层
.ft-cover {
  display   : none;
  width     : 100vw;
  height    : 100vh;
  position  : fixed;
  background: rgba(0, 0, 0, 1);
  opacity   : 0.7;
  top       : 0;
  left      : 0;
  z-index   : 1000;
}

//全局弹框 二维码识别
.ft-alert-type01 {
  display   : none;
  width     : 100vw;
  height    : 100vh;
  position  : fixed;
  top       : 0;
  left      : 0;
  z-index   : 1000;
  text-align: center;

  .ft-cover-box {

    .fs(260, 275);
    background   : rgba(255, 255, 255, 1);
    border-radius: 10/37.5rem;
    .marginTop(117);
    text-align: center;

    .box_code {
      display: inline-block;

      .marginTop(32);

      .code {
        .fs(185, 185);
      }

      span {
        display: inline-block;
        .marginTop(19);
        .width(185);
        .aline(290);
      }
    }

  }

  .ft-cover-close {
    .fs(30, 30);
    .marginTop(32);


  }

}


//新闻列表页面
.NewsList {
  .bottom {
    li {
      .box_news_type01_a {
        .fs(345, 110);
        margin         : auto;
        display        : flex;
        justify-content: space-between;
        align-content  : center;
        border-bottom  : 1/37.5rem solid #EEEEEE;

        .box_news_type01 {
          .marginTop(15);
          display        : flex;
          justify-content: space-between;
          align-content  : center;
          .fs(345, 80);

          .left {
            display      : flex;
            flex-wrap    : wrap;
            align-content: space-between;
            .fs(212, 80);

            .title {
              .text(16, #1F1F20);
              font-weight: 500;
              .alines(2, 212);
            }

            .box_txt {
              .width(345);
              display        : flex;
              justify-content: space-between;

              .txt {
                .width(80);
                display    : flex;
                flex-wrap  : nowrap;
                align-items: center;

                .circle {
                  background-color: #CCCCCC;
                  .circular(5);
                  .margin(0, 6, 0, 0);
                }

                .txt01 {
                  .text(11, #999999);
                }
              }

              .count {
                img {
                  .fs(11, 9);
                }

                span {
                  .text(11, #999999);
                }
              }
            }
          }

          .right {
            img {
              .fs(120, 80);
              border-radius: 5/37.5rem;
            }
          }
        }

      }

      .box_news_type02_a {
        .fs(345, 168);
        margin         : auto;
        display        : flex;
        justify-content: space-between;
        align-content  : center;
        border-bottom  : 1/37.5rem solid #EEEEEE;

        .box_news_type02 {
          .marginTop(22);
          display        : flex;
          justify-content: space-between;
          align-items    : flex-start;
          flex-wrap      : wrap;
          .fs(345, 80);

          .title {
            .width(335);
            .aline(335);
            .height(16);
            .lineHeight(16);
            font-weight: 500;
            color      : rgba(51, 51, 51, 1);
          }

          .center-img {
            .marginTop(16);
            width          : 100%;
            display        : flex;
            justify-content: space-between;

            img {
              .fs(112, 75);
              border-radius: 5/37.5rem;
            }
          }

          .bottom_txt {
            .marginTop(10);
            .width(345);
            display        : flex;
            justify-content: space-between;

            .txt {
              .width(80);
              display    : flex;
              flex-wrap  : nowrap;
              align-items: center;

              .circle {
                background-color: #CCCCCC;
                .circular(5);
                .margin(0, 6, 0, 0);
              }

              .txt01 {
                .text(11, #999999);
              }
            }

            .count {
              img {
                .fs(11, 9);
              }

              span {
                .text(11, #999999);
              }
            }

          }
        }
      }

    }
  }
}

//产品测评   
.RelevanList {
  // border-top: 10/37.5rem solid #F4F4F4;
  .padding(29, 0, 0, 0);

  .top {
    .fs(345, 18);
    margin         : auto;
    display        : flex;
    justify-content: space-between;
    align-content  : center;
    align-items    : center;

    .title {
      .text(18, #333333);
      font-weight: bold;
    }

    .box_more {
      .more {
        .text(14, #999999);
      }
    }
  }

  .bottom {
    .width(355);
    .marginTop(17);
    display        : flex;
    flex-wrap      : wrap;
    justify-content: flex-start;

    li {
      .fs(173, 174);
      display    : inline-block;
      background : rgba(255, 255, 255, 1);
      text-align : center;
      line-height: 35/37.5rem;
      .margin(0, 9, 13, 0);
      .text(13, #333333);

      .box_video {
        .fs(173, 115);
        position     : relative;
        border-radius: 5/37.5rem;

        img {
          .fs(173, 115);
          border-radius: 5/37.5rem;
        }

        .box_p_type01 {
          .fs(37, 15);
          position: absolute;
          .right(7);
          .bottom(7);
          background   : rgba(0, 0, 0, 1);
          opacity      : 0.3;
          border-radius: 2/37.5rem;
        }

        .type01 {
          //p
          .fs(37, 15);
          position: absolute;
          .right(7);
          .bottom(7);
          z-index: 1000;
          .text(10, #FFFFFF);
          text-align : center;
          line-height: 15/37.5rem;
        }

        .type02 {
          .fs(32, 15);
          position: absolute;
          .right(7);
          .bottom(7);
          z-index: 1000;
          .text(10, #FFFFFF);
          text-align : center;
          line-height: 15/37.5rem;
        }

        .box_p_type02 {
          .fs(32, 15);
          position: absolute;
          .right(7);
          .bottom(7);
          background   : rgba(0, 0, 0, 1);
          opacity      : 0.3;
          border-radius: 2/37.5rem;
        }
      }

      p {
        .text(13, #333333);
        text-align: left;
        .alines(2, 158);
        line-height: 18/37.5rem;
        .margin(8, 0, 0, 0);
      }
    }

  }
}

//图片列表
.PictureList {
  .padding(29, 0, 0, 0);

  .bottom {
    .width(355);
    .marginTop(17);
    display        : flex;
    flex-wrap      : wrap;
    justify-content: flex-start;

    li {
      .fs(173, 210);
      display    : inline-block;
      background : rgba(255, 255, 255, 1);
      text-align : center;
      line-height: 35/37.5rem;
      // .padding(0,12,0,12);
      .margin(0, 9, 9, 0);
      .text(13, #333333);

      .box_pic {
        .fs(173, 110);
        position     : relative;
        border-radius: 5/37.5rem;

        .icon {
          position: absolute;
          .fs(25, 25);
          .top(9);
          .right(7);
        }

        .img {
          .fs(173, 110);
          border-radius: 5/37.5rem;
        }
      }

      p {
        .text(14, #333333);
        text-align: left;
        .alines(2, 142);
        line-height: 18/37.5rem;
        .margin(13, 0, 0, 13);
      }

      .box_bottom {
        .width(139);
        display        : flex;
        justify-content: space-between;
        align-items    : center;
        align-content  : center;
        .marginTop(20);
        height: 11/37.5rem;

        .left {
          .text(11, #B3B3B3);
          .aline(80);
        }

        .right {
          img {
            .fs(11, 9);
          }

          .text(11, #B3B3B3);
        }
      }
    }

    li:nth-child(2n) {
      .margin(0, 0, 13, 0);
    }
  }
}



//卡片 新闻样式3
.box_news_type03_card {
  text-align: center;

  .newscard {
    .fs(345, 208);
    background   : rgba(255, 255, 255, 1);
    box-shadow   : 0px 0px 13/37.5rem 0px rgba(0, 0, 0, 0.09);
    border-radius: 10/37.5rem;
    display      : inline-block;
    .marginTop(20);

    .title {
      .aline(300);
      .text(18, #2C2D2C);
      .margin(23, 0, 0, 20);
      font-weight: bold;
      line-height: 28px;
    }

    .content {
      .text(12, #999999);
      .margin(5, 0, 0, 20);
      text-align: left;
      .alines(2, 300);
      line-height: 19/37.5rem;
    }

    .box_vote {
      .fs(305, 25);
      display        : flex;
      justify-content: center;
      flex-wrap      : nowrap;
      .marginTop(15);

      .left {
        .height(25);
        background               : rgba(254, 48, 85, 1);
        border-top-left-radius   : 5/37.5rem;
        border-bottom-left-radius: 5/37.5rem;
        line-height              : 25/37.5rem;
        .text(12, #FFFFFF);
      }

      .right {
        .height(25);
        background                : rgba(45, 143, 232, 1);
        border-top-right-radius   : 5/37.5rem;
        border-bottom-right-radius: 5/37.5rem;
        line-height               : 25/37.5rem;
        .text(12, #FFFFFF);
      }
    }

    .vote_txt {
      display        : flex;
      justify-content: space-between;
      flex-wrap      : nowrap;
      .fs(305, 12);
      .marginTop(7);

      .left {
        .text(12, #FE3055);
      }

      .right {
        .text(12, #2D8FE8);
      }
    }

    .bottom {
      display        : flex;
      justify-content: space-between;
      flex-wrap      : nowrap;
      .fs(305, 12);
      .marginTop(20);

      .left {
        display        : flex;
        justify-content: flex-start;
        flex-wrap      : nowrap;

        .box_head {
          position       : relative;
          display        : flex;
          justify-content: flex-start;
          align-items    : center;
          .margin(0, 7, 0, 0);
          .height(20);

          img:first-child {
            .margin(0, 0, 0, 0);
            z-index: 500;
            left   : 0;
          }

          img {
            .fs(20, 20);
            border-radius: 50%;
            .margin(0, 0, 0, -5);
            border: 1/37.5rem solid #ffffff;
          }

          img:nth-child(2) {
            z-index: 400;
          }

          img:nth-child(3) {
            z-index: 300;
          }

          img:nth-child(4) {
            z-index: 200;
          }

          img:nth-child(5) {
            z-index: 100;
          }

          img:nth-child(n+6) {
            display: none;
          }
        }

        .join {
          .text(12, #999999);
        }
      }

      .right {
        .text(12, #999999);

        span {}
      }
    }
  }
}


/*Agent*/
.Agent_msg {
  .width(345);
  .marginTop(52);
  .top {
    .title {
      .text(18, #333333);
      font-weight: bold;
    }
  }
  .bottom {
    .bottom_ul {
      .marginTop(26);
    }

    li.item {
      .fs(345, 198);
      box-shadow: 0px 3/37.5rem 13/37.5rem 0px rgba(0, 0, 0, 0.05);
      .marginBottom(15);
      position        : relative;
      display         : inline-block;
      background-color: #ffffff;

      .headMsg {
        display      : flex;
        align-content: flex-start;
        flex-wrap    : wrap;
        align-items  : center;
        .margin(15, 0, 0, 18);

        .head {
          .fs(30, 30);
          border-radius: 50%;
          border       : 1px solid red;
        }

        .name {
          .text(14, #333333);
          .margin(0, 0, 0, 9);

        }
      }

      .txt03 {
        .text(16, #000000);
        line-height: 20px;
        .margin(18, 0, 0, 18);
        .aline(300);
      }

      .txt04 {
        .text(14, #666666);
        .alines(2, 306);
        .margin(10, 0, 0, 18);
      }
      .txt07{
        .text(12,#999999);
      }
      .txt08{
        img{
          .fs(11,9);
          .margin(0,3,0,0);
        }
        .text(12,#999999);
      }
      .txt_bottom {
        .margin(22, 19, 0, 18);
        height         : 13/37.5rem;
        display        : flex;
        justify-content: space-between;
        align-items    : center;
        align-content  : center;

        .txt05 {
          .text(12, #999999);

          .money {
            .text(14, #EB2227);
            .margin(0, 5, 0, 0);
          }
        }

        .txt06 {
          .text(12, #999999);
        }
      }

      .icon {
        position: absolute;
        .fs(45, 45);
        .top(14);
        .right(15);
      }
    }
  }
}

//暂无更多数据
.ft-nodata {
  .fs(375, 89);
  .text(13, #999999);
  text-align: center;
}

#js_dialog_1 {
  position        : fixed;
  left            : 0;
  right           : 0;
  bottom          : 0;
  height          : 100vh;
  z-index         : 50000;
  line-height     : 1.4;
  background-color: #FFFFFF;
  overflow-y       : scroll
}
#dialogs{
  width: 100vw;
  min-height: 100vh!important;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  // display: none;
}
.ft_form_jump {
  
  .width(325);
  .padding(93,0,0,0);
  margin: auto;
  height: auto;
  min-height: 100vh;
  .ft_form_title {
    position: absolute;
    top: 0;
    z-index: 9999;
    .fs(325, 93);
    border-bottom  : 1/37.5rem solid #f4f4f4;
    text-align     : center;
    margin         : auto;
    display        : flex;
    justify-content: space-between;
    align-items    : center;
    align-content  : center;
    // position       : relative;
    p {
      text-align: center;
      .text(22, #000000);
      font-weight: bold;
      margin     : auto;
    }

    .box_btn_close {
      position: absolute;
      .top(14);
      .right(-2)
    }
  }

  .ft_form_content {
    form {
      .item {
        .fs(325, 55);
        border-bottom  : 1/37.5rem solid #f4f4f4;
        display        : flex;
        justify-content: flex-start;
        align-content  : center;
        align-items    : center;
        flex-wrap      : nowrap;

        label {
          .text(17, #000000);
          .width(69);
          color   : rgba(0, 0, 0, 1);
          position: relative;

          span {
            position: absolute;
            color   : red;
            .left(-13);
            .top(4);
          }
        }

        .center {
          .margin(0, 0, 0, 28);
          .width(169);
          text-align: left;

          select {
            -webkit-appearance: none;
            border            : 0;
            outline           : 0;
            background-color  : transparent;
            width             : 100%;
            font-size         : inherit;
            height            : 55/37.5rem;
            line-height       : 55/37.5rem;
            position          : relative;
            z-index           : 1;
            .text(17, #000000);
            option{
            .text(17, #000000);

            }
          }

          input {
            .text(17, #000000);
            border: none;
            .width(200);
          }
        }

        .right {
          position: absolute;
          .right(25);
          .text(17, #000000);

          .getCode {
            .fs(105, 32);
            background   : rgba(243, 243, 243, 1);
            border-radius: 5/37.5rem;
            text-align   : center;
            .text(14, #576B95);
            line-height: 32/37.5rem;
          }

          .regetCode {
            display: none;
            .fs(105, 32);
            background   : rgba(243, 243, 243, 1);
            border-radius: 5/37.5rem;
            text-align   : center;
            .text(14, #576B95);
            line-height: 32/37.5rem;
          }
        }
      }
      .texrareaOtem{
        .height(103);
        label{
          position: relative;
          height: 100%;
          .redIcon{
            position: absolute;
            color   : red;
            .left(-13);
            .top(20);
        }
        }
        
      }
      .uploadPicOtem{
        .width(325);
        border-bottom  : 1/37.5rem solid #f4f4f4;
        .padding(0,0,20,0);
        height: auto;
        // border-bottom  : 1/37.5rem solid #f4f4f4;
        display: flex;
        flex-wrap: wrap;
        align-items:flex-start;
        align-content:flex-start;
        label{
          .text(17,#000000);
          width: 100%;
          .margin(20,0,0,0);
        }
        .down{
          .width(325);
          min-height: 97/37.5rem;
          height: auto;
          max-height: 214/37.5rem;
          overflow: hidden;
          .margin(20,0,0,0);
          ul{
            display: flex;
            align-content: flex-start;
            flex-wrap: wrap;
            li{
              position: relative;
              .margin(0,8,0,0);
              img{
                .fs(97,97);
              }
              .close_box{
                position: absolute;
                .fs(20,20);
                background:rgba(0,0,0,1);
                opacity:0.5;
                border-radius:50%;
                z-index: 1000;
                .top(3);
                .right(3);
              }
              .close{
                position: absolute;
                .fs(20,20);
                border-radius:50%;
                z-index: 1000000000;
                .top(3);
                .right(3);
                text-align: center;
                line-height: 20/37.5rem;
                display: flex;
                justify-content: center;
                align-content: center;
                align-items: center;
                img{
                  .fs(8,8);
                }
              }
            }
          }
          .weui-uploader__input-box{
            .fs(97,97);
          }
        }
      }
      .otem {
        .width(325);
        border-bottom  : 1/37.5rem solid #f4f4f4;
        display        : flex;
        justify-content: flex-start;
        align-content  : center;
        align-items    : center;
        flex-wrap      : nowrap;
        label {
          .text(17, #000000);
          .width(69);
          color   : rgba(0, 0, 0, 1);
          position: relative;

          span {
            position: absolute;
            color   : red;
            .left(-13);
            .top(4);
          }
        }
        .right {
          .width(325);
          position: absolute;
          .right(25);
          .text(17, #000000);
          display: flex;
          flex-wrap: nowrap;
          align-items: flex-start;
          align-content: flex-end;
          textarea{
            .text(17,#000000);
            .padding(0,10,0,0);
          }
          .ftui-textarea-counter{
            .width(48);
            .text(17,#B6B6B6);
            .margin(0,0,0,10);
          }
        }
      }
    }
  }

  .ft_form_button {
    background   : rgba(250, 250, 250, 1);
    border-radius: 5/37.5rem;
    .fs(183, 40);
    .marginTop(54);
    .text(17, #CCCCCC);
    text-align : center;
    line-height: 40/37.5rem;
    margin-bottom: 80/37.5rem;
  }

  .ft_form_button_active {
    background-color: #96C21E !important;
    color           : #FFFFFF !important;
  }
}

.ft_form_error {
  display : none;
  position: fixed;
  .fs(350, 42);
  .text(17, #FFFFFF);
  background   : rgba(250, 81, 81, 1);
  border-radius: 10/37.5rem;
  color        : rgba(255, 255, 255, 1);
  text-align   : center;
  line-height  : 42/37.5rem;
  .top(15);
  .left(12);
  z-index: 100000000;
}

//按钮
.icon_cover {
  .fs(49, 49);
  background   : rgba(140, 187, 29, 1);
  box-shadow   : 0px 1px 4/37.5rem 0px rgba(7, 0, 2, 0.16);
  border-radius: 50%;
  position     : fixed;
  .bottom(65);
  .right(16);
  display        : flex;
  justify-content: center;
  align-content  : center;
  flex-wrap      : wrap;

  img {
    .fs(16, 16);
  }

  span {
    .text(12, #ffffff);
    width     : 100%;
    text-align: center;
    .margin(5, 0, 0, 0);
  }
}



.newPage {
  background-color          : #F6F6F6;
  width                     : 100vw;
  height                    : 100vh;
  position                  : fixed;
  top                       : 0;
  left                      : 0;
  z-index                   : 100000;
  -webkit-animation-name    : layui-alert-anim-down;
  animation-name            : layui-alert-anim-down;
  -webkit-animation-duration: .4s;
  animation-duration        : .4s;
  display                   : none;

  @keyframes layui-alert-anim-down {
    0% {
      opacity: 0;
      .bottom(-100);
    }

    100% {
      opacity: 1;
      .bottom(0);
    }
  }

  @-webkit-keyframes layui-alert-anim-down {
    0% {
      opacity: 0;
      .bottom(-100);
    }

    100% {
      opacity: 1;
      .bottom(0);
    }
  }

  .close {
    position: absolute;
    color   : #CECECE;
    .fs(14, 14);
    .top(14);
    .right(16);
  }

  .title {
    .text(20, #000000);
    font-weight: bold;
    .margin(60, 0, 0, 18);
  }

  .box_icon {
    .marginTop(40);
    .width(339);
    display        : flex;
    flex-wrap      : wrap;
    justify-content: flex-start;
    max-height     : 500/37.5rem;
    overflow       : scroll;

    .icon {
      .height(35);
      .padding(0, 10, 0, 10);
      .aline(300);
      background   : rgba(255, 255, 255, 1);
      border-radius: 18/37.5rem;
      text-align   : center;
      line-height  : 35/37.5rem;
      .margin(0, 12, 12, 0);
      .text(13, #333333);
    }

  }
}


.indexnewPage {
  background-color          : #F6F6F6!important;
  width                     : 100vw;
  min-height : 100vh!important;
  overflow                  : scroll;
  position                  : fixed;
  top                       : 0;
  left                      : 0;
  z-index                   : 100000;
  -webkit-animation-duration: .4s;
  animation-duration        : .4s;
  // display                   : none;
  border-radius: none!important;
  .padding(43, 0, 100, 0);

  .close {
    position: absolute;
    color   : #CECECE;
    .fs(14, 14);
    .top(14);
    .right(16);
    img{
      .fs(14,14);
    }
  }

  .titlebox {
    .title {
      .text(18, #000000);
      font-weight: bold;
      .margin(26, 0, 0, 18);
    }

    .box_icon {
      .marginTop(20);
      .width(339);
      display        : flex;
      flex-wrap      : wrap;
      justify-content: flex-start;
      max-height     : 500/37.5rem;
      overflow       : scroll;

      .icon {
        .height(35);
        .padding(0, 21, 0, 21);
        .aline(300);
        background : rgba(255, 255, 255, 1);
        text-align : center;
        line-height: 35/37.5rem;
        .margin(0, 12, 12, 0);
        .text(15, #333333);
      }

      .active {
        .text(15, #85B12E);
      }

    }
  }

  .titlebox:last-child {
    .margin(0, 0, 50, 0);
  }

  @keyframes layui-alert-anim-down {
    0% {
      opacity: 0;
      .bottom(-100);
    }

    100% {
      opacity: 1;
      .bottom(0);
    }
  }

  @-webkit-keyframes layui-alert-anim-down {
    0% {
      opacity: 0;
      .bottom(-100);
    }

    100% {
      opacity: 1;
      .bottom(0);
    }
  }
}


// 评论区
.ft_comment{
  background-color: #ffffff;
  position: relative;
  border-top: 10/37.5rem solid #F4F4F4;
  .title{
      .margin(21,0,0,15);
      .padding(0,0,20,0);
      font-weight:bold;
      font-size: 18/37.5rem;
      text-align: left;
      display: flex;
      justify-content: space-between;
      align-content: center;
      align-items: center;
      .left{
        .text(18,#333333);
      }
      .right{
        .text(14,#576B95);
        .margin(0,15,0,0);
      }
  }
  #box_comment{
      #itemView{
          .padding(0,0,12,0);
          .person{
              .width(375);
              display: flex;
              align-items: flex-start;
              flex-wrap: nowrap;
              margin:15/37.5rem auto 0;
              .head{
                  .circular(35);
                  .margin(0,0,0,15);
              }
              .box_name{
                  width: 99%;
                  .margin(0,0,0,13);
                  display: flex;
                  justify-content: flex-start;
                  align-items: center;
                  flex-wrap: wrap;
                  .name{
                      font-size: 13/37.5rem;
                      .text(13,#333333);
                      font-size: 13/37.5rem;
                      font-weight:bold;
                      .aline(280);
                  }
              }
          }
          // 文章
          .article{
              .width(303);
              .margin(0,0,0,63);
              text-align: left;
              #content {
                  font-size: 16/37.5rem;
                  .lineHeight(26);
                  color: #333333;
              }
          }
          .comments{
                  .width(303);
                  .margin(15,0,0,63);
                  .padding(0,10,12,0);
                  flex-wrap: nowrap;
                  font-size: 11/37.5rem;
                  border-bottom: 1px solid #E5E5E5;
                  .box_comments{
                      .width(295);
                      .margin(0,0,15,0);
                      display: flex;
                      justify-content: space-between;
                      align-items: flex-start;
                      .left{
                          p{
                              color: #999999;
                          }
                      }
                      .right{
                          display: flex;
                          justify-content: space-between;
                          align-items: flex-start;
                          flex-wrap: nowrap;
                          color: #999999;
                          .reason{
                              color: #576B95;
                              .margin(0,22,0,0);
                              font-size: 12/37.5rem;
                          }
                          .icon1{
                              display: flex;
                              justify-content: space-between;
                              align-items: center;
                              // border: 1px solid red;
                              flex-wrap: nowrap;
                              color: #999999;
                              img{
                                  .fs(13,13);
                                  .margin(0,2,2,0);
                              }
                              .pic_noactive{
                                  display: block;
                              }
                              .pic_active{
                                  display:none;
                              }
                            
                          }
                          .active{
                              color: #FD6040;
                              .pic_noactive{
                                  display: none;
                              }
                              .pic_active{
                                  display:block;
                              }
                          }
                      }
                  }
              
          }
      
          .reply_comment{
              .margin(7,0,0,0);
              position: relative;
              // .width(303);
              .item{
                  font-size: 13/37.5rem;
                  background:rgba(245,245,245,1);
                  .padding(15,50,15,16);
                  text-align: left;
                  color: #666666;
                  .user_name{
                      span{
                          font-size: 13/37.5rem;
                          color: #576B95;
                      }
                  }
                  .answer{
                      font-size: 12/37.5rem;
                      position: absolute;
                      color: #576B95;
                    .bottom(7);
                    .right(12);
                  }
              }
          }
      }
      #itemView:last-child{
          padding: 0;
      }
  }
}



 //品牌咨询
 .BrandConsulting{
  .marginTop(55);
  .top {
    .fs(345, 18);
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    .title {
      .text(18, #333333);
      font-weight: bold;
    }
    .box_more {
      .more {
        .text(14, #999999);
      }
    }
  } 
  .bottom{
      .marginTop(23);
      height: auto;
      // .fs(375,196);
      width:10rem;
      .bottom_ul{
        li{
          text-align: center;
          a{
            display: inline-block;
          }
        }
          li:active{
              background-color: #edeef0;
          }
         .type01{
              .width(344);
              margin: auto;
              display: flex;
              justify-content: space-between;
              align-content: center;
              align-items: center;
              .padding(15,0,15,0);
              border-bottom: 1/37.5rem solid #EEEEEE;
              .left{
                  display:flex;
                  align-content: space-between;
                  flex-wrap: wrap;
                  .height(70);
                  .title{
                      .text(16,#1F1F20);
                      font-weight:500;
                      .alines(2,208);
                  }
                  .left_bottom{
                      display: flex;
                      justify-content: space-between;
                      .width(207);
                      .height(12);
                      align-content: center;
                      align-items: center;
                      .time{
                        .text(11,#999999);
                      }
                      .news{
                          .text(11,#999999);
                          .padding(0,0,0,10);
                          position: relative;
                          .height(12);
                          line-height: 12/37.5rem;
                      }
                      .news:before{
                          content: '';
                          .circular(5);
                          position: absolute;
                          .top(4);
                          .left(0);
                          background:rgba(204,204,204,1);
                      }
                      .viewCount{
                          img{
                              .fs(11,9);
                              .margin(0,4,0,0);
                          }
                          span{
                              .text(11,#999999);
                          }
                          p{
                            .text(11,#999999);
                          }
                      }
                  }
              }
              .right{
                .height(80);
                  img{
                      .fs(120,80);
                      border-radius:5/37.5rem;
                  }
              }
          }
        .type02{
            .width(345);
            margin: auto;
            .padding(22,0,12,0);
            border-bottom: 1/37.5rem solid #EEEEEE;
            .title{
                .aline(335);
                .text(16,#333333);
                font-weight:500;
            }
            .box_img{
                display: flex;
                justify-content: space-around;
                img{
                    .fs(112,75);
                    border-radius:5/37.5rem;
                    .marginTop(16);
                }
            }
            .type02_bottom{
                .marginTop(15);
                display: flex;
                justify-content: space-between;
                flex-wrap: nowrap;

                .news{
                    .text(11,#999999);
                    .padding(0,0,0,10);
                    position: relative;
                    .height(12);
                    line-height: 12/37.5rem;
                }
                .news:before{
                    content: '';
                    .circular(5);
                    position: absolute;
                    .top(4);
                    .left(0);
                    background:rgba(204,204,204,1);
                }
                .viewCount{
                    img{
                        .fs(11,9);
                        .margin(0,4,0,0);
                    }
                    span{
                        .text(11,#999999);
                        font-size:11px;
                    }
                }
            }
        }
      }
      
  }
}


// 回到顶部

.box_top {
  position: fixed;
  // bottom: 2.02666667rem;
  right: 0.34666667rem;
  width: 1.49333333rem;
  height: 1.49333333rem;
  border-radius: 50%;
  z-index: 1000;
  .bottom(120);
}
.layui-m-anim-up1 {
  -webkit-animation-name: layui-m-anim-up;
  animation-name: layui-m-anim-up;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}