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

932 lines
25 KiB

7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
  1. html, body{font-size:100%;font-family:Helvetica,STHeiti-Light,'Hiragino Sans GB','Microsoft Yahei',Arial;overflow-x:hidden;color:#232326;}i,em{font-style: normal;}
  2. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
  3. ol, ul{list-style:none;}dl,ul{zoom:1;}.mb10{margin-bottom:10px;}.mt10{margin-top:10px;}img{border:none;border:0;margin:0;padding:0;vertical-align:middle;}
  4. a{color:#333;text-decoration:none}.cse a,.cses{color:#008000;}.ofh{overflow:hidden}
  5. .fl,.mfl{float:left;}.fr,.mfr{float:right;}.m-auto{margin:0 auto;}.cl{clear:both;}.bggrey{background-color:#f1f1f1;padding:10px 0;}
  6. .red{color:#e23435;}
  7. .table-cell{display:table;width:100%;}
  8. .box{margin-left:10px;margin-right:10px;overflow:hidden;}
  9. .foohi{height:52px;}
  10. .footer{left:0px;bottom:0px;width:100%;position:fixed;border-top:1px solid #efefef;background:#fff;}
  11. .footer li{width:25%;float:left;padding:5px 0px;text-align:center;}
  12. .footer li img{height:24px;}
  13. .footer li p{color:#666;font-size:14px;line-height:16px;}
  14. .footer .on p{color:#dd2727;}
  15. .search{background:linear-gradient(rgba(242,48,48,0.8),rgba(242,48,48,0.8));
  16. padding:6px 8%;
  17. overflow:hidden;
  18. -webkit-transition:-webkit-transform 3s,opacity 4s,background 10s;
  19. }
  20. .search_box{
  21. height:30px;
  22. padding-left:38px;
  23. padding-right:15px;
  24. position:relative;
  25. border-radius:15px;
  26. background-color:#fff;
  27. }
  28. .search_btn{
  29. top:0px;
  30. left:8px;
  31. width:30px;
  32. height:30px;
  33. position:absolute;
  34. }
  35. .search_btn img{
  36. width:20px;
  37. height:20px;margin-top:6px;
  38. }
  39. .search_box input{
  40. color:#666666;
  41. width:100%;
  42. height:30px;
  43. line-height:28px;border:none;
  44. background:none;
  45. }
  46. .floor{overflow:hidden;}
  47. .home_menu nav{margin:10px 0;overflow:hidden}
  48. .home_menu nav a{display:block;float:left;width:25%;text-align:center;margin:8px 0}
  49. .home_menu nav a span{vertical-align:sub;font-size:14px;display:block;}
  50. .home_menu nav a img{width:45px;height:45px;}
  51. .home_toutiao{padding:8px 0px 8px;overflow:hidden;position:relative;background-color:#fff;}
  52. .home_toutiao_tit{top:1px;left:0px;height:45px;position:absolute;}
  53. .home_toutiao_tit img{height:45px;}
  54. .home_toutiao_box{margin-left:70px;padding-left:12px;padding-right:10px;border-left:1px solid #e5e5e5;}
  55. .home_toutiao_box li{color:#424242;font-size:14px;padding-left:12px;background:url(../../images/weixin/dot_icon.png) no-repeat left center;background-size:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  56. .banner_tit img{width:100%;}
  57. .goods_list{overflow:hidden;background-color:#f1f1f1;}.goods_list .goods_info{padding:5px 10px 5px 10px;}
  58. .goods_list li{margin-bottom:4px;width:50%;float:left;overflow:hidden;}
  59. .goods_list li a{display:block;font-size:0.875em;margin-right:2px;background-color:#fff;}.goods_list .goods_tit{overflow:hidden;white-space:nowrap;color:#000}
  60. .goods_list li img{width:100%;height:48vw;}.goods_list li .goods_price{color:#f23030;}.goods_list li .goods_price b{font-size:1rem;font-weight:normal;}
  61. .goods_list li:nth-child(even) a{margin-right:0;margin-left:2px;}
  62. .goods_list_small{overflow:hidden;background-color:#f1f1f1;margin-left:10px;}.goods_list_small .goods_info{padding:5px 10px 5px 10px;}
  63. .goods_list_small li{margin-bottom:4px;width:50%;float:left;overflow:hidden;}
  64. .goods_list_small li a{display:block;font-size:0.875em;margin-right:2px;background-color:#fff;}.goods_list_small .goods_tit{overflow:hidden;white-space:nowrap;color:#000}
  65. .goods_list_small li img{width:100%;height:auto;}.goods_list_small li .goods_price{color:#f23030;}.goods_list_small li .goods_price b{font-size:1rem;font-weight:normal;}
  66. .goods_list_small li:nth-child(even) a{margin-right:0;margin-left:2px;}
  67. .goods_list_s li{color:#333;border-bottom:1px solid #eee;overflow:hidden;margin-left:10px;margin-right:10px;padding:15px 5px 15px 5px;}
  68. .goods_list_s li .btn{color:#333;display:block;font-size:1rem;cursor:pointer;}.goods_list_s a:last-child li{border-bottom:0}
  69. .goods_list_s .goods_thumb{width:100px;height:100px;float:left;margin-right:10px;display:block;}.goods_list_s .goods_thumb img{width:100px;height:100px;border:none;}
  70. .goods_list_s .goods_tit{line-height:24px;overflow:hidden;}
  71. .goods_list_s .goods_price{color:#f23030;}.goods_list_s .goods_price b{font-size:1rem;font-weight:normal;}
  72. .goods_list_s .goods_des{color:#999999;font-size:0.875rem;}
  73. .goods_list_s .buy{border:1px solid #f23030;border-radius:2px;padding:0 3px;color:#fff;background-color:#f23030;}
  74. .classreturn{background-color:#f8f8f8;border-bottom:1px solid #dedede;position:relative;text-align:center;line-height:50px;padding:0 10px;}
  75. .classreturn .return{position:absolute;left:15px}
  76. .classreturn .return a{overflow:hidden;display:block}
  77. .classreturn .return a img{width:12px;height:22px}
  78. .classreturn .tit{font-size:1.125rem;}
  79. .classreturn .tit .sear-input{width:12.544rem;height:1.23733rem}
  80. .classreturn .tit .sear-input a{display:block}
  81. .classreturn .tit .sear-input input{border:0;width:100%;height:1.23733rem;color:#666666;outline:none;padding:0 .21333rem;font-size:.59733rem;display:inherit}
  82. .classreturn .nav_menu{position:absolute;right:15px}
  83. .classreturn .nav_menu a{display:block;color:#999;}
  84. .classreturn .nav_menu img{width:20px}
  85. .ds-in-bl{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline}
  86. .tpnavf{display:none;}
  87. .tpnavf .nav_list{-moz-box-shadow:0 0 0 0 rgba(255,255,255,0);-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0);border-bottom:1px solid #f0f2f5;background-color:#404042;}
  88. .tpnavf .nav_list li{width:25%;float:left;padding:5px 0px;text-align:center;}
  89. .tpnavf .nav_list li img{height:24px;}
  90. .tpnavf .nav_list li p{color:#fff;font-size:14px;line-height:16px;margin-top:2px;}
  91. .search_pl form{
  92. position:relative;
  93. margin:15px;
  94. }
  95. .search_pl input{
  96. width:70%;
  97. height:50px;
  98. padding-left:15px;
  99. border:1px solid #DEDEDE;
  100. color:#666;
  101. font-size:1.125rem;float:left;
  102. }
  103. .search_pl a{
  104. height:52px;
  105. width:20%;
  106. cursor:pointer;
  107. background-color:#f23030;
  108. text-align:center;
  109. display:block;float:left;line-height:52px;
  110. }
  111. .search_pl a img{
  112. height:30px;
  113. width:30px;
  114. }
  115. .tit_18{font-size:18px;}
  116. .hot_keyword_box{margin:15px;}
  117. .hot_keyword a{display:inline-block;border:1px solid #e0e0e0;padding:0 10px;font-size:1.125rem;font-weight:normal;color:#555555;margin:0 10px 10px 0;line-height:36px;}
  118. .classlist{
  119. background-color:#f1f1f1;
  120. overflow:hidden
  121. }
  122. .classlist .fl{
  123. width:25%;
  124. background-color:#fff
  125. }
  126. .classlist .fl ul li{
  127. line-height:50px;
  128. height:50px;
  129. width:100%;text-align:center;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;
  130. }
  131. .classlist .fl ul li a{
  132. display:block;
  133. width:100%;
  134. text-decoration:none;
  135. font-size:1.125rem;
  136. color:#232326;
  137. overflow:hidden;
  138. text-overflow:ellipsis;
  139. white-space:nowrap
  140. }
  141. .classlist .fl .on a{
  142. color:#ee5b03
  143. }
  144. .classlist .fr{
  145. width:75%
  146. }
  147. .classlist .fr .branchList .tp-bann img{
  148. width:100%
  149. }
  150. .classlist .fr .branchList .tp-class-list h4{
  151. font-size:18px;
  152. color:#232326;
  153. margin-top:10px;
  154. font-weight:normal;
  155. }
  156. .classlist .fr .branchList .tp-class-list ul{
  157. margin-top:8px;
  158. background-color:#fff
  159. }
  160. .classlist .fr .branchList .tp-class-list ul li{
  161. float:left;
  162. width:33%;
  163. text-align:center
  164. }
  165. .classlist .fr .branchList .tp-class-list ul li a{
  166. display:block
  167. }
  168. .classlist .fr .branchList .tp-class-list ul li a img{
  169. width:44px;
  170. height:44px
  171. }
  172. .classlist .fr .branchList .tp-class-list ul li a p{
  173. font-size:14px;
  174. overflow:hidden;
  175. text-overflow:ellipsis;
  176. width:100%;
  177. -webkit-line-clamp:2;
  178. line-clamp:2;
  179. height:16px;
  180. -webkit-box-orient:vertical;
  181. word-break:break-all;
  182. display:-webkit-box;
  183. display:-moz-box;
  184. display:-ms-box;
  185. display:-o-box;
  186. margin:5px 0
  187. }
  188. .tp-bann{margin:10px}
  189. .tp-class-list{margin:10px;}
  190. .tp-category{padding:10px;overflow:hidden}
  191. .storenav{background-color:#fff;border-bottom:1px solid #f1f1f1;}
  192. .storenav ul li{display:table-cell;color:#666;font-size:1rem;position:relative;text-align:center;height:46px;line-height:46px;}
  193. .storenav ul li>a{color:#666;font-size:1rem;}
  194. .storenav ul li>a>span{color:#666}
  195. .storenav ul li span{padding-right:5px;cursor:pointer}
  196. .storenav ul li i{position:absolute;background-image:url("../../images/weixin/dg.png");background-repeat:no-repeat;background-size:cover;width:12px;height:6px;top:20px;}
  197. .storenav ul .red span{color:red}
  198. .storenav ul .red i{background-image:url("../../images/weixin/d.png");background-repeat:no-repeat;background-size:cover;}
  199. .storenav ul li .pr{background-image:url(../../images/weixin/sxjt.png);background-repeat:no-repeat;background-size:cover;background-size:34px;height:15px;top:16px;background-position-x:0;}
  200. .storenav ul li .bpr1{background-position-x:-11px;}
  201. .storenav ul li .bpr2{background-position-x:-22px;}
  202. .storenav ul li .fitter{background-image:url(../../images/weixin/xx.png);background-repeat:no-repeat;background-size:cover;width:14px;height:15px;top:16px;}
  203. .nonenothing{width:75%;margin:50px auto 0 auto;text-align:center;}
  204. .nonenothing img{width:100px;height:150px;}
  205. .nonenothing p{font-size:18px;color:#9b9b9b;padding:30px 0;}
  206. .nonenothing a{display:block;font-size:18px;padding:8px 10px;color:white;background-color:#f23030;}
  207. .banner_headline{height:30px;overflow:hidden;background-color:#f1f1f1;padding-bottom:20px;}
  208. .banner_headline .tit{border-top:1px dashed #dedede;text-align:center;margin:25px 0;}
  209. .banner_headline .tit h4{color:#666666;background-color:#f1f1f1;font-size:18px;font-weight:normal;position:relative;top:-14px;display:inline;padding:0 20px;}
  210. .radio .check_t i{background-position:-29px 0;}
  211. .radio i{width:22px;height:22px;display: block;float: left;background-image: url("../../images/weixin/check.png");background-repeat: no-repeat;background-size: cover;background-position: 0}
  212. .signup-find span,.radio span {font-size:24px;cursor: pointer}
  213. .sc_list {
  214. padding:10px;
  215. overflow: hidden;
  216. border-bottom: 1px solid #f8f8f8
  217. }
  218. .sc_list .radio-img{
  219. width:120px;
  220. height:80px;
  221. float: left;
  222. margin-right:5px;
  223. display: block;
  224. }
  225. .sc_list .radio {
  226. padding-top:24px;
  227. margin-right:10px;
  228. }
  229. .sc_list .shopimg img {
  230. width:80px;
  231. height:80px;
  232. }
  233. .sc_list .deleshow .deletes {
  234. position: relative;
  235. }
  236. .sc_list .deleshow .deletes .tit{
  237. padding-right:28px;
  238. font-size: 1rem;
  239. height:28px;overflow: hidden;
  240. line-height:28px;
  241. }
  242. .sc_list .deleshow .deletes a.delescj {
  243. position: absolute;
  244. top:4px;
  245. right:0;
  246. }
  247. .sc_list .deleshow .deletes a.delescj img {
  248. width:18px;
  249. height:18px;
  250. }
  251. .sc_list .deleshow .weight {
  252. font-size:16px;
  253. color:#999999
  254. }
  255. .sc_list .deleshow .prices {
  256. overflow: hidden;
  257. margin-top:8px;
  258. }
  259. .sc_list .deleshow .prices .sc_pri {
  260. color: #f23030;
  261. font-size:18px;
  262. }
  263. .plus span {
  264. width:28px;
  265. height:28px;
  266. line-height:28px;
  267. font-size:16px;
  268. display: block;
  269. float: left;
  270. border: 1px solid #f1f1f1;
  271. margin-left: -1px;
  272. text-align:center;
  273. color: #686868;
  274. cursor: pointer
  275. }
  276. .plus span input {
  277. font-size:14px;
  278. outline: none;
  279. border: 0;
  280. color: #686868;
  281. width: 100%;
  282. text-align: center
  283. }
  284. .payallb {
  285. position: fixed;
  286. z-index: 99;
  287. bottom: 0;
  288. background-color: #f3f5f7
  289. }
  290. .payallb .radio {
  291. padding-top:14px;
  292. margin-right:8px;
  293. }
  294. .payallb .radio .all {
  295. font-size:14px;
  296. position: relative;
  297. top:-12px;
  298. margin-left:6px
  299. }
  300. .payallb .youbia {
  301. overflow: hidden;line-height:52px;
  302. }
  303. .payallb .youbia p {
  304. text-align: right;margin-right:10px;
  305. }
  306. .payit {border-top:1px solid #efefef;
  307. height:52px;width:100%;
  308. background-color: white;
  309. overflow: hidden;
  310. padding-left:10px;
  311. }
  312. .payit .fl {
  313. line-height:40px;
  314. }
  315. .payit .youbia p {
  316. font-size:16px;
  317. color: #f23030
  318. }
  319. .payit .youbia p .pmo {
  320. color: #222222
  321. }
  322. .payit .youbia .lastime {
  323. color: #666666
  324. }
  325. .payit .fr {
  326. width:120px;
  327. }
  328. .payit .fr a {
  329. color: white;
  330. font-size:18px;
  331. text-align: center;
  332. background-color: #f23030;
  333. display: block;
  334. height:52px;line-height:52px;
  335. }
  336. .myhearder {
  337. position: relative;
  338. height:180px;
  339. }
  340. .myhearder .user_bg{position: absolute;left: 0;top: 0;z-index:-999;}
  341. .myhearder .person {
  342. position: absolute;
  343. top:40px;
  344. left:20px
  345. }
  346. .myhearder .person .personicon {
  347. -moz-border-radius: 50%;
  348. -webkit-border-radius: 50%;
  349. border-radius: 50%;
  350. overflow: hidden;
  351. width:72px;
  352. height:72px;
  353. }
  354. .myhearder .person .personicon img {
  355. width:72px;
  356. height:72px;
  357. }
  358. .myhearder .person .lors {
  359. margin-top:10px;
  360. margin-left:8px;
  361. color: #fff;
  362. font-size:18px;
  363. width: 220px;
  364. overflow: hidden;
  365. white-space: nowrap;
  366. text-overflow: ellipsis
  367. }
  368. .myhearder .set {
  369. position: absolute;
  370. right:15px;
  371. top:15px
  372. }
  373. .myhearder .set a {
  374. display: block;
  375. float: left
  376. }
  377. .myhearder .set a i {
  378. background-image: url("../../images/weixin/set.png");
  379. background-repeat: no-repeat;
  380. background-size: cover;
  381. width:28px;
  382. height:28px;
  383. display: block;
  384. }
  385. .myhearder .set .setting i {
  386. background-position: 0 0
  387. }
  388. .myhearder .set .massage {
  389. margin-left:15px;
  390. }
  391. .myhearder .set .massage i {
  392. background-position: -38px 0;
  393. }
  394. .myhearder .scgz {
  395. position: absolute;
  396. bottom: 0;
  397. width: 100%
  398. }
  399. .myhearder .scgz ul li {
  400. float: left;
  401. text-align: center;
  402. width: 50%
  403. }
  404. .myhearder .scgz ul li a h2 {
  405. font-size:18px;
  406. font-weight: normal;
  407. height:24px;
  408. line-height:24px;
  409. color: #fff
  410. }
  411. .myhearder .scgz ul li a p {
  412. font-size:14px;
  413. color: #fff;
  414. margin-bottom:5px;
  415. }
  416. .bankhearder {
  417. background-image: url(../../images/zjgl.jpg);
  418. height: 11.73333rem
  419. }
  420. .bankhearder .hh {
  421. color: white;
  422. text-align: center;
  423. padding-top: 3.2rem
  424. }
  425. .bankhearder .hh h2 {
  426. font-size: .64rem;
  427. font-weight: normal
  428. }
  429. .bankhearder .hh h1 {
  430. font-size: .768rem;
  431. font-weight: normal
  432. }
  433. .bankhearder .scgz ul li {
  434. position: relative;
  435. top: -.64rem
  436. }
  437. .bankhearder .scgz ul li a img {
  438. display: inline-block;
  439. width: .59733rem;
  440. height: .59733rem
  441. }
  442. .bankhearder .scgz ul li a p {
  443. display: inline-block;
  444. position: relative;
  445. top: .10667rem
  446. }
  447. .myorder {
  448. padding:0 20px;
  449. height:44px;
  450. line-height:44px;
  451. background-color: #fff;
  452. border-bottom: 1px solid #f4f4f4
  453. }
  454. .myorder a {
  455. overflow: hidden;
  456. display: block
  457. }
  458. .myorder .order {
  459. overflow: hidden
  460. }
  461. .myorder .order .fl img {
  462. width:20px;
  463. height:22px;
  464. vertical-align: middle
  465. }
  466. .myorder .order .fl span {
  467. font-size:18px;
  468. vertical-align: middle;
  469. font-weight: normal;
  470. margin-left:5px
  471. }
  472. .myorder .order .fr a {
  473. display: block;
  474. overflow: hidden
  475. }
  476. .myorder .order .fr span {
  477. font-size:14px;
  478. color: #4c4c4c;
  479. float: left;
  480. }
  481. .myorder .order .fr i {
  482. margin-top:14px;
  483. margin-left:8px
  484. }
  485. .list7 .myorder {
  486. height:50px;
  487. line-height:50px;
  488. }
  489. .list7 .myorder .fr i {
  490. margin-top:18px;
  491. }
  492. .Mright {
  493. background-image: url(../../images/weixin/yr.png);
  494. background-repeat: no-repeat;
  495. background-size: cover;
  496. width:8px;
  497. height:15px;
  498. display: block;
  499. float: left;
  500. }
  501. .my {background-color: #f1f1f1;}
  502. .my .content {
  503. margin: 0
  504. }
  505. .my .content .floor {
  506. background-color: #fff
  507. }
  508. .my .content .floor ul .fr {
  509. float: right
  510. }
  511. .my .content .floor ul li.br {
  512. border-left: 0 !important
  513. }
  514. .my .content .floor ul li.br:before {
  515. content: "";
  516. background-image: inherit !important
  517. }
  518. .my .content .floor ul li {
  519. position: relative;
  520. float: left;
  521. width: 25%;
  522. text-align: center
  523. }
  524. .my .content .floor ul li a {
  525. padding:15px 0 20px 0;
  526. display: block
  527. }
  528. .my .content .floor ul li a span {
  529. background-color: rgba(217,81,99,0.9);
  530. border-radius: 50%;
  531. font-size:14px;
  532. width:24px;
  533. height:24px;
  534. display: block;
  535. line-height:24px;
  536. overflow: hidden;
  537. white-space: nowrap;
  538. text-overflow: ellipsis;
  539. position: absolute;
  540. right:15px;
  541. top:8px;
  542. color: white
  543. }
  544. .my .content .floor ul li a img {
  545. height:36px
  546. }
  547. .my .content .floor ul li a .tit{
  548. font-size:18px;
  549. font-weight: normal;
  550. height:32px;
  551. line-height:32px;
  552. color: #e3110b
  553. }
  554. .my .content .floor ul li a p {
  555. font-size:12px;
  556. margin-top:2px;
  557. color: #4c4c4c;
  558. font-weight: normal
  559. }
  560. .my .content .floor ul li a p.or:after {
  561. content: "";
  562. background-image: url(../../images/weixin/or.png);
  563. width: .17067rem;
  564. height: .29867rem;
  565. background-repeat: no-repeat;
  566. position: absolute;
  567. margin-top: .08533rem;
  568. margin-left: .04267rem;
  569. background-size: .17067rem
  570. }
  571. .my .content .w3 {
  572. width: inherit
  573. }
  574. .my .content .w3 ul li {
  575. width: 33.33333%
  576. }
  577. .my .content .action {
  578. background-image: url(../../images/weixin/rb.png);
  579. background-repeat: no-repeat;
  580. background-position: 0 1.96267rem;
  581. width: 100%;
  582. background-size: 16rem
  583. }
  584. .my .content .action ul li {
  585. width: 25%
  586. }
  587. .my .content .tyby {
  588. background-image: inherit
  589. }
  590. .setting .close {
  591. margin:15px 20px
  592. }
  593. .setting .close a{display: block;background: #ec5151;text-align: center;padding:10px;color: #fff;font-size:18px;border-radius:2px;}
  594. h1.arc_tit, h2.arc_tit{font-weight: normal;font-size: 1.4em;padding: 10px;}
  595. .arc_content .ainfo{font-size: 0.875em;color: #999;}
  596. .arc_content{line-height: 26px;}
  597. .arclist li{color:#333;border-bottom:1px solid #eee;overflow:hidden;margin-left:10px;margin-right:10px;padding-top:10px;padding-bottom:10px;line-height:24px;}
  598. .arclist li a{color:#333;display:block;}.arclist li p{color:#999;font-size:14px;}.arclist li:last-child{border-bottom:0}
  599. .arclist .gpic{width:80px;height:60px;float:left;margin-right:10px;display:block;}.arclist .gpic img{width:80px;height:60px;border:none;}
  600. .fui-list{background-color:#fff;width:100%;}
  601. .fui-list li{padding-left:10px;padding-right:10px;line-height:44px;position:relative;display:-webkit-box;border-bottom:1px solid #e0e0e0;}
  602. .fui-list .ui-list-info{-webkit-box-orient:horizontal;-webkit-box-align:center;-webkit-box-flex:1;display:-webkit-box;-webkit-box-pack:center;padding-right:15px;}
  603. .fui-list li h4{font-size:16px;-webkit-box-flex:1;}
  604. .fui-list .ui-nowrap{font-weight:400;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  605. .fui-list .ui-txt-info{color:#999;}
  606. .fui-list li i{font-size:32px;line-height:44px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;display:block;color:#c7c7c7;position:absolute;right:25px;top:50%;margin-top:-22px;margin-right:-10px;}
  607. .fui-list .ui-list-thumb{width:50px;height:50px;position:relative;margin:10px 10px 10px 0;}
  608. .fui-list .ui-list-thumb>span{display:block;width:100%;height:100%;z-index:1;background-repeat:no-repeat;-webkit-background-size:cover;}.ui-list-thumb img{display:block;width:100%;height:100%;}
  609. /*商品详情*/
  610. .goods-header {
  611. display: block;
  612. height: auto;
  613. padding: 10px 0 0;
  614. -webkit-tap-highlight-color: transparent;
  615. border-top: 1px solid #f2f2f2;
  616. background-color: #fff;
  617. margin-bottom: 10px;
  618. position: relative;
  619. }
  620. .goods-header .title {
  621. font-weight: normal;
  622. padding: 0 10px;
  623. font-size:18px;
  624. line-height: 1.3;
  625. display: -webkit-box;
  626. -webkit-line-clamp: 2;
  627. -webkit-box-orient: vertical;
  628. }
  629. .goods-header .wish-add {
  630. position: relative;
  631. -webkit-user-select: none;
  632. -moz-user-select: none;
  633. -ms-user-select: none;
  634. user-select: none;
  635. color:#ea6f5a;
  636. background-color: transparent;
  637. border: 1px solid #ea6f5a;
  638. border-radius:2px;
  639. font-size:14px;
  640. padding:0 3px;
  641. display: inline-block;
  642. margin-right:10px;
  643. }
  644. .goods-header .wish-add-activate{color:#fff;background-color:#ea6f5a;}
  645. .goods-header .goods-price {
  646. padding: 10px 10px 2px;
  647. text-align: left;
  648. }
  649. .goods-header .current-price {
  650. color: #f60;
  651. display: inline-block;
  652. }
  653. .goods-header .current-price span {
  654. font-size: 16px;
  655. display: inline-block;
  656. vertical-align: middle;
  657. }
  658. .goods-header .current-price .price {
  659. display: inline-block;
  660. vertical-align: middle;
  661. font-size: 20px;
  662. }
  663. .goods-header .btn-retail {
  664. padding: 0 3px;
  665. border-radius:2px;
  666. color: #fff;
  667. background-color: #1cbb7f;
  668. display: inline-block;
  669. text-align: center;
  670. font-size: 12px;
  671. cursor: pointer;
  672. line-height: 1.5;
  673. -webkit-appearance: none;
  674. }
  675. .goods-header .stock-detail {
  676. position: relative;
  677. line-height:1.5;
  678. color: #999;
  679. background-color: #fff;
  680. padding:5px 10px;
  681. }
  682. .goods-header .stock-detail dl {display:table-cell;
  683. margin-top: 10px;
  684. margin-bottom: 10px;
  685. font-size: 14px;
  686. zoom: 1;
  687. }
  688. .goods-header .stock-detail dt {
  689. display: inline-block;
  690. }
  691. .goods-header .stock-detail dd {
  692. display: inline-block;
  693. word-wrap: break-word;
  694. }
  695. .goods-header .goods-comment{margin-top:10px;border-top:10px solid #f1f1f1;height: 44px;line-height: 44px;padding: 0 10px 0 10px;}
  696. .goods-header .goods-comment span{float:right;color:#999;}
  697. .goods-content{background-color: #fff;}
  698. .goods-content .module-title{background: #FFF;
  699. height:44px;
  700. line-height:44px;
  701. position: relative;
  702. padding: 0 10px 0 10px;
  703. font-size:16px;
  704. color: #666;
  705. border-left: 3px solid #FF0036;border-bottom: 1px solid #f4f4f4;}
  706. .goods-content .module-content{padding:10px;}
  707. .bottom_tool_black{ width:100%; display:block; position:fixed; bottom:0;background-color:#fff;border-top:1px solid #f1f1f1;z-index:2;}
  708. .bottom_tool_white { width:40%; float:left;}
  709. .bottom_tool_white li { width:50%; float:left; text-align:center; position:relative;}
  710. .bottom_tool_white ul li img{ margin:0 auto; display:block; margin-top:2px; width:32px; height:32px;}
  711. .bottom_tool_white ul li p{ font-size:12px; color:#6f7375; text-align:center; width:100%; line-height:14px;}
  712. .bottom_tool_btn {width:60%; float:left;}
  713. .bottom_tool_btn li { width:50%; color:#fff; float:left; line-height:52px; text-align:center; font-size:16px;}
  714. .bg_c_yellow {background-color:#ff9000;}
  715. .bg_c_orange {background-color:#ff5000;}
  716. .mask {
  717. width: 100%;
  718. height: 100%;
  719. background: rgba(0,0,0,0.8);
  720. display: block;
  721. position: fixed;
  722. top: 0;
  723. z-index:99;
  724. }
  725. .pop_box {
  726. width: 100%;
  727. height: 100%;
  728. display: block;
  729. position: absolute;
  730. top: 0;
  731. }
  732. .goods_info_pop{background-color:#fff; display:block; position:fixed; z-index:100; bottom:0px; left:0; padding-bottom:20px; /*box-shadow:0 -2px 3px #a0a0a0;*/ border-top:1px solid #f1f1f1; width:100%;}
  733. .goods_info_pop ul{ padding:0px 0 35px; display:inline-block;}
  734. .goods_info_pop li{height:20px; line-height:20px; padding:14px 0; border-bottom:1px solid #eee; display:inline-block; float:left; text-align:center; width:100%;}
  735. .cart_list{background-color:#fff; overflow:hidden; position:relative;/* border-bottom:1px solid #e1e1e1;*/}
  736. .cart_list_select{ position:relative; width:20px; margin-left:10px;float:left;}
  737. .cart_list_check{visibility:hidden;-webkit-appearance:none; width:18px; height:18px; display:none;}
  738. .cart_list_check + label{display:block;width:16px;height:16px;border-radius:12px;border:2px solid #9fa4b6; position:relative;}
  739. .cart_list_check:checked + label{ background-color:#ff5000; border:2px solid #ff5000;}
  740. .cart_list_check:checked + label:after{ content:""; width:9px; height:5px; display:block; position:absolute; top:3px; left:3px; border:2px solid #fff; border-top:none; border-right:none;-webkit-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
  741. .cart_list_info{ display:block; margin-left:10px; height:80px; padding:10px 10px 10px 0;position:relative;overflow:hidden;}
  742. .cart_list_name{padding:0px; width:100%; display:inline-block; float:left;height:40px;}
  743. .cart_list_right{ width:30%;padding:0; float:right; display:inline-block; height:70px; text-align:right;}
  744. .cart_list_img{ width:78px; height:78px; border:1px solid #e1e1e1; margin-top:10px; position:absolute; left:0; top:0px;}
  745. .cart_list_item{padding:10px;}
  746. .cart_goods_info{ display:block; margin-left:90px; height:80px; position:relative;}
  747. .cart_detail_gray{font-size:12px; color:#666; width:100%;line-height:20px;}
  748. .cart_detail_gray_name{display:block;width:100%;letter-spacing:0px;overflow:hidden;font-size:14px; font-weight:700; color:#333; height:40px;}
  749. .cart_sum{color:#ff5000; font-size:16px; font-weight:700;}
  750. .goods_type {
  751. display: block;
  752. line-height: 20px;
  753. color: #999;
  754. margin: 0;
  755. white-space: nowrap;
  756. text-overflow: ellipsis;
  757. overflow: hidden;
  758. }
  759. .pop_num {
  760. margin-left: 10px;margin-right: 10px;
  761. height: 48px;
  762. display: block;
  763. border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;
  764. }
  765. .pop_num span{ color:#999; display:inline-block; float:left; line-height:48px;}
  766. .pop_sum{ display:inline-block; float:left; margin-left:15px; margin-top:5px; position:relative !important;}
  767. .pop_btn{ margin-top:10px; margin-bottom:10px;}
  768. .cart_num_control {
  769. border: 1px solid #DADADA;
  770. height: 24px;
  771. display: inline-block;
  772. margin: 7px 0px;
  773. }
  774. .cart_num_button {
  775. width: 24px;
  776. height: 24px;
  777. display: inline-block;
  778. border: 0px solid #DADADA;
  779. text-decoration: none;
  780. color: #585858;
  781. font-size: 16px;
  782. background-color: #f0f0f0;
  783. }
  784. .cart_num_text {
  785. width: 24px;
  786. text-align: center;
  787. font-size: 12px;
  788. height: 16px;
  789. display: inline-block;
  790. border: 0px solid #DADADA;
  791. }
  792. .registered_btn {
  793. display: block;
  794. margin:10px;
  795. height: 42px;
  796. line-height: 42px;
  797. background-color: #ff5000;
  798. text-align: center;
  799. border-radius:2px;
  800. color: #fff;
  801. font-size: 16px;
  802. }