@import "../../icon/iconfont.wxss";
swiper {
  height: 750rpx;
  width: 100%;
}

.slide-image {
  width: 100%;
  height: 100%;
}
swiper-item{
  background: #fff
}
.detail_top {
  font-size: 34rpx;
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 20rpx 0;
}
.detail-group{
  display: flex;
  align-items: center
}
.detail_collected text{
    font-size: 10px;
}
.original_iprice{
  text-decoration:line-through;
  margin-left: 10rpx;
}
.share {
  width: 90%;
  text-align: right;
}
.share image{width: 42rpx;height: 42rpx}
.detail_top>view {
  width: 90%;
  margin: auto;
}

.detail_name {
  width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.detail_info {
  display: flex;
  padding: 11rpx 0 28rpx 0;
  align-items: center
}
textarea{position: absolute}
.stock{margin-top: 20rpx}
.explain {
  font-size: 26rpx;
  line-height: 48rpx;
}

.detail_iprice {
  font-size: 35rpx;
  font-weight: bold;
}
.detail_middle {
  font-size: 30rpx;
}

.couple {
  background: #fff;
  margin: 10rpx 0;
}

.couple>view {
  display: flex;
  width: 90%;
  margin: auto;
  line-height: 70rpx;
}

.couple_right {
  width: 90%;
  display: flex;
  justify-content: flex-end;
  align-items: center
}

.couple .threeblack {
  font-weight: bold;
}

.couple_right .icon-31gouwuquan {
  width: 72rpx;
  height: 38rpx;
  position: absolute;
  left: -73rpx;
}

.couple_icon {
  background: url("http://file.micromall.xczhyf.cn/wxxcx/image/70.png");
  margin-left: 23rpx;
  width: 88rpx;
  height: 29rpx;background-size: 100% 100%;
  text-align: center
}

.couple_icon .price {
  font-size: 24rpx;
  color: #fff;
  margin-top: -19rpx
}

.couple-list .icon-youbian {
  margin-top: 6rpx;
}
.avatarUrl {
  width: 50rpx;
  height: 50rpx;
  border-radius: 50%;
}

.eval_text {
  font-weight: bold;
  width: 77%;
}

.product_eval {
  display: flex;
  line-height: 80rpx
}

.all {
  display: flex;
  line-height: 80rpx;
}

.evaluate_container {
  background: #fff;
}

.evaluate_container>view {
  width: 90%;
  margin: auto;
}

.star {
  display: flex;
  align-items: center;
  width: 45%;
  padding-left: 62rpx;
}

.star image {
  width: 30rpx;
  height: 29rpx;
  margin-right: 17rpx;
}

.evaluate_detail>view {
  display: flex;
  align-items: center;
}
.evaluate-info{display: flex;align-items: center;width: 21%}
.user_name {
  margin-left: 20rpx;
  font-size: 26rpx;
  width: 48%;
}

.evaluate_detail {
  padding-bottom: 40rpx;
}

.status {
  padding-top: 34rpx;
  display: block;
  color: #999;
  font-size: 28rpx;
}

.detail_imagetext {
  margin-top: 10rpx;
  background: #fff;
}

.imagetext_box {
  display: flex;
  width: 90%;
  margin: auto;
}

.imagetext_item {
  padding: 30rpx 0;
  color: #999;
  font-size: 28rpx;
  border-bottom: 1px solid #b3b3b3;
  width: 50%;
  text-align: center;
}

.tabs_content {
  width: 100%;
  margin: auto;
}
.price_content {
  color: #666;
  font-size: 24rpx;
  line-height: 36rpx;
}


.rich_img {
  max-width: 100%;
  margin: 0rpx;
  padding: 0rpx;
  border: none;
}
.carriage .couple_right{width: 73%}
.imagetext_detail_box .title {
  background: #F1F1F1;
  border-bottom: 1rpx solid #E1E1E1;
  color: #333;
  width: 30%;
  padding: 20rpx 0;
  font-size: 26rpx;
  align-items: center;
  display: flex;
  justify-content: center;
  border-left: 1rpx solid #E1E1E1;
  border-right: 1rpx solid #E1E1E1;
  white-space: nowrap
}

.explain_tabs>view {
  display: flex;
}
.explain_tabs{width: 93%}

.explain_tabs .content {
  width: 70%;
  padding: 20rpx 24rpx;
  font-size: 26rpx;
  color: #666;
  border-top: #E1E1E1 solid 1px;
  border-right: 1rpx solid #E1E1E1;
  line-height: 36rpx;
  margin-top: -1rpx;
  margin-left: 0;
  box-sizing: border-box; 
 word-wrap:break-word; 
}

.imagetext_detail_box {
  padding: 29rpx 0;
}
.explain_tabs>view:nth-child(1) .content{margin-top: 0px}
.explain_tabs>view:nth-child(1) .title{border-top: 1rpx solid #E1E1E1}
.explain_tabs .content:last-child {
  border-bottom: 1rpx solid #E1E1E1;
}

.explain_tabs .title_explain {
  border-top: 1px solid #E1E1E1;
}

.imagetext_box .selected {
  font-size: 28rpx;
  color: #333;
}

.imagetext_item:nth-child(1)::after {
  content: '';
  height: 100%;
  margin-left: 40%;
  display: inline-block;
  vertical-align: middle;
  border-right: 1px solid #b3b3b3;
}

.imagetext_item:nth-child(1) {
  padding-left: 10%;
}

.detail_footer {
  height: 106rpx;
  width: 100%;
  position: fixed;
  bottom: 0;
  display: flex;
  line-height: 106rpx;
  background: #f7f7f7;
}

.detail_section {
  padding-bottom: 106rpx;
}

button {
  border: none;
  color: #666;
  display: inherit;
}
.footer-grey .detail_buy{background: #666666}
.detail_buy {
  background: #ff5806;
}
.footer-grey .detail_cart{background: #B3B3B3}
.detail_cart {
  background: #00C085;
}

.detail_pay {
  width: 35%;
  color: #fff;
  font-size: 28rpx;
  text-align: center;
}

.detail_pay_big {
  width: 70%;
  color: #fff;
  font-size: 28rpx;
  text-align: center;
}

.detail_pay_over{
   width: 70%;
  color: #fff;
  font-size: 28rpx;
  text-align: center;
  background:#999999;
}

.singer{
  background: rgb(155, 235, 211);
}

.detail_collected {
  width: 15%;
  text-align: center;
  line-height: 36rpx;
  font-size: 20rpx;
  margin-top: 20rpx;
  color: #666;
}

.button-hover {
  background: #f7f7f7;
  color: #666;
}

.service {
  margin-top: 20rpx;
  width: 15%;
  position: relative;
}

.detail_footer .iconfont {
  padding-bottom: 5rpx;
}

button {
  line-height: 36rpx;
  border: none;
  align-items: center;
  font-size: 20rpx;
  padding-left: 0;
  padding-right: 0;
}
.btn-center{
  display: flex;
  justify-content: center;
}

button:after {
  border: 0px;
  color: #414141;
}

.contact_list {
  width: 100%;
  position: absolute;
  height: 100%;
  z-index: 100;
  overflow: hidden;
  white-space: nowrap;
}

.icon-soucang {
  font-size: 32rpx;
}

.icon-shoucang {
  font-size: 36rpx;
  color: #ff3f3a;
}

.couple-image {
  width: 88rpx;
  height: 29rpx;
}

.couple .threeblack {
  width: 20%;
}

.icon-youbian {
  color: #cacaca;
  padding-left: 15rpx;
}

.norms-container {
  background: #fff;
  width: 750rpx;
  background: rgba(255, 255, 255, 1);
  border-radius: 10rpx 10rpx 0rpx 0rpx;
}

.norms-container {
  position: absolute;
  bottom: 0;
}

.norms-item image {
  width: 180rpx;
  height: 180rpx;
  margin-right: 35rpx;
}

.norms-item {
  display: flex;
  width: 96%;
}

.norms-detail {
  display: flex;
}

.norms-content {
  display: flex;
  flex-direction: column;
}
.norms-list {
  width: 90%;
  margin: auto;
}

.norms-list .threeblack {
  font-size: 26rpx;
}

.norms-box-item {
  font-size: 24rpx;
  background: #eee;
  color: #333;
  padding: 9rpx 30rpx;
  border-radius: 30rpx;
  text-align: center;
  margin-right: 20rpx;
  margin-top: 20rpx
}

.selectedNorms {
  color: #ff3f3a;
  background: #fff;
  border: 1px solid #ff3f3a;
}

.coupons-list{
  width: 100%;
  background:#F3F3F3;
  border-radius:20px 20px 0px 0px;
  position: absolute;bottom: 0;
  padding: 30rpx 0;
  height: 500rpx;
  overflow-y: auto
}

.coupons{margin: auto;margin-bottom: 10rpx}
.coupons-container{margin: 0}
.alreadyGet{
  background-color: #999999
  }
.coupons-list>view{
  position: relative
}
.coupons .money::after{
left: 280rpx;
}
.detail_info .grey{white-space: nowrap;width: 30%;text-align: right}
.cart-list .cart-count-box{
    display: flex;align-items: center;
    margin-top:55rpx;
}
.cart-count-box image{width: 32rpx;height: 33rpx}

.cart-count-down,.cart-count-add{
    height: 100%;
}

.cart-count-num{
    background: #f9f9f9;
    font-size: 26rpx;
    border-radius:5rpx;
    color: #B3B3B3;
    text-align: center;
      width: 43rpx;
    height: 41rpx;
    line-height: 41rpx;
    margin-left: 15rpx;
    margin-right: 15rpx;
    margin-top: 8rpx
}
.detail-tel{display: flex;width: 100%}
.detail-tel .detail_pay{width: 85%;letter-spacing: 1rpx}
.tel-text{background: #00C085;position: absolute;top: 10rpx;font-size: 26rpx;right: 23rpx;border-radius: 17rpx;padding: 0 20rpx;color: #fff}
.popup-item{width: 100%;height: 100%;position: fixed;bottom: 0;z-index: 99}
.pupup-bottom{position: absolute;bottom: 0;width: 100%}
.detail_buy .button-hover{
  background: #ff5806;
  width: 100%;
  height: 100rpx;
  line-height: 100rpx;
  font-size: 34rpx;
  color: #fff
}
.detail_buy button{
   background: #ff5806;
  width: 100%;
  height: 100rpx;
  line-height: 100rpx;
  font-size: 34rpx;
  color: #fff
}
.tel{
  font-size: 34rpx;
}
.popup-item .cancel{
  font-size: 36rpx;
  margin-top: 12rpx
}
.popup-item .padding{
  height: 100rpx;
  line-height: 100rpx;
  background: #fff;
  text-align: center;
  color: #000;
}
.goIndex{
  position: fixed;z-index: 9999;
  bottom: 0;width: 163rpx;
  display: flex;
  flex-direction: column;
  font-size: 26rpx;
  color:#fff;
  height: 78rpx;
  right: 0;
  top: 80%;
}
.goIndex image{
  width: 100%;
  height: 100%
}
.popup-content{background: #fff;border-radius:10px 10px 0px 0px;height: 492rpx}
.popup-content button{background: #fff;width: 50%;font-size: 30rpx;display: flex;flex-direction: column}
.popup-content .button-hover{
  background: #fff;
  text-align: right;
}
.share-box{
  display: flex;padding: 40rpx 0;
}
.card{width: 50%;font-size: 30rpx;display: flex;flex-direction: column;align-items: center;color:#666 }
.popup-content .hr{
  display:block;content:'';width:100%;position:absolute;top:50%;border-top:2rpx solid #c3c3c3;opacity:0.6
}
.popup-content .share-container{
  text-align:center;position:relative;padding:44rpx 0;width:33%;margin:auto;letter-spacing:1rpx;
}
.popup-content .share-text{
  position:relative;padding:0 20rpx;color:#666;background-color:#fff;font-size: 30rpx
}
.popup-content .padding{
  background: #FF5806;margin-top: 0;font-size: 26rpx;
  color: #fff;position: absolute;bottom: 0;width: 100%;
  line-height: 74rpx;
  height: 74rpx
}
.share-box image{
  width: 125rpx;height: 125rpx;padding-bottom: 20rpx
}
.explain-images image{
  width: 100%;
  height: 1342rpx
}
.explain-image image{
  width: 100%;
  height: 1941rpx
}
.index image{
  width: 163rpx;
  height: 78rpx
}
.index{position: fixed;bottom:140rpx;right: 0;z-index: 999;}



 .djs{
  height: 80rpx;
  background: #fc464f;
  color: #ffffff;
  display: flex;
  justify-content: space-around;
  align-items:center;
  
 }

 .js{
  font-weight: bold; 
   font-size: 38rpx;
 }
 .time{
   font-weight: bold;
 }
 .groupNums{
   display: flex;
   flex-direction:row-reverse;
   align-items: center;
   height: 100rpx;
 }

 .groupNum{
   padding: 2rpx 10rpx;
   border: 1px solid  #fc464f;
   font-size: 20rpx;
   text-align: center;
   background: #ffffff;
   width: 100rpx;
   border-radius: 5rpx;
    margin-left: 10rpx;
    font-weight: bold;
    color:  #fc464f;
    height: 40rpx;
    line-height: 40rpx;
    overflow: hidden;

 }
.groupNums .active{
  background: #fc464f;
  color: white;
}
.cllist{
  display: flex;
  justify-content: space-between;
}

.headimg{
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
  vertical-align: middle
}

.slide-item text{
  margin-left:10rpx;
} 

.slide-item button{
  vertical-align: middle;
}

navigator{
 display: inline;
}

.ctbtn{
  background: #00C085;
  border: noen;
  color:#ffffff;
}

.grtitle{
  height: 50rpx;
  line-height: 50rpx;
}

.userBox{
  display: flex;
  justify-content: center;
  height: 200rpx;
}

.tzFlag{
  width: 60rpx;
  height: 30rpx;
  font-size: 25rpx;
  line-height: 30rpx;
  border-radius: 5rpx;
  background: #fc464f;
  color: #fff;
  text-align: center;
}
.userItem{
  margin-top: 60rpx;
}

.queshi{
  text-align: center;
  height: 80rpx;
  line-height: 80rpx;
}

.cleanbtn{
  border-radius: 0rpx;
  text-align: center !important;
}
.headDjs{
  display: flex;
}
.headBuy{
  display: flex;
  flex-direction: column; 
}
.headBuy view{
  height: 40rpx;
}

.headprice{
  font-size:20rpx;
}