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.

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