抖音c端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

214 lines
4.1 KiB

  1. /* d:\fumaolianke\ttFmC\tt富茂C\pages\user\user.ttss */
  2. .BoxBg{
  3. /* background-image: url("https://formall.oss-accelerate.aliyuncs.com/douyin_ifomall/imgData/userBg.png"); */
  4. /* background-size: 100% auto; */
  5. /* background-repeat: no-repeat; */
  6. /* transform: rotate(16deg); */
  7. /* background: #F1F6F7 */
  8. position: relative;
  9. background-color: #e6e6e6;
  10. overflow: hidden;
  11. }
  12. .bgImgTop{
  13. width: 100%;
  14. height: 380rpx;
  15. transform: rotate(16deg);
  16. position: absolute;
  17. top: 260rpx;
  18. left: 0;
  19. z-index: 1;
  20. }
  21. .userBg{
  22. width: 100%;
  23. height: 200rpx;
  24. /* background:linear-gradient(180deg,rgba(253,131,45,1) 0%,rgba(254,74,22,1) 100%); */
  25. position: relative;
  26. }
  27. .userBg1{
  28. width: 100%;
  29. height: 200rpx;
  30. /* background-image: url("/assets/imgData/userBg.png"); */
  31. position: relative;
  32. z-index: 1000;
  33. }
  34. button::after {
  35. border: none;
  36. }
  37. button {
  38. background-color: transparent;
  39. padding-left: 0;
  40. padding-right: 0;
  41. line-height:inherit;
  42. }
  43. button {
  44. border-radius:0;
  45. }
  46. .userLogo{
  47. position: absolute;
  48. top: 40rpx;
  49. left: 80rpx;
  50. height: 100rpx;
  51. width: 100rpx;
  52. background-color: aliceblue;
  53. border-radius: 50%;
  54. border: 2rpx solid #A2B9BE;
  55. }
  56. .userLogo open-data{
  57. display: block;
  58. width: 100%;
  59. height: 100%;
  60. }
  61. .userLogo img{
  62. border-radius: 50% !important;
  63. }
  64. .open{
  65. width: 100% !important;
  66. height:100% !important;
  67. border-radius: 50% !important;
  68. overflow: hidden;
  69. }
  70. .open img{
  71. border-radius: 50% !important;
  72. }
  73. .userData{
  74. position: absolute;
  75. top: 40rpx;
  76. left: 180rpx;
  77. font-size: 26rpx;
  78. margin-top: 10rpx;
  79. /* color: #ffffff; */
  80. }
  81. .noInfo{
  82. width: 220rpx;
  83. margin-left: 20rpx;
  84. font-size: 32rpx;
  85. text-overflow: -o-ellipsis-lastline;
  86. overflow:hidden;
  87. text-overflow:ellipsis;
  88. display:-webkit-box;
  89. -webkit-box-orient:vertical;
  90. -webkit-line-clamp:1;
  91. color: #02201c;
  92. font-family: "PingFangSC-Medium";
  93. font-size: 36rpx;
  94. font-weight: 400;
  95. text-transform: uppercase;
  96. }
  97. .info{
  98. border: 1rpx #ffffff solid;
  99. border-radius: 50rpx;
  100. padding: 0 10rpx;
  101. margin-top: 10rpx;
  102. margin-left: 20rpx;
  103. text-align: center;
  104. /* width: 130rpx; */
  105. }
  106. .infoX{
  107. /* border: 1rpx #ffffff solid; */
  108. border-radius: 50rpx;
  109. padding: 0 10rpx;
  110. margin-top: 10rpx;
  111. margin-left: 10rpx;
  112. color: #02201c;
  113. font-family: "PingFangSC-Regular";
  114. font-size: 26rpx;
  115. font-weight: 400;
  116. text-transform: uppercase;
  117. /* text-align: center; */
  118. }
  119. .userName{
  120. position: absolute;
  121. top: 60rpx;
  122. left: 180rpx;
  123. font-size: 26rpx;
  124. color: #ffffff;
  125. }
  126. .tempBpx{
  127. position: relative;
  128. width: 680rpx;
  129. height: 160rpx;
  130. }
  131. .functionBox{
  132. position: absolute;
  133. width: 680rpx;
  134. height: 160rpx;
  135. left: 5%;
  136. /* top: -23%; */
  137. top: -14%;
  138. /* background-color: #ffffff; */
  139. border-radius: 10rpx;
  140. display: flex;
  141. justify-content:space-around;
  142. /* overflow: hidden; */
  143. z-index: 100;
  144. }
  145. .itemBox{
  146. width:30% ;
  147. /* text-align: center; */
  148. }
  149. .itemLogoBox{
  150. width: 60rpx;
  151. height: 60rpx;
  152. /* background-color: #cacaca; */
  153. margin: 20rpx auto 0 auto;
  154. }
  155. .itemLogo{
  156. width: 100%;
  157. height: 100%;
  158. }
  159. .itemNAme{
  160. text-align: center;
  161. font-size: 26rpx;
  162. margin-top: 10rpx;
  163. }
  164. .moreBox{
  165. width: 680rpx;
  166. margin: 20rpx auto 0 auto;
  167. background-color: #ffffff;
  168. border-radius: 10rpx;
  169. overflow: hidden;
  170. left: 5%;
  171. position: absolute;
  172. z-index: 1000;
  173. }
  174. .fuwu{
  175. /* font-size: 28rpx; */
  176. margin: 20rpx 0 20rpx 40rpx ;
  177. color: #5d3a19;
  178. font-family: "PingFangSC-Medium";
  179. font-size: 32rpx;
  180. font-weight: 400;
  181. }
  182. .fuwuItemBox{
  183. /* display: flex; */
  184. overflow: hidden;
  185. }
  186. .f{
  187. float: left;
  188. }
  189. .r{
  190. float: right;
  191. }
  192. .fuwuItem{
  193. /* width: 25%; */
  194. /* background-color: aquamarine; */
  195. border-bottom: 1rpx #f6f6f6 solid;
  196. padding: 20rpx 0;
  197. overflow: hidden;
  198. width: 90%;
  199. margin: 0 auto;
  200. }
  201. .fuwuLogoBox{
  202. width: 50rpx;
  203. height: 50rpx;
  204. /* background-color: #fb3e5c; */
  205. }
  206. .fuwuName{
  207. text-align: center;
  208. font-size: 24rpx;
  209. margin-top: 10rpx;
  210. margin-left: 10rpx;
  211. }