style.scss 24 KB

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