.wrap{box-sizing:border-box;text-align:center; background: white;position: fixed; left:0; bottom:0; width: 100%; height: auto; z-index: 10001} .focus{position: fixed;bottom: 300rpx;} .icon-hidden::before{font-family: 'icomoon';content: '\e996';float: left;margin-left: 10rpx;font-size: 44rpx;} .page{width:750rpx;background-color:#fff;padding:40rpx 20rpx 50rpx 20rpx;box-sizing:border-box;} /* .product{padding-top: 50rpx;} */ .activity-name{ border-bottom: 1rpx solid #ccc;padding-bottom: 30rpx;margin-bottom: 30rpx; text-align: center;} .red{color: #EE3A43;} .title{line-height:75rpx;font-size:32rpx;text-align: center;padding:0 30rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .sname{font-size: 28rpx;} .recommend-title {line-height:35rpx;font-size:28rpx;text-align: center;padding: 0 100rpx;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:#EE3A43;font-size: 28rpx;line-height: 75rpx ;border: 1rpx solid #EE3A43;border-left: none;} .recommend-item:first-child{border-left: 1rpx solid #EE3A43;border-radius:10rpx 0 0 10rpx;} .recommend-item:last-child{border-radius:0 10rpx 10rpx 0;} .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:26rpx;color:#ee3a43;margin:20rpx 0 40rpx;} .star-option{display:flex;flex-wrap:wrap;justify-content:space-between;} .option{width:220rpx;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:#FFE9ED;border-color:#ee3a43;color:#ee3a43;} .textarea{width:100%;height:100rpx;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; border-radius: 60rpx;background: #EE3A43;color: white;width:600rpx;margin: 40rpx auto 0; } .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::before{content:'';width:73rpx;height:4rpx;background-color:#b2b0b1;position:absolute;left:50%;top:75rpx;margin-left:-36rpx;} .images .add-box::after{content:'';width:4rpx;height:74rpx;background-color:#b2b0b1;position:absolute;left:50%;top:40rpx;margin-left:-2rpx;} .images-col{width:154rpx;height:154rpx;} .imgbox{position:relative;margin-right:29rpx;margin-bottom:20rpx; background: #b2b0b1;} progress{position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); z-index: 1;} .imgbox:nth-of-type(4){margin-right:0!important;} .imgbox:nth-of-type(8){margin-right:0!important;} .delBox{width:40rpx;height:40rpx;position:absolute;right:-15rpx;top:-15rpx;z-index:1;} .del{width:32rpx;height:32rpx;background-color:#ee3a43;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;} .red-bg{background:#EE3A43;color: white;} .nps{position: fixed;top: 0;z-index: 10000;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.6);}