Accueil Explorer Aide
Connexion
yangmc
/
challengeFamily
Suivre 2
Voter 0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Branche: develop-6.8.4账号密码登录
Branches Tags
challengeFam...
/
components
/
nps
/
nps.wxss

nps.wxss 3.5 KB
Lien permanent Historique Raw

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. 

  2. .focus{position: fixed;bottom: 300rpx;}
    3. 

  3. .icon-hidden::before{font-family: 'icomoon';content: '\e996';float: left;margin-left: 10rpx;font-size: 44rpx;}
    4. 

  4. .page{width:750rpx;background-color:#fff;padding:40rpx 20rpx 50rpx 20rpx;box-sizing:border-box;}
    5. 

  5. /* .product{padding-top: 50rpx;} */
    6. 

  6. .activity-name{ border-bottom: 1rpx solid #ccc;padding-bottom: 30rpx;margin-bottom: 30rpx; text-align: center;}
    7. 

  7. .red{color: #EE3A43;}
    8. 

  8. .title{line-height:75rpx;font-size:32rpx;text-align: center;padding:0 30rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    9. 

  9. .sname{font-size: 28rpx;}
    10. 

  10. .recommend-title {line-height:35rpx;font-size:28rpx;text-align: center;padding: 0 100rpx;margin-bottom: 30rpx;}
    11. 

  11. .recommend-level{display: flex;justify-content: space-between;font-size: 24rpx;color: #9FA0A0;line-height: 44rpx;}
    12. 

  12. .recommend{display: flex;margin-bottom: 34rpx;}
    13. 

  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. 

  14. .recommend-item:first-child{border-left: 1rpx solid #EE3A43;border-radius:10rpx 0 0 10rpx;}
    15. 

  15. .recommend-item:last-child{border-radius:0 10rpx 10rpx 0;}
    16. 

  16. .star{display:flex;justify-content:center;padding-left:20rpx;box-sizing:border-box;}
    17. 

  17. .star image{width:76rpx;height:40rpx;}
    18. 

  18. .star-tit{font-size:26rpx;line-height:26rpx;color:#ee3a43;margin:20rpx 0 40rpx;}
    19. 

  19. .star-option{display:flex;flex-wrap:wrap;justify-content:space-between;}
    20. 

  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. 

  21. .opt{border-color:#cbcbcb;color:#595758;background: #F5F5F4}
    22. 

  22. .cet{background-color:#FFE9ED;border-color:#ee3a43;color:#ee3a43;}
    23. 

  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. 

  24. .place{font-size:26rpx;color:#a6a6a6;}
    25. 

  25. .sub{font-size:30rpx;line-height:90rpx; border-radius: 60rpx;background: #EE3A43;color: white;width:600rpx;margin: 40rpx auto 0; }
    26. 

  26. .images{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:34rpx;}
    27. 

  27. .images .add-box{border:1px solid #b1b1b1;position:relative;}
    28. 

  28. .images .add-box::before{content:'';width:73rpx;height:4rpx;background-color:#b2b0b1;position:absolute;left:50%;top:75rpx;margin-left:-36rpx;}
    29. 

  29. .images .add-box::after{content:'';width:4rpx;height:74rpx;background-color:#b2b0b1;position:absolute;left:50%;top:40rpx;margin-left:-2rpx;}
    30. 

  30. .images-col{width:154rpx;height:154rpx;}
    31. 

  31. .imgbox{position:relative;margin-right:29rpx;margin-bottom:20rpx; background: #b2b0b1;}
    32. 

  32. progress{position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); z-index: 1;}
    33. 

  33. .imgbox:nth-of-type(4){margin-right:0!important;}
    34. 

  34. .imgbox:nth-of-type(8){margin-right:0!important;}
    35. 

  35. .delBox{width:40rpx;height:40rpx;position:absolute;right:-15rpx;top:-15rpx;z-index:1;}
    36. 

  36. .del{width:32rpx;height:32rpx;background-color:#ee3a43;border-radius:50%;position:relative;}
    37. 

  37. .del::after{content:'';width:20rpx;height:4rpx;background-color:#fff;border-radius:1px;transform:rotate(45deg);position:absolute;left:6rpx;top:14rpx;}
    38. 

  38. .del::before{content:'';width:20rpx;height:4rpx;background-color:#fff;border-radius:1px;transform:rotate(-45deg);position:absolute;left:6rpx;top:14rpx;}
    39. 

  39. .red-bg{background:#EE3A43;color: white;}
    40. 

  40. .nps{position: fixed;top: 0;z-index: 10000;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.6);}
    41.