/* page{padding:20rpx;box-sizing:border-box;text-align:center;} */

/* .page{width:100%;background-color:#fff;border-radius:14rpx;padding:0 70rpx 50rpx 70rpx;box-sizing:border-box;} */
.comment-content{
  display: flex;
  align-items: center;
}
.product{padding-top: 50rpx;}
.title{line-height:1.2;font-size:30rpx;}
.star{display:flex;justify-content:center;padding-left:20rpx;box-sizing:border-box;}
.star image{width:76rpx;height:40rpx;}
.star-tit{font-size:26rpx;line-height:80rpx; color:var(--subtitleColor)!important}
.star-option{display:flex;flex-wrap:wrap;justify-content:space-between;}
.option{width:30%;height:50rpx;border:1px solid;border-radius:10rpx;text-align:center;line-height:50rpx;font-size:26rpx;margin-bottom:20rpx;}
.opt{border-color:#cbcbcb;color:#595758;background: #F5F5F4}
.cet{background-color:#dbeef854;border-color:var(--subtitleColor);color:var(--subtitleColor);}
.textarea{width:100%;height:180rpx;padding:8rpx 10rpx;box-sizing:border-box;font-size:26rpx;color:#585657;text-align:left;border:1px solid #cbcbcb;border-radius:10rpx;margin-top:20rpx;}
.place{font-size:26rpx;color:#a6a6a6;}
.sub{font-size:30rpx;line-height:90rpx;}
.images{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:34rpx;}
.images .add-box{border:1px solid #b1b1b1; position: relative;}
.images .add-box > .icon-mini-error{transform: rotate(45deg) translate(-50%,-60%); font-size: 80rpx; line-height: 0; position: absolute; top: 60%; left: 50%; color: #9FA0A0; display: inline-block;}
.images-col{width:100%;height:100%;}
.imgbox, .add-box{width: 120rpx; height: 120rpx;}
.imgbox{position:relative;margin-right:20rpx;margin-bottom:20rpx; flex-shrink: 1; }
.delBox{width:40rpx;height:40rpx;position:absolute;right:-15rpx;top:-15rpx;z-index:1;}
.del{width:32rpx;height:32rpx;background-color:var(--subtitleColor);border-radius:50%;position:relative;}
.del::after{content:'';width:20rpx;height:4rpx;background-color:#fff;border-radius:1px;transform:rotate(45deg);position:absolute;left:6rpx;top:14rpx;}
.del::before{content:'';width:20rpx;height:4rpx;background-color:#fff;border-radius:1px;transform:rotate(-45deg);position:absolute;left:6rpx;top:14rpx;}
.recommend-title {line-height:35rpx;font-size:28rpx;text-align: center;margin-bottom: 30rpx;}
.recommend-level{display: flex;justify-content: space-between;font-size: 24rpx;color: #9FA0A0;line-height: 44rpx;}
.recommend{display: flex;margin-bottom: 34rpx;}
.recommend-item{width: 71rpx;height: 75rpx;text-align: center;color:var(--subtitleColor);font-size: 28rpx;line-height: 75rpx ;border: 1rpx solid var(--subtitleColor);border-left: none;}
.recommend-item:first-child{border-left: 1rpx solid var(--subtitleColor);border-radius:10rpx 0 0 10rpx;}
.recommend-item:last-child{border-radius:0 10rpx 10rpx 0;}
.active{background:var(--subtitleColor);color: white;}
.tip{font-size: 28rpx;text-align: left;margin: 10rpx 0;}