index.css 39 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780
  1. body{background:#f5f5f5}
  2. #globalFot #scrollTop {
  3. display: none !important;
  4. }
  5. a{color:#333;text-decoration:none}
  6. [v-cloak] {
  7. opacity: 0;
  8. }
  9. .swiper-wrapper{height: auto;}
  10. .cm-left{float:left}
  11. .cm-right{float:right}
  12. .cm-clearfix::after,.cm-container::after,.cm-row::after{content:'';display:block;clear:both}
  13. .cm-hidden,.cm-text-ellipsis-1,.cm-text-ellipsis-2,.cm-text-ellipsis-3,.cm-text-ellipsis-4{overflow:hidden}
  14. .cm-none{display:none}
  15. .cm-not-visible{visibility:hidden}
  16. .cm-flex,.cm-flex-j-between{display:-webkit-box;display:-ms-flexbox;display:flex}
  17. .bg-white{background-color:#fff}
  18. .cm-flex-j-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
  19. .cm-flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1}
  20. .text-justify{text-align:justify}
  21. .cm-radius-4{border-radius:4px;overflow:hidden}
  22. .cm-absolute{position:absolute}
  23. .cm-relative{position:relative}
  24. .cm-top,.cm-top-left,.cm-top-right{top:0}
  25. .cm-bottom,.cm-bottom-right,.cm-bottom-left{bottom:0}
  26. .cm-left,.cm-top-left,.cm-bottom-left{left:0}
  27. .cm-right,.cm-top-right,.cm-bottom-right{right:0}
  28. .bg-white{background-color:#fff}
  29. .cm-text-ellipsis-1,.cm-text-ellipsis-2,.cm-text-ellipsis-3,.cm-text-ellipsis-4{display:-webkit-box;-webkit-box-orient:vertical;white-space:normal}
  30. .cm-text-ellipsis-1{-webkit-line-clamp:1}
  31. .cm-text-ellipsis-2{-webkit-line-clamp:2}
  32. .cm-text-ellipsis-3{-webkit-line-clamp:3}
  33. .cm-text-ellipsis-4{-webkit-line-clamp:4}
  34. .cm-img-responsive{max-width:100%;height:auto;display:block}
  35. .cm-container{width:100%;margin:0 auto}
  36. [class*='cm-col-']{float:left;-webkit-box-sizing:border-box;box-sizing:border-box}
  37. .cm-floor .swiper-slide{ height: auto;}
  38. .cm-product-item .cm-prodcut-price .price.none{color: #999;text-decoration: line-through;}
  39. .cm-product-item .cm-prodcut-price .price.none .red{color: #999;}
  40. @media (max-width:560px){
  41. .cm-col-xs-1{width:1.66667%}
  42. .cm-col-xs-2{width:3.33333%}
  43. .cm-col-xs-3{width:5%}
  44. .cm-col-xs-4{width:6.66667%}
  45. .cm-col-xs-5{width:8.33333%}
  46. .cm-col-xs-6{width:10%}
  47. .cm-col-xs-7{width:11.66667%}
  48. .cm-col-xs-8{width:13.33333%}
  49. .cm-col-xs-9{width:15%}
  50. .cm-col-xs-10{width:16.66667%}
  51. .cm-col-xs-11{width:18.33333%}
  52. .cm-col-xs-12{width:20%}
  53. .cm-col-xs-13{width:21.66667%}
  54. .cm-col-xs-14{width:23.33333%}
  55. .cm-col-xs-15{width:25%}
  56. .cm-col-xs-16{width:26.66667%}
  57. .cm-col-xs-17{width:28.33333%}
  58. .cm-col-xs-18{width:30%}
  59. .cm-col-xs-19{width:31.66667%}
  60. .cm-col-xs-20{width:33.33333%}
  61. .cm-col-xs-21{width:35%}
  62. .cm-col-xs-22{width:36.66667%}
  63. .cm-col-xs-23{width:38.33333%}
  64. .cm-col-xs-24{width:40%}
  65. .cm-col-xs-25{width:41.66667%}
  66. .cm-col-xs-26{width:43.33333%}
  67. .cm-col-xs-27{width:45%}
  68. .cm-col-xs-28{width:46.66667%}
  69. .cm-col-xs-29{width:48.33333%}
  70. .cm-col-xs-30{width:50%}
  71. .cm-col-xs-31{width:51.66667%}
  72. .cm-col-xs-32{width:53.33333%}
  73. .cm-col-xs-33{width:55%}
  74. .cm-col-xs-34{width:56.66667%}
  75. .cm-col-xs-35{width:58.33333%}
  76. .cm-col-xs-36{width:60%}
  77. .cm-col-xs-37{width:61.66667%}
  78. .cm-col-xs-38{width:63.33333%}
  79. .cm-col-xs-39{width:65%}
  80. .cm-col-xs-40{width:66.66667%}
  81. .cm-col-xs-41{width:68.33333%}
  82. .cm-col-xs-42{width:70%}
  83. .cm-col-xs-43{width:71.66667%}
  84. .cm-col-xs-44{width:73.33333%}
  85. .cm-col-xs-45{width:75%}
  86. .cm-col-xs-46{width:76.66667%}
  87. .cm-col-xs-47{width:78.33333%}
  88. .cm-col-xs-48{width:80%}
  89. .cm-col-xs-49{width:81.66667%}
  90. .cm-col-xs-50{width:83.33333%}
  91. .cm-col-xs-51{width:85%}
  92. .cm-col-xs-52{width:86.66667%}
  93. .cm-col-xs-53{width:88.33333%}
  94. .cm-col-xs-54{width:90%}
  95. .cm-col-xs-55{width:91.66667%}
  96. .cm-col-xs-56{width:93.33333%}
  97. .cm-col-xs-57{width:95%}
  98. .cm-col-xs-58{width:96.66667%}
  99. .cm-col-xs-59{width:98.33333%}
  100. .cm-col-xs-60{width:100%}
  101. .cm-m-a-1{margin:0.25vw}
  102. .cm-p-a-1{padding:0.25vw}
  103. .cm-m-t-1{margin-top:0.25vw}
  104. .cm-p-t-1{padding-top:0.25vw}
  105. .cm-m-b-1{margin-bottom:0.25vw}
  106. .cm-p-b-1{padding-bottom:0.25vw}
  107. .cm-m-l-1{margin-left:0.25vw}
  108. .cm-p-l-1{padding-left:0.25vw}
  109. .cm-m-r-1{margin-right:0.25vw}
  110. .cm-p-r-1{padding-right:0.25vw}
  111. .cm-m-a-2{margin:0.5vw}
  112. .cm-p-a-2{padding:0.5vw}
  113. .cm-m-t-2{margin-top:0.5vw}
  114. .cm-p-t-2{padding-top:0.5vw}
  115. .cm-m-b-2{margin-bottom:0.5vw}
  116. .cm-p-b-2{padding-bottom:0.5vw}
  117. .cm-m-l-2{margin-left:0.5vw}
  118. .cm-p-l-2{padding-left:0.5vw}
  119. .cm-m-r-2{margin-right:0.5vw}
  120. .cm-p-r-2{padding-right:0.5vw}
  121. .cm-m-a-3{margin:0.75vw}
  122. .cm-p-a-3{padding:0.75vw}
  123. .cm-m-t-3{margin-top:0.75vw}
  124. .cm-p-t-3{padding-top:0.75vw}
  125. .cm-m-b-3{margin-bottom:0.75vw}
  126. .cm-p-b-3{padding-bottom:0.75vw}
  127. .cm-m-l-3{margin-left:0.75vw}
  128. .cm-p-l-3{padding-left:0.75vw}
  129. .cm-m-r-3{margin-right:0.75vw}
  130. .cm-p-r-3{padding-right:0.75vw}
  131. .cm-m-a-4{margin:1vw}
  132. .cm-p-a-4{padding:1vw}
  133. .cm-m-t-4{margin-top:1vw}
  134. .cm-p-t-4{padding-top:1vw}
  135. .cm-m-b-4{margin-bottom:1vw}
  136. .cm-p-b-4{padding-bottom:1vw}
  137. .cm-m-l-4{margin-left:1vw}
  138. .cm-p-l-4{padding-left:1vw}
  139. .cm-m-r-4{margin-right:1vw}
  140. .cm-p-r-4{padding-right:1vw}
  141. .cm-m-a-5{margin:1.25vw}
  142. .cm-p-a-5{padding:1.25vw}
  143. .cm-m-t-5{margin-top:1.25vw}
  144. .cm-p-t-5{padding-top:1.25vw}
  145. .cm-m-b-5{margin-bottom:1.25vw}
  146. .cm-p-b-5{padding-bottom:1.25vw}
  147. .cm-m-l-5{margin-left:1.25vw}
  148. .cm-p-l-5{padding-left:1.25vw}
  149. .cm-m-r-5{margin-right:1.25vw}
  150. .cm-p-r-5{padding-right:1.25vw}
  151. .cm-m-a-6{margin:1.5vw}
  152. .cm-p-a-6{padding:1.5vw}
  153. .cm-m-t-6{margin-top:1.5vw}
  154. .cm-p-t-6{padding-top:1.5vw}
  155. .cm-m-b-6{margin-bottom:1.5vw}
  156. .cm-p-b-6{padding-bottom:1.5vw}
  157. .cm-m-l-6{margin-left:1.5vw}
  158. .cm-p-l-6{padding-left:1.5vw}
  159. .cm-m-r-6{margin-right:1.5vw}
  160. .cm-p-r-6{padding-right:1.5vw}
  161. .cm-m-a-7{margin:1.75vw}
  162. .cm-p-a-7{padding:1.75vw}
  163. .cm-m-t-7{margin-top:1.75vw}
  164. .cm-p-t-7{padding-top:1.75vw}
  165. .cm-m-b-7{margin-bottom:1.75vw}
  166. .cm-p-b-7{padding-bottom:1.75vw}
  167. .cm-m-l-7{margin-left:1.75vw}
  168. .cm-p-l-7{padding-left:1.75vw}
  169. .cm-m-r-7{margin-right:1.75vw}
  170. .cm-p-r-7{padding-right:1.75vw}
  171. .cm-m-a-8{margin:2vw}
  172. .cm-p-a-8{padding:2vw}
  173. .cm-m-t-8{margin-top:2vw}
  174. .cm-p-t-8{padding-top:2vw}
  175. .cm-m-b-8{margin-bottom:2vw}
  176. .cm-p-b-8{padding-bottom:2vw}
  177. .cm-m-l-8{margin-left:2vw}
  178. .cm-p-l-8{padding-left:2vw}
  179. .cm-m-r-8{margin-right:2vw}
  180. .cm-p-r-8{padding-right:2vw}
  181. .cm-m-a-9{margin:2.25vw}
  182. .cm-p-a-9{padding:2.25vw}
  183. .cm-m-t-9{margin-top:2.25vw}
  184. .cm-p-t-9{padding-top:2.25vw}
  185. .cm-m-b-9{margin-bottom:2.25vw}
  186. .cm-p-b-9{padding-bottom:2.25vw}
  187. .cm-m-l-9{margin-left:2.25vw}
  188. .cm-p-l-9{padding-left:2.25vw}
  189. .cm-m-r-9{margin-right:2.25vw}
  190. .cm-p-r-9{padding-right:2.25vw}
  191. .cm-m-a-10{margin:2.5vw}
  192. .cm-p-a-10{padding:2.5vw}
  193. .cm-m-t-10{margin-top:2.5vw}
  194. .cm-p-t-10{padding-top:2.5vw}
  195. .cm-m-b-10{margin-bottom:2.5vw}
  196. .cm-p-b-10{padding-bottom:2.5vw}
  197. .cm-m-l-10{margin-left:2.5vw}
  198. .cm-p-l-10{padding-left:2.5vw}
  199. .cm-m-r-10{margin-right:2.5vw}
  200. .cm-p-r-10{padding-right:2.5vw}
  201. .cm-m-a-11{margin:2.75vw}
  202. .cm-p-a-11{padding:2.75vw}
  203. .cm-m-t-11{margin-top:2.75vw}
  204. .cm-p-t-11{padding-top:2.75vw}
  205. .cm-m-b-11{margin-bottom:2.75vw}
  206. .cm-p-b-11{padding-bottom:2.75vw}
  207. .cm-m-l-11{margin-left:2.75vw}
  208. .cm-p-l-11{padding-left:2.75vw}
  209. .cm-m-r-11{margin-right:2.75vw}
  210. .cm-p-r-11{padding-right:2.75vw}
  211. .cm-m-a-12{margin:3vw}
  212. .cm-p-a-12{padding:3vw}
  213. .cm-m-t-12{margin-top:3vw}
  214. .cm-p-t-12{padding-top:3vw}
  215. .cm-m-b-12{margin-bottom:3vw}
  216. .cm-p-b-12{padding-bottom:3vw}
  217. .cm-m-l-12{margin-left:3vw}
  218. .cm-p-l-12{padding-left:3vw}
  219. .cm-m-r-12{margin-right:3vw}
  220. .cm-p-r-12{padding-right:3vw}
  221. .cm-m-a-13{margin:3.25vw}
  222. .cm-p-a-13{padding:3.25vw}
  223. .cm-m-t-13{margin-top:3.25vw}
  224. .cm-p-t-13{padding-top:3.25vw}
  225. .cm-m-b-13{margin-bottom:3.25vw}
  226. .cm-p-b-13{padding-bottom:3.25vw}
  227. .cm-m-l-13{margin-left:3.25vw}
  228. .cm-p-l-13{padding-left:3.25vw}
  229. .cm-m-r-13{margin-right:3.25vw}
  230. .cm-p-r-13{padding-right:3.25vw}
  231. .cm-m-a-14{margin:3.5vw}
  232. .cm-p-a-14{padding:3.5vw}
  233. .cm-m-t-14{margin-top:3.5vw}
  234. .cm-p-t-14{padding-top:3.5vw}
  235. .cm-m-b-14{margin-bottom:3.5vw}
  236. .cm-p-b-14{padding-bottom:3.5vw}
  237. .cm-m-l-14{margin-left:3.5vw}
  238. .cm-p-l-14{padding-left:3.5vw}
  239. .cm-m-r-14{margin-right:3.5vw}
  240. .cm-p-r-14{padding-right:3.5vw}
  241. .cm-m-a-15{margin:3.75vw}
  242. .cm-p-a-15{padding:3.75vw}
  243. .cm-m-t-15{margin-top:3.75vw}
  244. .cm-p-t-15{padding-top:3.75vw}
  245. .cm-m-b-15{margin-bottom:3.75vw}
  246. .cm-p-b-15{padding-bottom:3.75vw}
  247. .cm-m-l-15{margin-left:3.75vw}
  248. .cm-p-l-15{padding-left:3.75vw}
  249. .cm-m-r-15{margin-right:3.75vw}
  250. .cm-p-r-15{padding-right:3.75vw}
  251. .cm-m-a-16{margin:4vw}
  252. .cm-p-a-16{padding:4vw}
  253. .cm-m-t-16{margin-top:4vw}
  254. .cm-p-t-16{padding-top:4vw}
  255. .cm-m-b-16{margin-bottom:4vw}
  256. .cm-p-b-16{padding-bottom:4vw}
  257. .cm-m-l-16{margin-left:4vw}
  258. .cm-p-l-16{padding-left:4vw}
  259. .cm-m-r-16{margin-right:4vw}
  260. .cm-p-r-16{padding-right:4vw}
  261. .cm-m-a-17{margin:4.25vw}
  262. .cm-p-a-17{padding:4.25vw}
  263. .cm-m-t-17{margin-top:4.25vw}
  264. .cm-p-t-17{padding-top:4.25vw}
  265. .cm-m-b-17{margin-bottom:4.25vw}
  266. .cm-p-b-17{padding-bottom:4.25vw}
  267. .cm-m-l-17{margin-left:4.25vw}
  268. .cm-p-l-17{padding-left:4.25vw}
  269. .cm-m-r-17{margin-right:4.25vw}
  270. .cm-p-r-17{padding-right:4.25vw}
  271. .cm-m-a-18{margin:4.5vw}
  272. .cm-p-a-18{padding:4.5vw}
  273. .cm-m-t-18{margin-top:4.5vw}
  274. .cm-p-t-18{padding-top:4.5vw}
  275. .cm-m-b-18{margin-bottom:4.5vw}
  276. .cm-p-b-18{padding-bottom:4.5vw}
  277. .cm-m-l-18{margin-left:4.5vw}
  278. .cm-p-l-18{padding-left:4.5vw}
  279. .cm-m-r-18{margin-right:4.5vw}
  280. .cm-p-r-18{padding-right:4.5vw}
  281. .cm-m-a-19{margin:4.75vw}
  282. .cm-p-a-19{padding:4.75vw}
  283. .cm-m-t-19{margin-top:4.75vw}
  284. .cm-p-t-19{padding-top:4.75vw}
  285. .cm-m-b-19{margin-bottom:4.75vw}
  286. .cm-p-b-19{padding-bottom:4.75vw}
  287. .cm-m-l-19{margin-left:4.75vw}
  288. .cm-p-l-19{padding-left:4.75vw}
  289. .cm-m-r-19{margin-right:4.75vw}
  290. .cm-p-r-19{padding-right:4.75vw}
  291. .cm-m-a-20{margin:5vw}
  292. .cm-p-a-20{padding:5vw}
  293. .cm-m-t-20{margin-top:5vw}
  294. .cm-p-t-20{padding-top:5vw}
  295. .cm-m-b-20{margin-bottom:5vw}
  296. .cm-p-b-20{padding-bottom:5vw}
  297. .cm-m-l-20{margin-left:5vw}
  298. .cm-p-l-20{padding-left:5vw}
  299. .cm-m-r-20{margin-right:5vw}
  300. .cm-p-r-20{padding-right:5vw}
  301. .p-icon{display:inline-block;width:66px;height:22px;vertical-align:middle}
  302. .p-icon::before{content:'';display:inline-block;width:66px;height:22px;background:url(/img/activity/icon.png) no-repeat;background-position-x:0px}
  303. .p-icon.i1::before{background-position-y:-714px}
  304. .p-icon.i2::before{background-position-y:-744px}
  305. .p-icon.i3::before{background-position-y:-774px}
  306. .p-icon.i4::before{background-position-y:-804px}
  307. .p-icon.i5::before{background-position-y:-834px}
  308. .cm-container{padding-left:1vw;padding-right:1vw;-webkit-box-sizing:border-box;box-sizing:border-box}
  309. .cm-floor{padding:2.2vw 0}
  310. .cm-p-a{padding:1vw}
  311. .cm-m-a{padding:1vw}
  312. .cm-floor-title .cm-title{font-size:5vw;color:#4a4f58;font-weight:700;line-height:7.5vw;padding-top:1vw;padding-bottom:1vw}
  313. .cm-floor-title .cm-subtitle{font-size:4vw;color:#93979f;padding-top:1vw;padding-bottom:1vw}
  314. .cm-article-item{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}
  315. .cm-article-item .cm-article-title{font-size:3.5vw;color:#4a4f58;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}
  316. .cm-article-item .cm-article-title.has-border{border-left:2px solid #fff}
  317. .cm-article-item .cm-article-desc{font-size:2.5vw;color:#93979f;line-height:2em;text-align:justify;word-break: break-all;}
  318. .cm-article-item .cm-article-desc.h56{height:10.5vw}
  319. .cm-article-item .cm-article-cover.cover-168-168{width:27vw;height:27vw}
  320. .cm-article-item.h200{height:33vw}
  321. .cm-article-item .cm-line{display:none;height:1px;background-color:#f0f0f0}
  322. .cm-article-item .cm-line::before{content:'';display:block;height:2px;width:16px;background-color:#ff5c00}
  323. .cm-product-item .cm-product-title{font-size:3vw;color:#4a4f58;line-height:5vw;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}
  324. .cm-product-item .cm-prodcut-price{font-size:3vw;font-weight:bold}
  325. .cm-product-item .cm-prodcut-price .price-tag .tag{display:inline-block;height:20px;line-height:20px;border:1px solid #ffe6dc;border-radius:2px;font-size:12px;color:#FF5B00;cursor:pointer;background:#fff;padding:0 4px;position:relative;font-style:normal}
  326. .cm-product-item .h20{height:20px}
  327. .cm-product-item .h24{height:24px;line-height: 24px;}
  328. .cm-product-item .h44{height:10vw}
  329. .swiper-container{padding-bottom:8vw}
  330. .cm-scroll-container{overflow-x:scroll;overflow-y:hidden;white-space:nowrap}
  331. .cm-scroll-container::-webkit-scrollbar{display:none}
  332. .cm-scroll-container .cm-scroll-item{max-width:41vw;display:inline-block;margin-right:2vw}
  333. .cm-scroll-container .cm-scroll-item:last-child{margin-right:0}
  334. .cm-cover-tag{width:11vw;height:4vw;font-size:3vw;line-height:4vw;padding:0.5vw 1vw;border-radius:4px}
  335. .cm-tabs{height:6vw}
  336. .cm-tabs .cm-tab{font-size:3vw;width:12vw;height:6vw;line-height:6vw;text-align:center}
  337. .cm-btn-box{text-align:center}
  338. .cm-btn-box .cm-toggle-btn{width:20vw;height:6vw;border:1px solid #ccc;color:#909090;display:inline-block;text-align:center;line-height:6vw;font-size:3vw;cursor:pointer;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}
  339. .cm-btn-box .cm-toggle-btn::after{content:'';display:inline-block;width:10px;height:16px;vertical-align:middle;background:url(/img/activity/icon.png) no-repeat;background-position-y:-2px}
  340. .cm-btn-box .cm-toggle-btn.down::after{background-position-x:-96px}
  341. .cm-btn-box .cm-toggle-btn.up::after{background-position-x:-125px}
  342. .cm-float-container{position:fixed;z-index:999;bottom:12%;right:15px}
  343. .cm-float-container .cm-regexp{ background: #fff; font-size: 2.4vw;line-height: 1.4;display: flex;justify-content: center;align-items: center;text-align: center;color: #666;}
  344. .cm-float-container .cm-regexp,.cm-float-container .cm-slide{position:relative;width:12vw;height:12vw;margin:0.8vw 0;border-radius:6px;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;cursor:pointer}
  345. .cm-float-container .cm-slide .cm-toggle-btn{top:0;right:0;position:absolute;width:100%;height:100%}
  346. .cm-float-container .cm-slide:hover .cm-tooltop{display:block}
  347. .cm-float-container .cm-slide:hover .cm-toggle-btn{width:150%}
  348. .cm-float-container .cm-slide:nth-child(1){height:13.2vw;background:url(https://static.caimei365.com/app/img/icon2/cm_entry_icon.png) no-repeat center;background-size:12vw}
  349. .cm-float-container .cm-slide:nth-child(2){background:#fff url(/img/activity/pc_01.png) no-repeat center}
  350. .cm-float-container .cm-slide:nth-child(2):hover{background:#ff5c00 url(/img/activity/pc_a1.png) no-repeat center}
  351. .cm-float-container .cm-slide:nth-child(3){background:#fff url(/img/activity/pc_02.png) no-repeat center}
  352. .cm-float-container .cm-slide:nth-child(3):hover{background:#ff5c00 url(/img/activity/pc_a2.png) no-repeat center}
  353. .cm-float-container .cm-tooltop{position:absolute;padding:3.5vw;background:#ff5c00;top:0;right:16vw;border-radius:6px;display:none}
  354. .cm-float-container .cm-tooltop::after{position:absolute;content:'';width:15px;height:15px;-webkit-transform:rotateZ(45deg);-ms-transform:rotate(45deg);transform:rotateZ(45deg);background:#ff5c00;right:-7px;top:15px}
  355. .cm-float-container .cm-tooltop .cm-tooltop-content{font-size:3.2vw;color:#fff}
  356. .cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-1{width:51.6vw}
  357. .cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-1 i{display:block;border-top:1px solid #f1f1f1}
  358. .cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-1 .cm-item{padding:2.5vw 0}
  359. .cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-2{text-align:center;width:44.8vw;}
  360. .cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-2 .line{height:11vw;margin:3vw 3vw 0;width:1px;background:#f1f1f1}
  361. .cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-2 img{display:inline-block;width:16.4vw;height:16.4vw}
  362. .cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-2 span{text-align:center;display:block;margin-top:2vw}
  363. .cm-float-container .cm-mobile-tooltop .cm-tooltop-content .cm-item{ font-size: 1.8vw; }
  364. .cm-entry{z-index:9999;position:fixed;top:0;width:100vw;height:100vh;background:rgba(0,0,0,0.6)}
  365. .cm-entry .cm-icon-content{position:absolute;width:75.1vw;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
  366. .cm-entry .cm-icon-content img{width:100%}
  367. .cm-entry .cm-icon-content .cm-close{cursor:pointer;position:absolute;width:6.45vw;height:6.45vw;right:5vw;top:-8vw;background:url(/img/activity/pc_close.png) no-repeat center center;background-size:6.4vw}
  368. .cm-entry .cm-icon-content .btn{display: block;width: 10vw;height: 10vw;background: #666;position: absolute;right: 8vw;z-index: 999;cursor: pointer;opacity: 0;}
  369. .cm-entry .cm-icon-content .btn1{top: 24vw;}
  370. .cm-entry .cm-icon-content .btn2{top: 47.5vw;}
  371. .cm-footer{padding:4vw 0 2vw;background-color:#4a4f58;text-align:center;color:#fff;font-size:2.4vw;overflow:hidden}
  372. .cm-footer img{width:12vw}
  373. .banner-container{position:relative;width:100vw;height:45vw;overflow:hidden}
  374. .banner-container .banner{width:100vw;position:absolute;height:100%;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
  375. .banner-container .cm-container{height:100%;padding: 0;}
  376. .banner-container img{display:block;height:100%;width: 100%;}
  377. .has-player{position:absolute;top:0;left:0;width:100%;height:100%;}
  378. .has-player::before{content:'';cursor: pointer; display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:6vw;height:6vw; background:url(/img/activity/pc-palyer.png) no-repeat center center;background-size: 6vw;}
  379. .cm-to-top{width:12vw;height:12vw;position:fixed;z-index:999;bottom:5%;right:15px;border-radius:6px;text-align:center;background:#fff;cursor:pointer;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}
  380. .cm-to-top .cm-icon-bar{display:block;margin:0 auto;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}
  381. .cm-to-top .cm-icon-bar:nth-child(1){width:6vw;height:1vw;background:#999999;margin-top:4vw;}
  382. .cm-to-top .cm-icon-bar:nth-child(2){width:0;height:0;border-left:3vw solid transparent;border-right:3vw solid transparent;border-bottom:2vw solid #999999}
  383. .cm-to-top .cm-icon-bar:nth-child(3){width:10px;height:10px;background:#999999}
  384. }
  385. @media (max-width:992px){
  386. .cm-swiper-button-prev,.cm-swiper-button-next{display:none}
  387. }
  388. @media (min-width:560px){
  389. .cm-col-md-1{width:1.66667%}
  390. .cm-col-md-2{width:3.33333%}
  391. .cm-col-md-3{width:5%}
  392. .cm-col-md-4{width:6.66667%}
  393. .cm-col-md-5{width:8.33333%}
  394. .cm-col-md-6{width:10%}
  395. .cm-col-md-7{width:11.66667%}
  396. .cm-col-md-8{width:13.33333%}
  397. .cm-col-md-9{width:15%}
  398. .cm-col-md-10{width:16.66667%}
  399. .cm-col-md-11{width:18.33333%}
  400. .cm-col-md-12{width:20%}
  401. .cm-col-md-13{width:21.66667%}
  402. .cm-col-md-14{width:23.33333%}
  403. .cm-col-md-15{width:25%}
  404. .cm-col-md-16{width:26.66667%}
  405. .cm-col-md-17{width:28.33333%}
  406. .cm-col-md-18{width:30%}
  407. .cm-col-md-19{width:31.66667%}
  408. .cm-col-md-20{width:33.33333%}
  409. .cm-col-md-21{width:35%}
  410. .cm-col-md-22{width:36.66667%}
  411. .cm-col-md-23{width:38.33333%}
  412. .cm-col-md-24{width:40%}
  413. .cm-col-md-25{width:41.66667%}
  414. .cm-col-md-26{width:43.33333%}
  415. .cm-col-md-27{width:45%}
  416. .cm-col-md-28{width:46.66667%}
  417. .cm-col-md-29{width:48.33333%}
  418. .cm-col-md-30{width:50%}
  419. .cm-col-md-31{width:51.66667%}
  420. .cm-col-md-32{width:53.33333%}
  421. .cm-col-md-33{width:55%}
  422. .cm-col-md-34{width:56.66667%}
  423. .cm-col-md-35{width:58.33333%}
  424. .cm-col-md-36{width:60%}
  425. .cm-col-md-37{width:61.66667%}
  426. .cm-col-md-38{width:63.33333%}
  427. .cm-col-md-39{width:65%}
  428. .cm-col-md-40{width:66.66667%}
  429. .cm-col-md-41{width:68.33333%}
  430. .cm-col-md-42{width:70%}
  431. .cm-col-md-43{width:71.66667%}
  432. .cm-col-md-44{width:73.33333%}
  433. .cm-col-md-45{width:75%}
  434. .cm-col-md-46{width:76.66667%}
  435. .cm-col-md-47{width:78.33333%}
  436. .cm-col-md-48{width:80%}
  437. .cm-col-md-49{width:81.66667%}
  438. .cm-col-md-50{width:83.33333%}
  439. .cm-col-md-51{width:85%}
  440. .cm-col-md-52{width:86.66667%}
  441. .cm-col-md-53{width:88.33333%}
  442. .cm-col-md-54{width:90%}
  443. .cm-col-md-55{width:91.66667%}
  444. .cm-col-md-56{width:93.33333%}
  445. .cm-col-md-57{width:95%}
  446. .cm-col-md-58{width:96.66667%}
  447. .cm-col-md-59{width:98.33333%}
  448. .cm-col-md-60{width:100%}
  449. .cm-m-a-1{margin:2px}
  450. .cm-p-a-1{padding:2px}
  451. .cm-m-t-1{margin-top:2px}
  452. .cm-p-t-1{padding-top:2px}
  453. .cm-m-b-1{margin-bottom:2px}
  454. .cm-p-b-1{padding-bottom:2px}
  455. .cm-m-l-1{margin-left:2px}
  456. .cm-p-l-1{padding-left:2px}
  457. .cm-m-r-1{margin-right:2px}
  458. .cm-p-r-1{padding-right:2px}
  459. .cm-m-a-2{margin:4px}
  460. .cm-p-a-2{padding:4px}
  461. .cm-m-t-2{margin-top:4px}
  462. .cm-p-t-2{padding-top:4px}
  463. .cm-m-b-2{margin-bottom:4px}
  464. .cm-p-b-2{padding-bottom:4px}
  465. .cm-m-l-2{margin-left:4px}
  466. .cm-p-l-2{padding-left:4px}
  467. .cm-m-r-2{margin-right:4px}
  468. .cm-p-r-2{padding-right:4px}
  469. .cm-m-a-3{margin:6px}
  470. .cm-p-a-3{padding:6px}
  471. .cm-m-t-3{margin-top:6px}
  472. .cm-p-t-3{padding-top:6px}
  473. .cm-m-b-3{margin-bottom:6px}
  474. .cm-p-b-3{padding-bottom:6px}
  475. .cm-m-l-3{margin-left:6px}
  476. .cm-p-l-3{padding-left:6px}
  477. .cm-m-r-3{margin-right:6px}
  478. .cm-p-r-3{padding-right:6px}
  479. .cm-m-a-4{margin:8px}
  480. .cm-p-a-4{padding:8px}
  481. .cm-m-t-4{margin-top:8px}
  482. .cm-p-t-4{padding-top:8px}
  483. .cm-m-b-4{margin-bottom:8px}
  484. .cm-p-b-4{padding-bottom:8px}
  485. .cm-m-l-4{margin-left:8px}
  486. .cm-p-l-4{padding-left:8px}
  487. .cm-m-r-4{margin-right:8px}
  488. .cm-p-r-4{padding-right:8px}
  489. .cm-m-a-5{margin:10px}
  490. .cm-p-a-5{padding:10px}
  491. .cm-m-t-5{margin-top:10px}
  492. .cm-p-t-5{padding-top:10px}
  493. .cm-m-b-5{margin-bottom:10px}
  494. .cm-p-b-5{padding-bottom:10px}
  495. .cm-m-l-5{margin-left:10px}
  496. .cm-p-l-5{padding-left:10px}
  497. .cm-m-r-5{margin-right:10px}
  498. .cm-p-r-5{padding-right:10px}
  499. .cm-m-a-6{margin:12px}
  500. .cm-p-a-6{padding:12px}
  501. .cm-m-t-6{margin-top:12px}
  502. .cm-p-t-6{padding-top:12px}
  503. .cm-m-b-6{margin-bottom:12px}
  504. .cm-p-b-6{padding-bottom:12px}
  505. .cm-m-l-6{margin-left:12px}
  506. .cm-p-l-6{padding-left:12px}
  507. .cm-m-r-6{margin-right:12px}
  508. .cm-p-r-6{padding-right:12px}
  509. .cm-m-a-7{margin:14px}
  510. .cm-p-a-7{padding:14px}
  511. .cm-m-t-7{margin-top:14px}
  512. .cm-p-t-7{padding-top:14px}
  513. .cm-m-b-7{margin-bottom:14px}
  514. .cm-p-b-7{padding-bottom:14px}
  515. .cm-m-l-7{margin-left:14px}
  516. .cm-p-l-7{padding-left:14px}
  517. .cm-m-r-7{margin-right:14px}
  518. .cm-p-r-7{padding-right:14px}
  519. .cm-m-a-8{margin:16px}
  520. .cm-p-a-8{padding:16px}
  521. .cm-m-t-8{margin-top:16px}
  522. .cm-p-t-8{padding-top:16px}
  523. .cm-m-b-8{margin-bottom:16px}
  524. .cm-p-b-8{padding-bottom:16px}
  525. .cm-m-l-8{margin-left:16px}
  526. .cm-p-l-8{padding-left:16px}
  527. .cm-m-r-8{margin-right:16px}
  528. .cm-p-r-8{padding-right:16px}
  529. .cm-m-a-9{margin:18px}
  530. .cm-p-a-9{padding:18px}
  531. .cm-m-t-9{margin-top:18px}
  532. .cm-p-t-9{padding-top:18px}
  533. .cm-m-b-9{margin-bottom:18px}
  534. .cm-p-b-9{padding-bottom:18px}
  535. .cm-m-l-9{margin-left:18px}
  536. .cm-p-l-9{padding-left:18px}
  537. .cm-m-r-9{margin-right:18px}
  538. .cm-p-r-9{padding-right:18px}
  539. .cm-m-a-10{margin:20px}
  540. .cm-p-a-10{padding:20px}
  541. .cm-m-t-10{margin-top:20px}
  542. .cm-p-t-10{padding-top:20px}
  543. .cm-m-b-10{margin-bottom:20px}
  544. .cm-p-b-10{padding-bottom:20px}
  545. .cm-m-l-10{margin-left:20px}
  546. .cm-p-l-10{padding-left:20px}
  547. .cm-m-r-10{margin-right:20px}
  548. .cm-p-r-10{padding-right:20px}
  549. .cm-m-a-11{margin:22px}
  550. .cm-p-a-11{padding:22px}
  551. .cm-m-t-11{margin-top:22px}
  552. .cm-p-t-11{padding-top:22px}
  553. .cm-m-b-11{margin-bottom:22px}
  554. .cm-p-b-11{padding-bottom:22px}
  555. .cm-m-l-11{margin-left:22px}
  556. .cm-p-l-11{padding-left:22px}
  557. .cm-m-r-11{margin-right:22px}
  558. .cm-p-r-11{padding-right:22px}
  559. .cm-m-a-12{margin:24px}
  560. .cm-p-a-12{padding:24px}
  561. .cm-m-t-12{margin-top:24px}
  562. .cm-p-t-12{padding-top:24px}
  563. .cm-m-b-12{margin-bottom:24px}
  564. .cm-p-b-12{padding-bottom:24px}
  565. .cm-m-l-12{margin-left:24px}
  566. .cm-p-l-12{padding-left:24px}
  567. .cm-m-r-12{margin-right:24px}
  568. .cm-p-r-12{padding-right:24px}
  569. .cm-m-a-13{margin:26px}
  570. .cm-p-a-13{padding:26px}
  571. .cm-m-t-13{margin-top:26px}
  572. .cm-p-t-13{padding-top:26px}
  573. .cm-m-b-13{margin-bottom:26px}
  574. .cm-p-b-13{padding-bottom:26px}
  575. .cm-m-l-13{margin-left:26px}
  576. .cm-p-l-13{padding-left:26px}
  577. .cm-m-r-13{margin-right:26px}
  578. .cm-p-r-13{padding-right:26px}
  579. .cm-m-a-14{margin:28px}
  580. .cm-p-a-14{padding:28px}
  581. .cm-m-t-14{margin-top:28px}
  582. .cm-p-t-14{padding-top:28px}
  583. .cm-m-b-14{margin-bottom:28px}
  584. .cm-p-b-14{padding-bottom:28px}
  585. .cm-m-l-14{margin-left:28px}
  586. .cm-p-l-14{padding-left:28px}
  587. .cm-m-r-14{margin-right:28px}
  588. .cm-p-r-14{padding-right:28px}
  589. .cm-m-a-15{margin:30px}
  590. .cm-p-a-15{padding:30px}
  591. .cm-m-t-15{margin-top:30px}
  592. .cm-p-t-15{padding-top:30px}
  593. .cm-m-b-15{margin-bottom:30px}
  594. .cm-p-b-15{padding-bottom:30px}
  595. .cm-m-l-15{margin-left:30px}
  596. .cm-p-l-15{padding-left:30px}
  597. .cm-m-r-15{margin-right:30px}
  598. .cm-p-r-15{padding-right:30px}
  599. .cm-m-a-16{margin:32px}
  600. .cm-p-a-16{padding:32px}
  601. .cm-m-t-16{margin-top:32px}
  602. .cm-p-t-16{padding-top:32px}
  603. .cm-m-b-16{margin-bottom:32px}
  604. .cm-p-b-16{padding-bottom:32px}
  605. .cm-m-l-16{margin-left:32px}
  606. .cm-p-l-16{padding-left:32px}
  607. .cm-m-r-16{margin-right:32px}
  608. .cm-p-r-16{padding-right:32px}
  609. .cm-m-a-17{margin:34px}
  610. .cm-p-a-17{padding:34px}
  611. .cm-m-t-17{margin-top:34px}
  612. .cm-p-t-17{padding-top:34px}
  613. .cm-m-b-17{margin-bottom:34px}
  614. .cm-p-b-17{padding-bottom:34px}
  615. .cm-m-l-17{margin-left:34px}
  616. .cm-p-l-17{padding-left:34px}
  617. .cm-m-r-17{margin-right:34px}
  618. .cm-p-r-17{padding-right:34px}
  619. .cm-m-a-18{margin:36px}
  620. .cm-p-a-18{padding:36px}
  621. .cm-m-t-18{margin-top:36px}
  622. .cm-p-t-18{padding-top:36px}
  623. .cm-m-b-18{margin-bottom:36px}
  624. .cm-p-b-18{padding-bottom:36px}
  625. .cm-m-l-18{margin-left:36px}
  626. .cm-p-l-18{padding-left:36px}
  627. .cm-m-r-18{margin-right:36px}
  628. .cm-p-r-18{padding-right:36px}
  629. .cm-m-a-19{margin:38px}
  630. .cm-p-a-19{padding:38px}
  631. .cm-m-t-19{margin-top:38px}
  632. .cm-p-t-19{padding-top:38px}
  633. .cm-m-b-19{margin-bottom:38px}
  634. .cm-p-b-19{padding-bottom:38px}
  635. .cm-m-l-19{margin-left:38px}
  636. .cm-p-l-19{padding-left:38px}
  637. .cm-m-r-19{margin-right:38px}
  638. .cm-p-r-19{padding-right:38px}
  639. .cm-m-a-20{margin:40px}
  640. .cm-p-a-20{padding:40px}
  641. .cm-m-t-20{margin-top:40px}
  642. .cm-p-t-20{padding-top:40px}
  643. .cm-m-b-20{margin-bottom:40px}
  644. .cm-p-b-20{padding-bottom:40px}
  645. .cm-m-l-20{margin-left:40px}
  646. .cm-p-l-20{padding-left:40px}
  647. .cm-m-r-20{margin-right:40px}
  648. .cm-p-r-20{padding-right:40px}
  649. .p-icon{display:inline-block;width:80px;height:24px;vertical-align:middle}
  650. .p-icon::before{content:'';display:inline-block;width:80px;height:24px;background:url(/img/activity/icon.png) no-repeat;background-position-x:0px}
  651. .p-icon.i1::before{background-position-y:-714px}
  652. .p-icon.i2::before{background-position-y:-744px}
  653. .p-icon.i3::before{background-position-y:-774px}
  654. .p-icon.i4::before{background-position-y:-804px}
  655. .p-icon.i5::before{background-position-y:-834px}
  656. .cm-container{width:960px;padding-left:8px;padding-right:8px}
  657. .cm-container .cm-row{margin-left:-8px;margin-right:-8px}
  658. .cm-floor{padding:10px 0}
  659. .cm-p-a{padding:8px}
  660. .cm-m-a{padding:8px}
  661. .cm-floor-title .cm-title{font-size:24px;color:#4a4f58;line-height:30px;font-weight:700;padding-top:4px;padding-bottom:4px}
  662. .cm-floor-title .cm-subtitle{font-size:14px;color:#93979f;padding-top:4px;padding-bottom:4px}
  663. .cm-article-item{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
  664. .cm-article-item .cm-article-title{font-size:18px;color:#4a4f58;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}
  665. .cm-article-item .cm-article-title.has-border{border-left:2px solid #fff}
  666. .cm-article-item .cm-article-desc{font-size:14px;color:#93979f;line-height:2em;text-align:justify;word-break: break-all;}
  667. .cm-article-item .cm-article-desc.h56{height:56px}
  668. .cm-article-item .cm-article-cover.cover-168-168{width:168px;height:168px}
  669. .cm-article-item:hover .cm-article-title{color:#ff5c00}
  670. .cm-article-item:hover .cm-article-title.has-border{border-color:#ff5c00}
  671. .cm-article-item.h200{height:200px}
  672. .cm-article-item .cm-line{height:1px;background-color:#f0f0f0}
  673. .cm-article-item .cm-line::before{content:'';display:block;height:2px;width:16px;background-color:#ff5c00}
  674. .cm-product-item .cm-product-title{font-size:14px;color:#4a4f58;line-height:20px;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}
  675. .cm-product-item .cm-prodcut-price .price-tag .tag{display:inline-block;height:20px;line-height:20px;border:1px solid #ffe6dc;border-radius:2px;font-size:12px;color:#FF5B00;cursor:pointer;background:#fff;padding:0 4px;position:relative;font-style:normal}
  676. .cm-product-item .h20{height:20px}
  677. .cm-product-item .h24{height:24px}
  678. .cm-product-item .h44{height:44px}
  679. .swiper-container{padding-bottom:30px}
  680. .swiper-container.no-bottom{padding-bottom:0 !important}
  681. .cm-cover-tag{width:72px;height:32px;font-size:16px;line-height:32px;border-radius:4px}
  682. .cm-tabs .cm-tab{font-size:16px;width:60px;height:30px;line-height:30px;text-align:center}
  683. .hover-class{-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}
  684. .hover-class:hover{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);box-shadow:0 0 15px rgba(0,0,0,0.2)}
  685. .has-player{position:absolute;top:0;left:0;width:100%;height:100%;}
  686. .has-player::before{content:'';cursor: pointer;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40px;height:40px;background:url(/img/activity/pc-palyer.png) no-repeat center center;background-size: 40px 40px; }
  687. .cm-btn-box{text-align:center}
  688. .cm-btn-box .cm-toggle-btn{width:98px;height:32px;border:1px solid #ccc;color:#909090;display:inline-block;text-align:center;line-height:32px;font-size:14px;cursor:pointer;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}
  689. .cm-btn-box .cm-toggle-btn::after{content:'';display:inline-block;width:20px;height:16px;margin-right:2px;vertical-align:middle;background:url(/img/activity/icon.png) no-repeat;background-position-y:-2px}
  690. .cm-btn-box .cm-toggle-btn.down::after{background-position-x:-90px}
  691. .cm-btn-box .cm-toggle-btn.up::after{background-position-x:-119px}
  692. .cm-btn-box .cm-toggle-btn:hover{color:#ff5c00;border-color:#ff5c00}
  693. .cm-btn-box .cm-toggle-btn:hover.down::after{background-position-x:-150px}
  694. .cm-btn-box .cm-toggle-btn:hover.up::after{background-position-x:-180px}
  695. .cm-float-container{position:fixed;z-index:999;bottom:12%;right:15px}
  696. .cm-float-container .cm-regexp{display: flex;justify-content: center;align-items: center;text-align: center; background: #fff;font-size: 14px;color: #666;line-height: 1.4}
  697. .cm-float-container .cm-regexp:hover{ color: #fff; background:#ff5c00 }
  698. .cm-float-container .cm-regexp,.cm-float-container .cm-slide{position:relative;width:64px;height:64px;margin:6px 0;border-radius:6px;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;cursor:pointer}
  699. .cm-float-container .cm-slide .cm-toggle-btn{top:0;right:0;position:absolute;width:100%;height:100%}
  700. .cm-float-container .cm-slide:hover .cm-tooltop{display:block}
  701. .cm-float-container .cm-slide:hover .cm-toggle-btn{width:150%}
  702. .cm-float-container .cm-slide:nth-child(1){height:70px;background:url(https://static.caimei365.com/app/img/icon2/cm_entry_icon.png) no-repeat center;background-size:64px}
  703. .cm-float-container .cm-slide:nth-child(2){background:#fff url(/img/activity/pc_01.png) no-repeat center}
  704. .cm-float-container .cm-slide:nth-child(2):hover{background:#ff5c00 url(/img/activity/pc_a1.png) no-repeat center}
  705. .cm-float-container .cm-slide:nth-child(3){background:#fff url(/img/activity/pc_02.png) no-repeat center}
  706. .cm-float-container .cm-slide:nth-child(3):hover{background:#ff5c00 url(/img/activity/pc_a2.png) no-repeat center}
  707. .cm-float-container .cm-tooltop{position:absolute;padding:15px;background:#ff5c00;top:0;right:80px;border-radius:6px;display: none}
  708. .cm-float-container .cm-tooltop::after{position:absolute;content:'';width:15px;height:15px;-webkit-transform:rotateZ(45deg);-ms-transform:rotate(45deg);transform:rotateZ(45deg);background:#ff5c00;right:-7px;top:15px}
  709. .cm-float-container .cm-tooltop .cm-tooltop-content{font-size:14px;color:#fff}
  710. .cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-1{width:190px}
  711. .cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-1 i{display:block;border-top:1px solid #f1f1f1}
  712. .cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-1 .cm-item{padding:8px 0}
  713. .cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-2{width:262px}
  714. .cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-2 .line{height:72px;margin:15px 15px 0;width:1px;background:#f1f1f1}
  715. .cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-2 img{display:block}
  716. .cm-float-container .cm-tooltop .cm-tooltop-content.cm-tooltop-2 span{text-align:center;display:block;margin-top:8px}
  717. .cm-footer{padding:25px 0 12px;background-color:#4a4f58;text-align:center;color:#fff;font-size:12px;overflow:hidden}
  718. .cm-entry{z-index:9999;position:fixed;top:0;width:100vw;height:100vh;background:rgba(0,0,0,0.6)}
  719. .cm-entry .cm-icon-content{width: 400px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
  720. .cm-entry .cm-icon-content img{display: block; width: 100%;}
  721. .cm-entry .cm-icon-content .cm-close{cursor:pointer;position:absolute;width:32px;height:32px;right:20px;top:-40px;background:url(/img/activity/pc_close.png) no-repeat center center}
  722. .cm-entry .cm-icon-content .btn{display: block;width: 60px;height: 60px;background: #666;position: absolute;right: 40px;z-index: 999;cursor: pointer;opacity: 0;}
  723. .cm-entry .cm-icon-content .btn1{top: 122px;}
  724. .cm-entry .cm-icon-content .btn2{top: 250px;}
  725. .banner-container{display: flex;justify-content: center; height:480px;background:pink;width: 100%;overflow: hidden;}
  726. .banner-container .banner{ height: 480px;}
  727. .banner-container .banner img{display: block;min-width: 1920px}
  728. .cm-to-top{width:64px;height:64px;position:fixed;z-index:999;bottom:5%;right:15px;border-radius:6px;text-align:center;background:#fff;cursor:pointer;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}
  729. .cm-to-top .cm-icon-bar{display:block;margin:0 auto;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}
  730. .cm-to-top .cm-icon-bar:nth-child(1){width:28px;height:4px;background:#999999;margin-top:20px}
  731. .cm-to-top .cm-icon-bar:nth-child(2){width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:10px solid #999999}
  732. .cm-to-top .cm-icon-bar:nth-child(3){width:10px;height:10px;background:#999999}
  733. .cm-to-top:hover{background:#ff5c00}
  734. .cm-to-top:hover .cm-icon-bar:nth-child(1),.cm-to-top:hover .cm-icon-bar:nth-child(3){background:#fff !important}
  735. .cm-to-top:hover .cm-icon-bar:nth-child(2){border-bottom-color:#fff}
  736. }
  737. @media (min-width:1200px){
  738. .cm-container{width:1140px}
  739. }
  740. .cm-tags{white-space:nowrap}
  741. .cm-tags .cm-tag{display:inline-block;padding:1px 4px;font-size:12px;border:1px solid #999;border-radius:2px}
  742. .cm-tags .cm-tag.color1{border-color:#aaa;background-color:#fff;color:#888}
  743. .cm-tags .cm-tag.color2{border-color:#f94b4b;background-color:#fff1eb;color:#f94b4b}
  744. .cm-tags .cm-tag.color3{border-color:rgba(225,86,22,0.24);background-color:#fff;color:#FF5B00}
  745. .cm-meibohui-tag{font-size:12px;display:inline-block;padding:2px 4px;text-align:center;color:#ffffff !important;background-image:-webkit-gradient(linear,right top,left top,from(#f9c023),to(#f83600));background-image:-o-linear-gradient(right,#f9c023 0%,#f83600 100%);background-image:linear-gradient(270deg,#f9c023 0%,#f83600 100%);border-radius:0px 10px 0px 0px}
  746. .cm-swiper .cm-swiper-button-prev,.cm-swiper .cm-swiper-button-next{visibility:hidden;width:44px;height:100px;background:rgba(102,102,102,0.74) no-repeat center;z-index:20;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;border-radius:6px;opacity:0;-webkit-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s;background-size:30px !important}
  747. .cm-swiper .cm-swiper-button-prev{background-image:url(/img/activity/prev-icon.png);left:-60px}
  748. .cm-swiper .cm-swiper-button-next{background-image:url(/img/activity/next-icon.png);right:-60px}
  749. .cm-swiper:hover .cm-swiper-button-prev,.cm-swiper:hover .cm-swiper-button-next{opacity:1;visibility:visible}
  750. .swiper-container .swiper-pagination-bullet-active{width:28px !important;background:#ff5c00}
  751. .swiper-container .swiper-pagination-bullet{width:14px;height:4px;display:inline-block;border-radius:2px}
  752. .cm-scroll-container{overflow-x:scroll;overflow-y:hidden;white-space:nowrap}
  753. .cm-scroll-container .cm-scroll-item{max-width:41vw;display:inline-block;margin-right:2vw}
  754. .cm-scroll-container .cm-scroll-item:last-child{margin-right:0}
  755. .cm-cover-tag{display:block;background:#000;text-align:center;color:#fff}
  756. .cm-cover-tag.color1{background:rgba(0,0,0,0.5)}
  757. .cm-cover-tag.color2{background:#1ece70}
  758. .cm-cover-tag.color3{background:#ff5c00}
  759. .cm-tabs{text-align:right}
  760. .cm-tabs .cm-tab-content{display:inline-block;overflow:hidden;border-radius:4px}
  761. .cm-tabs .cm-tab{position:relative;display:inline-block;color:#4a4f58;cursor:pointer;background:#fff}
  762. .cm-tabs .cm-tab.on{color:#fff;background-color:#ff5c00}
  763. .cm-loading{z-index:99999;width:100vw;height:100vh;position:fixed;top:0;background:#fff}
  764. .cm-prodcut-price .red { color: #f94b4b;}
  765. @media screen and (min-width: 768px) {
  766. .video-popup{position: fixed;width: 100vw;height: 100vh;top: 0; left: 0;background: rgba(0,0,0,0.8);z-index: 99999}
  767. /*.video-popup .mask{width: 100vw;height: 100vh;background: #333333;}*/
  768. .video-popup .content{width: 944px;height: 642px; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
  769. .video-popup .content video{width: 100%;height: 100%;display: block;}
  770. .video-popup .close {position: absolute;right: 30px;top: 30px; width: 36px;height: 36px;background: url(/img/activity/pc_close.png);background-size: 36px;cursor: pointer;}
  771. }
  772. @media screen and (max-width: 768px) {
  773. .video-popup{position: fixed;width: 100vw;height: 100vh;top: 0; left: 0;background: #333;z-index: 99999}
  774. /*.video-popup .mask{width: 100vw;height: 100vh;background: #333333;}*/
  775. .video-popup .content{width: 100%;height: 100%;position: absolute;left: 0; top: 0;}
  776. .video-popup .content video{width: 100%;height: 100%;display: block;}
  777. .video-popup .close {position: absolute;right: 3.6vw;top: 3.6vw; z-index: 1; width: 7.2vw;height: 7.2vw;background: url(/img/activity/pc_close.png);background-size: 7.2vw;cursor: pointer;}
  778. }