@asd: 1px red solid;


.mobile {
  font-family: "Microsoft Yahei";
  overflow: hidden;

  // border:1px red solid;
  .mobile-top {
    margin-bottom: .1rem;

    .mobile-nav {
      position: absolute;
      z-index: 2;
    }

    /* 轮播图 */
    .carousel {
      overflow: hidden;
      position: relative;
    }

    .carousel .move_ul {
      width: 1000%;
      margin-top: 1rem;
      padding-bottom: .8rem;
    }

    .carousel .move_ul li {
      width: 10%;
      float: left;
    }

    .carousel .indexer {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 5px;
    }

    .carousel .indexer li {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      float: left;
      border: 1px solid #fff;
      margin-left: 5px;
    }

    .carousel .indexer .active {
      background-color: #fff;
    }
  }

  .mobile-center {
    .mobile-product {
      margin: .8rem 0;

      .active-h3 {
        font-size: .48rem;
        color: #2e2e2e;
        position: relative;
        font-weight: normal;
        margin: .5rem 0;
        margin-left: .3rem;

        &::before {
          content: "";
          position: absolute;
          width: 13%;
          height: 0.03rem;
          background: #ff7624;
          bottom: -.1rem;
        }
      }

      .mobile-ap {
        font-size: .24rem;
        color: #888;
        margin-top: -.3rem;
        margin-bottom: .4rem;
        margin-left: .15rem;
      }

      .mobile-apb {
        position: relative;
        margin-top: .8rem;

        &::before {
          content: "";
          position: absolute;
          width: 13%;
          height: 0.03rem;
          background: #ff7624;
          top: -.1rem;
        }
      }

      .app-scene {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        box-shadow: #dcdcdc 0.01rem 0.01rem 0.1rem 0.01rem;
        width: 94%;
        margin: 0 auto;
        border-radius: .1rem;
        margin-bottom: .3rem;

        .app-pic {
          width: 90%;
          padding: .4rem 0;
        }

        .app-div {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;

          .app-span {
            font-size: 0.24rem;
            color: #4c4c4c;
            padding: 0.15rem 0;
            border-radius: 0.4rem;
            box-shadow: #dcdcdc 0.01rem 0.01rem 0.1rem 0.01rem;
            margin: 0.1rem;
            width: 30%;
            text-align: center;
          }

          .app-other {
            width: 40%;
            margin: 0.1rem .2rem;
          }
        }

        .app-p {
          font-size: .2rem;
          color: #888;
          margin: 0.3rem 0;
        }
      }

      .carousel {
        height: 5.5rem;
      }

      .clearfix {
        width: 97%;
        margin: 0 auto;
        margin-top: .05rem;
      }

      .swiper-pagination {
        bottom: -.2rem;
      }

      .func-all {
        //justify-content: center;
        display: flex;
        flex-wrap: wrap;

        .product-func {
          width: 27%;
          margin: 0 .2rem;

          .func-eve {
            width: 100%;
            height: 2.3rem;
            box-shadow: #c7c7c7 0.01rem 0.02rem 0.2rem 0.01rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            .func-pic {
              width: .63rem;
              margin-bottom: .2rem;
            }

            .func-p {
              font-size: .24rem;
              color: #c4c4c4;
            }
          }
        }
      }

    }

    .specification {
      .product-spe {
        margin-top: .8rem;

        .spe-all {
          display: flex;
          align-items: flex-start;
          margin: .3rem 0;
          margin-left: .25rem;

          .spe-name {
            font-size: .28rem;
            width: 1.4rem;
            flex-shrink: 0;
            font-weight: 700;
          }

          .spe-desc {
            color: #4c4c4c;
            font-size: .24rem;
            // border: 1px red solid;
          }
        }
      }
    }

    .scene {
      // border: @asd;
      font-size: .24rem;
      background: #f5f5f5;
      padding: 0 .3rem;

      .scene_top {
        padding-top: .6rem;

        h3 {
          font-size: 0.48rem;
          color: #2e2e2e;
          position: relative;
          font-weight: normal;

          &::before {
            content: "";
            position: absolute;
            width: 13%;
            height: 0.03rem;
            background: #ff7624;
            bottom: -.1rem;
          }
        }

        .Img_Box {
          margin-top: .4rem;

          .img_list {
            height: 4.16rem;
            background: #fff;
            border-radius: .3rem;
            margin-bottom: .3rem;

            .img_name {
              font-size: .28rem;
              margin-top: .3rem;
              margin-left: .3rem;
            }

            .img_des {
              font-size: .24rem;
              color: #707070;
              margin-left: .3rem;
            }
          }

          .scene_center {
            display: flex;
            align-items: center;
            padding: 0 .3rem;
            width: 6.9rem;
            height: 3rem;
            background: #fff;
            border-radius: .3rem;
            font-size: .28rem;
            color: #707070;
            margin-bottom: .3rem;

            img {
              width: 2.1rem;
              height: 1.52rem;
              margin-right: .3rem;
            }
          }

          .img_list_foot {
            // border: @asd;
            border-radius: .3rem;
            width: 100%;
            height: 3rem;
            background: url("../images/scene_05.png");
            background-size: auto 100%;
            margin-bottom: .3rem;
            padding: .3rem;
            display: flex;
            align-items: flex-end;
            font-size: .28rem;
            color: #fff;
          }

          .img_list_foot02 {
            width: 100%;
            height: 6.8rem;
            background: url("../images/scene_06.png") no-repeat;
            background-size: 100% auto;
          }
        }
      }
    }

    .manage-plat {
      // .plat-pic {
      //   width: 93%;
      //   margin: 0 auto;
      //   padding: .3rem .2rem;
      //   border-radius: .1rem;
      //   box-shadow: #dcdbdb 0.01rem 0.02rem 0.2rem 0.01rem;

      // }
      // border: @asd;
      font-size: .24rem;
      background: #fff;
      padding: 0 .3rem;
      margin-top: -1rem;
      padding-top: .6rem;

      .manage-plat_top {
        h3 {
          font-size: 0.48rem;
          color: #2e2e2e;
          position: relative;
          font-weight: normal;

          &::before {
            content: "";
            position: absolute;
            width: 13%;
            height: 0.03rem;
            background: #ff7624;
            bottom: -.1rem;
          }
        }

        .top_text {
          margin: .3rem 0 .3rem 0;
          font-size: .28rem;
          color: #181818;
        }

        .Img_Box {
          width: 100%;
          height: 4.42rem;
          background: url("../images/glpt.png") no-repeat;
          background-size: 100% auto;
        }
      }
    }

    .model-hezuo {
      // border: @asd;
      font-size: .24rem;
      background: #fff;
      padding: 0 .3rem;
      margin-top: -.8rem;
      padding-top: .6rem;

      h3 {
        font-size: 0.48rem;
        color: #2e2e2e;
        position: relative;
        font-weight: normal;

        &::before {
          content: "";
          position: absolute;
          width: 13%;
          height: 0.03rem;
          background: #ff7624;
          bottom: -.1rem;
        }
      }

      .sbox {
        margin-top: .3rem;
        display: flex;
        justify-content: space-between;
        margin-bottom: .3rem;

        .same_box {
          width: 48%;
          // border: @asd;
          background: #F9F9F9;
          border-radius: .2rem;
          padding: .36rem;

          .s_top {
            font-size: .3rem;
            font-weight: 700;
            margin: .3rem 0 .14rem 0;
          }

          .s_text {
            font-size: .28rem;
            color: #666;
            line-height: .48rem;
          }
        }
      }
    }

    .from {
      // border: @asd;
      font-size: .24rem;
      background: #fff;
      padding: 0 .3rem;
      margin-top: -.5rem;
      padding-top: .3rem;

      h3 {
        font-size: 0.48rem;
        color: #2e2e2e;
        position: relative;
        font-weight: normal;

        &::before {
          content: "";
          position: absolute;
          width: 13%;
          height: 0.03rem;
          background: #ff7624;
          bottom: -.1rem;
        }
      }

      .from_box {
        margin-top: .8rem;
        padding-left: .4rem;

        .from_list {
          width: 100%;
          height: .96rem;
          border-radius: .3rem;
          background: #f5f5f5;
          display: flex;
          align-items: center;
          font-size: .28rem;
          margin-bottom: .3rem;

          .list_lf {
            width: 1.8rem;
            text-align: right;

            span {
              color: #ff6320;
            }
          }

          input {
            outline-style: none;
            border: 0;
            height: .80rem;
            text-indent: .3rem;
            background: #f5f5f5;
          }
        }

        .from_choose {
          font-size: .32rem;
        }

        .choose_box {
          display: flex;
          margin: .47rem 0 .6rem 0;

          .choose_item {
            width: 1.3rem;
            height: .54rem;
            background: #ffffff;
            border: 1px solid #b6b6b6;
            border-radius: .1rem;
            margin-right: .3rem;
            font-size: .28rem;
            text-align: center;
            line-height: .54rem;
          }

          .choose_item_add {
            background: #ffeee7;
            border: 1px solid #ff6320;
            color: #ff6320;
          }
        }

        .submit {
          width: 100%;
          height: .96rem;
          background: #ff6320;
          border-radius: .3rem;
          text-align: center;
          line-height: .96rem;
          font-size: .36rem;
          color: #fff;
        }
      }
    }

    .code {
      display: flex;
      font-size: .28rem;

      img {
        width: 1.99rem;
        height: 1.99rem;
        margin-bottom: .2rem;
      }

      .code_img {
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: .6rem;
      }

      .line {
        position: relative;

        ::after {
          content: "";
          position: absolute;
          width: 1px;
          height: 2rem;
          background: #E8E8E8;
          right: 0rem;
          top: .3rem;
        }
      }
    }





    .product-detail {
      padding: .15rem;

      .detail-h3 {
        font-size: .48rem;
        color: #4c4c4c;
        font-weight: normal;
      }

      .detail-txt {
        font-size: .26rem;
        color: #6d6d6d;
        margin: .2rem 0;
        width: 100%;
        padding-right: .2rem;
      }

      .detail-phone {
        font-size: .26rem;
        color: #ff7624;
        margin: .2rem;
      }

      .detail-link {
        display: flex;
        justify-content: center;

        .detail-a {
          font-size: 0.3rem;
          background: #FF7624;
          padding: .2rem .8rem;
          margin: .2rem;
          border-radius: .5rem;
          color: #fff;
        }

        .detail-b {
          color: #474747;
          background: #fff;
          box-shadow: #dcdbdb 0.01rem 0.02rem 0.2rem 0.01rem;
        }
      }
    }
  }

  .mobile-bottom {
    iframe {
      height: 18.7rem;
    }
  }
}