coupon/shopping/pages/goddess/goddess.wxss

/* pages/goddess/goddess.wxss */

page{
	background: #F8F8F8;
}
image {
    width: 100%;
    height: 100%;
 
}

.Category {
    display: flex;
}

.Category .Price {
    width: 449rpx;
    height: 107rpx;
    background: #FF4C00;
    display: flex;
}
.card_cont{
	display: flex;
	flex-direction: column;
	background: #fff;
	width: 85%;
	margin: 0 auto;
	margin-top: 0rpx;
	box-shadow: 0px 0px 6px rgba(152, 152, 152, 0.16);
	border-radius: 10rpx;
	padding: 20rpx;
}

.card_con{
	display: flex;
	flex-direction: column;
    background: #fff;
    border-radius: 10rpx;
    margin-left: 40rpx;
    margin-right: 40rpx;
}
.card_cont_top{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.card_top_left{
	color: #E54F54;
	font-size: 36rpx;
}
.card_top_left text:first-child{
	font-size: 55rpx;
	padding: 0 20rpx 0 0;
	/* border: 1px solid red; */
}
.card_top_left text:last-child{
	font-size: 24rpx;
}
.Price .Price-left {
    margin: 8rpx 0 0 32rpx;
}

.Price .Price-left text:nth-child(1) {
    font-size: 34rpx;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 48rpx;
}

.Price .Price-left text:nth-child(2) {
    font-size: 24rpx;
    color: #FFFFFF;
    text-decoration: line-through;
    margin-left: 5rpx;
}

/* 销售 */
.Category .Price .sale {
    font-size: 26rpx;
    color: #FFFFFF;
}

/* 库存 */
.Category .Price .stock {
    font-size: 24rpx;
    color: #FFFFFF;
    margin: 16rpx 0 0 33rpx;
}

.triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-width: 15rpx;
    border-style: solid;
    border-color: transparent #00B39B transparent transparent;
    left: -28rpx;
    top: 40rpx;
}

.Category .limit {
    position: relative;
    width: 301rpx;
    height: 107rpx;
    background: #00B39B;
}

.limit .seckill {
    display: flex;
    font-size: 24rpx;
    margin: 16rpx 86rpx 8rpx 86rpx;
    color: #FFFFFF;
}

/* 倒计时 */
.limit .count {
    text-align: center;
    color: #FFFFFF;
}

/* 文字标题 */
.title {
    padding: 27rpx;
    display: flex;
}
.substance {
    /* margin-top: 53rpx; */
    justify-content: space-between;
    margin: 10rpx 24rpx 0rpx 31rpx;
}
  .details_box {
    display: flex;
    border-bottom: 1px solid #e2e2e2;
    padding: 0 24rpx;
    padding-bottom: 32rpx;
  }
  .contact {
    height: 219rpx;
    background: #fff;
    margin-top: 8rpx;
    padding: 0 24rpx;
  }
  
  .contact_title {
    font-size: 30rpx;
    font-family: PingFang SC;
    font-weight: 500;
    line-height: 70rpx;
    color: #333333;
    opacity: 1;
    margin-bottom: 10rpx;
  
  }
  
.detail_number {
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 37rpx;
    color: #B4B4B4;
    opacity: 1;
    margin-top: 11rpx;
  }
  
  .money {
    margin-top: 18rpx;
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 37rpx;
    color: #B4B4B4;
    opacity: 1;
  
  }
  
.title-left {
    width: 544rpx;
    height: 70rpx;
    font-size: 34rpx;
    color: #333333;
    font-weight: 700;
    margin-top: 12rpx;
}

.title-right {
    margin-left: 48rpx;
    border-left: 1px solid #D5D5D5;
    color: #BBBBBB;
    display: flex;
    align-items: center;  
    flex-direction:column;
    padding-left: 21rpx;
    
}

.Collection {
    width: 40rpx;
    height: 36rpx;
}

.Collection image {
    width: 100%;
    height: 100%;
}



/* 联系地址 */
.address {
    padding: 30rpx;
    display: flex;
}

.hospital {
    width: 94rpx;
    height: 94rpx;
}

.position {
    margin-left: 28rpx;
}

.position view:nth-child(1) {
    font-size: 28rpx;
    color: #333333;
    margin-bottom: 8rpx;
}

.position view:nth-child(2) {
    font-size: 24rpx;
    color: #ABABAB;
}

.phone {
    width: 26px;
    height: 26px;
    border-left: 1px solid #D5D5D5;
    margin-left: 20rpx;
    margin-top: 30rpx;
}

/* 详情列表 */
.details {
    width: 750rpx;
    margin-bottom: 73px;
}

.payment {
    padding: 27rpx;
    display: flex;
    justify-content: space-between;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    background: #FFFFFF;
  
}
.order-list{
    width: 100%;
  }
.immediately {
    width: 230rpx;
    height: 81rpx;
    background: #2D7AFF;
    border-radius: 207rpx;
    font-size: 28rpx;
    color: #FFFFFF;
    text-align: center;
    line-height: 82rpx;
}
.countitem {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    color: #fff;
    font-size: 24rpx;
    text-align: center;
    background-color: #2EC9B5;
    border-radius: 2px;
  }
  .countitemm {

    position: absolute;
    color: #fff;
    font-size: 24rpx;
    text-align: center;
  

  }

  .Group {
    display: flex;
  }
  
  .Group-image {
    width: 128rpx;
    height: 128rpx;
    margin: 84rpx 40rpx 84rpx 20rpx;
  }

    
  .content {

    width: auto;
    height: 201rpx;
    margin-top: 48rpx;
    
  }
  

  .content .title1 {
    font-size: 36rpx;
    font-weight: 700;
  }
  .content .title2 {
    font-size: 30rpx;
    font-weight: 700;
  }
  .content .title3 {
    font-size: 32rpx;
    margin-left: 24rpx;
  }
  .content .title4 {
    font-size: 28rpx;
    color: #228BFE;
    width: 132rpx;
    height: 40rpx;
    text-align: center;
    background-color: #A5BBE0;
    border-radius: 20rpx;
    margin-left: 24rpx;
  }

  /* .flex-item{
    display:flex;
    height: 270rpx;
    width: 670rpx;
    border-radius: 20rpx;
    margin-top: 20rpx;
  } */

  .content .tejia {
    display: flex;
    width: 446rpx;
    margin-top: 24rpx;
  }


  .content .tejia .Price2 {
    font-size: 30rpx;
    color: #666666;
    line-height: 41rpx;
    margin-right: 23rpx;
  }

  .peisong-way{
    width: 640rpx;
    height: 128rpx;
    background: #F6F6F6;
    margin-right: 31rpx;
    opacity: 1;
    border-radius: 0px
  }


  .row-wrap .label{
    width: 200rpx;
    color: #000;
    margin-left: 6rpx;
  }
  .row-wrap .label-right{
    width: 500rpx;
    height: 88rpx;
    line-height: 88rpx;
    text-align: right;
  }

  .row-wrap{
    width: 100%;
    height: 100rpx;
    line-height: 88rpx;
    margin-left: 0rpx;
    border-bottom: 1rpx solid #eee;
    display: flex;
    font-size: 28rpx;
    /*justify-content: space-between;*/
  }