giftdetail.wxss 4.1 KB
.swiper_image {
  width: 750rpx;
  height: 600rpx;
  font-size: 0;
  position: relative;
  box-shadow: 0px -1px 6px 0px rgba(212, 137, 96, 0.11);
  border-radius: 10px;
}

.swiper_item_img {
  height: 600rpx;
}

.swiper_image image {
  width: 100%;
  height: 100%;
  /* box-shadow:0px -1px 6px 0px rgba(212,137,96,0.11); */
}

.swiper_item_img swiper-item {
  width: 750rpx;
  height: 600rpx;
  box-shadow: 0px -1px 6px 0px rgba(212, 137, 96, 0.11);
  display: felx;
  align-items: center;
  justify-content: center;
}

.swiper_item_img swiper-item image {
  width: 100%;
  height: 100%;
}

.bannerdot {
  width: 84rpx;
  height: 44rpx;
  background: rgba(0, 0, 0, 0.2);
  opacity: 1;
  border-radius: 20rpx;
  color: #fff;
  font-size: 30rpx;
  text-align: center;
  position: absolute;
  bottom: 24rpx;
  right: 28rpx;
}

.boxgoodrightop {
  color: #06121e;
  font-size: 28rpx;
  font-weight: bold;
  position: relative;
  padding-left: 64rpx;
  box-sizing: border-box;
}

.boxgoodrigtl {
  width: 52rpx;
  height: 28rpx;
  font-size: 0;
  position: absolute;
  top: 6rpx;
  left: 0;
}

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

.orderdetailboxgood {
  display: flex;
}

.boxgoodright {
  margin-left: 24rpx;
}

.boxgoodrigbot {
  display: flex;
  align-items: center;
  margin-top: 66rpx;
}

.boxgoodrmoney {
  color: #ea322b;
  font-size: 32rpx;
}

.boxgoodnum {
  color: #3d444d;
  font-size: 24rpx;
  margin-left: 16rpx;
}

.goodname {
  padding: 38rpx 32rpx;
  box-sizing: border-box;
  border-bottom: 24rpx solid #f5f5f5;
}

.goodprice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15rpx;
}

.goodpriceleft {
  color: #ea322b;
  font-size: 36rpx;
}

.goodpriceright {
  color: #3d444d;
  font-size: 28rpx;
}

.zenggood {
  display: flex;
  padding: 28rpx;
  box-sizing: border-box;
  border-bottom: 24rpx solid #f9f9f9;
}

.zenggoodleft {
  width: 144rpx;
  height: 144rpx;
  font-size: 0;
}

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

.zengname {
  color: #5b5e63;
  font-size: 24rpx;
  width: 522rpx;
  margin-left: 28rpx;
}

.pingxiang {
  display: flex;
  align-items: center;
  padding: 24rpx 36rpx;
  box-sizing: border-box;
}

.pingxiangitem {
  color: #232323;
  font-size: 28rpx;
  margin-right: 70rpx;
}

.pingzctive {
  color: #ff5a4e;
  font-size: 28rpx;
  position: relative;
}
.commentdetail{
  padding-bottom: 50rpx;
}
.pingzctive::after {
  content: '';
  display: block;
  width: 80rpx;
  height: 4rpx;
  border-radius: 16rpx;
  background: #ff5a4e;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -20rpx;
}

.pingdetail {
  padding: 24rpx;
  box-sizing: border-box;
}

.pingdetailimg {
  width: 750rpx;
  height: 2474rpx;
  font-size: 0;
}

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

.commentitem {
  padding: 0 26rpx 36rpx;
  box-sizing: border-box;
}

.commentitemtop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20rpx 0 16rpx;
  box-sizing: border-box;
}

.commentitemleft {
  width: 84rpx;
  height: 84rpx;
  border-radius: 50%;
}

.commentitemleft image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.commentleft {
  display: flex;
  align-items: center;
}

.commentitemright {
  color: #8c9198;
  font-size: 28rpx;
  margin-left: 18rpx;
}

.commentright {
  color: #3d444d;
  font-size: 24rpx;
}

.commenttext {
  color: #5b5e63;
  font-size: 24rpx;
}

.pingfenleft {
  display: flex;
  align-items: center;
}

.pingfenitem {
  width: 37rpx;
  height: 37rpx;
  font-size: 0;
  margin-right: 32rpx;
}

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

.pingfen {
  display: flex;
  align-items: center;
  margin-top: 24rpx;
}

.pingfenname {
  color: #ff5a4e;
  font-size: 26rpx;
  margin-left: 8rpx;
}

.pingimg {
  display: flex;
  align-items: center;
  margin-top: 24rpx;
}

.pingimgitem {
  width: 154rpx;
  height: 154rpx;
  font-size: 0;
  margin-right: 24rpx;
}

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

.zhuanhuan {
  position: fixed;
  top: 583rpx;
  right: 46rpx;
  width: 80rpx;
  height: 80rpx;
  font-size: 0;
  z-index: 999;
  transform: rotate(-180deg)
}

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