.block{
    height: 2.8rem;
}



.product .crumbs{
   margin-bottom: .5rem;
   /* text-align: center; */
}

.product .crumbs .p0{
   cursor: pointer;
}

.product .crumbs .p1{
   cursor: pointer;
}
.product .crumbs .p2{
   cursor: pointer;
}

.product .crumbs_body{
   margin-top: .4rem;
}
/* 第一部分 */
/* 小于800 */
@media screen and (max-width:800px){

   .product .crumbs_body .first{
      display: flex;
      flex-direction: column;
      justify-content: center;
      width:100%;
   }
   .product .crumbs_body .first .dd .attribute .attr-item{
      display: inline-block;
      width: 22%;
      padding:.3rem 0.1rem;
      text-align: center;
      text-overflow: ellipsis;
      vertical-align: middle;
      position: relative;
   }

   .product .crumbs_body .third .third-container{
      display: inline-block;
      width: 100%;
      text-align: center;
   }
   .product .crumbs_body .first .dd .btn button{
      width:40%;
      background-color: #575757;
      color:#fff;
      padding:.2rem;
      font-size: .3rem;
      cursor: pointer;
      margin: .1rem .1rem 0 .1rem;
      white-space: nowrap;
   }

   .product .crumbs_body .first .dt{
      flex: 1;
      padding: .3rem;
    }

    .product .crumbs_body .first .dd .attribute{
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
   }
   .product .crumbs_body .first .dd{
      flex: 1.2;
      padding: .3rem;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: space-between;

   }
   .product .crumbs_body .first .first-line{
      border-bottom: 1px solid #dcdcdc;
      padding-bottom:0.3rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
   }
}
/* 大于800 */
@media screen and (min-width:800px) and (max-width: 1921px){
   .product{
      padding:0 15%;

   }
   .product .crumbs_body .first{
      display: flex;
      justify-content: center;
      width:100%;
   }
   .product .crumbs_body .first .dd .attribute .attr-item{
      display: inline-block;
      width: 22%;
      padding:.3rem .2rem;
      text-align: center;
      text-overflow: ellipsis;
      vertical-align: middle;
      position: relative;
   }
   .product .crumbs_body .third .third-container{
      display: inline-block;
      width: 70%;
      text-align: center;
  }

   .product .crumbs_body .first .dd .btn button{
      width:30%;
      background-color: #575757;
      color:#fff;
      padding:.2rem;
      font-size: .3rem;
      cursor: pointer;
      margin: .1rem .1rem 0 .1rem;
      white-space: nowrap;
   }

   .product .crumbs_body .first .dt{
      flex: 1;
    }
    .product .crumbs_body .first .dd .attribute{
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      padding:.3rem;
   }
   .product .crumbs_body .first .dd{
      flex: 1.2;
      padding-left: 0.3rem;
      padding-right: 0.3rem;
      padding-top: 0.3rem;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: space-between;

   }
   .product .crumbs_body .first .first-line{
      border-bottom: 1px solid #dcdcdc;
      padding-bottom:0.3rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
   }
}



@media screen and (min-width: 1921px){
   .product{
      padding:0 20%;

   }
   .product .crumbs_body .first{
      display: flex;
      justify-content: center;
      width:100%;
   }
   .product .crumbs_body .first .dd .attribute .attr-item{
      display: inline-block;
      width: 22%;
      padding:.3rem .2rem;
      text-align: center;
      text-overflow: ellipsis;
      vertical-align: middle;
      position: relative;
   }
   .product .crumbs_body .third .third-container{
      display: inline-block;
      width: 70%;
      text-align: center;
  }

   .product .crumbs_body .first .dd .btn button{
      width:30%;
      background-color: #575757;
      color:#fff;
      padding:.2rem;
      font-size: .3rem;
      cursor: pointer;
      margin: .1rem .1rem 0 .1rem;
      white-space: nowrap;
   }

   .product .crumbs_body .first .dt{
      flex: 1;
    }
    .product .crumbs_body .first .dd .attribute{
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      padding:.3rem;
   }
   .product .crumbs_body .first .dd{
      flex: 1.2;
      padding-left: 0.3rem;
      padding-right: 0.3rem;
      padding-top: 0.3rem;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: space-between;

   }

   .product .crumbs_body .first .first-line{
      border-bottom: 1px solid #dcdcdc;
      padding-bottom:1rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
   }


}



.product .crumbs_body .first .main-pic img{
  width: 100%;
}
.product .crumbs_body .first .img-list{
   text-align: center;
   white-space: nowrap;
   padding-top: .1rem;
   overflow: hidden;
}
.product .crumbs_body .first .img-list .img{
   width: 24.3%;
   cursor: pointer;
   margin-right: .1rem;
}

.product .crumbs_body .first .img-list .img-active {
   border:2px solid #f4c067;
}


.product .crumbs_body .first .first-line .name{
   font-size: .5rem;

   text-align: left;
   padding-left:.4rem;
}
.product .crumbs_body .first .first-line .after{

   font-size: .3rem;
   text-align: right;
   padding-right: .2rem;
}
.product .crumbs_body .first .first-line .after .cate{
   font-weight: 600;
}



.product .crumbs_body .first .dd .attribute .atrr-container{
   white-space: nowrap;
   width: 100%;
}





.product .crumbs_body .first .dd .attribute .atrr-container > i{
   width: 20%;
}


.product .crumbs_body .first .dd .attribute .attr-item .key{
   font-size: .4rem;
   white-space: normal;
}
.product .crumbs_body .first .dd .attribute .attr-item .value{
   display: block;
   font-size: .3rem;
   color:#585757;
   padding-top:.1rem;
   white-space: normal;
   overflow: hidden;
   height: 0.6rem;
   position: relative;
}

.product .crumbs_body .first .dd .related .title{
   margin-top: .3rem;
   margin-left: .5rem;
   margin-bottom: .5rem;
   text-align: left;
   font-size: .48rem;
}
.product .crumbs_body .first .dd .related .related-list{
   width: 100%;
   margin: .3rem;
   display: flex;
   align-items: center;
   flex-wrap: nowrap;
}
.product .crumbs_body .first .dd .related .related-list .prev{
   font-size: .5rem;
   padding:.2rem;
   cursor: pointer;
}
.product .crumbs_body .first .dd .related .related-list .next{
   font-size: .5rem;
   padding:.2rem;
   cursor: pointer;
}

.product .crumbs_body .first .dd .related .related-list .img-container{
   position: relative;
   width: 100%;
   height: 3.5rem;
   overflow: hidden;
   /* border:1px solid; */
}

.product .crumbs_body .first .dd .related .related-list .img{
   position: absolute;
   white-space:nowrap;
   top: 0;
   left: 0;

}

.product .crumbs_body .first .dd .related .related-list .img img{
   width: 2.5rem;
   height: 2.5rem;
   border:1px solid #dcdcdc;
   padding: .2rem;
   margin: .1rem;
   cursor: pointer;
}
.product .crumbs_body .first .dd .btn{
   margin-top: 0.6rem;
   padding-left:0.9rem;
}








/* 第二部分 */



.product .crumbs_body .second .describe{
   width: 100%;
}


/* 第三部分 */

@media screen and (min-width:800px){
   .product .crumbs_body .third{
      padding:.5rem;
      text-align: center;
      display: none;
    }
    .product .crumbs_body .third-pc{
      text-align: center;
      margin: 1rem;
   }
   .product .crumbs_body .second img{
      width: 60%;
      height: auto;
    }

    .product .crumbs_body .second{
      margin: 0.5rem 0;
      text-align: center;
      padding:.5rem;
   }

}

@media screen and (max-width:800px){
   .product .crumbs_body .third{
         padding:.5rem 0;
         text-align: center;
   }
   .product .crumbs_body .third-pc{
      text-align: center;
      padding:0.5rem;
      display: none;
   }
   .product .crumbs_body .second img{
      width: 100%;
      height: auto;
    }

    .product .crumbs_body .second{
      margin: 0.5rem 0;
      text-align: center;
      padding:.2rem;
   }

}




.product .crumbs_body .third .third-item{
   margin: .3rem;
   text-align: center;
   white-space: nowrap;

}

.product .crumbs_body .third .third-item .title{
   display: inline-block;
   width: 30%;
   font-size: .5rem;
   background-color: #D9D9D9;
   padding:.3rem;
   white-space: nowrap;
   text-align: center;

}
.product .crumbs_body .third .third-item .content{
   display: inline-block;
   font-size: .5rem;
   width: 50%;
   text-align: center;
   padding:.3rem .3rem .3rem .5rem;
   background-color: #F7F7F7;
   margin-left: .3rem;
}



/* pc包装************************ */
.product .crumbs_body .third-pc .third-item{
   margin: .1rem;
   text-align: left;
   white-space: nowrap;
   display: inline-block;
   width: 45%;
   box-sizing: border-box;
}

.product .crumbs_body .third-pc .third-item .title{
   display: inline-block;
   width: 30%;
   font-size: .5rem;
   background-color: #D9D9D9;
   white-space: nowrap;
   text-align: center;
   padding:.3rem;

}
.product .crumbs_body .third-pc .third-item .content{
   display: inline-block;
   font-size: .5rem;
   width: 50%;
   text-align: center;
   padding:.3rem .3rem .3rem .5rem;
   background-color: #F7F7F7;
   margin-left: 0.1rem;
}


/* 新品推荐 */
.product .crumbs_body .primary{
   display: flex;
   flex-direction: column;
}
.product .crumbs_body .primary .title{
   font-size: .5rem;
   text-align: left;
   padding-left:.1rem;
}
.product .crumbs_body .primary .primary-list{
   text-align: left;
   margin: .3rem 0;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: nowrap;
   background-color: #F2F2F2;
   padding:.5rem .5rem .3rem .5rem;
}
.product .crumbs_body .primary .primary-list i{
   font-size: .8rem;
   cursor: pointer;
}

.product .crumbs_body .primary .primary-list .img-container{
   position: relative;
   width: 100%;
   height: 4.3rem;
   overflow: hidden;
   /* border:1px solid; */
}

.product .crumbs_body .primary .primary-list .img{
   white-space:nowrap;
   overflow: hidden;
   position: relative;
   position: absolute;
   white-space:nowrap;
   top: 0;
   left: 0;
}



.product .crumbs_body .primary .primary-list .img div{
   display: inline-block;
   cursor: pointer;

}
.product .crumbs_body .primary .primary-list .img div p{
   text-align: center;
   font-size: .3rem;
}

.product .crumbs_body .primary .primary-list .img img{
   width: 3rem;
   height: 3rem;
   margin: .3rem;
}

/* 工厂 */
.product .crumbs_body .factory{
   position: relative;
   text-align: center;
   margin: .5rem 0;
   cursor: pointer;
}

.product .crumbs_body .factory img{
   width: 100%;
}

.product .crumbs_body .factory .desc{
   position: absolute;
   top: 50%;
   font-size: 1rem;
   color: #fff;
   width: 100%;
}

.product .crumbs_body .factory .factory-container{
   width: 100%;
   padding-bottom: 50%;
   height: 0;
   overflow: hidden;
}



/* .best-sell */
.product .crumbs_body .best-sell{
   display: flex;
   flex-direction: column;
}
.product .crumbs_body .best-sell .title{
   font-size: .5rem;
   text-align: left;
   padding-left:.1rem;
}
.product .crumbs_body .best-sell .primary-list{
   text-align: left;
   margin: .3rem 0;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: nowrap;
   background-color: #F2F2F2;
   padding:.5rem .5rem .3rem .5rem;
}

.product .crumbs_body .best-sell .primary-list .img-container{
   position: relative;
   width: 100%;
   height: 4.3rem;
   overflow: hidden;
   /* border:1px solid; */
}

.product .crumbs_body .best-sell .primary-list .img{

   white-space:nowrap;
   overflow: hidden;
   position: relative;
   position: absolute;
   white-space:nowrap;
   top: 0;
   left: 0;

}

.product .crumbs_body .best-sell .primary-list i{
   font-size: .8rem;
   cursor: pointer;
}

.product .crumbs_body .best-sell .primary-list .img div{
   display: inline-block;
   cursor: pointer;
}
.product .crumbs_body .best-sell .primary-list .img div p{
   text-align: center;
   font-size: .3rem;
}

.product .crumbs_body .best-sell .primary-list .img img{
   width: 3rem;
   height: 3rem;
   margin: .3rem;
}

#dialog-container{
   position: fixed;
   top:0;
   left:0;
   width: 100%;
   height: 100%;
   background-color: #000;
   z-index: 5000;
   /* IE 5-7 */
   filter: alpha(opacity=50);
   /* Netscape */
   -moz-opacity: 0.5;
   /* Safari 1.x */
   -khtml-opacity: 0.5;
   /* Good browsers */
   opacity: 0.5;
}


/* 询盘 */
@media screen and (max-width:1200px){
   .inquiry{
      position: fixed;
      top:0;
      left:0;
      right: 0;
      bottom: 0;
      margin: auto;
      z-index: 5000;
      display: none;
      display: inline-block;
      width: 80%;
      height: 85%;
      background-color: #fff;
      text-align: left;
      overflow-y: hidden;
      overflow-x: hidden;
      border-radius: 0.5rem;
   }
   .inquiry .tit{
      width:99%;
      color:#000;
      padding:.5rem 0;
   }
}

@media screen and (min-width:1200px){

   .inquiry{
      position: fixed;
      top:0;
      left:0;
      right: 0;
      bottom: 0;
      margin: auto;
      z-index: 5000;
      display: none;
      display: inline-block;
      width: 40%;
      height: 85%;
      background-color: #fff;
      text-align: left;
      overflow-y: hidden;
      overflow-x: hidden;
      border-radius: 0.5rem;
   }
   .inquiry .tit{
      width:100%;
      color:#000;
      padding:.5rem 0;
   }
}

.inquiry .subject{
   text-align: center;
   font-size: .45rem;
}
.inquiry .close{
   position: absolute;
   top:0;
   right: 10px;
   font-size: .4rem;
   padding:.3rem;
   cursor: pointer;
   color: #dcdcdc;
}
.inquiry .item{
   font-size: .3rem;
}
.inquiry .item .key{
   padding: .3rem 0;
   line-height: .5rem;
   word-break: normal;
}
.inquiry .item .value{
   border: 1px solid #bbb7b7;
   padding:.2rem;
   width: 95%;
}

.inquiry .item .value input{
   width: 100%;
}
.inquiry .item .value .img{
   width: 2rem;
}

.inquiry .cart .value{
   display: flex;
   overflow: hidden;
   overflow-x: auto;
   height: 3rem;
}

.inquiry .cart .value .cart-item{
   width: 2rem;
   border:1px solid #bbb7b7;
   margin: .2rem;
   cursor: pointer;
}
.inquiry .cart .value .name{
   width: 2rem;
   text-align: center;
   padding:.2rem 0;
   display: inline-block;
   font-size: .2rem;
}


.inquiry .item span{
   color:red;
   font-size: .2rem;
}

.inquiry .btn{
   text-align: center;
   margin: .5rem 0;
   cursor: pointer;
}
.inquiry .btn button{
   background-color: #575757;
   color: #fff;
   padding:.1rem .3rem;
   cursor: pointer;
}

.point{
   height: 10px;
   width: 10px;
   background-color: red;
   position: fixed;
   left: 0px;
   top: 0px;
   display: none;
   border-radius: 50%;
   z-index: 9999;
}

.inquiry .area .value{
   position: relative;
}

.inquiry .area .citys{
    position: absolute;
    top:50px;
    left:0;
    width: 100%;
    height: 200px;
    display: none;
    border:1px solid #dcdcdc;
    background-color: #fff;
    overflow: hidden;
    overflow-y: auto;
}

.inquiry .area .citys .city-item{
     padding: 10px;
     cursor: pointer;
}