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.

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