抖音c端
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

specialcourtesy.ttss 2.0 KiB

2 년 전
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. .BoxBg{
  2. background:linear-gradient(180deg,#FD832D 0%,#FE4A16 100%);
  3. }
  4. .rqBox{
  5. width: 90%;
  6. background: #ffffff;
  7. border-radius: 12rpx;
  8. margin: 20rpx 5%;
  9. height: 860rpx;
  10. overflow: hidden;
  11. }
  12. .arImgBox{
  13. width: 500rpx;
  14. height: 500rpx;
  15. margin: 80rpx auto 60rpx auto;
  16. }
  17. .memCode{
  18. width: 562rpx;
  19. height: 88rpx;
  20. line-height: 88rpx;
  21. border-radius:16rpx;
  22. border:1px solid rgba(225,225,225,1);
  23. margin: 36rpx auto 0;
  24. color: #666;
  25. display: block;
  26. font-size: 24rpx;
  27. text-align: center;
  28. }
  29. .memText{
  30. float: left;
  31. margin-left: 40rpx;
  32. font-size: 24rpx;
  33. color: #999;
  34. }
  35. .memNum{
  36. float: left;
  37. font-weight:600;
  38. font-size: 32rpx;
  39. color: #3C3C3C;
  40. font-family:PingFangSC-Medium;
  41. /* text-align: center; */
  42. }
  43. .con{
  44. color: #3C3C3C;
  45. text-align: center;
  46. font-size: 26rpx;
  47. }
  48. .level{
  49. color: #FD832D;
  50. display: inline-block;
  51. }
  52. .cardsBox{
  53. width: 90%;
  54. margin: 20rpx 5%;
  55. display: flex;
  56. justify-content:space-between;
  57. flex-wrap: wrap;
  58. }
  59. .cardsItemBox{
  60. width: 46%;
  61. height: 200rpx;
  62. border-radius: 12rpx;
  63. background-color: #ffffff;
  64. margin: 20rpx 0;
  65. position: relative;
  66. }
  67. .triangle{
  68. width: 0px;
  69. height: 0px;
  70. border-color: transparent #dab055;
  71. border-width: 0 0 110rpx 110rpx;
  72. border-style: solid;
  73. }
  74. .discount{
  75. position: absolute;
  76. color: #fff;
  77. width: 110rpx;
  78. height: 100rpx;
  79. font-size: 20rpx;
  80. left: 13rpx;
  81. top: -11rpx;
  82. z-index: 10;
  83. transform: rotate(315deg);
  84. }
  85. .tit{
  86. font-size: 36rpx;
  87. color: rgba(51, 51, 51, 1);
  88. margin: -40rpx auto 0;
  89. white-space: nowrap;
  90. text-overflow: ellipsis;
  91. overflow: hidden;
  92. width: 280rpx;
  93. text-align: center;
  94. }
  95. .footer{
  96. margin-top: 26rpx;
  97. font-size: 26rpx;
  98. font-weight: 500;
  99. color: rgba(153, 153, 153, 1);
  100. }
  101. .fl {
  102. float: left;
  103. }
  104. .building{
  105. display: inline-block;
  106. }
  107. .fr {
  108. float: right;
  109. }
  110. .pgoneImg{
  111. width: 24rpx;
  112. margin-right: 33rpx;
  113. position: absolute;
  114. right: 0rpx;
  115. bottom: 20rpx;
  116. }