growup.wxss 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. page{background: white;}
  2. .growup-gray{color: #9c9d9d!important}
  3. .septal-top-line{border-top:16rpx solid #f1f1f1;}
  4. .center{text-align: center;}
  5. .font-weight{font-weight: 600;}
  6. .mLeft10{margin-left: 20rpx}
  7. .mLeft5{margin-left: 10rpx}
  8. .font40{font-size: 80rpx;}
  9. p{display: inline-block;padding-top: 30rpx;}
  10. .content-nochild-pad{padding: 20rpx 160rpx;}
  11. .button.button-bind{height: 88rpx;line-height: 88rpx;font-size: 28rpx;}
  12. .button.button-login{width: 288rpx;height: 72rpx;line-height: 72rpx;font-size: 28rpx;}
  13. .growup-content-pad{padding:40rpx 20rpx;}
  14. .growup-head-child{padding-bottom:30rpx; display: flex; justify-content:space-between; align-items: center;}
  15. .growup-head-child:last-child{padding-bottom: 0;}
  16. .growup-head-child image{width: 80rpx;height: 80rpx;border-radius: 100%;flex-shrink: 0; margin-right: 20rpx;}
  17. .growup-head-child-item{flex-shrink: 1; width: 100%;}
  18. .growup-nav{display: flex}
  19. .growup-nav-item{width: 25%;font-size: 24rpx;display: flex;flex-direction: column;align-items: center;}
  20. .growup-gray1{color: #b0b0b0}
  21. .growup-content-title{padding: 40rpx 0;}
  22. .growup-content-list{padding: 0 20rpx;}
  23. .growup-content-list-head{display: flex;border-top: 2rpx solid #E6E6E6;padding-top: 40rpx;}
  24. .growup-content-list:first-child .growup-content-list-head{border: none;}
  25. .growup-content-list-photo{width: 80rpx;height: 80rpx;border-radius: 50%}
  26. .growup-content-list-name{line-height: 40rpx;display: flex;flex-direction: column;margin-left: 10rpx;}
  27. .scoreImg{width:100%;display:flex;align-items:center;flex-wrap:wrap;}
  28. .scoreImg image{width:170rpx;height:170rpx;margin-right:4rpx;margin-bottom:4rpx;}
  29. .growup-example{display: flex; justify-content: space-around; align-items: center;position: relative; padding:20rpx 30rpx 20rpx 20rpx;background: #FBFAFA;border-radius: 16rpx;}
  30. .growup-example .growup-example-content{flex-shrink: 1; width: 100%;height: 120rpx; margin:0 10rpx 0 20rpx;display: flex;flex-direction: column;justify-content: space-between}
  31. .growup-example-content-price{line-height: 30rpx}
  32. .growup-example:after{content:" "; position: absolute; top:50%; right: 25rpx; transform:rotate(45deg) translateY(-50%);width: 22rpx;height: 22rpx;border-top: 4rpx solid #C7C7C7;border-right: 4rpx solid #C7C7C7;}
  33. .growup-example image{height:120rpx; vertical-align:middle; border:0 none;max-width: 120rpx;border-radius: 16rpx;}
  34. .growup-thumbs-box{padding:20rpx 0 40rpx;}
  35. .growup-thumbs{padding: 8rpx 0 20rpx;height: 60rpx;}
  36. .growup-thumbs-icon{display: inline-block;vertical-align: top;height: 60rpx;float: right;line-height: 60rpx;}
  37. .growup-thumbs-icon text{display: inline-block;line-height: 60rpx;vertical-align: middle;}
  38. .growup-thumbs image{margin:0 4rpx;width: 60rpx;height: 60rpx;border-radius: 50%; overflow:hidden;}