unboxing.wxss 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. .container .unboxing-block{
  2. padding: 20rpx;
  3. position: relative;
  4. box-sizing: border-box;
  5. width: 100%;
  6. }
  7. .container .unboxing-block .unboxing-userhead{
  8. position: absolute;
  9. border-radius: 50%;
  10. background: #ffabab;
  11. width: 80rpx;
  12. height: 80rpx;
  13. border: 2rpx solid #eee;
  14. z-index: 999;
  15. }
  16. .container .unboxing-block .unboxing-username{
  17. color: #fb752c;
  18. font-size: 24rpx;
  19. margin-left: 100rpx;
  20. margin-top: 10rpx;
  21. margin-bottom: 10rpx;
  22. display: block;
  23. }
  24. .container .unboxing-block .unboxing-content{
  25. background: #f1f1f1;
  26. margin-left: 50rpx;
  27. padding: 10rpx 30rpx 10rpx 50rpx;
  28. border-radius: 5rpx;
  29. }
  30. .container .unboxing-block .unboxing-content .unboxing-title{
  31. font-size: 28rpx;
  32. margin-bottom: 10rpx;
  33. display: block;
  34. }
  35. .container .unboxing-block .unboxing-content .unboxing-info{
  36. font-size: 24rpx;
  37. color: #666;
  38. margin-bottom: 20rpx;
  39. }
  40. .container .unboxing-block .unboxing-content .unboxing-info text{
  41. display: block;
  42. }
  43. .container .unboxing-block .unboxing-content .unboxing-evaluation{
  44. font-size: 26rpx;
  45. line-height: 35rpx;
  46. display: block;
  47. margin-bottom: 20rpx;
  48. }
  49. .container .unboxing-block .unboxing-content .unboxing-images-box{
  50. margin-bottom: 20rpx;
  51. }
  52. .container .unboxing-block .unboxing-content .unboxing-images-box:after{
  53. content: "";
  54. display: block;
  55. clear: both;
  56. }
  57. .container .unboxing-block .unboxing-content .unboxing-images-box .unboxing-images{
  58. width: 170rpx;
  59. height: 170rpx;
  60. background: #ffabab;
  61. display: block;
  62. float: left;
  63. margin-right: 20rpx;
  64. }
  65. .container .unboxing-block .unboxing-content .unboxing-botton:after{
  66. content:"";
  67. display: block;
  68. clear: both;
  69. }
  70. .container .unboxing-block .unboxing-content .unboxing-botton .unboxing-release-time{
  71. float: left;
  72. font-size: 26rpx;
  73. color: #999;
  74. }
  75. .container .unboxing-block .unboxing-content .unboxing-botton .unboxing-btn{
  76. float: right;
  77. font-size: 26rpx;
  78. color:#21bdfe;
  79. }