nps.wxss 3.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. .wrap{box-sizing:border-box;text-align:center; background: white;position: fixed; left:0; bottom:0; width: 100%; height: auto; z-index: 10001}
  2. .focus{position: fixed;bottom: 300rpx;}
  3. .icon-hidden::before{font-family: 'icomoon';content: '\e996';float: left;margin-left: 10rpx;font-size: 44rpx;}
  4. .page{width:750rpx;background-color:#fff;padding:40rpx 20rpx 50rpx 20rpx;box-sizing:border-box;}
  5. /* .product{padding-top: 50rpx;} */
  6. .activity-name{ border-bottom: 1rpx solid #ccc;padding-bottom: 30rpx;margin-bottom: 30rpx; text-align: center;}
  7. .red{color: #EE3A43;}
  8. .title{line-height:75rpx;font-size:32rpx;text-align: center;padding:0 30rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  9. .sname{font-size: 28rpx;}
  10. .recommend-title {line-height:35rpx;font-size:28rpx;text-align: center;padding: 0 100rpx;margin-bottom: 30rpx;}
  11. .recommend-level{display: flex;justify-content: space-between;font-size: 24rpx;color: #9FA0A0;line-height: 44rpx;}
  12. .recommend{display: flex;margin-bottom: 34rpx;}
  13. .recommend-item{width: 71rpx;height: 75rpx;text-align: center;color:#EE3A43;font-size: 28rpx;line-height: 75rpx ;border: 1rpx solid #EE3A43;border-left: none;}
  14. .recommend-item:first-child{border-left: 1rpx solid #EE3A43;border-radius:10rpx 0 0 10rpx;}
  15. .recommend-item:last-child{border-radius:0 10rpx 10rpx 0;}
  16. .star{display:flex;justify-content:center;padding-left:20rpx;box-sizing:border-box;}
  17. .star image{width:76rpx;height:40rpx;}
  18. .star-tit{font-size:26rpx;line-height:26rpx;color:#ee3a43;margin:20rpx 0 40rpx;}
  19. .star-option{display:flex;flex-wrap:wrap;justify-content:space-between;}
  20. .option{width:220rpx;height:50rpx;border:1px solid;border-radius:10rpx;text-align:center;line-height:50rpx;font-size:26rpx;margin-bottom:20rpx;}
  21. .opt{border-color:#cbcbcb;color:#595758;background: #F5F5F4}
  22. .cet{background-color:#FFE9ED;border-color:#ee3a43;color:#ee3a43;}
  23. .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;}
  24. .place{font-size:26rpx;color:#a6a6a6;}
  25. .sub{font-size:30rpx;line-height:90rpx; border-radius: 60rpx;background: #EE3A43;color: white;width:600rpx;margin: 40rpx auto 0; }
  26. .images{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:34rpx;}
  27. .images .add-box{border:1px solid #b1b1b1;position:relative;}
  28. .images .add-box::before{content:'';width:73rpx;height:4rpx;background-color:#b2b0b1;position:absolute;left:50%;top:75rpx;margin-left:-36rpx;}
  29. .images .add-box::after{content:'';width:4rpx;height:74rpx;background-color:#b2b0b1;position:absolute;left:50%;top:40rpx;margin-left:-2rpx;}
  30. .images-col{width:154rpx;height:154rpx;}
  31. .imgbox{position:relative;margin-right:29rpx;margin-bottom:20rpx; background: #b2b0b1;}
  32. progress{position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); z-index: 1;}
  33. .imgbox:nth-of-type(4){margin-right:0!important;}
  34. .imgbox:nth-of-type(8){margin-right:0!important;}
  35. .delBox{width:40rpx;height:40rpx;position:absolute;right:-15rpx;top:-15rpx;z-index:1;}
  36. .del{width:32rpx;height:32rpx;background-color:#ee3a43;border-radius:50%;position:relative;}
  37. .del::after{content:'';width:20rpx;height:4rpx;background-color:#fff;border-radius:1px;transform:rotate(45deg);position:absolute;left:6rpx;top:14rpx;}
  38. .del::before{content:'';width:20rpx;height:4rpx;background-color:#fff;border-radius:1px;transform:rotate(-45deg);position:absolute;left:6rpx;top:14rpx;}
  39. .red-bg{background:#EE3A43;color: white;}
  40. .nps{position: fixed;top: 0;z-index: 10000;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.6);}