style.scss 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863
  1. .index-wrapper .title{border-top:1rpx solid #eee;padding-top:34rpx;margin:0 30rpx;}
  2. .index-wrapper .title .text{font-size:24rpx;color:#999;width:530rpx;}
  3. .index-wrapper .title .text .name{color:#282828;font-size:30rpx;font-weight:bold;margin-bottom:5rpx;position:relative;}
  4. .index-wrapper .title .text .name .new{position:absolute;top:2rpx;left:130rpx;font-size:16rpx;font-weight:bold;}
  5. .index-wrapper .title .more{font-size:26rpx;color:#333;}
  6. .index-wrapper .title .more .iconfont{margin-left:9rpx;font-size:26rpx;vertical-align:3rpx;}
  7. .product-con .mask {
  8. z-index: 99!important;
  9. }
  10. .product-con .conter img {
  11. width: 100%!important;
  12. height: unset!important
  13. }
  14. .product-con .wrapper {
  15. background-color: #fff;
  16. margin: 20rpx 20rpx 0 20rpx;
  17. border-radius: 12rpx;
  18. }
  19. .product-con .wrapper.on{
  20. padding-bottom: 24rpx;
  21. }
  22. .product-con .wrapper .share {
  23. margin: 0 20rpx;
  24. padding-top: 25rpx
  25. }
  26. .product-con .wrapper .share .money {
  27. font-size: 28rpx;
  28. font-weight: 700
  29. }
  30. .product-con .wrapper .share .money .num {
  31. font-size: 48rpx
  32. }
  33. .product-con .wrapper .share .money .vip-money {
  34. color: #282828;
  35. margin-left: 13rpx
  36. }
  37. .product-con .wrapper .share .money .icon{
  38. display: inline-block;
  39. font-size: 16rpx;
  40. font-weight: normal;
  41. background: #FF9500;
  42. color: #fff;
  43. border-radius: 18rpx;
  44. padding: 0 6rpx;
  45. margin-left: 10rpx;
  46. vertical-align: middle;
  47. margin-bottom: 4rpx;
  48. }
  49. .product-con .wrapper .share .money .icon .iconfont{
  50. font-size: 16rpx;
  51. margin-right: 5rpx;
  52. color: #fff;
  53. }
  54. .product-con .wrapper .share .money image {
  55. width: 46rpx;
  56. height: 21rpx;
  57. margin-left: 7rpx
  58. }
  59. .product-con .wrapper .share .money .vip-money {
  60. color: #282828;
  61. margin-left: 13rpx
  62. }
  63. .product-con .wrapper .share .iconfont {
  64. color: #515151;
  65. font-size: 40rpx;
  66. margin-bottom: 10rpx
  67. }
  68. .product-con .wrapper .introduce {
  69. font-size: 32rpx;
  70. font-weight: 700;
  71. margin: 23rpx 20rpx 0 20rpx;
  72. word-break: break-all;
  73. }
  74. .product-con .wrapper .introduce .labelN{
  75. // width: 104rpx;
  76. // height: 64rpx;
  77. font-size: 20rpx;
  78. color: var(--view-theme);
  79. font-weight: 500;
  80. border:1px solid var(--view-theme);
  81. border-radius: 6rpx;
  82. padding: 2rpx 4rpx;
  83. margin-right: 10rpx;
  84. display: inline-block;
  85. vertical-align: 5rpx;
  86. }
  87. .product-con .wrapper .label {
  88. margin: 0 20rpx;
  89. font-size: 26rpx;
  90. color: #82848f;
  91. margin-top: 22rpx
  92. }
  93. .product-con .wrapper .coupon {
  94. padding: 0 20rpx;
  95. // border-top: 1rpx solid #f5f5f5;
  96. height: 80rpx;
  97. font-size: 26rpx;
  98. color: #82848f
  99. }
  100. .product-con .wrapper .coupon .info{
  101. width: 526rpx;
  102. margin-left: 36rpx;
  103. height: 46rpx;
  104. line-height: 46rpx;
  105. }
  106. .product-con .wrapper .coupon .info .labels{
  107. background-color: var(--view-minorColorT);
  108. font-size: 20rpx;
  109. color: var(--view-theme);
  110. padding: 6rpx 10rpx;
  111. border-radius: 26rpx;
  112. margin-right: 10rpx;
  113. }
  114. .product-con .wrapper .coupon .activityInfo{
  115. margin-left: 20rpx;
  116. }
  117. .product-con .wrapper .coupon .hide {
  118. width: 540rpx;
  119. height: 80rpx;
  120. line-height: 80rpx
  121. }
  122. .product-con .wrapper .coupon .activity {
  123. // height: 40rpx;
  124. padding: 0 20rpx;
  125. border: 1rpx solid var(--view-minorColor);
  126. color: var(--view-theme);
  127. font-size: 24rpx;
  128. line-height: 40rpx;
  129. position: relative;
  130. margin: 19rpx 0 19rpx 15rpx
  131. }
  132. .product-con .wrapper .coupon .activity:before {
  133. content: ' ';
  134. position: absolute;
  135. width: 7rpx;
  136. height: 10rpx;
  137. border-radius: 0 7rpx 7rpx 0;
  138. border: 1rpx solid var(--view-minorColor);
  139. background-color: #fff;
  140. bottom: 50%;
  141. left: -3rpx;
  142. margin-bottom: -6rpx;
  143. border-left-color: #fff
  144. }
  145. .product-con .wrapper .coupon .activity:after {
  146. content: ' ';
  147. position: absolute;
  148. width: 7rpx;
  149. height: 10rpx;
  150. border-radius: 7rpx 0 0 7rpx;
  151. border: 1rpx solid var(--view-minorColor);
  152. background-color: #fff;
  153. right: -3rpx;
  154. bottom: 50%;
  155. margin-bottom: -6rpx;
  156. border-right-color: #fff
  157. }
  158. .product-con .wrapper .coupon .iconfont {
  159. color: #7a7a7a;
  160. font-size: 28rpx
  161. }
  162. .product-con .attribute {
  163. background-color: #fff;
  164. padding: 0 20rpx;
  165. font-size: 26rpx;
  166. color: #82848f;
  167. margin: 20rpx 20rpx 0 20rpx;
  168. border-radius: 12rpx;
  169. }
  170. .product-con .attribute .attrValue{
  171. width: 620rpx;
  172. }
  173. .product-con .attribute .attrInfo {
  174. padding: 23rpx 0;
  175. }
  176. .product-con .attribute .specs{
  177. padding: 23rpx 0;
  178. }
  179. .product-con .attribute .ensure{
  180. padding: 23rpx 0;
  181. }
  182. .product-con .attribute .storeInfo{
  183. padding: 23rpx 0;
  184. }
  185. .product-con .attribute .specs .list{
  186. margin-left: 28rpx;
  187. width: 508rpx;
  188. color: #282828;
  189. }
  190. .product-con .attribute .specs .list .item~.item{
  191. margin-left: 10rpx;
  192. }
  193. .product-con .attribute .ensure .list{
  194. margin-left: 28rpx;
  195. width: 530rpx;
  196. }
  197. .product-con .attribute .ensure .list .item{
  198. margin-right: 28rpx;
  199. color: #282828;
  200. }
  201. .product-con .attribute .ensure .list .item .text{
  202. width: 110rpx;
  203. overflow: hidden;
  204. white-space: nowrap;
  205. }
  206. .product-con .attribute .ensure .list .item .text.on{
  207. width: 454rpx;
  208. }
  209. .product-con .attribute .ensure .list .item .text.on2{
  210. max-width: 184rpx;
  211. }
  212. .product-con .attribute .ensure .list .item .pictrue{
  213. width: 30rpx;
  214. height: 30rpx;
  215. border-radius: 50%;
  216. margin-right: 8rpx;
  217. }
  218. .product-con .attribute .ensure .list .item .pictrue image{
  219. width: 100%;
  220. height: 100%;
  221. border-radius: 50%;
  222. }
  223. .product-con .attribute .atterTxt {
  224. font-size: 28rpx;
  225. color: #282828
  226. }
  227. .product-con .attrImg{
  228. width: 60rpx;
  229. height: 60rpx;
  230. border-radius: 6rpx;
  231. display: block;
  232. margin-right: 14rpx;
  233. }
  234. .product-con .switchTxt{
  235. height: 60rpx;
  236. flex: 1;
  237. line-height: 60rpx;
  238. box-sizing: border-box;
  239. background: #EEEEEE;
  240. padding-right: 0 24rpx 0;
  241. border-radius: 8rpx;
  242. text-align: center;
  243. }
  244. .product-con .attribute .iconfont {
  245. font-size: 28rpx;
  246. color: #7a7a7a
  247. }
  248. .product-con .storeInfo.on{
  249. margin-top: 46rpx;
  250. }
  251. .product-con .userEvaluation {
  252. background-color: #fff;
  253. margin: 20rpx 20rpx 0 20rpx;
  254. border-radius: 12rpx;
  255. }
  256. .product-con .evaluateWtapper .evaluateItem{
  257. border-radius: 12rpx;
  258. }
  259. .product-con .userEvaluation .title {
  260. height: 86rpx;
  261. border-bottom: 1rpx solid #eee;
  262. font-size: 28rpx;
  263. color: #282828;
  264. margin-left: 20rpx;
  265. padding-right: 20rpx
  266. }
  267. .product-con .userEvaluation .title .praise {
  268. font-size: 28rpx;
  269. color: grey
  270. }
  271. .product-con .userEvaluation .title .praise .iconfont {
  272. color: #7a7a7a;
  273. font-size: 28rpx;
  274. vertical-align: 1rpx;
  275. margin-left: 8rpx
  276. }
  277. .product-con .product-intro {
  278. position: relative;
  279. padding-bottom: 100rpx;
  280. overflow: hidden;
  281. margin: 20rpx 20rpx 0 20rpx;
  282. border-radius: 12rpx;
  283. }
  284. .product-con .product-intro .title {
  285. font-size: 30rpx;
  286. color: #282828;
  287. height: 86rpx;
  288. width: 100%;
  289. background-color: #fff;
  290. text-align: center;
  291. line-height: 86rpx
  292. }
  293. .product-con .product-intro .conter {
  294. width: 100%
  295. }
  296. .product-con .product-intro .conter image {
  297. width: 100%!important;
  298. display: block!important
  299. }
  300. .goodsStyle {
  301. margin-top: 1rpx;
  302. background-color: #fff;
  303. padding: 22rpx 30rpx;
  304. display: flex;
  305. align-items: center;
  306. }
  307. .goodsStyle .pictrue {
  308. width: 120rpx;
  309. height: 120rpx
  310. }
  311. .goodsStyle .pictrue image {
  312. width: 100%;
  313. height: 100%;
  314. border-radius: 6rpx
  315. }
  316. .goodsStyle .text {
  317. width: 545rpx;
  318. font-size: 28rpx;
  319. color: #999
  320. }
  321. .goodsStyle .text .name {
  322. width: 360rpx;
  323. height: max-content;
  324. color: #282828
  325. }
  326. .goodsStyle .text .money {
  327. text-align: right
  328. }
  329. .goodsStyle .text .money .num {
  330. margin-top: 7rpx
  331. }
  332. .goodWrapper .list{
  333. margin-left: 30rpx;
  334. padding-right: 30rpx;
  335. border-bottom: 2rpx solid #f0f0f0;
  336. }
  337. .goodWrapper .item {
  338. // height: 180rpx;
  339. padding: 28rpx 0 10rpx 0;
  340. }
  341. .goodWrapper .item .pictrue {
  342. width: 130rpx;
  343. height: 130rpx;
  344. }
  345. .goodWrapper .item .pictrue image {
  346. width: 100%;
  347. height: 100%;
  348. border-radius: 6rpx
  349. }
  350. .goodWrapper .item .text {
  351. width: calc(100% - 130rpx);
  352. padding-left: 20rpx;
  353. position: relative
  354. }
  355. .goodWrapper .item .text .name {
  356. font-size: 28rpx;
  357. color: #282828;
  358. width: 453rpx
  359. }
  360. .goodWrapper .item .text .num {
  361. font-size: 26rpx;
  362. color: #868686
  363. }
  364. .goodWrapper .item .text .attr {
  365. font-size: 20rpx;
  366. color: #868686;
  367. margin-top: 7rpx
  368. }
  369. .goodWrapper .item .text .money {
  370. font-size: 26rpx;
  371. margin-top: 17rpx
  372. }
  373. .goodWrapper .item .text .evaluate {
  374. width: 114rpx;
  375. height: 46rpx;
  376. border: 1rpx solid #bbb;
  377. border-radius: 4rpx;
  378. text-align: center;
  379. line-height: 46rpx;
  380. }
  381. .goodWrapper .item .text .evaluate.userEvaluated {
  382. font-size: 26rpx;
  383. color: #aaa;
  384. background-color: #f7f7f7;
  385. border-color: #f7f7f7
  386. }
  387. .promoterHeader {
  388. width: 100%;
  389. height: 220rpx
  390. }
  391. .promoterHeader .headerCon{width:100%;height:100%;padding:0 88rpx 0 55rpx;box-sizing:border-box;font-size:28rpx;color:#fff;background-image:url('data:image/png;base64,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');background-repeat:no-repeat;background-size:100% 100%;}
  392. .promoterHeader .headerCon .name{margin-bottom:10rpx;}
  393. .promoterHeader .headerCon .num{font-size:50rpx;}
  394. .promoterHeader .headerCon .iconfont{font-size:125rpx;}
  395. .sign-record .list .item .data{height:80rpx;line-height:80rpx;padding:0 30rpx;font-size:24rpx;color:#666;}
  396. .sign-record .list .item .listn{background-color:#fff;font-size:24rpx;color:#999;}
  397. .sign-record .list .item .listn .itemn{height:120rpx;border-bottom:1rpx solid #eee;padding-right:30rpx;padding-left:30rpx;}
  398. .sign-record .list .item .listn .itemn .name{width:390rpx;font-size:28rpx;color:#282828;margin-bottom:10rpx;}
  399. .sign-record .list .item .listn .itemn .num{font-size:36rpx;font-family: 'Guildford Pro';color:#16ac57;}
  400. .sign-record .list .item .listn .itemn .num.font-color{color:#e93323!important;}
  401. .coupon-list{padding:0 30rpx;margin-top:25rpx;}
  402. .coupon-list .item{width:100%;height:170rpx;margin-bottom:16rpx;}
  403. .coupon-list .item .money{width:240rpx;height:100%;color:#fff;font-size:36rpx;font-weight:bold;text-align:center;display: flex;flex-direction: column;align-items: center;justify-content: center;}
  404. .coupon-list .item .moneyCon,.coupons .list .item .moneyCon{background-color:var(--view-theme);height: 100%;}
  405. .coupon-list .item .money,.coupons .list .item .price{background-repeat:no-repeat;background-size:100% 100%;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAABVCAMAAAC1iNAIAAAAolBMVEUAAAD////////////////////////////////////////////////////////////////w8PD////x8fH////////////////////09PT4+Pj4+Pj5+fn29vb29vb39/f09PT09PT29vb09PT19fX19fX39/f19fX29vb29vb19fX19fX09PT19fX19fX29vb19fX29vb19fX09PT09PT19fUjCUKaAAAANHRSTlMAAQIDBAUGBwgJCgsMDQ4PEBEREhITFBojRERHUlNXZHJzc3d7fX1+iJSdycvN8fL5+/3+S5lxYgAABUVJREFUaN69Wmlj3CYQBXTflDLUSY/E6eFeSWo3/P+/1g8SC0jDsa4UPnrZHc313puRidZa/0OuOrSkoY+01vrvq8y2AkQTMfzTNXarBZRSsgwa/uMSs8UISiml1IB//vzXJf7SXqrtzOQrnoaDsRvy+JLkztasghq/9OnNZcndDBf4tS9PJye3k55dBSzg8dtT7dbcN6sUVF8hueW8NxsursdvTjPLBqmQI3GXX96fiI8KPaK60nC9BMwqpWAeh/qaUJdT2KwxXlyKj64pwb3O4sXZAIImF5aaEupCp5rOBZAKSy6IdlUAzGkwWZwIIDt8NCaGG1wxnkTt85I7udxf354MmrOquuF4cv1bMx7q1/dxNaPJ7fbyrt2uwXgKgDA0uTAcuajZLgp2AoDQDm2hGRN2/fZpfwn5KaWAo0qWCqy0XgUgKPkp6SaXdtyU9i3F3f9UIDj5wVjsy12sfxkDavNOAKEBfKyQiEy+YWjOJj9/TGGDuSIIIYR0NhktfWVVFyj5yZ7i5S4pIYSU4DzhNLTs7j4O4WMRKHcDGDu1K9s7DTcZyfUiYgCD7poA2ntCHSc/rNxt+9COS3C+Ltl55IeUO7goRpmThPWRMgAkh/yOEYEdfDrEPOcBCE5+vE6U+5ZKjJjnHAAp0+SHR0RxhoP2ATxxfEyTXxMQ8sAbVpTOzcXkKFnVOeRXxYQ8AEh7W3jJj/Qxjo8e+eHljs9OBsK2gTlsmIk0PkqVcZb19pANIMf8IuSXcTYXp1DVJV3GyS/b8OiPUTEAaSGD/LJD7fyanGcEQIqbX3TJIL90cW1lzbyCOAAI7aW4magAJ78l36wjPDr3Wxj5gRWiIzIcpGdhfx9gI9U7Y6tf1dtwYGeNQibIL31cjVe0vSlJt48tGthJtoc4+WWXFtkF3Bp2N2N2oKRDLj4Ga2vftat7t1D7w8FCs+VAsrjGPTxIp7hKXBel5UCO5amk1HVkWtvpDVowguXIAfvjcdNCSG5xYFBKKfLlCS0YGNKz8C2LY9t26X3TwnyPv19wlZ6f3PUZS5mZ7JUeCeUplX5YBAegac6s73VeJj8/JLYYdYr8zF54SVZZ5Rr+99eoSs8gP7OC58mLpaM2D4Y9oMrCx20FT2Umhq3JJb89BIVcJj6uQyEpIC/ShNRSKUUgqNJzyW8zXEI2W9QCgHz+AVfpRTb5cX+rFHTYAUNa1eTL7/iKaryXfrrcSG/n849bcnd/L0K1AnLX1pOvXtNKxDGAraj6QOg4Y77iGomvXoM59hnv8Tvwhdxhxto9eE0Ioc1s3e5z8WPyl6gfltHDx3K/g0RLiRSDcbtznhNEBF5B8mW5CYuX99Qnv3k/3Sl8wUBYy8FWK5VrxljKcyMlXbFXzeDKngpSQqYaJWz3mclYlQSSNrAI5jTSUnsFxdqtPhgfCmy9FBS8ZoSxw4GNJtJSh7az1eFrqiSrbCOMS35WVnfoaquLT3uFzOLlT28P5Gd1IaoSFMipjr2Fypb4B/Kz6BYCYFhalr+I26V4Dejjtwj5zcdXKEe3h/JVytt0zcsvEMPVGNnB3GDKG0QfG543Fj1Kn92IF/sNEK7T5VqfMLCo8DPd+vQQg5fACgYl0sGRMBGta5Ag9HG0pY4bkRWyLMuFA2VgIvT5hO0j4u96eofl6nCG5PrN54/vEoIB/Y2FYZhlkXSOvjxv64porf/EFQ31prsg0JeTKLP/T8HuGonWWr+LkwhWKZMLPtPdIKIU0VrrjzjCsEhLrSWyuea9kaZ5GzCitdbPgW6JtZQsbq4BL9NL5P35Dy6VtHEa3VHxAAAAAElFTkSuQmCC');}
  406. .coupon-list .item .money.moneyGray,.coupons .list .item .price.moneyGray{background-color: #ccc;}
  407. .coupon-list .item .money .num{font-size:60rpx;}
  408. .coupon-list .item .text{width:450rpx;padding:0 17rpx 0 24rpx;box-sizing:border-box;background-color:#fff;}
  409. .coupon-list .item .text .condition{font-size:30rpx;color:#282828;height:93rpx;}
  410. .coupon-list .item .text .data{font-size:20rpx;color:#999;height:76rpx;display: flex;flex-wrap: nowrap;}
  411. .coupon-list .item .text .data .bnt{width:136rpx;height:44rpx;border-radius:22rpx;font-size:22rpx;text-align:center;line-height:44rpx;color:#fff;}
  412. .coupon-list .item .text .data .bnt.gray{background:#ccc!important;}
  413. .coupon-list .item.svip .money{background-color: #EDBB75;}
  414. .coupon-list .item.svip .condition .line-title{border-color:#EEC181;background-color:#FEF7EC;color:#EEC181;}
  415. .coupon-list .item.svip .bg-color{background: linear-gradient(90deg, #EDC98A 0%, #EDBB75 100%);}
  416. .coupon-list .item.svip .bnt.gray{background:#CCCCCC;}
  417. .coupon-list .item.svip .line1 .image{width:30rpx;height:30rpx;margin-right:10rpx;vertical-align:middle;z-index:0;}
  418. .noCommodity {
  419. border-top: 7rpx solid #f5f5f5
  420. }
  421. .noCommodity .pictrue {
  422. width: 414rpx;
  423. height: 336rpx;
  424. margin: 30rpx auto 30rpx auto
  425. }
  426. .noCommodity .pictrue image {
  427. width: 100%;
  428. height: 100%
  429. }
  430. .index-bg .uni-swiper-dot {
  431. width: 20rpx!important;
  432. height: 5rpx!important;
  433. border-radius: 3rpx
  434. }
  435. .boutique .uni-swiper-dot {
  436. width: 7rpx!important;
  437. height: 7rpx!important;
  438. border-radius: 50%
  439. }
  440. .boutique .uni-swiper-dot-active {
  441. width: 20rpx!important;
  442. border-radius: 5rpx!important
  443. }
  444. .sign-record .list .item .data {
  445. height: 80rpx;
  446. line-height: 80rpx;
  447. padding: 0 30rpx;
  448. font-size: 24rpx;
  449. color: #666
  450. }
  451. .sign-record .list .item .listn {
  452. background-color: #fff;
  453. font-size: 24rpx;
  454. color: #999
  455. }
  456. .sign-record .list .item .listn .itemn {
  457. // height: 120rpx;
  458. // border-bottom: 1rpx solid #eee;
  459. // padding-right: 30rpx;
  460. // margin-left: 30rpx
  461. }
  462. .sign-record .list .item .listn .itemn .name {
  463. width: 390rpx;
  464. font-size: 28rpx;
  465. color: #282828;
  466. margin-bottom: 10rpx
  467. }
  468. .sign-record .list .item .listn .itemn .num {
  469. font-size: 36rpx;
  470. font-family: 'Guildford Pro';
  471. color: #16ac57
  472. }
  473. .statistical-page .mc-body {
  474. padding-bottom: 0
  475. }
  476. .statistical-page .mpvue-calendar {
  477. min-width: 100%
  478. }
  479. .statistical-page .mpvue-calendar table {
  480. margin: 0
  481. }
  482. .statistical-page .mpvue-calendar td {
  483. border-right: 1px solid #fff;
  484. padding: 0;
  485. width: 14%!important
  486. }
  487. .statistical-page .calendar-tools {
  488. box-shadow: unset;
  489. -webkit-box-shadow: unset;
  490. -o-box-shadow: unset;
  491. -moz-box-shadow: unset
  492. }
  493. .statistical-page .mc-head-box div {
  494. font-size: 14px
  495. }
  496. .statistical-page .mpvue-calendar td:not(.disabled) span.mc-date-red {
  497. color: unset
  498. }
  499. .statistical-page .mpvue-calendar .mc-range-mode .mc-range-begin span.calendar-date,.statistical-page .mpvue-calendar .mc-range-mode .mc-range-end span.calendar-date {
  500. border-radius: 0;
  501. background-color: #2291f8!important
  502. }
  503. .statistical-page .mpvue-calendar td.selected span.mc-date-red {
  504. color: #fff
  505. }
  506. .statistical-page .mc-range-mode .selected .mc-range-bg {
  507. background-color: #a0dcf9
  508. }
  509. .statistical-page .mpvue-calendar .mc-range-mode .mc-range-row-first .calendar-date,.statistical-page .mpvue-calendar .mc-range-mode .mc-range-row-last .calendar-date {
  510. background-color: #a0dcf9
  511. }
  512. .statistical-page .mpvue-calendar .mc-range-mode .selected.mc-range-second-to-last span {
  513. background-color: #a0dcf9
  514. }
  515. .statistical-page .mpvue-calendar .mc-range-mode .mc-range-month-first.selected .calendar-date,.statistical-page .mpvue-calendar .mc-range-mode .mc-range-month-last.selected .calendar-date {
  516. background-color: #a0dcf9
  517. }
  518. .statistical-page .mc-today-element .calendar-date {
  519. border-radius: 0;
  520. background-color: unset
  521. }
  522. .new-users .uni-swiper-dot {
  523. width: 8px;
  524. height: 4px;
  525. background: rgba(0,0,0,.15);
  526. border-radius: 2px
  527. }
  528. .new-users .uni-swiper-dot-active {
  529. width: 16px;
  530. height: 4px;
  531. background: var(--view-theme)!important;
  532. border-radius: 2px
  533. }
  534. .pictrue_log {
  535. width: 80rpx;
  536. height: 40rpx;
  537. border-radius: 20rpx 0 20rpx 0;
  538. line-height: 40rpx;
  539. font-size: 24rpx
  540. }
  541. .pictrue_log_class {
  542. // background: -webkit-gradient(linear,left top,right top,from(rgba(246,122,56,1)),to(rgba(241,27,9,1)));
  543. // background: linear-gradient(90deg,rgba(246,122,56,1) 0,rgba(241,27,9,1) 100%);
  544. background-color: var(--view-theme);
  545. opacity: 1;
  546. position: absolute;
  547. top: 0;
  548. left: 0;
  549. color: #fff;
  550. text-align: center;
  551. z-index: 3
  552. }
  553. .pictrue_log_medium {
  554. width: 80rpx;
  555. height: 44rpx;
  556. border-radius: 20rpx 0 20rpx 0;
  557. line-height: 44rpx;
  558. text-align: center;
  559. font-size: 26rpx
  560. }
  561. .pictrue_log_big {
  562. width: 100rpx;
  563. height: 46rpx;
  564. line-height: 46rpx;
  565. border-radius: 20rpx 0 20rpx 0;
  566. font-size: 28rpx
  567. }
  568. .spike-box .styleAll {
  569. background-color: #ffdfdd;
  570. color: #e93323;
  571. padding: 0 5rpx
  572. }
  573. .product-con .nav .time .timeTxt {
  574. color: #fff
  575. }
  576. .bg-color-hui {
  577. background: #bbb!important
  578. }
  579. .page_content .swiper .uni-swiper-dot {
  580. width: 20rpx!important;
  581. height: 5rpx!important;
  582. border-radius: 3rpx;
  583. background: rgba(0,0,0,.4)!important
  584. }
  585. .page_content .swiper .uni-swiper-dot-active {
  586. width: 20rpx!important;
  587. border-radius: 5rpx!important;
  588. background: #fff!important
  589. }
  590. .pictrue_log_xl {
  591. background: linear-gradient(90deg,rgba(246,122,56,1) 0,rgba(241,27,9,1) 100%)
  592. }
  593. .pictrue_log_xl_gray {
  594. background: linear-gradient(90deg,rgba(102,102,102,1) 0,rgba(153,153,153,1) 100%)
  595. }
  596. .pictrue_log_xl_blue {
  597. background: linear-gradient(90deg,rgba(26,163,246,1) 0,rgba(24,192,244,1) 100%)
  598. }
  599. .flex-aj-center {
  600. display: flex;
  601. align-items: center;
  602. justify-content: center
  603. }
  604. .page-index.bgf .noCommodity{
  605. border-top: 0;
  606. }
  607. .product-con .red{
  608. color: #82848f!important;
  609. }
  610. .borderShow{
  611. position: relative;
  612. }
  613. .borderShow::after{
  614. content: ' ';
  615. position: absolute;
  616. left: 0;
  617. top: 0;
  618. width: 100%;
  619. height: 100%;
  620. border:1px dashed #007AFF;
  621. box-sizing: border-box;
  622. }
  623. uni-checkbox:not([disabled]) .uni-checkbox-input:hover{
  624. border-color: #d1d1d1;
  625. }
  626. .bg-green{
  627. background-color: #3CBB45;
  628. }
  629. uni-toast .uni-toast {
  630. font-size: 30rpx;
  631. }
  632. .status_bar{
  633. height: var(--status-bar-height);
  634. }
  635. .status_bar_red{
  636. position: fixed;
  637. left: 0;
  638. top: 0;
  639. width: 100%;
  640. height: var(--status-bar-height);
  641. background: #e93323;
  642. }
  643. .uni-p-b-140{
  644. height: 140rpx;
  645. }
  646. .codePopup {
  647. position: fixed;
  648. left: 50%;
  649. top: 50%;
  650. margin-left: -283rpx;
  651. width: 566rpx;
  652. height: 870rpx;
  653. /* #ifndef H5 */
  654. margin-top: -440rpx;
  655. /* #endif */
  656. /* #ifdef H5 */
  657. margin-top: -548rpx;
  658. /* #endif */
  659. background-color: #fff;
  660. border-radius: 10rpx;
  661. z-index: 100;
  662. text-align: center;
  663. .icon-guanbi2 {
  664. font-size: 50rpx;
  665. color: #fff;
  666. margin-top: 50px;
  667. }
  668. .barnum {
  669. width: 100%;
  670. font-size: 24rpx;
  671. font-weight: bold;
  672. text-align: center;
  673. letter-spacing: 5rpx;
  674. white-space: nowrap;
  675. color: #333;
  676. margin: 12rpx 0 44rpx 0;
  677. }
  678. .codeNum {
  679. font-size: 45rpx;
  680. color: #333;
  681. text-align: center;
  682. margin-top: 30rpx;
  683. font-weight: bold;
  684. }
  685. .tip {
  686. color: #999;
  687. font-size: 24rpx;
  688. text-align: center;
  689. margin-top: 32rpx;
  690. }
  691. .header {
  692. width: 330rpx;
  693. height: 60rpx;
  694. border-radius: 30rpx;
  695. background: #EEEEEE;
  696. color: #333333;
  697. font-size: 28rpx;
  698. margin: 50rpx auto;
  699. .title {
  700. width: 146rpx;
  701. height: 100%;
  702. line-height: 60rpx;
  703. border-radius: 30rpx;
  704. text-align: center;
  705. padding-right: 20rpx;
  706. &.onLeft {
  707. padding-left: 34rpx;
  708. }
  709. &.on {
  710. width: 170rpx;
  711. background-color: var(--view-theme) !important;
  712. color: #fff;
  713. padding: 0 !important;
  714. }
  715. }
  716. }
  717. }
  718. .page-footer /deep/.uni-badge--x{
  719. position: absolute !important;
  720. top: -8rpx;
  721. }
  722. .page-footer /deep/.uni-badge{
  723. right: unset !important;
  724. top: unset !important;
  725. }
  726. .page-footer /deep/.uni-badge-left-margin .uni-badge--error{
  727. color: #fff !important;
  728. background-color: var(--view-theme) !important;
  729. z-index: 8;
  730. }
  731. .authorize checkbox .wx-checkbox-input {
  732. width: 30rpx;
  733. height: 30rpx;
  734. margin-bottom: 5rpx;
  735. }