sell.css 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. @charset "gb2312";
  2. /*찡소看女*/
  3. .selltop{background:url(../img/sellbg.jpg) center top no-repeat;height:120px;}
  4. .selltop .d1{margin:0;}
  5. .selltop .d1 a{float:right;color:#fff;margin:25px 10px 0 0;border:#fff solid 1px;border-radius:15px;padding:3px 10px 0 10px;height:20px;}
  6. .selltop1{}
  7. .selltop1 .dmain{border-radius:10px;background-color:#fff;margin:10px 10px 0 10px;height:145px;}
  8. .selltop1 .dmain .d1{float:left;width:calc(100% - 20px);text-align:center;margin:-50px 10px 10px 10px;font-size:14px;font-weight:700;color:#363636;border-bottom:#F1F1F1 dotted 1px;padding:0 0 12px 0;}
  9. .selltop1 .dmain .d1 img{width:90px;height:90px;border-radius:90px;margin:0 0 10px 0;}
  10. .selltop1 .dmain .d2{float:left;width:calc(33% - 1px);text-align:center;line-height:23px;}
  11. .selltop1 .dmain .d2 strong{color:#5EA2E7;font-size:18px;font-weight:700;font-family:Georgia, "Times New Roman", Times, serif;}
  12. .selltop1 .dmain .x{float:left;width:1px;height:40px;border-left:#F5F5F5 solid 1px;}
  13. .ikuang{}
  14. .ikuang .dmain{border-radius:10px;background-color:#fff;margin:10px 10px 0 10px;}
  15. .ikuang .dmain .dcap{float:left;margin:10px 0 0 10px;width:calc(100% - 10px);}
  16. .ikuang .dmain .dcap .s1{float:left;font-size:14px;font-weight:700;color:#454545;}
  17. .ikuang .dmain .dcap .s2{float:right;margin:2px 10px 0 0;}
  18. .ikuang .dmain .txtadd{float:left;width:calc(100% - 20px);margin:0 9px 10px 9px;padding:8px 0 0 0;height:27px;font-size:13px;text-align:center;border:#ebebeb solid 1px;border-radius:4px;}
  19. .iorder .dmain .u1{float:left;width:100%;margin:10px 0 0 0;}
  20. .iorder .dmain .u1 li{float:left;width:calc(50% - 21px);height:38px;padding:0 0 0 0;margin:0 10px 0 10px;border-top:#F5F5F5 solid 1px;}
  21. .iorder .dmain .u1 li .s1{float:left;margin:11px 0 0 0;}
  22. .iorder .dmain .u1 li .s2{float:right;font-size:12px;border:#5EA2E7 solid 1px;padding:2px 5px 2px 5px;border-radius:5px;color:#5EA2E7;margin:8px 0 0 0;}
  23. .iorder .dmain .u1 .l1 .s2{border:#ff0000 solid 1px;color:#ff0000;}
  24. .swiper-containerpp {float:left;width:calc(100% - 20px);overflow:hidden;margin:15px 10px;}
  25. .swiper-containerpp .dv{float:left;width:100%;}
  26. .swiper-containerpp .dv .d1{float:left;width:100%;padding-top:100%;position:relative;overflow:hidden;}
  27. .swiper-containerpp .dv .d1 img{position: absolute;top: 0;left:0;width: 100%;height:100%;border-radius:10px;}
  28. .swiper-containerpp .dv .d2{float:left;width:100%;margin:10px 0 0 0;height:16px;overflow:hidden;}
  29. .swiper-containerpp .dv .d3{float:left;width:100%;margin:5px 0 0 0;height:16px;overflow:hidden;color:#ff6600;font-size:14px;}
  30. .swiper-containerpp .dv .d4{float:left;width:100%;margin:5px 0 0 0;height:16px;overflow:hidden;color:#ff0000;}
  31. /*찡소땐데*/
  32. .sellordertopfdv{display:block;height:75px;}
  33. .sellordertopfd{height:43px;position:fixed;width:100%;z-index:11;}
  34. .sellordertop{background-color:#0DB7E8;color:#fff;height:43px;}
  35. .sellordertop .d1{margin:11px 0 0 10px;width:30px;}
  36. .sellordertop .d2{margin:10px 0 0 0;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;font-size:18px;text-align:center;}
  37. .sellordertop .d3{margin:0 20px 0 0;width:30px;text-align:right;}
  38. .sellordertop1{background-color:#fff;height:32px;border-bottom:#f1f1f1 solid 1px;}
  39. .sellordertop1 .d1{margin:8px 0 0 10px;height:24px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;text-align:center;}
  40. .sellordertop1 .d11{height:22px;border-bottom:#0DACDA solid 2px;color:#0DACDA;}
  41. .sellorderlist{background-color:#fff;height:30px;}
  42. .sellorderlist .d1{margin:5px 0 0 10px;width:20px;}
  43. .sellorderlist .d2{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;margin:7px 0 0 0;color:#929292;}
  44. .sellorderlist .d3{width:60px;margin:7px 10px 0 0;text-align:right;}
  45. .sellorderlist1{background-color:#F8F8F8;padding:5px 0;}
  46. .sellorderlist1 .d1{margin:0 0 0 10px;width:70px;}
  47. .sellorderlist1 .d2{margin:0 10px 0 10px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;line-height:18px;color:#000;}
  48. .sellorderlist1 .d3{margin:0 10px 0 0;width:60px;line-height:18px;text-align:right;}
  49. .sellorderlist2{background-color:#fff;padding:7px 0;}
  50. .sellorderlist2 .d1{margin:0 0 0 10px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;line-height:18px;color:#000;}
  51. .sellorderlist2 .d2{margin:0 10px 0 0;width:200px;text-align:right;line-height:18px;}
  52. .sellorderlist4{background-color:#fff;padding:6px 0;border-top:#f5f5f5 solid 1px;margin:0 0 10px 0;}
  53. .sellorderlist4 .d1{margin:0 10px 0 0;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;text-align:right;}
  54. .sellorderlist4 .d1 a{float:right;border:#dedede solid 1px;border-radius:10px;padding:2px 8px 0 8px;height:17px;margin-left:8px;}
  55. .sellorderlist4 .d1 .a1{color:#ff6600;border:#ff6600 solid 1px;}
  56. .sellordertk{background-color:#fff;}
  57. .sellordertk .d1{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;margin:0 10px 10px 10px;}
  58. .sellordertk .d1 textarea{float:left;width:98%;border:#ddd solid 1px;height:100px;}
  59. /*찡렘땐데圈헙*/
  60. .ordervtopfd{height:43px;position:fixed;width:100%;z-index:11;}
  61. .ordervtopfdv{display:block;height:43px;}
  62. .ordervtop{background-color:#0DB7E8;height:43px;color:#fff;}
  63. .ordervtop .d1{margin:11px 0 0 10px;width:30px;}
  64. .ordervtop .d2{margin:10px 0 0 0;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;font-size:18px;text-align:left;}
  65. .ordervtop .d3{margin:10px 10px 0 0;width:60px;text-align:right;}
  66. .ordervtop1{background-color:#0DB7E8;color:#fff;height:80px;}
  67. .ordervtop1 .d1{margin:11px 0 0 40px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;text-align:left;line-height:23px;}
  68. .ordervtop1 .d1 strong{font-size:15px;font-weight:100;}
  69. .ordervtop1 .d2{margin:12px 10px 0 0;width:70px;}
  70. .ordervtop1 .d2 img{width:70px;}
  71. .wuliu1{border-bottom:#DDDDDD solid 1px;padding:0 0 7px 0;background-color:#fff;}
  72. .wuliu1 .d1{margin:28px 0 28px 10px;text-align:left;width:40px;}
  73. .wuliu1 .d1 img{width:30px;}
  74. .wuliu1 .d2{margin:10px 0 0 0;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;text-align:left;line-height:22px;font-size:13px;overflow:hidden;height:67px;}
  75. .wuliu1 .d2 .kdall{float:left;width:100%;padding-bottom:10px;}
  76. .wuliu1 .d21{overflow:auto;height:auto;}
  77. .wuliu1 .d21 .kdall{background:url(../img/wuliu.png) no-repeat;background-position:0 6px;padding-left:20px;width:calc(100% - 20px);}
  78. .wuliu1 .d3{margin:39px 10px 0 0;width:40px;text-align:right;}
  79. .wuliu1 .d3 img{height:8px;}
  80. .wuliu2{background-color:#fff;margin:0 0 10px 0;}
  81. .wuliu2 .d1{margin:18px 0 18px 10px;text-align:left;width:40px;}
  82. .wuliu2 .d1 img{width:30px;}
  83. .wuliu2 .d2{margin:10px 10px 0 0;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;text-align:left;line-height:22px;font-size:13px;}
  84. .orderpro1{background-color:#fff;padding:10px 0 10px 0;}
  85. .orderpro1 .d1{margin:0 0 0 10px;width:70px;}
  86. .orderpro1 .d2{margin:0 10px 0 10px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;line-height:18px;color:#000;}
  87. .orderpro1 .d3{margin:0 10px 0 0;width:60px;line-height:18px;text-align:right;}
  88. .ordermain1{background-color:#fff;margin:10px 0 0 0;height:32px;}
  89. .ordermain1 .d1{border-left:#0DB7E8 solid 2px;height:14px;margin:10px 0 0 10px;}
  90. .ordermain1 .d2{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;margin:7px 0 0 5px;font-size:14px;}
  91. .ordermain2{background-color:#fff;color:#666;padding:10px 0 0 0;}
  92. .ordermain2 .d1{margin:0 0 0 17px;width:80px;}
  93. .ordermain2 .d2{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;margin:0 10px 0 0;}
  94. .ordermain3{background-color:#fff;height:15px;}
  95. .ordermain4fd{height:39px;position:fixed;width:100%;z-index:11;bottom:0;}
  96. .ordermain4fdv{display:block;height:39px;}
  97. .ordermain4{background-color:#fff;padding:6px 0;border-top:#f5f5f5 solid 1px;margin:0 0 10px 0;}
  98. .ordermain4 .d1{margin:0 10px 0 0;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;text-align:right;}
  99. .ordermain4 .d1 a{float:right;border:#dedede solid 1px;border-radius:12px;padding:5px 12px 0 12px;height:20px;margin-left:8px;}
  100. .ordermain4 .d1 .a1{color:#ff6600;border:#ff6600 solid 1px;}
  101. .orderbuy{background-color:#fff;margin:10px 0 0 0;height:32px;}
  102. .orderbuy .d1{border-left:#0DB7E8 solid 2px;height:14px;margin:10px 0 0 10px;}
  103. .orderbuy .d2{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;margin:7px 0 0 5px;font-size:14px;}
  104. .orderbuy1{background-color:#fff;color:#666;padding:10px 0 0 0;}
  105. .orderbuy1 .d1{margin:0 0 0 17px;width:80px;}
  106. .orderbuy1 .d2{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;margin:0 10px 0 0;}
  107. .orderbuy2{background-color:#fff;height:15px;}
  108. /*훰聯*/
  109. .rzcap{background-color:#fff;height:55px;border-top:#ddd solid 1px;}
  110. .rzcap .d1{width:40px;margin:6px 0 0 10px;}
  111. .rzcap .d2{margin:10px 0 0 10px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;line-height:18px;}
  112. .rzcap .d2 strong{font-size:14px;}
  113. .rzcap .d3{margin:17px 0 0 0;width:60px;text-align:right;font-size:14px;}
  114. .rzcap .d4{margin:19px 10px 0 0;width:18px;text-align:right;font-size:14px;}
  115. /*역듦*/
  116. .kdcap{border-top:#f1f1f1 solid 1px;padding:10px 0 10px 0;}
  117. .kdcap .d1{margin:0 5px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;background-color:#E7E6E9;padding:5px 0 0 5px;height:20px;}
  118. .kdcap .d11{background-color:#ff6600;color:#fff;}
  119. .kdcap .d2{width:20px;margin:5px 0 0 0;text-align:center;}
  120. .kdcap .d2 img{height:14px;}
  121. /*씬롼뭇繫*/
  122. .jflist{}
  123. .jfgtlist{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;margin:0 0;border-top:#E1E6EB solid 1px;border-bottom:#E1E6EB solid 1px;background-color:#fff;}
  124. .jfgtlist .cap{float:left;padding-top:6px;height:21px;font-weight:700;width:100%;font-size:14px;background-color:#FFF7EB;border-bottom:#E1E6EB solid 1px;}
  125. .jfgtlist .u1{float:left;padding:10px 0 7px 0;margin:0 10px;width:calc(100% - 20px);border-top:#BCBCBC dotted 1px;}
  126. .jfgtlist .u1 li{float:left;}
  127. .jfgtlist .u1 .l1{width:50px;text-align:left;}
  128. .jfgtlist .u1 .l2{width:calc(100% - 50px);line-height:18px;}
  129. .jfgtlist .u1 .l2 img{max-width:100%;}
  130. .jfgtlist .u0{border-top:0;}
  131. /*찡소�틔*/
  132. .prots{background-color:#FFFAC3;padding:5px 0;}
  133. .prots .d1{margin:0 10px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;text-align:center;}
  134. .productlist0{background-color:#E9E8E8;padding:5px 0;border-top:#ddd solid 1px;}
  135. .productlist0 .d0{margin:1px 0 0 10px;width:20px;}
  136. .productlist0 .d0 input{border:#ddd solid 1px;}
  137. .productlist0 .d1{margin:0;width:100px;}
  138. .productlist0 .d2{margin:0 10px 0 0;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;text-align:right;}
  139. .productlist1{background-color:#fff;padding:5px 0;}
  140. .productlist1 .d1{margin:0 0 0 10px;width:70px;}
  141. .productlist1 .d2{margin:0 10px 0 10px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;line-height:16px;color:#000;}
  142. .productlist1 .d2 .s0{float:left;width:100%;height:32px;overflow:hidden;}
  143. .productlist1 .d2 .s1{color:#61B9FF;border:#61B9FF solid 1px;float:left;padding:0 3px 0 3px;height:16px;line-height:none;margin:3px 5px 0 0;}
  144. .productlist1 .d2 .s2{color:#FF7D5A;border:#FF7D5A solid 1px;float:left;padding:0 3px 0 3px;height:16px;line-height:none;margin:3px 5px 0 0;}
  145. .productlist1 .d2 .s3{float:left;margin:3px 0 0 0;width:100%;}
  146. .productlist1 .d3{margin:0 10px 0 0;width:60px;line-height:16px;text-align:right;color:#ff6600;}
  147. .productlist2{background-color:#fff;padding:6px 0;border-top:#f5f5f5 solid 1px;margin:0 0 10px 0;border-bottom:#ddd solid 1px;}
  148. .productlist2 .d1{margin:0 10px 0 0;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;text-align:right;}
  149. .productlist2 .d1 a{float:right;border:#dedede solid 1px;border-radius:10px;padding:2px 8px 0 8px;height:17px;margin-left:8px;}
  150. /*�틔랙꼈*/
  151. .djuk{background-color:#fff;}
  152. .djuk .d1{margin:0 0 0 82px;width:80px;}
  153. .djuk .d2{margin:0 0 0 10px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;}
  154. .djuk1{background-color:#fff;}
  155. .djuk1 .d1{margin:10px 0 0 82px;width:80px;}
  156. .djuk1 .d1 input{float:left;width:80px;border:#ddd solid 1px;background-color:#f9f9f9;}
  157. .djuk1 .d2{margin:10px 0 0 10px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;}
  158. /*�틔팀송*/
  159. .propjcap{background-color:#fff;height:32px;border-bottom:#f1f1f1 solid 1px;}
  160. .propjcap .d1{margin:8px 0 0 10px;height:24px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;text-align:center;}
  161. .propjcap .d11{height:22px;border-bottom:#0DACDA solid 2px;color:#0DACDA;}
  162. .propjlist{}
  163. .propjlist .dmain{margin:10px 10px 0 10px;background-color:#fff;}
  164. .propjlist .dmain .u1{float:left;width:calc(100% - 1px);text-align:left;border-bottom:#E3E3E4 solid 1px;border-right:#E3E3E4 solid 1px;}
  165. .propjlist .dmain .u1 li{float:left;padding-top:10px;height:27px;border-top:#E3E3E4 solid 1px;border-left:#E3E3E4 solid 1px;}
  166. .propjlist .dmain .u1 .l1{width:60px;text-align:center;background-color:#F3F6FB;}
  167. .propjlist .dmain .u1 .l2{width:calc(100% - 67px);padding-left:5px;}
  168. .propjlist .dmain .u1 .l2 a:hover{color:#ff6600;}
  169. .propjlist .dmain .u1 .l3{width:129px;padding-left:5px;}
  170. .propjlist .dmain .u2{float:left;width:calc(100% - 2px);text-align:left;border-bottom:#E3E3E4 solid 1px;border-right:#E3E3E4 solid 1px;border-left:#E3E3E4 solid 1px;}
  171. .propjlist .dmain .u2 li{float:left;padding:7px 0;line-height:20px;}
  172. .propjlist .dmain .u2 .l1{width:60px;text-align:center;}
  173. .propjlist .dmain .u2 .l2{width:calc(100% - 71px);padding-left:5px;padding-right:5px;border-left:#E3E3E4 solid 1px;}