/* pc显示隐藏 end*/
@media screen and (max-width: 750px) {
  html {
    font-size: 13.3333vw !important;
    overflow-x: hidden;
  }
  body {
    overflow-x: hidden;
  }
  .wrap {
    width: 100%;
    padding: 0 0.3rem;
  }

  /* 移动端隐藏 end*/
  .is_pc,
  .is_pc_flex {
    display: none !important;
  }

  .is_mobile {
    display: block !important;
  }

  .is_mobile_flex {
    display: flex !important;
  }

  .pc_nav {
    margin-top: 0px !important;
    width: 100vw;
    height: 0.87rem;
    line-height: 0.87rem;

  }

  .section {
    padding-bottom: 0.8rem;
    padding-top: 0;
  }
  .section .title { 
    padding-top: .8rem ;
    font-size: .48rem;
  }
  .section .title::before {
    bottom: -0.16rem;
    width: 1.6rem;
    height: .08rem;
  }
  .height110 {
    height: 0.88rem;
  }

  .aside {
    display: none;
  }

  /* 移动端隐藏 end*/
  /*title start*/

  /*title end*/

  /*导航栏样式*/
  .nav .nav_logo {
    height: 0.88rem;
    display: flex;
    align-items: center;
  }

  .nav .nav_logo img {
    width: 1.46rem;
    margin-left: 0.3rem;
  }

  .nav_list {
    display: none;
    position: fixed;
    top: 0.8rem;
    right: 0;
    height: calc(100% - 0.8rem);
    background: #fff;
    width: 4rem;
  }

  .nav_list li {
    padding: 0 0.4rem;
    height: 0.96rem;
    border-bottom: 0.01rem solid #ECECEC;
  }

  .nav_list ul {
    display: block;
  }

  .nav {
    height: 0.88rem;
    background: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 22;
  }
  .nav-func {
    display: flex;
    margin-right: .88rem;
    align-items: center;
  }
  .nav-func .nav-func-item {
    position: relative;
    width: 1.3rem;
    text-align: center;
    padding-left: .5rem;
    font-size: .28rem;
    color: #333;
  }
  .nav-func-item-2 {
    margin-left: .4rem;
  }
  .nav-func .nav-func-item-1::before, .nav-func .nav-func-item-2::before {
    content: "";
    position: absolute;
    top: -.04rem;
    left: 0;
    width: .48rem;
    height: .48rem;
  }
  .nav-func .nav-func-item-1::before {
    background: url(../images/icon/gift.png) no-repeat;
    background-size: .48rem .48rem;
  }
  .nav-func .nav-func-item-2::before {
    background: url(../images/icon/form.png) no-repeat;
    background-size: .48rem .48rem;
  }
  .nav_list li.active:after {
    background: transparent;
  }

  .nav_list li.active a {
    color: #E30034;
  }

  .nav_list li:hover a {
    color: #E30034;
  }

  .nav_list li.active {
    background: #f6f6f6;
  }

  .nav_list li a {
    display: block;
    line-height: 0.8rem;
    font-size: 0.3rem;
    color: #333;
    line-height: 0.96rem;
  }

  .menu_icon {
    position: absolute;
    right: 0;
    top: 0;
    height: 0.88rem;
    width: 0.88rem;
    background: url(../images/menu.png) center center no-repeat;
    background-size: 0.48rem 0.48rem;
  }

  .menu_icon.menu_hide {
    background: url(../images/menu_close.png) center center no-repeat;
    background-size: 0.48rem 0.48rem;
  }

  /*导航栏样式*/
  /*banner start*/
  .banner {
    width: 100%;
    max-width: 100%;
    height: 9.4rem;
  }
  .banner .swiper_commom {
    position: relative;
  }
  .banner .bannerSwiper {
    height: 9.4rem;
  }
  .banner .bannerSwiper .swiper-slide-1 {
    background-image: url(../images/banner/m_1.png);
  }
  .banner .bannerSwiper .swiper-slide-2 {
    background-image: url(../images/banner/m_2.png);
  }
  .banner .bannerSwiper .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .banner .bannerSwiper .swiper-slide {
    height: 9.4rem;
  }
  .banner .swiper-pagination-bullet-active {
    background: #ffffff;
  }
  /*banner end*/
  /*活动规则*/
  /*section1 start*/
  .section1 {
    padding-top: 0;
  }
  .section1 .product-tt {
    margin: .56rem 0 .5rem;
    font-size: .32rem;
  }
  .section1 .product-info {
    padding: 0;
    background: initial;
    font-size: .28rem;
    line-height: .48rem;
  }
  .section1 .desc {
    font-size: .28rem;
    line-height: .48rem;
    padding-top: .6rem;
    overflow: initial;
  }
  .section1 .content {
    overflow: inherit;
    margin-top: 1.44rem;
    height: 4.24rem;
    background: url(../images/scene_graph_m.png) no-repeat;
    background-size: 8.5rem 100%;
    width: 7.5rem;
    background-position-x: -.7rem;
  }
  .section1 .content .func-box {
    position: absolute;
    top: -1.18rem;
    width: 7.5rem;
    overflow: hidden;
  }
  .section1 .content .func-list {
    overflow-x: auto;
    white-space: nowrap;
    margin: .3rem .2rem;
  }
  .section1 .content .func-list .func-item-first {
    width: .8rem;
  }
  .section1 .content .func-list .func-item {
    margin-right: .3rem;
    padding: 0 .2rem;
  }
  .section1 .product-info-video {
    margin-top: .3rem;
    flex: auto;
    overflow-x: auto;
  }
  .section1 .product-video-item {
    margin-right: .32rem;
    width: 5.36rem;
    text-align: center;
    flex: none;
  }
  .func-wrapper {
    padding: 0;
  }
  .section1 .animation-box {
    height: 2.56rem;
    width: 100%;
    top: .86rem;
    left: 0;
  }
  .section1 .animation-box .circle {
    width: .16rem;
    height: .16rem;
  }
  .section1 .animation-box .bedroom-box {
    width: 2.44rem;
    height: 1.18rem;
    left: .34rem;
  }
  .section1 .animation-box .study-box {
    width: 1.76rem;
    height: 1.18rem;
    left: 2.88rem;
  }
  .section1 .animation-box .liveingroom-box {
    width: 2.82rem;
    height: 1.18rem;
    right: 0;
  }
  .section1 .animation-box .kitchen-box {
    width: 2.76rem;
    height: 1.28rem;
    left: 0;
    bottom: 0;
  }
  .section1 .animation-box .toolhouse-box {
    width: 3.24rem;
    height: 1.28rem;
    left: 3.24rem;
  }
  .section1 .animation-box .bathroom-box {
    width: .96rem;
    height: 1.28rem;
    right: .05rem;
    bottom: 0;
  }
  .section1 .animation-box .bedroom-box, .section1 .animation-box #bedroom {
    width: 2.44rem;
    height: 1.18rem;
  }
  .section1 .animation-box .study-box, .section1 .animation-box #study {
    width: 1.76rem;
    height: 1.18rem;
  }
  .section1 .animation-box .liveingroom-box, .section1 .animation-box #liveingroom {
    width: 2.82rem;
    height: 1.18rem;
  }
  .section1 .animation-box .kitchen-box, .section1 .animation-box #kitchen {
    width: 2.76rem;
    height: 1.28rem;
  }
  .section1 .animation-box .toolhouse-box, .section1 .animation-box #toolhouse {
    width: 3.24rem;
    height: 1.28rem;
  }
  .section1 .animation-box .bathroom-box, .section1 .animation-box #bathroom {
    width: .96rem;
    height: 1.28rem;
  }
  .bedroom-circle-1 {
    left: 1.24rem;
    top: .1rem;
  }
  .bedroom-circle-2 {
    left: .2rem;
    top: .4rem;
  }
  .bedroom-circle-3 {
    left: 1.04rem;
    top: .5rem;
  }
  .bedroom-circle-4 {
    left: .16rem;
    top: .9rem;
  }
  .study-circle-1 {
    right: .16rem;
    top: .31rem;
  }
  .study-circle-2 {
    left: .1rem;
    bottom: .14rem;
  }
  .liveingroom-circle-1 {
    left: .1rem;
    top: .19rem;
  }
  .liveingroom-circle-2 {
    left: 1.34rem;
    top: .4rem;
  }
  .kitchen-circle-1 {
    right: .3rem;
    top: .26rem;
  }
  .kitchen-circle-2 {
    left: 1.1rem;
    top: .66rem;
  }
  .kitchen-circle-3 {
    right: 0;
    bottom: .34rem;
  }
  .toolhouse-circle-1 {
    left: .74rem;
    top: .28rem;
  }
  .toolhouse-circle-2 {
    right: .23rem;
    bottom: .02rem;
  }
  .bathroom-circle-1 {
    left: .4rem;
    top: .12rem;
  }
  .layer-alert-dialog .dialog-content .product-item {
    position: relative;
    align-self: center;
  }
  .layer-alert-dialog .dialog-content .product-item h3 {
    display: flex;
    align-items: center;
    width: 3.1rem;
    height: 2.58rem;
  }
  .layer-alert-dialog .dialog-content .product-item-box .product-item-right {
    position: absolute;
    right: 0;
    top: 0;
  }
  /*section1 end*/
  /*section2 start*/
  .section2 .content {
    margin-top: .72rem;
  }
  .section2 .content .sensor-item {
    padding: .32rem;
  }
  .section2 .sensor-top {
    height: auto;
  }
  .section2 .sensor-top .sensor-logo {
    width: 2.4rem;
    height: 1.8rem;
  }
  .section2 .content .sensor-cont {
    height: auto;
  }
  .section2 .sensor-top, .section2 .sensor-bottom {
    flex-wrap: wrap;
  }
  .section2 .sensor-bottom {
    margin-top: .4rem;
  }
  .section2 .sensor-top .sensor-base a {
    width: 1.76rem;
    height: .64rem;
    font-size: .28rem;
    line-height: .64rem;
  }
  .section2 .sensor-video-cont {
    flex: auto;
    overflow-x: auto;
  }
  .sensor-base-cont {
    height: 1.8rem;
    display: flex;
    align-items: center;
  }
  .section2 .sensor-top .sensor-base {
    width: 100%;
  }
  .section2 .sensor-top .sensor-base h3 {
    width: 3.5rem;
    font-size: .32rem;
  }
  .sensor-base-cont .sensor-logo {
    position: relative;
  }
  .sensor-base-cont .sensor-logo img {
    display: block;
    width: 100%;
  }
  .section2 .sensor-top .sensor-base p {
    color: #333;
    font-size: .24rem;
    line-height: .36rem;
    max-height: inherit;
  }
  .section2 .sensor-video-cont .sensor-video-item {
    margin-right: .32rem;
    width: 5.36rem;
    text-align: center;
    flex: none;
  }
  .section2 .sensor-video-cont .sensor-video-item img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .section2 .sensor-pdf-cont {
    margin-left: 0;
    margin-top: .4rem;
    width: 100%;
  }
  .section2 .sensor-pdf-cont .sensor-pdf-item h4 {
    font-size: .28rem;
  }
  .section2 .content .func-list {
    line-height: inherit;
    height: 1.06rem;
  }
  .section2 .content .func-list .func-item {
    position: relative;
    font-size: .28rem;
  }
  .section2 .content .func-list .func-item-2 {
    width: 2rem;
    flex: initial;
  }
  .section2 .content .func-list .func-item span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
  /*section2 end*/
  .section3 .wrap {
    padding: 0;
  }
  .section3 .content {
    flex-wrap: wrap;
    margin-top: .72rem;
  }
  .section3 .advantage-left {
    width: 7.18rem;
    margin-top: 0;
  }
  .section3 .advantage-item {
    width: 100%;
    height: 2rem;
    overflow: hidden;
    border-radius: 0px 100px 100px 0px;
  }
  .section3 .advantage-item .tt {
    padding: 0 .3rem;
    width: 2.4rem;
    font-size: .36rem;
    text-align: left;
  }
  .section3 .advantage-item .desc {
    padding: 0 .3rem;
    position: relative;
    background: #9BC3B7;
    height: 100%;
  }
  .section3 .advantage-item .desc p {
    width: 3.98rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }
  .section3 .advantage-right {
    width: 6.86rem;
    height: auto;
  }
  .section3 .advantage-right-box {
    padding: 0 .3rem;
  }
  .section3 .advantage-right .cont {
    position: relative;
    top: 0;
    right: 0;
    transform: translate(0,0);
    padding: .48rem .32rem;
    width: 100%;
    font-size: .28rem;
    color: #333;
  }
  .section3 .advantage-right .cont .last-p {
    margin-bottom: 0;
  }
  .article_item {
    height: auto;
    margin-bottom: 0.2rem;
    display: block;
    padding: 0.3rem;
  }

  .article_item div img {
    width: 100%;
    margin-bottom: 0.2rem;
  }

  .article_item_title a i {
    margin-right: 0.1rem;
    margin-left: 0;
  }

  .article_item_title a {
    line-height: 1.8;
    font-size: 0.28rem;
    display: block;
    margin-bottom: 0.3rem;
  }

  .about .wrap {
    display: block;
  }

  .about {
    padding: 0.8rem 0 0.8rem;
  }

  .about a img {
    margin-right: 0;
    width: 100%;
    word-break: break-all;
    margin-bottom: 0.4rem;
  }

  .about p {
    font-size: 0.28rem;
    color: #666666;
    line-height: .56rem;
  }

  .tianmao_link {
    width: 100%;
    height: 4.98rem;
    background: url(../images/aside_m.png) center center no-repeat;
    background-size: cover;
    margin-top: 0.4rem;
    padding-bottom: 0.6rem;
    position: relative;
  }

  .tianmao_link a {
    position: absolute;
    bottom: 0.3rem;
    right: 0.8rem;
    width: 3rem;
    height: 0.9rem;
  }
  .section1 .product-video-item .video-cover {
    height: 3rem;
  }
  .section1 .product-video-item .video-cover img {
    height: 100%;
  }
  .section2_video {
    display: flex;
  }

  .mySwiper3_m {
    position: relative;
  }

  .section5 {
    padding-top: 0;
    padding-bottom: .8rem;
  }

  .section5 .content {
    margin-top: .52rem;
    display: block;
  }
  .section5 .advantage-item .cont {
    padding: .2rem .3rem;
  }
  .section5 .advantage-item .cont .base {
    height: 2rem;
  }
  .section5 .advantage-item .cont .base .tt {
    align-self: center;
    font-size: .48rem;
  }
  .section5 .advantage-item .cont .base .tt  b {
    display: inline-block;
  }
  .section5 .advantage-item .cont .base .logo {
    width: 1.6rem;
    height: 1.6rem;
  }
  .section5 .advantage-item .desc {
    padding-top: .4rem;
    font-size: .28rem;
    line-height: .48rem;
  }
  .section5 .content .advantage-item {
    margin-top: .2rem;
    width: 100%;
    height: 4.26rem;
  }
  .section5 {
    padding-top: 0;
    padding-bottom: .8rem;
  }
  .section6 {
    padding-bottom: .8rem;
    padding-top: 0;
  }
  .section6 .content {
    margin-top: .72rem;
  }
  /* 抽奖部分 start*/
  .draw-list-left {
    width: 100%;
    border-radius: 20px;
  }

  #prize_area {
    display: block;
    padding: 0px;
  }

  .draw-list {
    width: 100%;
    box-sizing: border-box;
    padding: 0rem;
    background: none;
    border: none;
    border-radius: 0;
  }



  .draw-list-item .vlm-wrap {
    height: 1.5rem;
  }

  #prilist li:nth-child(3n) {
    margin-right: 0rem;
  }

  #prilist .vlm {
    display: block;
    margin: 0 auto;
    height: 0.9rem;
    margin-top: 0.3rem;
    font-size: 0.36rem;
  }

  #prilist .roll-6 .vlm {
    width: 1.5rem;
    height: auto;
    margin-top: 0.6rem;
  }

  .draw-list-item p {
    font-size: 0.24rem;
    font-weight: 500;
    color: #5EA290;
    line-height: 0.16rem;
    letter-spacing: 0.02rem;
    position: absolute;
    left: 0px;
    bottom: 0.3rem;
    text-align: center;
    width: 100%;
  }

  #begin_btn span i {
    font-size: 0.24rem;
  }

  #begin_btn {
    background-size: 100% 100%;
    font-size: 0.34rem;
    font-weight: 800;
    letter-spacing: 0.05rem;
    text-align: center;
  }

  #begin_btn>div {
    height: 2rem;
    background: #9BC3B7;
    border-radius: 0 0 16px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .zjMd {
    position: relative;
    width: 100%;
    background: #ffffff;
    border-radius: 0.2rem;
    overflow: hidden;
    margin-top: 0.6rem;
  }

  #jq_marquee_box {
    margin-top: 0px;
    width: 100%;
    height: 5rem;
    padding: 0.2rem 0.32rem;
    box-sizing: border-box;
    font-size: 0.24rem;
    line-height: 40px;
    letter-spacing: 0.03rem;
  }

  .draw-list-item {
    width: 2.16rem;
    height: 2.16rem;
    margin-right: 0.18rem;
    margin-bottom: 0.18rem;
    padding-top: 0px;
    position: relative;
  }
  .zjMd .tip_md {
    color: #666666;
    font-size: .24rem;
    line-height: .46rem;
  }
  .prize-rule-text {
    width: 100%;
  }
  .prize-rule-text .activity-concat ul {
    flex-wrap: wrap;
  }
  .prize-rule-text .activity-concat ul li {
    width: 100%;
    margin-bottom: .4rem;
  }
  .prize-rule-text .activity-concat ul li .concat-img-box {
    margin: 0 auto;
    display: inline-block;
  }
  .prize-rule-text .activity-concat ul li .concat-img-box img {
    margin-right: .3rem;
  }
  .prize-rule {
    margin: .4rem 0 0;
    flex-flow: column;
    color: #707070;
    font-size: .28rem;
    padding: .6rem .32rem;
    line-height: .56rem
  }
  .prize-rule-promote {
    margin-left: 0;
  }
  /* 抽奖部分 end*/


  /* 弹窗部分 start*/
  .submit_form_register .inline_dl_flex {
    display: block;
  }

  .submit_form_register {
    padding: 0.2rem 0.4rem;
  }

  .submit_form_register .inline_dl_flex_box {
    width: 100%;
  }

  .submit_form_register .label_info label {
    width: 100%;
    display: inline-block;
  }
  .layer_user_info_form .layui-layer-title {
    background: #fff;
    color: #333;
    font-weight: 700;
  }
  .submit_form_register .inline_dl.label_info12 dd {
    width: 100%;
  }

  .submit_form_register .label_info.label_info12 label {
    line-height: 1.8;
    text-indent: -0.5rem;
    margin-left: 0.5rem;
  }
  .submit_form_register .inline_dl .addr_box {
    width: 100%;
  }
  .layer_lotter_alert {
    border-radius: .16rem !important;
  }
  .layer_lotter_info .layer_lotter_text2 {
    font-size: .28rem;
    padding: 0 .32rem;
    text-align: center;
  }
  .layer_lotter_info img {
    margin-top: 0;
  }
  .form_btn {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
    display: block;
    left: 50%;
    transform: translate(-50%, 0);
    position: fixed;
    z-index: 99891015;
  }

  .submit_form_register .inline_dl {
    justify-content: flex-start;
    width: 100%;
  }

  .submit_form_register .inline_dl dd {
    width: 80%;
  }

  .submit_form_register .label_info_radio.inline_dl dd {
    width: 100%;
  }

  .submit_form_register .inline_dl input,
  .submit_form_register .inline_dl select {
    outline: none;
    width: 100%;
  }

  .submit_form_register input[type="checkbox"],.submit_form_register input[type="radio"] {
    width: 20px !important;
  }

  .submit_form_register {
    position: relative;
  }

  .submit_form_register .label_info_radio label {
    display: block;
    text-indent: -0.6rem;
    margin-left: 0.6rem;
    line-height: 1.8;
  }

  /* 弹窗部分 end*/


  #order1,
  #order6 {
    position: relative;
    top: -1rem;

  }

  #order6 {
    top: 0rem;
  }

  .layer_user_info_form .layui-layer-btn .layui-layer-btn0 {
    width: 6rem !important;
  }
  .about a {
    word-break: break-all;
  }
  .about h5 {
    color: #666666;
    font-weight: 700;
    padding: .4rem 0;
    height: initial;
    line-height: initial;
  }
  .about .pc-about {
    padding: .4rem 0;
  }
  .about .infineon-zg {
    display: block;
  }
  .about .infineon-zg .infineon-zg-left {
    width: 100%;
    font-size: .28rem;
    line-height: .55rem;
  }
  .about .infineon-zg .infineon-zg-right {
    width: 6.86rem;
    height: 2.48rem;
  }
}