.evaluate { margin:0 4%; background-color: #FFFFFF; box-shadow: 0upx 0upx 10upx #DDDDDD; border-radius: 8upx; position: relative; top: 20upx; .goods_data{ padding: 20upx 30upx; display: flex; align-items: center; justify-content: flex-start; overflow: hidden; image{ width: 120upx; height: 120upx; border-radius: 8upx; } .right{ margin-left: 20upx; width: 80%; .goods_name{ font-size: 24upx; overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; } .goods_sku{ font-size: 24upx; color: #999999; margin-top: 5upx; } .goods_price{ display: flex; align-items: center; justify-content: space-between; font-size: 28upx; text-align: right; color: #999; margin-top: 5upx; } } } .Rate { padding: 0upx 30upx 30upx; background-color: #FFFFFF; border-bottom: 1upx solid #eee; p { height: 60upx; line-height: 60upx; font-size: 30upx; color: #333; } .star { margin-top: 30upx; display: flex; align-items: center; margin-left: 20upx; image{ height: 40upx; width: 40upx; display: inline-block; margin-right: 20upx; } } } .pingjia_box { min-height: 300upx; box-sizing: border-box; background-color: #FFFFFF; padding: 20upx 30upx; border-bottom: 1upx solid #eee; p{ font-size: 28upx; color: #999; margin-bottom: 20upx; } textarea { min-height: 200upx; width: 100%; border-radius: 8upx; overflow: hidden; padding: 0 20upx; box-sizing: border-box; font-size: 26upx; } } } .btns { width: 80%; margin: 0 auto; border-radius: 10upx; height: 80upx; color: #FFFFFF; font-size: 30upx; line-height: 80upx; text-align: center; margin-top: 100upx; margin-bottom: 50upx; } .used { overflow: hidden; background-color: #ffffff; margin-top: 20upx; } .historylist { background-color: #ffffff; padding: 30upx; border-radius: 15upx; .left { height: 160upx; border-radius: 8upx; overflow: hidden; width: 200upx; position: relative; float: left; .fm { height: 160upx; width: 200upx; } .zzc { height: 140upx; width: 180upx; position: absolute; background-color: rgba($color: #000000, $alpha: 0.4); top: 0; left: 0; } .bf { height: 30upx; width: 30upx; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } .right { padding-left: 20upx; overflow: hidden; .p1 { font-size: 28upx; color: #000; height: 50upx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p2 { width: 60upx; float: left; .text1 { font-size: 32upx; color: rgba(255,94,102,1); font-weight: bold; } .text2 { font-size: 24upx; color: rgba(255,94,102,1); margin-left: 10upx; } } .p3 { // float: right; margin-top: 10upx; margin-bottom: 10upx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; image { height: 30upx; width: 30upx; float: left; } text { font-size: 24upx; color: #a1a1a1; margin-left: 10upx; float: left; } } .p4 { width: 100%; overflow: hidden; height: 60upx; padding-top: 20upx; .text1 { padding: 6upx 16upx; border: 1px solid #f64031; color: rgba(255,94,102,1); width: 160upx; font-weight: bold; float: left; height: 60upx; text-align: center; line-height: 50upx; box-sizing: border-box; border-radius: 15upx; font-size: 24upx; background-color: #ffffff; margin-left: 80upx; } .text2 { padding: 6upx 16upx; border: 1px solid rgba(255,94,102,1); color: rgba(255,94,102,1); width: 160upx; float: right; font-weight: bold; height: 60upx; text-align: center; line-height: 50upx; box-sizing: border-box; border-radius: 15upx; font-size: 24upx; background-color: #ffffff; } } } .top { /deep/.van-cell { padding: 0; } /deep/.van-cell__value { text-align: left; font-size: 30upx; color: #000000; font-weight: bold; margin-left: 20upx; } margin-bottom: 20upx; image { width: 50upx; height: 50upx; float: left; border-radius: 50%; transform: translateY(-5upx); } } }