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.

800 lines
17 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
  1. html, body{font-size:100%;font-family:Helvetica,STHeiti-Light,'Hiragino Sans GB','Microsoft Yahei',Arial;overflow-x:hidden;color:#232326;}
  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-top:10px;padding-bottom:10px;}
  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_thumb{width:100px;height:100px;float:left;margin-right:10px;display:block;}.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:-12px;display:inline;padding:0 20px;}
  254. .radio .che span {
  255. margin-left: .21333rem;
  256. vertical-align: sub
  257. }
  258. .radio .check_t i {
  259. background-position: -.768rem 0
  260. }
  261. .radio i {
  262. width:22px;
  263. height:22px;
  264. display: block;
  265. float: left;
  266. background-image: url("../../images/weixin/check.png");
  267. background-repeat: no-repeat;
  268. background-size: cover;
  269. background-position: 0
  270. }
  271. .signup-find span,.radio span {
  272. font-size:24px;
  273. cursor: pointer
  274. }
  275. .sc_list {
  276. padding:10px;
  277. overflow: hidden;
  278. border-bottom: 1px solid #f8f8f8
  279. }
  280. .sc_list .radio-img{
  281. width:120px;
  282. height:80px;
  283. float: left;
  284. margin-right:5px;
  285. display: block;
  286. }
  287. .sc_list .radio {
  288. padding-top:24px;
  289. margin-right:10px;
  290. }
  291. .sc_list .shopimg img {
  292. width:80px;
  293. height:80px;
  294. }
  295. .sc_list .deleshow .deletes {
  296. position: relative;
  297. }
  298. .sc_list .deleshow .deletes .tit{
  299. padding-right:28px;
  300. font-size: 1rem;
  301. height:28px;overflow: hidden;
  302. line-height:28px;
  303. }
  304. .sc_list .deleshow .deletes a.delescj {
  305. position: absolute;
  306. top:4px;
  307. right:0;
  308. }
  309. .sc_list .deleshow .deletes a.delescj img {
  310. width:18px;
  311. height:18px;
  312. }
  313. .sc_list .deleshow .weight {
  314. font-size:16px;
  315. color:#999999
  316. }
  317. .sc_list .deleshow .prices {
  318. overflow: hidden;
  319. margin-top:8px;
  320. }
  321. .sc_list .deleshow .prices .sc_pri {
  322. color: #f23030;
  323. font-size:18px;
  324. }
  325. .plus span {
  326. width:28px;
  327. height:28px;
  328. line-height:28px;
  329. font-size:16px;
  330. display: block;
  331. float: left;
  332. border: 1px solid #f1f1f1;
  333. margin-left: -1px;
  334. text-align:center;
  335. color: #686868;
  336. cursor: pointer
  337. }
  338. .plus span input {
  339. font-size:14px;
  340. outline: none;
  341. border: 0;
  342. color: #686868;
  343. width: 100%;
  344. text-align: center
  345. }
  346. .payallb {
  347. position: fixed;
  348. z-index: 99;
  349. bottom: 0;
  350. background-color: #f3f5f7
  351. }
  352. .payallb .radio {
  353. padding-top:14px;
  354. margin-right:8px;
  355. }
  356. .payallb .radio .all {
  357. font-size:14px;
  358. position: relative;
  359. top:-12px;
  360. margin-left:6px
  361. }
  362. .payallb .youbia {
  363. overflow: hidden;line-height:52px;
  364. }
  365. .payallb .youbia p {
  366. text-align: right;margin-right:10px;
  367. }
  368. .payit {border-top:1px solid #efefef;
  369. height:52px;width:100%;
  370. background-color: white;
  371. overflow: hidden;
  372. padding-left:10px;
  373. }
  374. .payit .fl {
  375. line-height:40px;
  376. }
  377. .payit .youbia p {
  378. font-size:16px;
  379. color: #f23030
  380. }
  381. .payit .youbia p .pmo {
  382. color: #222222
  383. }
  384. .payit .youbia .lastime {
  385. color: #666666
  386. }
  387. .payit .fr {
  388. width:120px;
  389. }
  390. .payit .fr a {
  391. color: white;
  392. font-size:18px;
  393. text-align: center;
  394. background-color: #f23030;
  395. display: block;
  396. height:52px;line-height:52px;
  397. }
  398. .myhearder {
  399. position: relative;
  400. height:180px;
  401. }
  402. .myhearder .user_bg{position: absolute;left: 0;top: 0;z-index:-999;}
  403. .myhearder .person {
  404. position: absolute;
  405. top:40px;
  406. left:20px
  407. }
  408. .myhearder .person .personicon {
  409. -moz-border-radius: 50%;
  410. -webkit-border-radius: 50%;
  411. border-radius: 50%;
  412. overflow: hidden;
  413. width:72px;
  414. height:72px;
  415. }
  416. .myhearder .person .personicon img {
  417. width:72px;
  418. height:72px;
  419. }
  420. .myhearder .person .lors {
  421. margin-top:10px;
  422. margin-left:8px;
  423. color: #fff;
  424. font-size:18px;
  425. width: 220px;
  426. overflow: hidden;
  427. white-space: nowrap;
  428. text-overflow: ellipsis
  429. }
  430. .myhearder .set {
  431. position: absolute;
  432. right:15px;
  433. top:15px
  434. }
  435. .myhearder .set a {
  436. display: block;
  437. float: left
  438. }
  439. .myhearder .set a i {
  440. background-image: url("../../images/weixin/set.png");
  441. background-repeat: no-repeat;
  442. background-size: cover;
  443. width:28px;
  444. height:28px;
  445. display: block;
  446. }
  447. .myhearder .set .setting i {
  448. background-position: 0 0
  449. }
  450. .myhearder .set .massage {
  451. margin-left:15px;
  452. }
  453. .myhearder .set .massage i {
  454. background-position: -38px 0;
  455. }
  456. .myhearder .scgz {
  457. position: absolute;
  458. bottom: 0;
  459. width: 100%
  460. }
  461. .myhearder .scgz ul li {
  462. float: left;
  463. text-align: center;
  464. width: 50%
  465. }
  466. .myhearder .scgz ul li a h2 {
  467. font-size:18px;
  468. font-weight: normal;
  469. height:24px;
  470. line-height:24px;
  471. color: #fff
  472. }
  473. .myhearder .scgz ul li a p {
  474. font-size:14px;
  475. color: #fff;
  476. margin-bottom:5px;
  477. }
  478. .bankhearder {
  479. background-image: url(../../images/zjgl.jpg);
  480. height: 11.73333rem
  481. }
  482. .bankhearder .hh {
  483. color: white;
  484. text-align: center;
  485. padding-top: 3.2rem
  486. }
  487. .bankhearder .hh h2 {
  488. font-size: .64rem;
  489. font-weight: normal
  490. }
  491. .bankhearder .hh h1 {
  492. font-size: .768rem;
  493. font-weight: normal
  494. }
  495. .bankhearder .scgz ul li {
  496. position: relative;
  497. top: -.64rem
  498. }
  499. .bankhearder .scgz ul li a img {
  500. display: inline-block;
  501. width: .59733rem;
  502. height: .59733rem
  503. }
  504. .bankhearder .scgz ul li a p {
  505. display: inline-block;
  506. position: relative;
  507. top: .10667rem
  508. }
  509. .ma-to-20 {
  510. margin-top:10px;
  511. }
  512. .myorder {
  513. padding:0 20px;
  514. height:44px;
  515. line-height:44px;
  516. background-color: #fff;
  517. border-bottom: 1px solid #f4f4f4
  518. }
  519. .myorder a {
  520. overflow: hidden;
  521. display: block
  522. }
  523. .myorder .order {
  524. overflow: hidden
  525. }
  526. .myorder .order .fl img {
  527. width:20px;
  528. height:22px;
  529. vertical-align: middle
  530. }
  531. .myorder .order .fl span {
  532. font-size:18px;
  533. vertical-align: middle;
  534. font-weight: normal;
  535. margin-left:5px
  536. }
  537. .myorder .order .fr a {
  538. display: block;
  539. overflow: hidden
  540. }
  541. .myorder .order .fr span {
  542. font-size:14px;
  543. color: #4c4c4c;
  544. float: left;
  545. }
  546. .myorder .order .fr i {
  547. margin-top:14px;
  548. margin-left:8px
  549. }
  550. .list7 .myorder {
  551. height:50px;
  552. line-height:50px;
  553. }
  554. .list7 .myorder .fr i {
  555. margin-top:18px;
  556. }
  557. .Mright {
  558. background-image: url(../../images/weixin/yr.png);
  559. background-repeat: no-repeat;
  560. background-size: cover;
  561. width:8px;
  562. height:15px;
  563. display: block;
  564. float: left;
  565. }
  566. .my {background-color: #f1f1f1;}
  567. .my .content {
  568. margin: 0
  569. }
  570. .my .content .floor {
  571. background-color: #fff
  572. }
  573. .my .content .floor ul .fr {
  574. float: right
  575. }
  576. .my .content .floor ul li.br {
  577. border-left: 0 !important
  578. }
  579. .my .content .floor ul li.br:before {
  580. content: "";
  581. background-image: inherit !important
  582. }
  583. .my .content .floor ul li {
  584. position: relative;
  585. float: left;
  586. width: 25%;
  587. text-align: center
  588. }
  589. .my .content .floor ul li a {
  590. padding:15px 0 20px 0;
  591. display: block
  592. }
  593. .my .content .floor ul li a span {
  594. background-color: rgba(217,81,99,0.9);
  595. border-radius: 50%;
  596. font-size:14px;
  597. width:24px;
  598. height:24px;
  599. display: block;
  600. line-height:24px;
  601. overflow: hidden;
  602. white-space: nowrap;
  603. text-overflow: ellipsis;
  604. position: absolute;
  605. right:15px;
  606. top:8px;
  607. color: white
  608. }
  609. .my .content .floor ul li a img {
  610. height:36px
  611. }
  612. .my .content .floor ul li a h2 {
  613. font-size:18px;
  614. font-weight: normal;
  615. height:32px;
  616. line-height:32px;
  617. color: #e3110b
  618. }
  619. .my .content .floor ul li a p {
  620. font-size:12px;
  621. margin-top:2px;
  622. color: #4c4c4c;
  623. font-weight: normal
  624. }
  625. .my .content .floor ul li a p.or:after {
  626. content: "";
  627. background-image: url(../../images/weixin/or.png);
  628. width: .17067rem;
  629. height: .29867rem;
  630. background-repeat: no-repeat;
  631. position: absolute;
  632. margin-top: .08533rem;
  633. margin-left: .04267rem;
  634. background-size: .17067rem
  635. }
  636. .my .content .w3 {
  637. width: inherit
  638. }
  639. .my .content .w3 ul li {
  640. width: 33.33333%
  641. }
  642. .my .content .action {
  643. background-image: url(../../images/weixin/rb.png);
  644. background-repeat: no-repeat;
  645. background-position: 0 1.96267rem;
  646. width: 100%;
  647. background-size: 16rem
  648. }
  649. .my .content .action ul li {
  650. width: 25%
  651. }
  652. .my .content .tyby {
  653. background-image: inherit
  654. }
  655. .setting .close {
  656. margin:15px 20px
  657. }
  658. .setting .close a {
  659. display: block;
  660. background: #ec5151;
  661. text-align: center;
  662. padding:10px;
  663. color: #fff;
  664. font-size:18px;
  665. -moz-border-radius:5px;
  666. -webkit-border-radius:5px;
  667. border-radius:5px
  668. }
  669. h1.arc_tit, h2.arc_tit{font-weight: normal;font-size: 1.4em;padding: 10px;}
  670. .arc_content .ainfo{font-size: 0.875em;color: #999;}
  671. .arc_content{line-height: 26px;}
  672. .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;}
  673. .arclist li a{color:#333;display:block;}.arclist li p{color:#999;font-size:14px;}.arclist li:last-child{border-bottom:0}
  674. .arclist .gpic{width:80px;height:60px;float:left;margin-right:10px;display:block;}.arclist .gpic img{width:80px;height:60px;border:none;}