style.css 143 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226
  1. @charset "UTF-8";body{min-width:320px;background-color:#f7f7f7}
  2. .height{height:1.3rem}
  3. .bg-white{background-color:#fff}
  4. .pad20{padding:0 .2rem}
  5. .bor-top{border-top:1px solid #f7f7f7}
  6. .bor-bom{border-bottom:1px solid #f7f7f7}
  7. .avatar img{width:100%;height:100%;border-radius:50%}
  8. .main{padding:0 .2rem}
  9. .star{position:absolute;right:.2rem;top:.22rem;font-size:.18rem;color:#f6adb2}
  10. .star .num{display:inline-block;width:1.22rem;height:.26rem;background-image:url(../images/star-icon.png);background-repeat:no-repeat;background-size:1.22rem 2.04rem}
  11. .star .txt{height:.26rem;line-height:.26rem;vertical-align:.06rem}
  12. .star.star5 .num{background-position:0 0}
  13. .star.star4 .num{background-position:0 -.34rem}
  14. .star.star3 .num{background-position:0 -.72rem}
  15. .star.star2 .num{background-position:0 -1.08rem}
  16. .star.star1 .num{background-position:0 -1.44rem}
  17. .star.star0 .num{background-position:0 -1.8rem}
  18. .mark_num{position:absolute;top:.2rem;display:inline-block;min-width:15px;margin-left:.25rem;font-size:10px;font-weight:400;background-color:#fff;border-radius:50%;line-height:15px;color:#e9391c;height:15px;font-style:normal;border:1px solid #e9391c;box-sizing:border-box}
  19. .cart_num{background:#fc6c77;position:absolute;right:23%;top:-.09rem;min-width:.24rem;margin-right:-.05rem;line-height:.24rem;font-size:.2rem;border-radius:50%;color:#fff}
  20. .empty{width:100%;padding-top:1.4rem}
  21. .empty img{width:46%;display:block;margin:0 auto}
  22. .empty p{font-size:.22rem;line-height:1.2rem;text-align:center;color:#aaa}
  23. .empty p a{color:#f84d30}
  24. .loading-line{height:.7rem;line-height:.7rem;text-align:center;background-color:#f5f5f5}
  25. .loading-line i{display:inline-block;width:.7rem;height:1px;background-color:#333;vertical-align:middle}
  26. .loading-line span{margin:0 .2rem}
  27. .index-foot{z-index:20;position:fixed;left:0;bottom:0;width:100%;height:.92rem;background-color:#fff;border-top:1px solid #f1f1f1;align-items:center}
  28. .index-foot a{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;font-size:.2rem}
  29. .index-foot a.on{color:#f84d30}
  30. .index-foot a .icon{display:inline-block;width:.38rem;height:.38rem;background-image:url(../images/index-icon.png);background-size:6rem auto;background-repeat:no-repeat}
  31. .index-foot .home .icon{background-position:0 -2rem}
  32. .index-foot .home.on .icon{background-position:-1rem -2rem}
  33. .index-foot .sort .icon{background-position:0 -3rem}
  34. .index-foot .sort.on .icon{background-position:-1rem -3rem}
  35. .index-foot .community .icon{background-position:0 -4rem}
  36. .index-foot .community.on .icon{background-position:-1rem -4rem}
  37. .index-foot .user .icon{background-position:0 -5rem}
  38. .index-foot .user.on .icon{background-position:-1rem -5rem}
  39. .index-foot p{margin-top:.05rem}
  40. .page-index .page-tit{text-align:center;font-size:.2rem;color:#999}
  41. .page-index .page-tit p{font-size:.3rem;color:#333;margin-bottom:.1rem;font-weight:700}
  42. .page-index .main{padding:0 .2rem}
  43. .page-index header{z-index:20;position:fixed;left:0;top:0;width:100%;height:.8rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fe8300;text-align:center}
  44. .page-index header .order{width:.85rem;font-size:.18rem;color:#fff}
  45. .page-index header .order .icon-order{display:inline-block;width:.31rem;height:.32rem;background-image:url(../images/index-icon.png);background-size:6rem auto;background-position:0 0;margin-bottom:.03rem}
  46. .page-index header .search-link{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;height:.56rem;line-height:.56rem;background-color:#fff;border-radius:30px;text-align:left;text-indent:.25rem;color:#999;font-size:.2rem}
  47. .page-index header .search-link .iconfont{margin-right:.05rem;color:#666}
  48. .page-index header .sign_in{width:.85rem;font-size:.18rem;color:#fff}
  49. .page-index header .sign_in .icon-sign{display:inline-block;width:.31rem;height:.32rem;background-image:url(../images/index-icon.png);background-size:6rem auto;background-position:0 -.98rem;margin-bottom:.03rem}
  50. .page-index .banner{position:relative;width:100%;height:3rem;margin-top:.8rem;overflow:hidden}
  51. .page-index .banner img{width:100%;height:100%}
  52. .page-index .banner .swiper-pagination .swiper-pagination-bullet{background:#fff;opacity:.6}
  53. .page-index .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}
  54. .page-index .nav-list{width:100%;padding-bottom:.23rem;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:.2rem}
  55. .page-index .nav-list a{width:20%;text-align:center;margin-top:.23rem}
  56. .page-index .nav-list a img{width:.88rem;height:.88rem}
  57. .page-index .nav-list a p{margin-top:.1rem}
  58. .page-index .hot-txt{padding:0 .2rem;color:#ff6136}
  59. .page-index .presale-slider{margin-top:.4rem}
  60. .page-index .presale-slider .slider-box{position:relative;margin-top:.28rem;overflow:hidden;padding-bottom:.45rem}
  61. .page-index .presale-slider .slider-box li{width:5.3rem;margin-right:.22rem;border-radius:10px;background-color:#f65533}
  62. .page-index .presale-slider .slider-box li a{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:.25rem .22rem;color:#fff}
  63. .page-index .presale-slider .slider-box li a .img{width:2.16rem;height:2.1rem;margin-right:.15rem}
  64. .page-index .presale-slider .slider-box li a .img img{width:100%;height:100%;border-radius:5px}
  65. .page-index .presale-slider .slider-box li a .info{width:2.53rem;display:flex;flex-direction:column;justify-content:space-around}
  66. .page-index .presale-slider .slider-box li a .info .pro-tit{font-size:.24rem;margin-bottom:.08rem}
  67. .page-index .presale-slider .slider-box li a .info .txt-box{line-height:1.3;font-size:.18rem;display:-webkit-box;display:-moz-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;-moz-line-clamp:6;overflow:hidden}
  68. .page-index .presale-slider .slider-box li a .info .price{margin-top:.07rem;font-size:.2rem}
  69. .page-index .presale-slider .slider-box li a .info .price span{font-size:.26rem}
  70. .page-index .presale-slider .slider-box li:first-child{background-color:#359df5}
  71. .page-index .presale-slider .slider-box li:nth-child(2){background-color:#fa7d25}
  72. .page-index .presale-slider .slider-box li:nth-child(3){background-color:#5bc02a}
  73. .page-index .presale-slider .slider-box .swiper-pagination{bottom:5px}
  74. .page-index .presale-slider .slider-box .swiper-pagination span{background:#bbb;opacity:1;width:6px;height:6px;vertical-align:middle;-webkit-transition:all .3s ease;transition:all .3s ease}
  75. .page-index .presale-slider .slider-box .swiper-pagination .swiper-pagination-bullet-active{-webkit-transform:scale(1.3);transform:scale(1.3)}
  76. .page-index .spike-time{margin-top:.3rem}
  77. .page-index .spike-time .page-tit p{color:#fe2f00}
  78. .page-index .spike-time .product-list li{border-bottom:1px dashed #d4d4d4;padding:.2rem 0}
  79. .page-index .spike-time .product-list li a{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
  80. .page-index .spike-time .product-list li a .product{width:1.6rem;height:1.62rem}
  81. .page-index .spike-time .product-list li a .product img{width:100%;height:100%;border-radius:3px}
  82. .page-index .spike-time .product-list li a .info-box{width:4.18rem;height:1.62rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}
  83. .page-index .spike-time .product-list li a .info-box .tit{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.26rem}
  84. .page-index .spike-time .product-list li a .info-box .count-wrappr span{font-size:.2rem;color:#999}
  85. .page-index .spike-time .product-list li a .info-box .count-wrappr span.old-price{text-decoration:line-through}
  86. .page-index .spike-time .product-list li a .info-box .time-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
  87. .page-index .spike-time .product-list li a .info-box .time-wrapper .countdown{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:.2rem}
  88. .page-index .spike-time .product-list li a .info-box .time-wrapper .countdown span{display:inline-block;width:.32rem;height:.36rem;line-height:.36rem;text-align:center;background-color:#333;border-radius:3px;color:#fff}
  89. .page-index .spike-time .product-list li a .info-box .time-wrapper .countdown i{font-style:normal}
  90. .page-index .spike-time .product-list li a .info-box .time-wrapper .new-price{max-width:1.4rem;font-weight:700;color:#fe2f00;font-size:.28rem;word-wrap:break-word;word-break:normal}
  91. .page-index .drug-selection{margin-top:.3rem}
  92. .page-index .drug-selection .drug-nav{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:.1rem}
  93. .page-index .drug-selection .drug-nav a{width:1.14rem;margin:.1rem .075rem 0 0;text-align:center;font-size:.2rem;color:#000}
  94. .page-index .drug-selection .drug-nav a:nth-child(5n){margin-right:0}
  95. .page-index .drug-selection .drug-nav a img{width:1.14rem;height:.86rem}
  96. .page-index .drug-selection .drug-nav a p{margin-top:.08rem}
  97. .page-index .drug-selection .drug-banner{width:100%;height:2.88rem;margin-top:.25rem}
  98. .page-index .drug-selection .drug-banner img{width:100%;height:100%;display:block}
  99. .page-index .drug-selection .sort-list{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
  100. .page-index .drug-selection .sort-list .item{width:2.95rem;height:1.45rem;margin-top:.12rem;padding:.1rem;background-color:#fff}
  101. .page-index .drug-selection .sort-list .item a{position:relative;display:block;width:100%;height:100%;border-radius:5px;background-color:#ff5252}
  102. .page-index .drug-selection .sort-list .item a .picture{position:absolute;left:.15rem;top:50%;width:1.05rem;height:1.05rem;line-height:1.05rem;margin-top:-.525rem}
  103. .page-index .drug-selection .sort-list .item a .picture img{width:100%;max-height:100%;vertical-align:middle}
  104. .page-index .drug-selection .sort-list .item a .link-go{width:100%;height:100%;padding:0 .1rem 0 1.2rem;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
  105. .page-index .drug-selection .sort-list .item a .link-go .link{display:inline-block;width:.73rem;height:.26rem;line-height:.26rem;margin-top:.2rem;background-color:#fff;border-radius:3px;color:#ff5252;text-align:center;font-size:.18rem}
  106. .page-index .drug-selection .sort-list .item a .link-go .link:after{content:"";width:.1rem;height:.1rem;border-left:.01rem solid #b8b8b8;border-bottom:.01rem solid #b8b8b8;display:inline-block;margin:0;-webkit-transform:rotate(45deg);transform:rotate(-135deg);vertical-align:.02rem}
  107. .page-index .drug-selection .sort-list .item:nth-child(2) a{background-color:#ffac52}
  108. .page-index .drug-selection .sort-list .item:nth-child(2) a .link{color:#ffac52}
  109. .page-index .drug-selection .sort-list .item:nth-child(3) a{background-color:#ff7352}
  110. .page-index .drug-selection .sort-list .item:nth-child(3) a .link{color:#ff7352}
  111. .page-index .drug-selection .sort-list .item:nth-child(4) a{background-color:#72b326}
  112. .page-index .drug-selection .sort-list .item:nth-child(4) a .link{color:#72b326}
  113. .page-index .technical-topics{margin-top:.3rem}
  114. .page-index .technical-topics .list-box{margin-top:.13rem}
  115. .page-index .technical-topics .list-box li{padding:.15rem .22rem;margin-top:.1rem;background-color:#efedee}
  116. .page-index .technical-topics .list-box li .text-box{display:table;width:3.1rem;height:2.1rem}
  117. .page-index .technical-topics .list-box li .text-box .tit{width:3.1rem;margin-bottom:.15rem;font-size:.3rem;color:#087ec2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  118. .page-index .technical-topics .list-box li .text-box .content-box{font-size:.18rem;color:#666;line-height:1.5}
  119. .page-index .technical-topics .list-box li .text-box .content-box p{display:-webkit-box;display:-moz-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;-moz-line-clamp:4;overflow:hidden}
  120. .page-index .technical-topics .list-box li .text-box .price{margin-top:.1rem;font-size:.18rem;color:#999}
  121. .page-index .technical-topics .list-box li .text-box .price .old-price{text-decoration:line-through;margin-right:.1rem}
  122. .page-index .technical-topics .list-box li .text-box .price .new-price{color:#f51111}
  123. .page-index .technical-topics .list-box li .text-box .price .new-price i{font-size:.24rem;font-weight:700;font-style:normal}
  124. .page-index .technical-topics .list-box li .picture{width:2.3rem;height:2.1rem}
  125. .page-index .technical-topics .list-box li .picture img{width:100%;height:100%;border-radius:2px}
  126. .page-index .technical-topics .list-box li.last-child{background-color:#fae29e}
  127. .page-index .technical-topics .list-box li.last-child .tit{color:#333}
  128. .three-productlist .three-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:1.02rem;text-align:center;color:#884dff;font-size:.28rem}
  129. .three-productlist .three-title .line{display:inline-block;width:.85rem;height:2px;background-color:#884dff}
  130. .three-productlist .three-title .icon{display:inline-block;background-image:url(../images/index-icon.png);background-size:6rem auto;background-repeat:no-repeat;vertical-align:middle}
  131. .three-productlist .three-title .icon.icon-sale{width:.45rem;height:.45rem;background-position:-.98rem -.76rem}
  132. .three-productlist .three-title .text-bar{margin:0 .1rem}
  133. .three-productlist .list-box ul{-ms-flex-wrap:wrap;flex-wrap:wrap}
  134. .three-productlist .list-box ul li{width:1.95rem;margin:0 .075rem .1rem 0}
  135. .three-productlist .list-box ul li:nth-child(3n){margin-right:0}
  136. .three-productlist .list-box ul li .picture{width:100%;height:1.95rem}
  137. .three-productlist .list-box ul li .picture img{width:100%;height:100%}
  138. .three-productlist .list-box ul li .info-txt{font-size:.2rem;line-height:1.3}
  139. .three-productlist .list-box ul li .info-txt .tit{color:#555;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  140. .three-productlist .list-box ul li .info-txt .old-price{font-size:.18rem;color:#999}
  141. .three-productlist .list-box ul li .info-txt .new-price{color:#fe2f00}
  142. .three-productlist.new-pro .three-title{color:#fe3000}
  143. .three-productlist.new-pro .three-title .line{background-color:#fe3000}
  144. .three-productlist.new-pro .three-title .icon-sale{background-position:-1rem 0;margin-right:.03rem}
  145. .three-productlist.hot-pro .three-title{color:#fe8300}
  146. .three-productlist.hot-pro .three-title .line{background-color:#fe8300}
  147. .three-productlist.hot-pro .three-title .icon-sale{background-position:-1.96rem .02rem;margin-right:.03rem}
  148. a.more-gif{display:block;width:3.28rem;height:.6rem;margin:.22rem auto 0;background-color:#f0f0f0}
  149. a.more-gif img{width:100%;height:auto;display:block}
  150. .model-bg{z-index:-1;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,0);-webkit-backdrop-filter:blur(10px)}
  151. .model-bg.on{z-index:50;background-color:rgba(0,0,0,.65);-webkit-transition:all 50ms ease;transition:all 50ms ease}
  152. .card-model{z-index:999;position:fixed;left:0;bottom:0;background-color:#fff;width:100%;-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);-webkit-transition:all .5s ease;transition:all .5s ease}
  153. .card-model.up{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
  154. .card-model .selects-info{max-height:3.96rem;overflow:hidden;margin:.3rem .2rem 0;overflow-y:scroll}
  155. .card-model .cm-header{position:relative;margin:0 .2rem}
  156. .card-model .cm-header .header-product{position:absolute;left:-.04rem;top:-.3rem;width:1.8rem;height:1.8rem;padding:.08rem;overflow:hidden;border-radius:5px;background-color:#fff;-webkit-box-shadow:2px 2px 1px #e4e4e4;box-shadow:2px 2px 1px #e4e4e4}
  157. .card-model .cm-header .header-product img{width:100%;height:100%}
  158. .card-model .cm-header .header-info{padding:.22rem 0 0 2.08rem;font-size:.22rem;color:#666;height:1.7rem}
  159. .card-model .cm-header .header-info i{font-style:normal}
  160. .card-model .cm-header .header-info .money{font-size:.28rem;color:#d2303a}
  161. .card-model .cm-header .header-info .stock{display:block;margin:.2rem 0}
  162. .card-model .cm-header .header-info .tips{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.2}
  163. .card-model .cm-selects h1{font-weight:400;line-height:.7rem}
  164. .card-model .cm-selects .options{font-size:0}
  165. .card-model .cm-selects .options span{display:inline-block;min-width:1rem;height:.5rem;line-height:.5rem;padding:0 .1rem;font-size:.22rem;color:#666;background-color:#f3f3f3;margin:.2rem .2rem 0 0;text-align:center;border-radius:5px;cursor:pointer}
  166. .card-model .cm-selects .options span.on{background-color:#d2303a;color:#fff}
  167. .card-model .cm-selects .option-size span{min-width:1.6rem;margin:.1rem .1rem 0 0}
  168. .amount{margin:.3rem .2rem 0}
  169. .amount .text{line-height:.62rem}
  170. .amount .count{width:2.5rem;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;border:1px solid #b5b5b5;border-radius:3px;height:.62rem;line-height:.62rem}
  171. .amount .count div{display:block;width:.65rem;text-align:center;font-size:.36rem;color:#999;cursor:pointer}
  172. .amount .count input{width:1.22rem;text-align:center;border:1px solid #b5b5b5;border-top:0;border-bottom:0;color:#666;border-radius:0}
  173. .card-model .model-footer{width:100%;display:-webkit-flex;display:flex;margin-top:.4rem}
  174. .card-model .model-footer a{display:block;-webkit-flex:1;flex:1;text-align:center;height:.8rem;line-height:.8rem;color:#fff}
  175. .card-model .model-footer .footer-car{background-image:-webkit-linear-gradient(to right,#ffca00,#ff9502);background-image:linear-gradient(to right,#ffca00,#ff9502)}
  176. .card-model .model-footer .footer-buy{background-image:-webkit-linear-gradient(to right,#ff7000,#fc4b1a);background-image:linear-gradient(to right,#ff7000,#fc4b1a)}
  177. .card-model .model-footer .footer-buy.no,.card-model .model-footer .footer-car.no{background-color:#ccc;background-image:initial}
  178. .card-model .model-close{position:absolute;right:.24rem;top:.24rem;width:.4rem;height:.4rem;background-image:url(../images/model-close.png);background-size:100% 100%;background-repeat:no-repeat}
  179. .product-con .banner{position:relative;overflow:hidden}
  180. .product-con .banner li{width:100%;height:6.4rem}
  181. .product-con .banner li img{width:100%;height:100%}
  182. .product-con .banner .pro-coundown{z-index:10;position:absolute;left:0;bottom:0;width:100%;padding:.2rem;background-color:#ff822a;text-align:right}
  183. .product-con .banner .pro-coundown .txt{height:.36rem;line-height:.36rem;text-align:right;font-size:.24rem;color:#fff}
  184. .product-con .banner .pro-coundown .txt .icon-sd{display:inline-block;width:.35rem;height:.36rem;background-image:url(../images/icon-shandian.png);background-size:.3rem .32rem;background-repeat:no-repeat;background-position:center center;vertical-align:middle}
  185. .product-con .banner .pro-coundown .countdown{float:right;margin-left:.24rem;font-size:.2rem;color:#fff}
  186. .product-con .banner .pro-coundown .countdown i{font-style:normal;color:#333;font-size:.22rem}
  187. .product-con .banner .pro-coundown .countdown span{display:inline-block;width:.32rem;height:.36rem;line-height:.36rem;text-align:center;background-color:#333;border-radius:3px}
  188. .product-con .product-info{padding:.2rem;background-color:#fff}
  189. .product-con .product-info .title{width:80%;font-size:.3rem;line-height:1.3}
  190. .product-con .product-info .price{padding:.2rem 0;font-size:.4rem;color:#ff3e00}
  191. .product-con .product-info .oldprice{margin-bottom:.15rem;font-size:.22rem;color:#666}
  192. .product-con .product-info .info-amount{font-size:.22rem;color:#666;-webkit-justify-content:space-between;justify-content:space-between}
  193. .product-con .product-info .integral{margin-top:.15rem;font-size:.22rem;line-height:.3rem;color:#666}
  194. .product-con .product-info .integral span{display:inline-block;width:.42rem;height:14px;text-align:center;font-size:10px;color:#ff3e00;border:1px solid #ff3e00;border-radius:3px;vertical-align:.03rem;line-height:normal}
  195. .product-con .like-it{line-height:.71rem;height:.71rem;border-top:1px solid #eee;background-color:#fff;text-align:center;font-size:.22rem;color:#666}
  196. .product-con .like-it .zan-btn{display:inline-block;width:.46rem;height:.46rem;line-height:.46rem;border:1px solid #bababa;border-radius:50%;color:#bababa;font-size:.28rem;cursor:pointer}
  197. .product-con .like-it .zan-btn.icon-thumbsup110{border-color:#f98327;color:#f98327}
  198. .product-con .like-it span{font-size:.3rem;color:#f98327;vertical-align:-.02rem}
  199. .product-con .pro-attributes{height:.82rem;line-height:.82rem;padding:0 .2rem;margin-top:.1rem;background-color:#fff}
  200. .product-con .pro-attributes:after{content:"";width:.15rem;height:.15rem;border-left:.015rem solid #999;border-bottom:.015rem solid #999;display:block;float:right;margin:.3rem .1rem 0 .2rem;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
  201. .product-con .item-box .item-tit{height:.73rem;line-height:.73rem;background-color:#f1f1f1;text-align:center;font-size:.22rem;color:#aaa}
  202. .product-con .item-box .item-tit .line{display:inline-block;width:.9rem;height:1px;margin:0 .1rem;background-color:#e0e0e0;vertical-align:middle}
  203. .product-con .item-box .item-tit .iconfont{font-size:.26rem;vertical-align:-.02rem;color:#b6b6b6;margin-right:.05rem}
  204. .product-con .item-box .item-tit .iconfont.icon-icon-tupian{font-size:.3rem}
  205. .product-con .item-box .assess-hot{padding:.2rem;background-color:#fff}
  206. .product-con .item-box .assess-hot .title{color:#000}
  207. .product-con .item-box .assess-hot .assess-hot-con .user-info{position:relative;margin-top:.2rem;color:#000;align-items:center}
  208. .product-con .item-box .assess-hot .assess-hot-con .user-info .avatar{width:.38rem;height:.38rem}
  209. .product-con .item-box .assess-hot .assess-hot-con .user-info .star{position:initial;margin-left:.1rem}
  210. .product-con .item-box .assess-hot .assess-hot-con .user-info .name{margin-left:.1rem}
  211. .product-con .item-box .assess-hot .assess-hot-con .txt-info{margin:.12rem 0;line-height:1.4;font-size:.22rem;color:#000;overflow:hidden;text-overflow:ellipsis}
  212. .product-con .item-box .assess-hot .assess-hot-con .pro-parameter{color:#888;font-size:.2rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  213. .product-con .item-box .assess-hot .assess-hot-con .more{display:block;width:2rem;height:.38rem;margin:.25rem auto 0;line-height:.37rem;text-align:center;border:1px solid #ff7000;color:#ff7000;border-radius:30px}
  214. .product-con .item-box .con-box{padding:.2rem;line-height:1.5;background-color:#fff;word-break:break-all}
  215. .product-con .item-box .con-box img{max-width:100%;display:block}
  216. .product-con .footer-bar{z-index:10;position:fixed;left:0;bottom:0;width:100%;border-top:1px solid #e0e0e0;background-color:#fff;text-align:center;-webkit-align-items:center;align-items:center}
  217. .product-con .footer-bar a{width:.87rem;color:#666;position:relative}
  218. .product-con .footer-bar a .iconfont,.product-con .footer-bar a.iconfont{font-size:.34rem;color:#999;font-size:.36rem}
  219. .product-con .footer-bar a p{font-size:.18rem;margin-top:.05rem;color:#666}
  220. .product-con .footer-bar a.icon-xing2{color:#e62800}
  221. .product-con .footer-bar .big-btn{-webkit-flex:1;flex:1;height:.86rem;line-height:.86rem;color:#fff;cursor:pointer}
  222. .product-con .footer-bar .buy-car{background-image:-webkit-linear-gradient(to right,#ffca00,#ff9502);background-image:linear-gradient(to right,#ffca00,#ff9502)}
  223. .product-con .footer-bar .confirm{background-image:-webkit-linear-gradient(to right,#ff7000,#fc4b1a);background-image:linear-gradient(to right,#ff7000,#fc4b1a)}
  224. .template-piclist{padding:0 3px}
  225. .template-piclist .hot-tit{height:1rem;line-height:1.5;margin-top:.08rem;text-align:center;background-color:#f35e2f;color:#fff;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;color:rgba(255,255,255,.8)}
  226. .template-piclist .hot-tit p{font-size:.3rem;color:rgba(255,255,255,1)}
  227. .template-piclist ul{-webkit-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}
  228. .template-piclist ul li{position:relative;width:3.12rem;margin-top:.05rem}
  229. .template-piclist ul li .picture{width:100%;height:3.14rem}
  230. .template-piclist ul li .picture img{width:100%;height:100%}
  231. .template-piclist ul li .pro-info{padding:.1rem .1rem .18rem;background-color:#fff}
  232. .template-piclist ul li .pro-info .title{height:.6rem;line-height:1.3;color:#000;display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-line-clamp:2;-moz-line-clamp:2;overflow:hidden}
  233. .template-piclist ul li .pro-info .conut{margin-top:.12rem;color:#ababab;font-size:.2rem}
  234. .template-piclist ul li .pro-info .price{margin-top:.12rem;color:#e62800}
  235. .template-piclist ul li .buy-car-btn{position:absolute;right:.1rem;bottom:.2rem;width:.5rem;height:.5rem;border-radius:50%;background-color:#e62800;text-align:center;line-height:.5rem;color:#fff;font-size:.26rem;-webkit-box-shadow:1px 1px 5px 1px rgba(230,40,0,.34);box-shadow:1px 1px 5px 1px rgba(230,40,0,.34)}
  236. .user-addresslist{background-image:url(../images/line.png);background-repeat:no-repeat;background-size:100% .08rem;background-position:left top;padding-top:.08rem}
  237. .user-addresslist .address-item{margin-bottom:.1rem;background-color:#fff}
  238. .user-addresslist .address-add{z-index:99;position:fixed;left:0;bottom:0;width:100%;height:.7rem;line-height:.7rem;text-align:center;background-color:#f84326;text-align:center;color:#fff}
  239. .user-addresslist .address-item .user-info{padding:.2rem}
  240. .user-addresslist .address-item .user-info p{line-height:1.5}
  241. .user-addresslist .address-btn{padding:.18rem .2rem;border-top:1px solid #eee;-webkit-align-items:center;align-items:center}
  242. .user-addresslist .address-btn .switch-btn{width:3.73rem}
  243. .user-addresslist .address-btn .switch-btn .well-check .icon{display:inline-block;width:.35rem;height:.35rem;border:1px solid #e0e0e0;border-radius:50%;vertical-align:-.1rem}
  244. .user-addresslist .address-btn .switch-btn .well-check .ckecks{display:none}
  245. .user-addresslist .address-btn .switch-btn .well-check .ckecks:checked+.icon{background-color:#f84426;border-color:#f84426;background-image:url(../images/enter.png);background-size:.17rem .12rem;background-position:center center;background-repeat:no-repeat}
  246. .user-addresslist .address-btn .action-btn span{display:inline-block;width:.96rem;height:.45rem;margin-left:.1rem;border-radius:3px;border:1px solid #9e9e9e;text-align:center;line-height:.45rem;font-size:.2rem}
  247. .dealer-settled{padding:0 .2rem}
  248. .dealer-settled .deealer-info .address{background-image:url(../images/user-address.png);background-size:.48rem .48rem;background-repeat:no-repeat;background-position:95% center}
  249. .dealer-settled .deealer-info input{display:block;width:100%;height:.77rem;line-height:normal;margin-top:.2rem;border:1px solid #eee;background-color:#fff;text-indent:.2rem;border-radius:3px}
  250. .dealer-settled .deealer-info input::-webkit-input-placeholder{color:#bbb}
  251. .dealer-settled .upload-pic{margin-top:.2rem;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}
  252. .dealer-settled .upload-pic .item{position:relative;width:2.95rem;height:2.25rem;background-color:#fff;border:1px solid #eee;text-align:center}
  253. .dealer-settled .upload-pic .item img{max-width:100%;height:100%}
  254. .dealer-settled .upload-pic .item .select-pic{height:100%;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}
  255. .dealer-settled .upload-pic .item .select-pic img{width:.26rem;height:.26rem;padding:.17rem;border:1px solid #ccc;border-radius:50%}
  256. .dealer-settled .upload-pic .item .select-pic p{margin-top:.15rem;font-size:.22rem;color:#999}
  257. .dealer-settled .upload-pic .item .close{position:absolute;left:0;top:0;width:.5rem;height:.5rem;background-color:#ccc;width:100%;height:100%;background-color:rgba(0,0,0,.4);-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff}
  258. .dealer-settled .upload-pic .item .close img{width:.26rem;height:.26rem;padding:.17rem;border:1px solid #ccc;border-radius:50%;background-color:#fff}
  259. .dealer-settled .upload-pic .item .close p{margin-top:.15rem;font-size:.22rem}
  260. .dealer-settled .sub-btn{margin-top:.3rem;height:.75rem;line-height:.75rem;text-align:center;color:#fff;background-color:#fa7d25;border-radius:3px;cursor:pointer}
  261. .dealer-settled .foot-txt{position:fixed;left:0;bottom:0;width:100%;height:.66rem;line-height:.66rem;background-color:#eee;text-align:center;font-size:.2rem;color:#565656}
  262. .dealer-settled .foot-txt .yw-icon{display:inline-block;width:.26rem;height:.26rem;background-image:url(../images/yiwen.png);background-size:100% 100%;vertical-align:middle;margin-right:.1rem}
  263. .ruzhu-banner{width:100%;height:2.11rem}
  264. .ruzhu-banner img{width:100%;height:100%;display:block}
  265. .wed-reservation{padding:0 .24rem}
  266. .wed-reservation .title{height:1.15rem;line-height:1.15rem;text-align:center;font-size:.28rem;border-bottom:1px solid #ddd}
  267. .wed-reservation h1{line-height:.8rem;height:.8rem;font-weight:400;font-size:.22rem;color:#555}
  268. .wed-reservation .txt-con{font-size:.2rem;color:#666;line-height:1.5}
  269. .wed-reservation .txt-con span{display:block}
  270. .wed-reservation .start{margin-top:.3rem;text-align:center;border-top:1px solid #ddd}
  271. .wed-reservation .start .confirm-btn{height:1.25rem;line-height:1.25rem}
  272. .wed-reservation .start .confirm-btn .well-check .icon{display:inline-block;width:.28rem;height:.28rem;border:1px solid #999;border-radius:3px;vertical-align:-.06rem;color:#666;margin-right:.12rem}
  273. .wed-reservation .start .confirm-btn .well-check .ckecks:checked+.icon{background-color:#fa7d25;border:1px solid #fa7d25;background-image:url(../images/enter.png);background-position:center center;background-size:.16rem .11rem;background-repeat:no-repeat}
  274. .wed-reservation .start-res a{display:inline-block;width:4.8rem;height:.75rem;line-height:.75rem;background-color:#fa7d25;color:#fff;border-radius:3px}
  275. .wed-reservation .orders{display:inline-block;width:4.8rem;height:.75rem;margin-top:.2rem;line-height:.75rem;color:#f6cccf;border-radius:3px;border:1px solid #f6cccf;-webkit-box-sizing:border-box;box-sizing:border-box}
  276. .order-confirm .user-address{display:table;width:100%;height:1.56rem;padding:0 .2rem;background-color:#fff;background-image:url(../images/line.png);background-repeat:no-repeat;background-size:100% .05rem;background-position:left bottom}
  277. .order-confirm .user-address .add{display:inline-block;width:.55rem;height:100%;background-image:url(../images/address-icon01.png);background-size:.31rem .37rem;background-repeat:no-repeat;background-position:left center}
  278. .order-confirm .user-address .txt-box{position:relative;display:table-cell;height:100%;line-height:1.5;padding:.15rem 0;vertical-align:middle;font-size:.22rem;color:#888}
  279. .order-confirm .user-address .txt-box .name{margin-bottom:.05rem;font-size:.24rem;color:#333}
  280. .order-confirm .user-address .txt-box:after{content:"";width:.15rem;height:.15rem;border-left:.02rem solid #999;border-bottom:.02rem solid #999;display:block;-webkit-transform:rotate(-135deg);position:absolute;right:0;top:50%;margin-top:-.075rem}
  281. .order-confirm .integ-order-info{background-color:#fff}
  282. .order-confirm .integ-order-info .titles{height:.76rem;line-height:.76rem;padding:0 .2rem;margin-top:.15rem;border:1px solid #efefef;border-left:0;border-right:0;background-color:#fff}
  283. .order-confirm .integ-order-info .integ-order-pro{padding:.18rem .2rem;background-color:#fff}
  284. .order-confirm .integ-order-info .integ-order-pro .item{padding:.2rem;background-color:#fafafa;border-radius:3px;border-bottom:1px dashed #ddd}
  285. .order-confirm .integ-order-info .integ-order-pro .item:last-child{border-bottom:0}
  286. .order-confirm .integ-order-info .integ-order-pro .item .img{width:1.4rem;height:1.4rem}
  287. .order-confirm .integ-order-info .integ-order-pro .item .img img{width:100%;height:100%;border-radius:3px}
  288. .order-confirm .integ-order-info .integ-order-pro .item .infos{width:3.95rem;line-height:1.5;font-size:.2rem;color:#999}
  289. .order-confirm .integ-order-info .integ-order-pro .item .infos .name{color:#444;font-size:.24rem;display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-line-clamp:2;-moz-line-clamp:2;overflow:hidden}
  290. .order-confirm .integ-order-info .integ-order-pro .item .infos .shux{margin:.03rem 0}
  291. .order-confirm .integ-order-info .integ-order-pro .item .infos .count{font-size:.26rem;color:#d2303a}
  292. .order-confirm .integ-order-info .integ-order-pro .item .infos .count span{color:#999}
  293. .order-confirm .integ-order-info .integ-order-pro .item .infos .time{font-size:.18rem}
  294. .order-confirm .integ-order-info .parameter{padding:0 .2rem;border-top:1px solid #efefef;border-bottom:1px solid #efefef;background-color:#fff}
  295. .order-confirm .integ-order-info .parameter li{padding:.26rem 0;-webkit-align-items:center;align-items:center;border-bottom:1px solid #efefef;-webkit-justify-content:space-between;justify-content:space-between}
  296. .order-confirm .integ-order-info .parameter li .txt{max-width:4.25rem}
  297. .order-confirm .integ-order-info .parameter li .txt p{font-size:.2rem;color:#ff8d10;margin-top:.1rem}
  298. .order-confirm .integ-order-info .parameter li input{margin-left:.2rem;-webkit-flex:1;flex:1}
  299. .order-confirm .integ-order-info .parameter li input::-webkit-input-placeholder{color:#ccc}
  300. .order-confirm .integ-order-info .parameter li:last-child{border-bottom:0}
  301. .order-confirm .integ-order-info .parameter li a.select-txt:after{content:"";width:.12rem;height:.12rem;border-left:.02rem solid #999;border-bottom:.02rem solid #999;display:block;-webkit-transform:rotate(-135deg);float:right;margin:.06rem 0 0 0}
  302. .order-confirm .integ-order-info .all-price{margin:0 .2rem;height:.81rem;line-height:.81rem;border-bottom:1px solid #efefef;text-align:right}
  303. .order-confirm .integ-order-info .all-price span{color:#e3383e}
  304. .comfirm-wrapper{font-size:.25rem;color:#3c3c3c;margin-bottom:1%;margin-top:2%;background:#fff}
  305. .Recharge-top{padding:.2rem;background:#fff;border-bottom:1px solid #E5E5E5}
  306. .Refund-list{position:relative;margin:0 3%}
  307. .regular-checkbox{display:none}
  308. .regular-checkbox+label{height:.3008rem;width:.3008rem;display:block;background:url(../images/ico-select.png) 0 -.33rem no-repeat;background-size:cover}
  309. .regular-checkbox:checked+label{background:url(../images/ico-select02.png) 0 0 no-repeat;background-size:contain}
  310. label.skin-lable{position:absolute;right:.24rem;top:.33rem;z-index:2}
  311. .Refund-list .passenger-list{padding:.2rem;line-height:.6rem}
  312. .passenger-list{border-bottom:1px solid #eee}
  313. .Refund-list .passenger-list p{font-size:.24rem}
  314. .Refund-list .passenger-list p .bank-icon{width:.4rem;display:inline-block;height:.4rem;background-size:100% 100%;margin:-.13rem 0;margin-right:.2rem}
  315. .Refund-list .passenger-list p .icon-weixin{background-image:url(../images/weixin02.png)}
  316. .cart-calc02{z-index:2;position:fixed;width:100%;left:0;bottom:0;height:.7rem;background:#fff;overflow:hidden;border-top:1px solid #e5e5e5}
  317. .Refund-list .passenger-list .p-name em{color:grey;width:64%;display:inline-block;text-align:right}
  318. .cart-calc02 .select-all{position:absolute;left:0;top:0;height:.7rem;padding-left:.2rem;line-height:.7rem;font-size:.24rem;white-space:nowrap;word-break:break-all;word-wrap:break-word;color:#4f4f4f}
  319. .cart-calc02 .paydeatial{padding:.2rem;display:block;font-size:.25rem;color:#3c3c3c}
  320. .cart-calc02 .select-all em{color:grey;padding-left:.78rem;font-size:.2rem}
  321. .cart-calc02 .select-all span{color:#e70b0a}
  322. .cart-calc02 a{position:absolute;top:0;right:0;width:2rem;height:100%;line-height:.3rem;font-size:.26rem;text-align:center;color:#fff;background:#ef403f;padding:.2rem 0}
  323. .thickness-wrapper{position:fixed;left:50%;top:0;width:4.6rem;height:5.5rem;margin:-2.75rem 0 0 -2.3rem;background-color:#fff;transform:translate3d(0,-100%,0)}
  324. .thickness-wrapper.active{z-index:999;top:50%;transform:translate3d(0,0,0);-webkit-transition:all .4s ease-out;transition:all .4s ease-out}
  325. .thickness-wrapper .top-bg{width:100%;height:2.73rem;background-image:url(../images/thickness-wrapper-bg.jpg);background-size:cover}
  326. .thickness-wrapper .infos{padding:.3rem .4rem .3rem;text-align:center}
  327. .thickness-wrapper .infos h2{font-weight:400;color:#ffb045;font-size:.3rem}
  328. .thickness-wrapper .infos p{margin-top:.22rem;color:#666}
  329. .thickness-wrapper .infos .btn{display:inline-block;width:2.4rem;height:.58rem;line-height:.58rem;margin-top:.5rem;background-color:#ffb51e;color:#fff;border-radius:30px}
  330. .product-sort .search-wrapper{z-index:99;position:relative;padding:.12rem .7rem .12rem .2rem;background-color:#fff;border-bottom:1px solid #f7f7f7}
  331. .product-sort .search-wrapper input{display:block;width:100%;height:.56rem;line-height:normal;background-color:#f6f6f6;padding:0 .18rem 0 12%;font-size:.22rem;border:1px solid #eee;border-radius:3px;background-image:url(../images/index-icon.png);background-size:6rem auto;background-repeat:no-repeat;background-position:-4.14rem -3.9rem}
  332. .product-sort .search-wrapper input::-webkit-input-placeholder{color:#999}
  333. .product-sort .search-wrapper .menu{position:absolute;right:0;top:0;width:.7rem;height:100%;background-image:url(../images/index-icon.png);background-size:6rem auto;background-repeat:no-repeat;background-position:-4.04rem -2.76rem}
  334. .prent-alink{z-index:999;position:fixed;left:0;top:0;width:2.8rem;height:100%;background-color:#fff;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
  335. .prent-alink.on{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
  336. .prent-alink .title{width:100%;height:.7rem;line-height:.7rem;padding:0 .4rem 0 .3rem;background-color:#e77817}
  337. .prent-alink .title a{display:block;color:#fff}
  338. .prent-alink .title a:after{content:"";width:.13rem;height:.13rem;border-left:.02rem solid #fff;border-bottom:.02rem solid #fff;display:block;float:right;margin:.26rem .1rem 0 .2rem;-webkit-transform:rotate(45deg);transform:rotate(-135deg)}
  339. .prent-alink li{padding:0 .4rem 0 .3rem;height:.7rem;line-height:.7rem;border-bottom:1px solid #eee}
  340. .prent-alink li a{display:block}
  341. .prent-alink li a:after{content:"";width:.13rem;height:.13rem;border-left:.02rem solid #666;border-bottom:.02rem solid #666;display:block;float:right;margin:.26rem .1rem 0 .2rem;-webkit-transform:rotate(45deg);transform:rotate(-135deg)}
  342. .product-sort .price-select{z-index:99;position:relative;width:100%;background-color:#fff;border-bottom:1px solid #eee}
  343. .product-sort .price-select.active{position:fixed;left:0;top:0}
  344. .product-sort .price-select .item{-webkit-flex:1;flex:1;height:.75rem;line-height:.75rem;text-align:center;color:#666}
  345. .product-sort .price-select .all-txt{-webkit-flex:inherit;flex:inherit;min-width:1.35rem;max-width:2rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 .2rem}
  346. .product-sort .price-select .all-txt:after{content:"";width:.12rem;height:.12rem;border-left:.02rem solid #333;border-bottom:.02rem solid #333;display:inline-block;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);vertical-align:.04rem;margin-left:.1rem}
  347. .product-sort .price-select .item.on,.product-sort .price-select .item.selected-down.on,.product-sort .price-select .item.selected-up.on{color:#000}
  348. .product-sort .price-select .layout-vertical{width:.65rem;height:.75rem;line-height:.75rem;text-align:center}
  349. .product-sort .price-select .layout-vertical span{display:inline-block;width:.29rem;height:.29rem;background-image:url(../images/gc-icon.png);background-size:2.55rem auto;background-repeat:no-repeat;background-position:0 0;vertical-align:-.06rem}
  350. .product-sort .price-select .layout-vertical.on span{background-position:0 -1rem}
  351. .product-sort .price-select .item .icon{display:inline-block;width:.15rem;height:.19rem;background-image:url(../images/gc-icon.png);background-size:2.55rem auto;background-repeat:no-repeat;background-position:-.8rem 0;vertical-align:-.02rem;margin-left:.1rem}
  352. .product-sort .price-select .item.selected-up .icon{background-position:-2.4rem 0}
  353. .product-sort .price-select .item.selected-down .icon{background-position:-1.6rem 0}
  354. .product-sort .price-select .send-list{display:none;position:absolute;left:0;top:.77rem;width:100%;background-color:#fff}
  355. .product-sort .price-select .send-list.on{display:block}
  356. .product-sort .price-select .send-list li{line-height:.75rem;border-bottom:1px solid #eee;padding:0 .2rem;color:#454545}
  357. .product-sort .price-select .send-list li.on{color:#e62800;background-image:url(../images/enter01.png);background-repeat:no-repeat;background-size:.22rem .18rem;background-position:95% center}
  358. .product-sort .product-list.active{padding-top:.8rem}
  359. .product-sort .product-list .list-layout{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;padding:0 .05rem}
  360. .product-sort .product-list .list-layout li{position:relative;width:3.1rem;margin-top:.1rem;background-color:#fff;-webkit-flex-wrap:wrap;flex-wrap:wrap}
  361. .product-sort .product-list .list-layout li a{-webkit-flex-wrap:wrap;flex-wrap:wrap}
  362. .product-sort .product-list .list-layout li .img{width:100%;height:3.1rem}
  363. .product-sort .product-list .list-layout li .img img{width:100%;height:100%}
  364. .product-sort .product-list .list-layout li .info-txt{-webkit-flex:1;flex:1;padding:.1rem .13rem;line-height:1.5;color:#000}
  365. .product-sort .product-list .list-layout li .info-txt .name{height:.72rem;display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-line-clamp:2;-moz-line-clamp:2;overflow:hidden}
  366. .product-sort .product-list .list-layout li .info-txt .count{display:inline-block;font-size:.2rem;color:#ababab}
  367. .product-sort .product-list .list-layout li .info-txt .price{color:#e62800}
  368. .product-sort .product-list .list-layout li .buy-car{position:absolute;right:0;bottom:0;width:.67rem;height:.67rem;background-image:url(../images/buy-cars.png);background-repeat:no-repeat;background-size:100% 100%;background-position:center center}
  369. .product-sort .product-list .vertical{background-color:#fff}
  370. .product-sort .product-list .vertical li{width:100%;padding:.15rem;border-bottom:1px solid #eee}
  371. .product-sort .product-list .vertical li .img{width:1.6rem;height:1.6rem;border-radius:3px;overflow:hidden}
  372. .product-sort .product-list .vertical li .info-txt{margin-left:.2rem}
  373. .product-sort .product-list .vertical li .count{margin:.1rem 0 0 0}
  374. .product-sort .product-list .vertical li .buy-car{right:.2rem;bottom:.2rem}
  375. .buy-car header{z-index:999;position:fixed;left:0;top:0;width:100%;height:.64rem;line-height:.64rem;padding:0 .18rem;background-color:#e3383e;color:#fff;font-size:.22rem}
  376. .buy-car header .edits{display:inline-block;width:.25rem;height:.25rem;margin-right:.1rem;vertical-align:-.04rem;background-image:url(../images/edit.png);background-size:.25rem .25rem;background-repeat:no-repeat}
  377. .buy-car .pro-list{margin:.58rem 0 0}
  378. .buy-car .pro-list li{position:relative;margin-top:.1rem;border-top:1px solid #eee;border-bottom:1px solid #eee;background-color:#fff;padding:.25rem 0}
  379. .buy-car .pro-list li .selected{width:.92rem;height:1.3rem}
  380. .buy-car .pro-list li .pro-info{position:relative;z-index:10;-webkit-flex:1;flex:1}
  381. .buy-car .pro-list li .pro-info .img{width:1.3rem;height:1.3rem}
  382. .buy-car .pro-list li .pro-info .img img{width:100%;height:100%;border-radius:3px}
  383. .buy-car .pro-list li .pro-info .infos{display:table;width:3.82rem;min-height:1.3rem;margin-left:.18rem;line-height:1.3}
  384. .buy-car .pro-list li .pro-info .infos .title{font-size:.26rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:3.82rem}
  385. .buy-car .pro-list li .pro-info .infos .attr{margin:.1rem 0;color:#868686}
  386. .buy-car .pro-list li .pro-info .infos .price{font-size:.3rem;color:#fe2f00}
  387. .buy-car .pro-list li .pro-info .infos .price i{font-style:normal;font-size:.24rem}
  388. .buy-car .pro-list li .selected{position:relative}
  389. .buy-car .pro-list li .selected input{display:none}
  390. .buy-car .pro-list li .selected .icon{position:absolute;left:50%;top:50%;margin:-.18rem 0 0 -.18rem;display:inline-block;width:18px;height:18px;border:1px solid #cdcdcd;border-radius:50%}
  391. .buy-car .pro-list li .selected input:checked+.icon{background-color:#e9391c;border-color:#e9391c;background-image:url(../images/enter.png);background-size:.17rem .12rem;background-repeat:no-repeat;background-position:center center}
  392. .buy-car .pro-list li .amount{z-index:29;position:absolute;right:.2rem;bottom:.23rem;color:#454545;cursor:pointer}
  393. .buy-car .pro-list li .amount .count div{line-height:.45rem}
  394. .buy-car .car-footer{z-index:999;position:fixed;left:0;bottom:.92rem;width:100%;height:.88rem;background-color:#fff;border-top:1px solid #e0e0e0;-webkit-justify-content:space-between;justify-content:space-between}
  395. .buy-car .amount .count{width:1.5rem;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;border:1px solid #ddd;border-radius:3px;height:.5rem;line-height:.5rem}
  396. .buy-car .amount .count div{display:block;width:.48rem;text-align:center;font-size:.36rem;color:#454545;cursor:pointer}
  397. .buy-car .amount .count input{width:.55rem;text-align:center;border:1px solid #ddd;border-top:0;border-bottom:0;color:#666;border-radius:0}
  398. .buy-car .car-footer .selected{position:relative;padding-left:.26rem;width:1.68rem;height:100%;line-height:.88rem}
  399. .buy-car .car-footer .selected input{display:none}
  400. .buy-car .car-footer .selected .icon{display:inline-block;width:18px;height:18px;border:1px solid #cdcdcd;border-radius:50%;vertical-align:-.1rem}
  401. .buy-car .car-footer .selected input:checked+.icon{background-color:#e9391c;border-color:#e9391c;background-image:url(../images/enter.png);background-size:.17rem .12rem;background-repeat:no-repeat;background-position:center center}
  402. .buy-car .car-footer .selected span{display:inline-block;height:100%;margin-left:.1rem;font-size:.24rem}
  403. .buy-car .car-footer .all-price{width:2.5rem;height:100%;line-height:.88rem;text-align:center}
  404. .buy-car .car-footer .all-price span{color:#d03030}
  405. .buy-car .car-footer .button{width:2.2rem;height:100%;background-color:#e9391c;line-height:.88rem;color:#fff}
  406. .buy-car .car-footer .button span{display:block;text-align:center;cursor:pointer}
  407. .buy-car .car-footer .button .delete_btn{display:none}
  408. .buy-car .car-footer.delete .all-price{display:none}
  409. .buy-car .car-footer.delete .delete_btn{display:block}
  410. .buy-car .car-footer.delete .sub_btn{display:none}
  411. .edit-hock .cancel{display:none}
  412. .edit-hock.on .cancel{display:inline-block}
  413. .edit-hock.on .edit-txt{display:none}
  414. .tmp-invalid-list .title{width:100%;height:.9rem;line-height:.9rem;text-align:center}
  415. .tmp-invalid-list .title .line{display:inline-block;width:.64rem;height:1px;background-color:#bbb;vertical-align:middle}
  416. .tmp-invalid-list .title span{margin:0 .28rem;color:#aaa}
  417. .tmp-invalid-list .list-box li{width:100%;margin-bottom:.1rem;padding:.13rem .2rem;background-color:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;-webkit-box-sizing:border-box;box-sizing:border-box}
  418. .tmp-invalid-list .list-box li .picture{width:1.15rem;height:1.15rem}
  419. .tmp-invalid-list .list-box li .picture img{width:100%;height:100%;border-radius:3px}
  420. .tmp-invalid-list .list-box li .pro-info{width:4.1rem;margin-left:.2rem;color:#bbb;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around}
  421. .tmp-invalid-list .list-box li .pro-info .pro-title{font-size:.26rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  422. .tmp-invalid-list .list-box li .pro-info .price i{font-style:normal;font-size:.3rem}
  423. .tmp-invalid-list .list-box li .delete-btn{-webkit-flex:1;flex:1;background-image:url(../images/delete-btn1.png);background-size:.36rem .36rem;background-repeat:no-repeat;background-position:center center}
  424. .user header{background-color:#e9391c}
  425. .user .user-wrapper{padding:0 .2rem}
  426. .user .user-wrapper .user-info-wrapper{width:4.55rem;-webkit-align-items:center;align-items:center;height:1.9rem;color:#fff}
  427. .user .user-wrapper .user-info-wrapper .avatar{width:1.37rem}
  428. .user .user-wrapper .user-info-wrapper .avatar img{width:1.05rem;height:1.05rem;border:2px solid #fff;border-radius:50%}
  429. .user .user-wrapper .user-info-wrapper .user-info{line-height:1.5;font-size:.22rem}
  430. .user .user-wrapper .user-info-wrapper .user-info .name{font-size:.26rem}
  431. .user .user-wrapper .user-btn{-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-end;align-items:flex-end;-webkit-justify-content:center;justify-content:center;text-align:right}
  432. .user .user-wrapper .user-btn .icon-mail{position:relative;display:inline-block;width:.6rem;height:.6rem;background-image:url(../images/index-icon.png);background-size:6rem auto;background-repeat:no-repeat;background-position:-1.92rem -.68rem}
  433. .user .user-wrapper .user-btn .icon-mail i{display:block;width:.25rem;height:.25rem;text-align:center;line-height:.25rem;background-color:#ffb51e;border-radius:50%;font-size:.2rem;color:#fff;font-style:normal;position:absolute;right:.02rem;top:.02rem}
  434. .user .user-wrapper .user-btn .sign-in{display:inline-block;margin-top:.1rem;width:1.25rem;height:.4rem;line-height:.4rem;text-align:center;background-color:#ffb51e;color:#fff;border-radius:30px;font-size:.2rem}
  435. .user .user-price{padding:.22rem 0;background-color:rgba(255,255,255,.12);color:#fff}
  436. .user .user-price .item{-webkit-flex:1;flex:1;text-align:center;border-right:1px solid rgba(255,255,255,.5);font-size:.26rem;line-height:1.3}
  437. .user .user-price .item p{font-size:.2rem}
  438. .user .user-price .item:last-child{border-right:0}
  439. .user .user-orders{margin-top:.1rem;border-top:1px solid #f1f1f1;background-color:#fff}
  440. .user .user-orders .title{height:.67rem;padding:0 .2rem;border-bottom:1px solid #f1f1f1;align-items:center}
  441. .user .user-orders .title .iconfont{color:#f74427;font-size:.35rem;vertical-align:middle;margin-right:.1rem}
  442. .user .user-orders .title span{width:70%}
  443. .user .user-orders .title a{float:right;font-size:.22rem;color:#999;align-items:center;height:100%}
  444. .user .user-orders .title a:after{content:"";width:.1rem;height:.1rem;border-left:.02rem solid #999;border-bottom:.02rem solid #999;display:block;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);margin-left:.1rem}
  445. .user .user-orders .user-orders-list{height:1.27rem;align-items:center;position:relative}
  446. .user .user-orders .user-orders-list a{-webkit-flex:1;flex:1;text-align:center}
  447. .user .user-orders .user-orders-list a img{width:.42rem;height:.4rem}
  448. .user .user-orders .user-orders-list a p{margin-top:.1rem;font-size:.2rem;color:#504940}
  449. .user .text-left-bar{height:.65rem;line-height:.65rem;padding-left:.2rem;color:#fc4a1a;font-size:.2rem;overflow:hidden;border-top:1px solid #f1f1f1}
  450. .user .user-service-list{-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-top:.2rem}
  451. .user .user-service-list .item{display:table;width:1.57rem;height:1.6rem;margin:0 .04rem .04rem 0;background-color:#fff;text-align:center;font-size:.2rem}
  452. .user .user-service-list .item:nth-child(4n){margin-right:0}
  453. .user .user-service-list .item img{width:.48rem;height:.48rem}
  454. .user .user-service-list .item p{margin-top:.15rem}
  455. .user .user-service-list .item .icon-jifen{color:#e64746}
  456. .user .user-service-list .item .icon-youhuiquan{color:#fc4a1a}
  457. .user .user-service-list .item .icon-chongzhi{color:#ffb51e}
  458. .user .user-service-list .item .icon-dingdan{color:#5f9fe4}
  459. .share-ewm{padding:.36rem .2rem 0}
  460. .share-ewm .ewm-bar{width:100%;height:.38rem;background-image:url(../images/ewm-bar.png);background-repeat:no-repeat;background-size:100% 100%}
  461. .share-ewm .ewm-wrapper{width:5.48rem;padding:.6rem .4rem;margin:-.2rem auto 0;background-color:#fff}
  462. .share-ewm .ewm-wrapper .ewm-picture{border:1px dashed #ddd}
  463. .share-ewm .ewm-wrapper .ewm-picture img{width:100%;height:100%}
  464. .share-ewm .ewm-wrapper .text-content{margin-top:.4rem;text-align:center;color:#666;line-height:1.5}
  465. .share-ewm .ewm-wrapper .text-content span{color:#d53738}
  466. .share-ewm .ewm-wrapper .link{margin-top:.75rem;text-align:center}
  467. .share-ewm .ewm-wrapper .link a{display:inline-block;width:3.65rem;height:.66rem;line-height:.66rem;text-align:center;background-color:#ffb51e;color:#fff;font-size:.26rem;border-radius:30px}
  468. .share-ewm .foot-txt{position:fixed;left:0;bottom:.2rem;width:100%;text-align:center;font-size:.18rem;color:#fff;opacity:.5}
  469. .user-order-con .coc-header{background-image:url(../images/logistics-bg.png);background-size:cover;background-repeat:no-repeat;width:100%;height:1.95rem;padding:0 .2rem;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
  470. .user-order-con .coc-header.send{background-color:#e3383e}
  471. .user-order-con .logistics-state{width:1.2rem;height:100%;background-image:url(../images/state-send.png);background-size:1.2rem 1.2rem;background-repeat:no-repeat;background-position:center center}
  472. .user-order-con .logistics-state.nobuy{background-image:url(../images/state-nobuy.png)}
  473. .user-order-con .logistics-state.state-nfh{background-image:url(../images/state-nfh.png)}
  474. .user-order-con .logistics-state.state-ysh{background-image:url(../images/state-ysh.png)}
  475. .user-order-con .logistics-state.state-dqh{background-image:url(../images/state-dqh.png)}
  476. .user-order-con .logistics-state.state-yqh{background-image:url(../images/state-yqh.png)}
  477. .user-order-con .logistics-state.state-ypj{background-image:url(../images/state-ypj.png)}
  478. .user-order-con .logistics-state.state-ytk{background-image:url(../images/state-ytk.png)}
  479. .user-order-con .logistics-state.state-sqtk{background-image:url(../images/state-sqtk.png)}
  480. .user-order-con .logistics-info{width:4.45rem;height:100%;display:table}
  481. .user-order-con .logistics-info .logistics-info-txt{display:table-cell;vertical-align:middle;color:#fff;font-size:.22rem;line-height:1.5}
  482. .user-order-con .base-title{height:.76rem;line-height:.76rem;padding:0 .22rem;border-bottom:1px solid #efefef}
  483. .user-order-con .logistics-info .logistics-info-txt p{font-size:.26rem;margin-bottom:.05rem}
  484. .user-order-con .item{background-color:#fff;margin-top:.1rem;border-top:1px solid #efefef;border-bottom:1px solid #efefef}
  485. .user-order-con .orders-info{margin-top:0}
  486. .user-order-con .item ul li{position:relative}
  487. .user-order-con .item ul li span{display:inline-block;vertical-align:top;color:#868686}
  488. .user-order-con .item ul li span.txt.stauts-wzf{color:#ff8d10}
  489. .user-order-con .item ul li .icon{position:absolute;left:0;top:0;width:.72rem;height:.77rem;line-height:.77rem;text-align:center}
  490. .user-order-con .item ul li .icon img{width:auto;height:.32rem;vertical-align:middle}
  491. .user-order-con .item ul li .text{display:block;padding:.2rem .23rem .2rem 0;margin-left:.72rem;line-height:1.5;border-bottom:1px solid #eaeaea}
  492. .user-order-con .item ul li .text .label{float:left;display:inline-block;width:1.25rem;font-size:.22rem;color:#a4a4a4}
  493. .user-order-con .item ul li .text .txt{width:4.1rem;font-size:.22rem;color:#333;float:left}
  494. .user-order-con .item .price-btn{padding:.15rem .2rem}
  495. .user-order-con .adderss-info{position:relative;padding:.3rem .2rem .3rem .76rem;background:#fff;line-height:1.5;border-bottom:1px solid #f0f0f0}
  496. .user-order-con .adderss-info .address-content{font-size:.2rem;color:#686868}
  497. .user-order-con .iconfont{position:absolute;left:.2rem;top:.3rem;font-size:.35rem;color:#888}
  498. .user-order-con .item-block{margin-top:.1rem;background:#fff}
  499. .user-order-con .item-block .con-tit{height:.71rem;line-height:.71rem;padding:0 .2rem;border-top:1px solid #efefef;border-bottom:1px solid #efefef}
  500. .user-order-con .delivery-infos .delivery-con{padding:0 .2rem .22rem;font-size:.22rem;color:#686868;border-bottom:1px solid #efefef}
  501. .user-order-con .delivery-infos .delivery-con li{margin-top:.22rem}
  502. .user-order-con .delivery-infos .delivery-con li a.tel{color:#e3383e;text-decoration:underline}
  503. .user-order-con .delivery-infos .delivery-con li .icon-tel{display:inline-block;width:.35rem;height:.35rem;background-image:url(../images/index-icon.png);background-size:6rem auto;background-repeat:no-repeat;background-position:-2.84rem -.04rem;vertical-align:middle}
  504. .user-order-con .product-info .delivery-con{padding:.15rem .2rem;border-bottom:1px solid #efefef}
  505. .user-order-con .product-info .delivery-con ul{background:#fafafa}
  506. .user-order-con .product-info .delivery-con ul li{position:relative;padding:.15rem .2rem;border-bottom:1px dashed #ddd}
  507. .user-order-con .product-info .delivery-con ul li:last-child{border-bottom:0}
  508. .user-order-con .product-info .delivery-con ul li a{-webkit-justify-content:space-between;justify-content:space-between}
  509. .user-order-con .product-info .delivery-con ul li .picture{width:1.4rem;height:1.4rem}
  510. .user-order-con .product-info .delivery-con ul li .picture img{width:100%;height:100%;border-radius:3px}
  511. .user-order-con .product-info .delivery-con ul li .info-centent{width:4.02rem;-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:space-around;justify-content:space-around;line-height:1.5}
  512. .user-order-con .product-info .delivery-con ul li .info-centent .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  513. .user-order-con .product-info .delivery-con ul li .info-centent .description{font-size:.22rem;color:#666}
  514. .user-order-con .product-info .delivery-con ul li .info-centent .count{color:#454545}
  515. .user-order-con .product-info .delivery-con ul li .info-centent .count span{color:#ec1f18;font-size:.26rem}
  516. .user-order-con .product-info .delivery-con ul li .assess{position:absolute;right:.17rem;bottom:.2rem;width:.88rem;height:.4rem;line-height:.4rem;text-align:center;color:#fff;background-color:#cecece;border-radius:3px;font-size:.2rem}
  517. .user-order-con .product-info .delivery-con ul li .assess a{display:block;color:#fff}
  518. .user-order-con .product-info .delivery-con ul li .assess.status-on{background-color:#e3383e}
  519. .user-order-con .product-info .all-price .infos{padding:0 .2rem .35rem;font-size:.22rem;color:#686868}
  520. .user-order-con .product-info .all-price .infos span{font-size:.24rem}
  521. .user-order-con .product-info .all-price .infos p{margin-top:.18rem}
  522. .user-order-con .product-info .all-price .infos p.deb span{color:#e3383e}
  523. .user-order-con .product-info .all-price .all-count{position:relative;padding:0 .2rem;line-height:.7rem;color:#e3383e;border-top:1px solid #eee;border-bottom:1px solid #eee}
  524. .user-order-con .product-info .all-price .all-count:after{content:'';display:block;position:absolute;right:.6rem;top:-.16rem;width:.24rem;height:.24rem;background:#fff;border:1px solid #eee;transform:rotate(45deg);border-right-color:transparent;border-bottom-color:transparent}
  525. .user-order-con .product-info .all-price .all-count span{font-size:.26rem}
  526. .user-order-con .order-con-btn{z-index:30;position:fixed;left:0;bottom:0;width:100%;padding:.17rem .2rem;background-color:#fff;border-top:1px solid #efefef;font-size:.2rem;text-align:right}
  527. .user-order-con .product-info .all-price .order-con-btn{position:initial;border-top:0}
  528. .user-order-con .order-con-btn .payment{display:inline-block;width:1.38rem;height:.5rem;line-height:.5rem;margin-left:.1rem;text-align:center;color:#fff;background-image:-webkit-linear-gradient(to right,#ffc600,#ff8b00);background-image:linear-gradient(to right,#ffc600,#ff8b00);border-radius:30px}
  529. .user-order-con .order-con-btn span{position:relative;display:inline-block;width:1.38rem;height:.5rem;line-height:.5rem;text-align:center}
  530. .user-order-con .order-con-btn .delete-order{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #e3383e;border-radius:30px;color:#e3383e}
  531. .user-order-con .order-con-btn .more-menu{position:relative}
  532. .user-order-con .order-con-btn .more-menu ul{position:absolute;left:0;bottom:.64rem;width:100%;background-color:rgba(0,0,0,.6);color:#fff;-webkit-transform:translate3d(0,72%,0);transform:translate3d(0,72%,0);opacity:0;z-index:-1;font-size:.18rem;line-height:2}
  533. .user-order-con .order-con-btn .more-menu ul:after{content:'';position:absolute;left:50%;width:0;height:0;border-left:.14rem solid transparent;border-right:.14rem solid transparent;border-top:.2rem solid rgba(0,0,0,.6);margin-left:-.14rem}
  534. .user-order-con .order-con-btn .more-menu ul a{color:#fff;padding:3px 0;display:block}
  535. .user-order-con .order-con-btn .more-menu ul.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;z-index:99;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
  536. .user-evaluation-list .menu-wrapper{background:#fff;padding:.27rem .2rem;position:relative}
  537. .user-evaluation-list .menu-wrapper:after{display:block;position:absolute;left:0;bottom:0;width:100%;border-top:1px solid #efefef;content:' '}
  538. .user-evaluation-list .menu-wrapper:before{display:block;position:absolute;left:0;top:0;width:100%;border-top:1px solid transparent;content:' '}
  539. .user-evaluation-list .menu-wrapper .title{font-size:.26rem}
  540. .user-evaluation-list .menu-wrapper .menu-list{margin-top:.23rem}
  541. .user-evaluation-list .menu-wrapper .menu-list .item{width:1.37rem;height:.54rem;margin-right:.18rem;line-height:.54rem;text-align:center;background-color:#eee;color:#666;border-radius:30px}
  542. .user-evaluation-list .menu-wrapper .menu-list .item:last-child{margin-right:0}
  543. .user-evaluation-list .menu-wrapper .menu-list .item.active{background-image:-webkit-linear-gradient(left,#ffc600,#ff8b00);background-image:-moz-linear-gradient(left,#ffc600,#ff8b00);background-image:-o-linear-gradient(left,#ffc600,#ff8b00);background-image:-ms-linear-gradient(left,#ffc600,#ff8b00);background-image:linear-gradient(to right,#ffc600,#ff8b00);color:#fff}
  544. .user-evaluation-list .evaluation-list li{position:relative;margin-top:.1rem;padding:.25rem .2rem;background:#fff}
  545. .user-evaluation-list .evaluation-list li:after{display:block;position:absolute;left:0;bottom:0;width:100%;border-top:1px solid #ddd;content:' '}
  546. .user-evaluation-list .evaluation-list li:before{display:block;position:absolute;left:0;top:0;width:100%;border-top:1px solid #ddd;content:' '}
  547. .user-evaluation-list .evaluation-list li .user-name{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
  548. .user-evaluation-list .evaluation-list li .user-name .avatar{width:.5rem;height:.5rem;margin-right:.05rem}
  549. .user-evaluation-list .evaluation-list li .user-name .avatar img{width:100%;height:100%;border-radius:50%}
  550. .user-evaluation-list .evaluation-list li .user-name .star{position:initial}
  551. .user-evaluation-list .evaluation-list li .user-name .name{margin:0 .1rem}
  552. .user-evaluation-list .evaluation-list li .time{margin-top:.15rem;color:#888;font-size:.2rem}
  553. .user-evaluation-list .evaluation-list li .time span:last-child{margin-left:.1rem}
  554. .user-evaluation-list .evaluation-list li .text-con{margin-top:.12rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis}
  555. .user-evaluation-list .evaluation-list li .picture-list{margin-top:.17rem}
  556. .user-evaluation-list .evaluation-list li .picture-list img{width:1.9rem;height:1.9rem;margin-right:.15rem}
  557. .user-evaluation-list .evaluation-list li .picture-list img:last-child{margin-right:0}
  558. .user-evaluation-list .evaluation-list li .reply{position:relative;margin-top:.2rem;padding:.15rem;background-color:#f5f5f5;color:#999;font-size:.2rem;line-height:1.5}
  559. .user-evaluation-list .evaluation-list li .reply:after{content:' ';position:absolute;left:.6rem;top:-.1rem;width:.2rem;height:.2rem;background-color:#f5f5f5;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
  560. .user-balance header{background:#fff;padding:.2rem .2rem 0}
  561. .user-balance header .count-wrapper{position:relative;height:2.5rem;padding:.3rem .3rem 0;border-radius:5px;background-color:#e77817;color:#fff;overflow:hidden;background-image:url(../images/user-balance-bg.png);background-position:112% -30%;-webkit-background-size:3.03rem 3rem;-moz-background-size:3.03rem 3rem;background-size:3.03rem 3rem;background-repeat:no-repeat}
  562. .user-balance header .count-wrapper .count-txt{display:inline-block;margin-top:.38rem;font-size:.9rem}
  563. .user-balance header .count-wrapper .text-bar{position:absolute;left:0;bottom:0;width:100%;height:.52rem;line-height:.52rem;padding-left:.3rem;background-color:rgba(255,255,255,.16);font-size:.2rem}
  564. .user-balance .link-list li{line-height:.81rem;position:relative}
  565. .user-balance .link-list li:after{display:block;position:absolute;left:0;bottom:0;width:100%;border-top:1px solid #eee;content:' '}
  566. .user-balance .link-list li:before{display:block;position:absolute;left:0;top:0;width:100%;border-top:1px solid transparent;content:' '}
  567. .user-balance .link-list li a{display:block}
  568. .user-balance .link-list li a:after{content:"";width:.15rem;height:.15rem;border-left:.02rem solid #666;border-bottom:.02rem solid #666;display:block;float:right;margin:.34rem .1rem 0 .2rem;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
  569. .user-balance .link-list li:last-child:after{display:none}
  570. .user-balance .link-list li .icon{display:inline-block;width:.45rem;height:.45rem;background-image:url(../images/index-icon.png);-webkit-background-size:6rem auto;-moz-background-size:6rem auto;background-size:6rem auto;background-repeat:no-repeat;vertical-align:-.14rem;margin-right:.1rem}
  571. .user-balance .link-list li .icon.icon-money{background-position:-4.18rem .02rem}
  572. .user-balance .link-list li .icon.icon-mall{background-position:-4.18rem -1rem}
  573. .user-balance .list-info{margin-top:.1rem;background:#fff}
  574. .user-balance .list-info .link-list li{padding:0 .2rem}
  575. .user-balance .list-info .link-list li:after{display:block}
  576. .user-balance .list-info .link-list li .icon{background-position:-4.18rem -2rem}
  577. .user-balance .list-info .link-list li a:after{display:none}
  578. .user-balance .list-info .info-list{padding:0 .2rem}
  579. .user-balance .list-info .info-list li{padding:.2rem 0;font-size:.22rem;color:#555;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;line-height:1.5;position:relative}
  580. .user-balance .list-info .info-list li:after{display:block;position:absolute;left:0;bottom:0;width:100%;border-top:1px solid #eee;content:' '}
  581. .user-balance .list-info .info-list li:before{display:block;position:absolute;left:0;top:0;width:100%;border-top:1px solid transparent;content:' '}
  582. .user-balance .list-info .info-list li span{font-size:.18rem;color:#999}
  583. .user-balance .list-info .info-list li .count{font-size:.24rem;color:#fc4010}
  584. .user-balance .list-info .info-list li .count.increase{color:#48ab34}
  585. .user-collection-list li{padding:.15rem .2rem;position:relative}
  586. .user-collection-list li:after{display:block;position:absolute;left:0;bottom:0;width:100%;border-top:1px solid #eee;content:' '}
  587. .user-collection-list li:before{display:block;position:absolute;left:0;top:0;width:100%;border-top:1px solid transparent;content:' '}
  588. .user-collection-list li a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}
  589. .user-collection-list li a .picture{width:1.6rem;height:1.6rem}
  590. .user-collection-list li a .picture img{width:100%;height:100%;border-radius:3px}
  591. .user-collection-list li a .info-content{height:1.6rem;margin-left:.25rem;width:4.1rem;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:distribute;-moz-box-pack:distribute;-o-box-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}
  592. .user-collection-list li a .info-content .pro-tit{color:#000;line-height:1.5;display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-line-clamp:2;-moz-line-clamp:2;overflow:hidden}
  593. .user-collection-list li a .info-content .price{color:#e62800}
  594. .user-collection-list li a .info-content .price .old-price{color:#bbb;font-size:.2rem;margin-left:.1rem}
  595. .user-collection-list li a .info-content .count{color:#aaa;font-size:.2rem}
  596. .user-collection-list li .collection-delete{position:absolute;right:.15rem;bottom:.3rem;width:.64rem;height:.64rem;background-image:url(../images/delete-btn.png);-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}
  597. .user-collection-list li.fail a:before{content:" ";display:block;background-image:url(../images/fail_collect.png);background-size:.7rem .7rem;background-position:0 0;z-index:999;width:.7rem;height:.7rem;position:absolute}
  598. .user-collection-list li.fail img{-webkit-filter:opacity(.5)}
  599. .user-collection-list li.fail .info-content .price{display:none}
  600. .user-collection-list li.fail .info-content .pro-tit{color:#999}
  601. .user-exceptional section{position:fixed;left:0;top:0;width:100%;height:10rem}
  602. .user-exceptional section .bg{width:100%;height:100%;background-image:url(../images/exceptional-bg.jpg);background-size:100% 100%}
  603. .user-exceptional .exceptional-wrapper{position:relative;z-index:10;-webkit-flex-flow:column;flex-flow:column;-webkit-align-items:center;align-items:center;padding-top:.64rem}
  604. .user-exceptional .exceptional-wrapper .avatar{width:1.12rem;height:1.12rem;border:2px solid #fff;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
  605. .user-exceptional .exceptional-wrapper .tips{margin-top:.22rem;color:#fecb86}
  606. .user-exceptional .exceptional-wrapper .price-count{width:4.65rem;height:.7rem;margin-top:.45rem;padding:0 .2rem;background-color:#fff;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;border-radius:3px}
  607. .user-exceptional .exceptional-wrapper .price-count input{display:block;width:2.6rem;text-align:right;margin-right:.1rem;text-indent:2em}
  608. .user-exceptional .exceptional-wrapper .max-count{margin-top:.3rem;font-size:.22rem;color:#fff}
  609. .user-exceptional .exceptional-wrapper .sub-btn{width:1.27rem;height:1.27rem;margin-top:.5rem;line-height:1.27rem;text-align:center;border-radius:50%;background-color:#ffab3b;color:#fff;font-size:.3rem;-webkit-box-shadow:2px 1px 1px 1px rgba(0,0,0,.25);box-shadow:2px 1px 1px 1px rgba(0,0,0,.25)}
  610. .discount-list header{position:fixed;left:0;top:0;width:100%;background-color:#fff}
  611. .discount-list header .item{-webkit-flex:1;flex:1;height:.77rem;line-height:.77rem;text-align:center}
  612. .discount-list header .item.on{border-bottom:1px solid #ad1818;color:#ad1818}
  613. .discount-list .list-box{margin-top:.77rem}
  614. .discount-list .list-box li{position:relative;width:100%;height:1.97rem;padding:.2rem .3rem 0;background-image:url(../images/discount-list-icon.png);background-size:8.44rem auto;background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box;background-position:.22rem -2.82rem}
  615. .discount-list .list-box li.new{background-position:.22rem .2rem}
  616. .discount-list .list-box li.use{background-position:.22rem -2.82rem}
  617. .discount-list .list-box li.overdug{background-position:.22rem -2.82rem}
  618. .discount-list .list-box li .txt-info{position:absolute;left:.6rem;top:.5rem;display:table;width:3.25rem;height:1.25rem;line-height:1.5;border:1px solid rgba(255,255,255,.6);border-radius:3px;color:#fff;text-align:center}
  619. .discount-list .list-box li .txt-info span{font-size:.18rem}
  620. .discount-list .list-box li .price{position:absolute;right:.43rem;top:.54rem;color:#fff;font-size:.46rem;width:1.6rem;text-align:center;letter-spacing:-2px}
  621. .discount-list .list-box li .price span{font-size:.4rem}
  622. .discount-list .list-box li.new .text-icon{position:absolute;right:.3rem;top:.2rem;display:block;width:.93rem;height:.93rem;background-image:url(../images/discount-list-icon.png);background-size:8.44rem auto;background-repeat:no-repeat;background-position:-7.52rem 0}
  623. .discount-list .list-box li .price p{margin-top:.2rem;text-align:center;font-size:.18rem;letter-spacing:0}
  624. .discount-list .list-box li .price p a{display:inline-block;width:.97rem;height:.32rem;line-height:.32rem;border:1px solid transparent;border-radius:30px;background-color:#a9a9a9;color:#cdcdcd}
  625. .discount-list .list-box li.new .price p a{color:#fff;background-color:transparent;border-color:#fff}
  626. .integral-content header{display:table;width:100%;height:3.3rem;background-color:#e74b31;color:#fff;text-align:center;background-image:url(../images/integral-content-bg.png);background-size:100% 100%;background-repeat:no-repeat;font-size:.22rem}
  627. .integral-content header span{opacity:.6}
  628. .integral-content header p{margin:.1rem 0;font-size:.8rem}
  629. .integral-content header a{display:inline-block;width:1.6rem;height:.57rem;background-image:url(../images/integral-content-abg.png);background-size:100% 100%;background-repeat:no-repeat;color:#fff;line-height:.65rem;font-size:.2rem}
  630. .integral-content .entrance{margin-top:.1rem;background-color:#fff}
  631. .integral-content .entrance a{display:block;height:.72rem;line-height:.72rem;padding:0 .2rem;border-top:1px solid #eee}
  632. .integral-content .entrance a .icon{display:inline-block;width:.46rem;height:.46rem;background-image:url(../images/integral-content-icon.png);background-size:.46rem auto;vertical-align:-.12rem;margin-right:.2rem}
  633. .integral-content .entrance a .icon.address{background-position:0 -1rem}
  634. .integral-content .entrance a:after{content:"";width:.12rem;height:.12rem;border-left:.02rem solid #999;border-bottom:.02rem solid #999;display:block;float:right;margin:.28rem .23rem 0 0;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
  635. .integral-content .details{background-color:#fff}
  636. .integral-content .details .titles{padding:.17rem .2rem;border-top:1px solid #eee}
  637. .integral-content .details .titles span{display:inline-block;height:.4rem;line-height:.4rem;text-indent:1em;border-left:2px solid #e74b31}
  638. .integral-content .details .titles .icon{display:inline-block;width:.46rem;height:.46rem;background-image:url(../images/integral-content-icon.png);background-size:.46rem auto;vertical-align:-.12rem;margin-right:.2rem;background-position:0 -2rem}
  639. .integral-content .details li{height:1rem;border-top:1px solid #eee;padding:0 .2rem}
  640. .integral-content .details li .infos{display:table;width:4.62rem;height:100%;color:#555}
  641. .integral-content .details li .infos .con-cell{text-align:left}
  642. .integral-content .details li .infos p{width:4.62rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.3}
  643. .integral-content .details li .infos span{display:inline-block;margin-top:.1rem;font-size:.2rem;color:#999}
  644. .integral-content .details li .count{display:table;height:100%;float:right;font-size:.2rem;color:#999}
  645. .integral-content .details li .count span{font-size:.22rem;margin-right:.05rem}
  646. .integral-content .details li .count.spending span{color:#fc4010}
  647. .integral-content .details li .count.income span{color:#48ab34}
  648. .receive-pack .statistics-count{padding:0 .22rem;line-height:.6rem;font-size:.23rem;background-color:#ec5138;color:#fff}
  649. .receive-pack .receive-pack-icon{display:inline-block;width:.27rem;height:.27rem;margin-right:.15rem;background-image:url(http://yijiance.9gt.net/tpl/Wap/default/static/images/receive-pack-icon.png);background-repeat:no-repeat;background-size:100% 100%;vertical-align:-.04rem}
  650. .receive-pack .tips{padding:.15rem .22rem;line-height:1.5;font-size:.22rem;color:#bbb;background-color:#fff}
  651. .receive-pack .tips .tips-icon{display:inline-block;width:.26rem;height:.28rem;margin-right:.15rem;background-image:url(http://yijiance.9gt.net/tpl/Wap/default/static/images/tips-icon.png);background-repeat:no-repeat;background-size:100% 100%;vertical-align:-.04rem}
  652. .receive-pack .tips .stay-count{color:#47bce7}
  653. .receive-pack .tips .take-count{color:#ff7271}
  654. .receive-pack .receive-pack-list li{min-height:1.3rem;padding:0 .22rem}
  655. .receive-pack .receive-pack-list li:nth-child(even){background-color:#fff}
  656. .receive-pack .receive-pack-list li .avatar{width:1.1rem;height:100%;line-height:1.3rem}
  657. .receive-pack .receive-pack-list li .avatar img{width:.9rem;height:.9rem;border-radius:50%;vertical-align:middle}
  658. .receive-pack .receive-pack-list li .peo-info{display:table;width:4.8rem;height:1.3rem;font-size:.23rem;color:#666}
  659. .receive-pack .receive-pack-list .con-cell{display:table-cell;width:100%;vertical-align:middle}
  660. .receive-pack-list li .peo-info .con-cell p{font-size:.26rem;color:#333;margin-bottom:.1rem;white-space:pre}
  661. .receive-pack .receive-pack-list li .peo-info .con-cell span{margin-right:.1rem}
  662. .receive-pack .receive-pack-list li .status{display:table;width:1.65rem;height:1.3rem;text-align:right}
  663. .receive-pack .receive-pack-list li .status span{display:inline-block;width:1.3rem;height:.45rem;line-height:.45rem;text-align:center;border-radius:30px;font-size:.2rem;background-color:#f55e5d;color:#fff}
  664. .receive-pack .receive-pack-list li .status p{font-size:.18rem;line-height:1.5;color:#aaa}
  665. .receive-pack .receive-pack-list li .status.success span{background-color:#ddd;color:#fff}
  666. .receive-pack .receive-pack-list li .status.cancel span{background-color:#eee;color:#bbb}
  667. .receive-pack .receive-pack-list li .status.wait span{background-color:#afafaf;color:#fff}
  668. .user-order-list .search-wrapper{padding:.2rem;-webkit-justify-content:space-between;justify-content:space-between}
  669. .user-order-list .search-wrapper input{width:5.4rem;height:.62rem;border:1px solid #ccc;text-indent:1em;border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:.22rem}
  670. .user-order-list .search-wrapper input::-webkit-input-placeholder{color:#a4a4a4}
  671. .user-order-list .search-wrapper button i{font-size:.4rem;color:#666;vertical-align:.1rem}
  672. .user-order-list .menu{background-color:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee}
  673. .user-order-list .menu .item{-webkit-flex:1;flex:1;height:.78rem;line-height:.78rem;text-align:center}
  674. .user-order-list .menu .item span{display:inline-block;height:100%;padding:0 .2rem;-webkit-box-sizing:border-box;box-sizing:border-box}
  675. .user-order-list .menu .item.on span{border-bottom:2px solid #ff8300;color:#ff8300}
  676. .user-order-list .con-tit .count:after{content:"";width:.12rem;height:.12rem;border-left:.02rem solid #666;border-bottom:.02rem solid #666;display:inline-block;margin:0 0 0 .2rem;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
  677. .user-order-list .con-tit .status-txt{font-size:.22rem;color:#999}
  678. .user-order-list .con-tit .status-txt.off{color:#ff8300}
  679. .page-list .menu{text-align:center;height:.76rem;line-height:.76rem;border-bottom:1px solid #eee;background-color:#fff}
  680. .page-list .menu a{display:inline-block;width:1.65rem;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:.6}
  681. .page-list .menu a.on{color:#e9391c;opacity:1;border-bottom:2px solid #e9391c}
  682. .page-list .new-list{background-color:#fff}
  683. .page-list .new-list li{padding:.25rem .2rem;border-bottom:1px solid #eee}
  684. .page-list .new-list li .picture{width:1.7rem;height:1.5rem}
  685. .page-list .new-list li .picture img{width:100%;height:100%;border-radius:3px}
  686. .page-list .new-list li .text-info{width:4.05rem;height:1.5rem;-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;line-height:1.5}
  687. .page-list .new-list li .text-info .tit{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  688. .page-list .new-list li .text-info .content{display:-webkit-box;display:-moz-box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-line-clamp:2;-moz-line-clamp:2;overflow:hidden;font-size:.2rem;color:#676767}
  689. .page-list .new-list li .text-info .time-wrapper{font-size:.18rem;color:#999}
  690. .page-list .new-list li .text-info .time-wrapper span{line-height:1.5;background-repeat:no-repeat;background-position:left center;padding-left:.28rem;margin-right:.1rem}
  691. .page-list .new-list li .text-info .time-wrapper .time{background-image:url(../images/time.png);background-size:.18rem .18rem}
  692. .page-list .new-list li .text-info .time-wrapper .count{background-image:url(../images/count.png);background-size:.2rem .14rem}
  693. .page-list .video-list li{background-color:#fff;margin-bottom:.1rem}
  694. .page-list .video-list li .picture{position:relative;width:100%;height:3.2rem}
  695. .page-list .video-list li .picture img{width:100%;height:100%}
  696. .page-list .video-list li .picture .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);background-image:url(../images/video-play.png);background-size:.86rem .86rem;background-repeat:no-repeat;background-position:center center}
  697. .page-list .video-list li .title{height:.74rem;line-height:.74rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 .2rem}
  698. .user-assess .pro-info{padding:.2rem;background-color:#fff;-webkit-justify-content:space-between;justify-content:space-between}
  699. .user-assess .pro-info .picture{width:1.42rem;height:1.42rem}
  700. .user-assess .pro-info .picture img{width:100%;height:100%}
  701. .user-assess .pro-info .product-box{width:4.3rem;height:1.42rem;line-height:1.5;-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:space-around;justify-content:space-around}
  702. .user-assess .pro-info .product-box .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  703. .user-assess .pro-info .product-box .description{font-size:.22rem;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  704. .user-assess .pro-info .product-box .count{color:#454545}
  705. .user-assess .pro-info .product-box .count .price{font-size:.26rem;color:#ec1f18;margin-right:.1rem}
  706. .user-assess .message-box{margin-top:.1rem;padding:0 .2rem .26rem;background-color:#fff}
  707. .user-assess .message-box .text-wrapper textarea{display:block;width:100%;height:2.46rem;padding-top:.28rem;line-height:1.5;resize:none}
  708. .user-assess .message-box .upload-img{-webkit-flex-wrap:wrap;flex-wrap:wrap}
  709. .user-assess .message-box .upload-img div{width:1.39rem;height:1.39rem;border:1px dashed #eee}
  710. .user-assess .message-box .upload-img .picture{margin-right:.12rem;margin-top:.1rem}
  711. .user-assess .message-box .upload-img .picture:nth-child(4n){margin-right:0}
  712. .user-assess .message-box .upload-img .picture img{width:100%;height:100%}
  713. .user-assess .message-box .upload-img .picture.add-img{-webkit-flex-flow:column;flex-flow:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}
  714. .user-assess .message-box .upload-img .picture.add-img img{width:.41rem;height:.35rem}
  715. .user-assess .message-box .upload-img .picture.add-img p{margin-top:.2rem;font-size:.2rem;color:#b5b5b5}
  716. .user-assess .user-score{margin-top:.1rem;padding:0 .2rem;background-color:#fff}
  717. .user-assess .user-score .score-item{height:.7rem;align-items:center}
  718. .user-assess .user-score .score-item .txt{width:1.15rem;font-size:.22rem}
  719. .user-assess .user-score .score-item .star-wrapper{width:2.56rem;align-items:center}
  720. .user-assess .user-score .score-item .star-wrapper span{width:.34rem;height:.34rem;background-image:url(../images/star-empty.png);background-size:100% 100%;background-repeat:no-repeat;margin-right:.1rem;cursor:pointer}
  721. .user-assess .user-score .score-item .star-wrapper span.active{background-image:url(../images/star-full.png)}
  722. .user-assess .user-score .score-item .count{color:#ff8d10}
  723. .user-assess .user-score .score-item .count i{font-style:normal}
  724. .right-barnav{z-index:29;position:fixed;right:0;top:3.05rem;width:.74rem;background-color:rgba(0,0,0,.6);border-radius:3px 0 0 3px}
  725. .right-barnav a{display:block;width:100%;height:.7rem;background-image:url(../images/index-icon.png);background-size:6rem auto;background-repeat:no-repeat}
  726. .right-barnav a.rb-home{background-position:-5.06rem .14rem}
  727. .right-barnav a.rb-car{background-position:-5.06rem -.66rem}
  728. .right-barnav a.rb-server{background-position:-5.06rem -1.38rem}
  729. .reward-list{background-color:#fff}
  730. .reward-list li{height:1.17rem;padding:0 .2rem;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;line-height:1.5;border-bottom:1px solid #eee}
  731. .reward-list li .text{max-width:5rem;color:#000}
  732. .reward-list li .text p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  733. .reward-list li .text span{font-size:.2rem;color:#868686}
  734. .reward-list li .count{color:#fc4010;font-size:.28rem}
  735. .reward-list li .income{color:#5ec214}
  736. .product-sort .expired-img{height:3.15rem;background-color:#fff;-webkit-align-items:center;align-items:center;-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:center;justify-content:center}
  737. .product-sort .expired-img img{width:1.7rem;height:1.7rem}
  738. .product-sort .expired-img p{margin-top:.2rem;font-size:.22rem;color:#888}
  739. .product-sort .ps-title{height:.9rem;line-height:.9rem;text-align:center;font-size:.26rem;color:#f35e2f}
  740. .product-sort .ps-title .line{display:inline-block;width:.8rem;height:1px;background-color:#f35e2f;vertical-align:middle}
  741. .product-sort .ps-title span{margin:0 .2rem}
  742. .product-sort .ps-title span .icon{display:inline-block;width:.36rem;height:.36rem;background-image:url(../images/index-icon.png);background-size:6rem auto;background-repeat:no-repeat;background-position:-5.24rem -2.16rem;vertical-align:-.08rem;margin-right:.05rem}
  743. .submit-info-next{padding:.2rem .2rem 0}
  744. .submit-info-next .enterprise-info{position:relative;width:100%;height:2.2rem;padding-top:.3rem;background-image:url(../images/enterprise-info.jpg);background-size:100% 100%;color:#fff;text-align:center;line-height:1.5;border-radius:3px;overflow:hidden}
  745. .submit-info-next .enterprise-info .enterprise-name{font-size:.22rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  746. .submit-info-next .enterprise-info .enterprise-phone{font-size:.6rem}
  747. .submit-info-next .enterprise-info .enterprise-address{position:absolute;left:0;bottom:0;width:100%;padding:.05rem .2rem;background-color:rgba(255,255,255,.2);font-size:.18rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  748. .submit-info-next .add-infos .item{position:relative;width:100%;height:1.8rem;margin-top:.2rem;background-color:#fff;border-radius:3px;-webkit-flex-flow:column;flex-flow:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:.2rem;color:#787878;border:1px solid #eee}
  749. .submit-info-next .add-infos .item .delete-btn{position:absolute;right:.2rem;top:.2rem;width:.4rem;height:.4rem;background-image:url(../images/delete-btn3.png);background-size:100% 100%}
  750. .submit-info-next .add-infos .item.add-images span{display:block;width:.6rem;height:.6rem;line-height:.6rem;border:1px solid #ccc;border-radius:50%;text-align:center;box-sizing:border-box;background-image:url(../images/addto-pic.png);background-size:.26rem .26rem;background-repeat:no-repeat;background-position:center center}
  751. .submit-info-next .add-infos .item.add-images p{margin-top:.2rem}
  752. .submit-info-next .add-infos .item img{max-width:100%;max-height:100%}
  753. .submit-info-next .btn-wrapper{margin-top:.2rem;justify-content:space-between}
  754. .submit-info-next .btn-wrapper .btn-item{width:2.88rem;height:.75rem;line-height:.75rem;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px}
  755. .submit-info-next .btn-wrapper .prev-btn{border:1px solid #fa7d25;color:#fa7d25}
  756. .submit-info-next .btn-wrapper .sub-btn{background-color:#fa7d25;color:#fff}
  757. .submit-info-next .foot-txt{position:fixed;left:0;bottom:0;width:100%;height:.66rem;line-height:.66rem;background-color:#eee;text-align:center;font-size:.2rem;color:#565656}
  758. .submit-info-next .foot-txt .yw-icon{display:inline-block;width:.26rem;height:.26rem;background-image:url(../images/yiwen.png);background-size:100% 100%;vertical-align:middle;margin-right:.1rem}
  759. .audit-status .audit-header{width:100%;height:3.5rem;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}
  760. .audit-status .audit-header .wrapper{width:1.96rem;height:1.96rem;background-image:url(../images/audit-status.png);background-size:6.4rem auto;background-position:0 0;-webkit-flex-flow:column;flex-flow:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff}
  761. .audit-status .audit-header .wrapper .status-icon{display:inline-block;width:.72rem;height:.62rem;background-image:url(../images/audit-status.png);background-size:6.4rem auto;background-position:-2.26rem .04rem}
  762. .audit-status .audit-header .wrapper p{margin-top:.1rem}
  763. .audit-status.error .audit-header{background-image:-webkit-linear-gradient(to right,#fe8c00,#f83600);background-image:linear-gradient(to right,#fe8c00,#f83600)}
  764. .audit-status.auditing .audit-header{background-image:-webkit-linear-gradient(to right,#00d2ff,#3a7bd5);background-image:linear-gradient(to right,#00d2ff,#3a7bd5)}
  765. .audit-status.auditing .audit-header .status-icon{background-position:-2.24rem -1.2rem}
  766. .audit-status.success .audit-header{background-image:-webkit-linear-gradient(to right,#99dd61,#57af47);background-image:linear-gradient(to right,#99dd61,#57af47)}
  767. .audit-status.success .audit-header .status-icon{background-position:-2.32rem -2.1rem}
  768. .audit-status .audit-bd{width:5.23rem;margin:.68rem auto 0;text-align:center}
  769. .audit-status .audit-bd .title{font-size:.26rem}
  770. .audit-status .audit-bd .text-box{text-align:left;color:#999;font-size:.22rem;margin-top:.25rem;line-height:1.5}
  771. .audit-status .audit-bd .a-link{display:inline-block;margin-top:.5rem;width:4.4rem;height:.7rem;line-height:.7rem;text-align:center;font-size:.26rem;border-radius:5px}
  772. .audit-status.success .audit-bd .a-link{border:1px solid #46c01b;color:#46c01b}
  773. .audit-status.error .audit-bd .a-link{border:1px solid #aeaeae;color:#aeaeae}
  774. .audit-status.auditing .audit-bd .a-link{display:none}
  775. .text-list{padding:.1rem}
  776. .text-list li{padding:0 .2rem .2rem;background-color:#fff;margin-top:.1rem;border-radius:.1rem;border:1px solid #eee}
  777. .text-list li:first-child{margin:0}
  778. .text-list li .admin{height:.8rem;line-height:.8rem;border-bottom:1px solid #eee}
  779. .text-list li .admin .icon{display:block;float:left;height:100%;width:.25rem;position:relative}
  780. .text-list li .admin .icon:after{content:" ";display:block;width:.12rem;height:.12rem;background-color:red;position:absolute;top:50%;margin-top:-.07rem;left:0;border-radius:100%}
  781. .text-list li .admin .add_time{float:right;font-size:.2rem;color:#aaa}
  782. .text-list li .text-wrapper{line-height:1.5}
  783. .text-list li .text-wrapper .title{padding:.15rem 0;font-size:.22rem}
  784. .text-list li .text-wrapper .text-box{color:#999;font-size:.2rem;display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-line-clamp:2;-moz-line-clamp:2;overflow:hidden}
  785. .text-list li .text-wrapper .text-box.active{-webkit-line-clamp:initial;-moz-line-clamp:initial}
  786. .text-list li .link-more{margin-top:.25rem;text-align:right;font-size:.18rem;color:#e3383e}
  787. .text-list li .link-more .more-btn-avtive{display:none;color:#1cb0fc}
  788. .text-list li .link-more.on .more-btn-avtive{display:block}
  789. .text-list li .link-more.on .more-btn{display:none}
  790. .user-add-address .address-info{background-color:#fff}
  791. .user-add-address .address-info .item{display:-webkit-flex;display:flex;width:100%;padding:0 .2rem;height:.77rem;-webkit-align-items:center;align-items:center;border-bottom:1px solid #f5f5f5}
  792. .user-add-address .address-info .item label{width:2rem}
  793. .user-add-address .address-info .item input{-webkit-flex:1;flex:1;height:100%;line-height:normal}
  794. .user-add-address .address-info .item input::-webkit-input-placeholder{color:#ccc}
  795. .user-add-address .address-info .item input.select-add{padding-right:.35rem;background-image:url(../images/select-add.png);background-size:.25rem .35rem;background-position:right center;background-repeat:no-repeat}
  796. .user-add-address .set-default{margin-top:.1rem;display:-webkit-flex;display:flex;width:100%;padding:0 .2rem;height:.77rem;-webkit-align-items:center;align-items:center;background-color:#fff}
  797. .user-add-address .set-default .well-check{width:100%}
  798. .user-add-address .set-default .well-check .icon{display:inline-block;width:.35rem;height:.35rem;border:1px solid #e0e0e0;border-radius:50%;vertical-align:-.1rem}
  799. .user-add-address .set-default .well-check .ckecks:checked+.icon{background-color:#f84426;border-color:#f84426;background-image:url(../images/enter.png);background-size:.17rem .12rem;background-position:center center;background-repeat:no-repeat}
  800. .user-add-address .sub-btn{display:block;width:6rem;height:.75rem;margin:.2rem auto 0;line-height:.75rem;text-align:center;color:#fff;background-color:#f84426;border-radius:3px}
  801. .product-sort .search-wrapper{z-index:12;position:relative;padding:.12rem .7rem .12rem .2rem;background-color:#fff;border-bottom:1px solid #f7f7f7;transition:all .3s ease}
  802. .product-sort .search-wrapper input{display:block;width:100%;height:.56rem;line-height:normal;background-color:#f6f6f6;padding:0 .18rem 0 12%;font-size:.22rem;border:1px solid #eee;border-radius:3px;background-image:url(../images/search1.png);background-size:.28rem .28rem;background-repeat:no-repeat;background-position:.2rem center}
  803. .product-sort .search-wrapper input::-webkit-input-placeholder{color:#999}
  804. .product-sort .search-wrapper.active{margin-top:-.85rem}
  805. .prent-alink{z-index:999;position:fixed;left:0;top:0;width:2.8rem;height:100%;background-color:#fff;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
  806. .prent-alink.on{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
  807. .prent-alink .title{width:100%;height:.7rem;line-height:.7rem;padding:0 .4rem 0 .3rem;background-color:#e77817}
  808. .prent-alink .title a{display:block;color:#fff}
  809. .prent-alink .title a:after{content:"";width:.13rem;height:.13rem;border-left:.02rem solid #fff;border-bottom:.02rem solid #fff;display:block;float:right;margin:.26rem .1rem 0 .2rem;-webkit-transform:rotate(45deg);transform:rotate(-135deg)}
  810. .prent-alink li{padding:0 .4rem 0 .3rem;height:.7rem;line-height:.7rem;border-bottom:1px solid #eee}
  811. .prent-alink li a{display:block}
  812. .prent-alink li a:after{content:"";width:.13rem;height:.13rem;border-left:.02rem solid #666;border-bottom:.02rem solid #666;display:block;float:right;margin:.26rem .1rem 0 .2rem;-webkit-transform:rotate(45deg);transform:rotate(-135deg)}
  813. .product-sort .price-select{z-index:50;position:relative;width:100%;background-color:#fff;border-bottom:1px solid #eee}
  814. .product-sort .price-select.active{z-index:15;position:fixed;left:0;top:0}
  815. .product-sort .price-select .item{-webkit-flex:1;flex:1;height:.75rem;line-height:.75rem;text-align:center;color:#666}
  816. .product-sort .price-select .item.all-sort:after{content:"";width:.12rem;height:.12rem;border-left:.02rem solid #212121;border-bottom:.02rem solid #212121;display:inline-block;margin:.26rem 0 0 5px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);vertical-align:top}
  817. .product-sort .price-select .item.on,.product-sort .price-select .item.selected-down.on,.product-sort .price-select .item.selected-up.on{color:#212121}
  818. .product-sort .price-select .layout-vertical{width:1.05rem;height:.75rem;line-height:.75rem;text-align:center}
  819. .product-sort .price-select .layout-vertical span{display:inline-block;width:.29rem;height:.29rem;background-image:url(../images/gc-icon.png);background-size:2.55rem auto;background-repeat:no-repeat;background-position:0 0;vertical-align:-.06rem}
  820. .product-sort .price-select .layout-vertical.on span{background-position:0 -1rem}
  821. .product-sort .price-select .item .icon{display:inline-block;width:.15rem;height:.19rem;background-image:url(../images/gc-icon.png);background-size:2.55rem auto;background-repeat:no-repeat;background-position:-.8rem 0;vertical-align:-.02rem;margin-left:.1rem}
  822. .product-sort .price-select .item.selected-up .icon{background-position:-2.39rem 0}
  823. .product-sort .price-select .item.selected-down .icon{background-position:-1.59rem 0}
  824. .product-sort .product-list.active{padding-top:.8rem}
  825. .product-sort .product-list .list-layout{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;padding:0 .05rem}
  826. .product-sort .product-list .list-layout li{position:relative;width:3.1rem;margin-top:.1rem;background-color:#fff;-webkit-flex-wrap:wrap;flex-wrap:wrap}
  827. .product-sort .product-list .list-layout li a{-webkit-flex-wrap:wrap;flex-wrap:wrap}
  828. .product-sort .product-list .list-layout li .img{width:100%;height:3.1rem}
  829. .product-sort .product-list .list-layout li .img img{width:100%;height:100%}
  830. .product-sort .product-list .list-layout li .info-txt{-webkit-flex:1;flex:1;padding:.1rem .13rem;line-height:1.5;color:#000}
  831. .product-sort .product-list .list-layout li .info-txt .name{height:.72rem;display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-line-clamp:2;-moz-line-clamp:2;overflow:hidden}
  832. .product-sort .product-list .list-layout li .info-txt .count{display:inline-block;font-size:.2rem;color:#ababab}
  833. .product-sort .product-list .list-layout li .info-txt .price{color:#e62800}
  834. .product-sort .product-list .list-layout li .buy-car{position:absolute;right:0;bottom:0;width:.67rem;height:.67rem;background-image:url(../images/buy-cars.png?1);background-repeat:no-repeat;background-size:100% 100%;background-position:center center}
  835. .product-sort .product-list .vertical{background-color:#fff}
  836. .product-sort .product-list .vertical li{width:100%;padding:.15rem;border-bottom:1px solid #eee}
  837. .product-sort .product-list .vertical li .img{width:1.6rem;height:1.6rem;border-radius:3px;overflow:hidden}
  838. .product-sort .product-list .vertical li .info-txt{margin-left:.2rem}
  839. .product-sort .product-list .vertical li .count{margin:.1rem 0 0 0}
  840. .product-sort .product-list .vertical li .buy-car{right:.2rem;bottom:.2rem}
  841. .product-sort .price-select .child-alink{position:relative;z-index:98;position:absolute;top:.76rem;left:0;width:100%;background-color:#fff}
  842. .child-alink-bg{z-index:10;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)}
  843. .product-sort .price-select .child-alink .item-link.item-munu-hock.on{background-color:#fafafa}
  844. .product-sort .price-select .child-alink .item-link a.parent-link{display:block;height:.73rem;line-height:.73rem;border-bottom:1px solid #eee;padding-left:.35rem}
  845. .product-sort .price-select .child-alink .item-link.all.on{background-image:url(../images/enter2.png);background-size:.22rem .18rem;background-repeat:no-repeat;background-position:95% center}
  846. .product-sort .price-select .child-alink .item-link.all a{display:block;height:.73rem;line-height:.73rem;border-bottom:1px solid #eee;padding-left:.35rem}
  847. .product-sort .price-select .child-alink .item-link .link-list{display:none;background-color:#fafafa;border-bottom:1px solid #eee}
  848. .product-sort .price-select .child-alink .item-link .link-list li a{display:block;height:.73rem;line-height:.73rem;padding-left:.35rem;color:#454545}
  849. .product-sort .price-select .child-alink .item-link .link-list li.on a{color:#e62800;background-image:url(../images/enter2.png);background-size:.22rem .18rem;background-repeat:no-repeat;background-position:95% center}
  850. .product-sort .price-select .scroll-wrapper{max-height:2.92rem;overflow-y:hidden}
  851. .product-sort .price-select .right-link-scroll{position:absolute;right:0;top:.73rem;width:50%;background-color:#fafafa;padding-left:.36rem;height:2.92rem;overflow-y:hidden;line-height:.73rem;transform:translate3d(100%,0,0);opacity:0;transition:all .5s ease}
  852. .product-sort .price-select .right-link-scroll.active{transform:translate3d(0,0,0);opacity:1}
  853. .product-sort .price-select .right-link-scroll li.on{background-image:url(../images/enter2.png);background-size:.22rem .18rem;background-repeat:no-repeat;background-position:95% center}
  854. .product-sort .price-select .right-link-scroll li.on a{color:#e62800}
  855. .subordinate{width:100%;margin-top:.1rem;padding:0 .03rem}
  856. .subordinate a{-webkit-flex:1;flex:1;margin-right:.1rem;text-align:center;height:.66rem;line-height:.66rem;background-color:#eee;border-radius:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#666}
  857. .subordinate a:last-child{margin-right:0}
  858. .subordinate a.on{color:#e62800}
  859. .child-alink-bg.show{display:block}
  860. .addres-select .cm-header{height:1.06rem;line-height:1.06rem;text-align:center;border-bottom:1px solid #eee;font-size:.26rem;color:#1d1d1d}
  861. .addres-select .selects-info{margin-top:0;max-height:5rem}
  862. .addres-select .selects-info li{position:relative;padding:.27rem 0;border-bottom:1px solid #eee}
  863. .addres-select .selects-info li .select-icon{position:absolute;left:0;top:.27rem;width:.24rem;height:.24rem;border:1px solid #ddd;border-radius:3px}
  864. .addres-select .selects-info li .user-info{width:4.85rem;margin:0 auto;font-size:.22rem;color:#1d1d1d}
  865. .addres-select .selects-info li .user-info .address-info{margin-top:.1rem;line-height:1.3;color:#666}
  866. .addres-select .selects-info li .edit{position:absolute;right:0;top:.4rem;width:.27rem;height:.31rem;background-image:url(../images/edit01.png);background-repeat:no-repeat;background-size:100% 100%}
  867. .addres-select .selects-info li.on .select-icon{border:1px solid transparent;background-color:#ff6b00;background-image:url(../images/enter.png);background-size:.17rem .12rem;background-repeat:no-repeat;background-position:center center}
  868. .addres-select .selects-info li.on .user-info{color:#ff6b00}
  869. .addres-select .selects-info li.on .user-info .address-info{color:#ff6b00}
  870. .content-wrapper{padding:0 .2rem}
  871. .content-wrapper .router-wrapper{border-bottom:1px solid #ddd;height:.67rem}
  872. .content .router-wrapper .router-box{display:inline-block;line-height:.65rem;border-bottom:1px solid #f24626;font-size:.2rem;color:#666}
  873. .content-wrapper .router-wrapper .router-box span{position:relative;display:inline-block;padding-left:.24rem}
  874. .content-wrapper .router-wrapper .router-box span:after{content:"";display:block;position:absolute;left:-.06rem;top:50%;margin-top:-.05rem;width:0;height:0;border-left:.12rem solid transparent;border-right:.12rem solid transparent;border-bottom:.1rem solid #e95636;transform:rotate(90deg)}
  875. .content-wrapper .router-wrapper .router-box a{display:inline-block;color:#666}
  876. .content-wrapper .router-wrapper .router-box a:after{content:"";width:.08rem;height:.08rem;border-left:.02rem solid #666;border-bottom:.02rem solid #666;display:block;float:right;margin:.27rem .02rem 0 .05rem;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
  877. .content-wrapper .router-wrapper .router-box a:last-child:after{display:none}
  878. .content-wrapper .con-box .title{padding:.28rem 0 .28rem 0;border-bottom:1px dashed #b2b2b2}
  879. .content-wrapper .con-box .title p{margin-bottom:.18rem;font-size:.3rem;line-height:1.5}
  880. .content-wrapper .con-box .title span{font-size:.18rem;color:#888;margin-right:.25rem}
  881. .content-wrapper .con-box .con{padding:.32rem 0;font-size:.22rem;color:#555;line-height:1.5;overflow:hidden}
  882. .content-wrapper .con-box .con img{max-width:100%;height:auto;display:block}
  883. .content-wrapper .page-next{border-top:1px solid #ddd;padding:.25rem 0}
  884. .content-wrapper .page-next a{display:block;font-size:.22rem;color:#888;line-height:2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  885. .content-wrapper .page-next a:active{color:#da3f22}
  886. .payplay-wrapper{width:100%;padding:.5rem .63rem .45rem;background-color:#fff}
  887. .payplay-wrapper .info-wrapper{text-align:center}
  888. .payplay-wrapper .info-wrapper .tit{color:#999}
  889. .payplay-wrapper .info-wrapper .money{margin-top:.4rem;padding-bottom:.2rem;border-bottom:1px solid #ddd}
  890. .payplay-wrapper .info-wrapper .money span{font-size:.48rem}
  891. .payplay-wrapper .info-wrapper .money input{display:inline-block;width:2.6rem;font-size:.72rem;text-align:center}
  892. .payplay-wrapper .info-wrapper .tips{margin-top:.25rem;font-size:.2rem;color:#888}
  893. .payplay-wrapper .info-wrapper .tips span{color:#ef4a49}
  894. .payplay-wrapper .info-wrapper .pay-btn{display:block;width:100%;height:.76rem;margin-top:.4rem;line-height:.76rem;text-align:center;background-color:#48ab34;color:#fff;border-radius:5px;font-size:.24rem}
  895. .user-order-logistics .product-info{padding:.2rem;background-color:#fff}
  896. .user-order-logistics .product-info .picture{width:1rem;height:1rem}
  897. .user-order-logistics .product-info .picture img{width:100%;height:100%}
  898. .user-order-logistics .product-info .logistics-tip{width:4.5rem;margin-left:.28rem;-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:space-around;justify-content:space-around;font-size:.24rem;color:#666}
  899. .user-order-logistics .product-info .logistics-tip .stuts-txt{font-size:.24rem;color:#ff7e00}
  900. .user-order-logistics .logistics-info{margin-top:.1rem;padding:.4rem;background-color:#fff}
  901. .user-order-logistics .logistics-info ul{flex-flow:column;color:#999}
  902. .user-order-logistics .logistics-info li{position:relative}
  903. .user-order-logistics .logistics-info li p{line-height:1.5}
  904. .user-order-logistics .logistics-info li .left-wrapper{min-height:1.32rem;padding-right:.38rem}
  905. .user-order-logistics .logistics-info li .left-wrapper span{font-size:.18rem}
  906. .user-order-logistics .logistics-info li .right-wrapper{width:5.6rem;min-height:1.32rem;padding:0 0 .15rem .45rem;border-left:1px solid #ccc}
  907. .user-order-logistics .logistics-info li .right-wrapper span{display:inline-block;margin-top:.03rem;font-size:.2rem;line-height:1.5}
  908. .user-order-logistics .logistics-info li:first-child .right-wrapper,.user-order-logistics .logistics-info li:last-child .left-wrapper{min-height:auto}
  909. .user-order-logistics .logistics-info li:before{content:'';position:absolute;left:-.2rem;top:-.04rem;width:.4rem;height:.4rem;background-image:url(../images/logistics-icon.png);background-repeat:no-repeat;background-size:.4rem auto;background-position:0 .04rem}
  910. .user-order-logistics .logistics-info li:first-child:before{background-position:0 -.92rem}
  911. .user-order-logistics .logistics-info li:first-child p{color:#ff7e00}
  912. .user-order-logistics .logistics-info li:last-child .right-wrapper{border:none}
  913. .authenticate{padding:0 .24rem}
  914. .authenticate .user-infos{position:relative;width:100%;height:.76rem;border:1px solid #e5e5e5;border-radius:3px;background-color:#fff;margin-top:.1rem}
  915. .authenticate .user-infos input{display:block;width:100%;height:100%;line-height:normal;padding-left:.25rem}
  916. .authenticate .user-infos .countdown{position:absolute;right:0;top:0;width:1.56rem;height:100%;line-height:.76rem;text-align:center;background-color:#999;font-size:.22rem;color:#fff}
  917. .authenticate .user-infos .countdown.on{background-color:#56ca59}
  918. .authenticate .idpicture{display:block;position:relative;margin-top:.1rem;width:100%;height:3.98rem;text-align:center;background-color:#333}
  919. .authenticate .idpicture img{width:100%;height:100%}
  920. .authenticate .idpicture .bar{position:absolute;left:0;bottom:0;width:100%;background-color:rgba(255,255,255,.3);padding:.12rem 0}
  921. .authenticate .idpicture .bar span{display:inline-block;width:49%;height:.46rem;line-height:.46rem;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}
  922. .authenticate .idpicture .bar span:first-child{border-right:1px solid rgba(221,221,221,.3)}
  923. .authenticate .add-idinfo{width:100%;margin-top:.1rem;background:#fff;border:1px solid #e5e5e5;border-radius:3px;text-align:center;padding:.3rem 0}
  924. .authenticate .add-idinfo img{width:.6rem;height:.6rem}
  925. .authenticate .add-idinfo p{font-size:.2rem;color:#999;margin-top:.1rem}
  926. .authenticate .publish-btn{position:fixed;left:0;bottom:0;width:100%;background-color:#fff;padding:.15rem .24rem}
  927. .authenticate .publish-btn button{display:block;width:100%;height:.67rem;background-color:#56ca59;color:#fff;border-radius:30px;cursor:pointer}
  928. .index-icon{display:inline-block;background-image:url(../images/index-icon03.png);background-size:6rem auto;background-repeat:no-repeat;-webkit-background-size:6rem auto;-moz-background-size:6rem auto}
  929. .price{color:#e3383e;font-size:.26rem}
  930. .price i{font-style:normal;font-size:.22rem}
  931. .martop10{margin-top:.1rem}
  932. .common-title{position:relative;height:.8rem;background-color:#fff;text-align:center;font-size:.28rem;line-height:.8rem}
  933. .common-title:after{position:absolute;bottom:0;left:0;display:block;width:100%;border-top:1px solid #f5f5f5;content:' '}
  934. .common-title:before{position:absolute;top:0;left:0;display:block;width:100%;border-top:1px solid transparent;content:' '}
  935. .common-title .line{display:inline-block;width:1.36rem;height:.18rem;background-image:url(../images/tit-line.png);background-size:100% 100%;background-repeat:no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%}
  936. .common-title .line.right{background-image:url(../images/tit-line-right.png)}
  937. .common-title span{margin:0 .1rem}
  938. .page-index .banner{position:relative;overflow:hidden;width:100%;height:auto;margin-top:inherit}
  939. .banner img{display:block;width:100%;height:100%}
  940. .banner .swiper-pagination-bullet{margin:0 3px!important;width:6px;height:6px;background:#fff;vertical-align:middle;opacity:1;-ms-filter:none;filter:none}
  941. .banner .swiper-pagination-bullet-active{width:10px;height:4px;border-radius:30px}
  942. .hot-txt-roll{position:relative;padding:.15rem .1rem;height:.66rem;background-color:#fff;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
  943. .hot-txt-roll:after{position:absolute;bottom:0;left:0;display:block;width:100%;border-top:1px solid transparent;content:' '}
  944. .hot-txt-roll:before{position:absolute;top:0;left:0;display:block;width:100%;border-top:1px solid #f0f0f0;content:' '}
  945. .hot-txt-roll .hot-icon{width:.96rem;height:.23rem}
  946. .hot-txt-roll .hot-icon img{width:100%;height:100%}
  947. .hot-txt-roll .txt-list{overflow:hidden;margin-left:.1rem;padding-left:.2rem;height:.36rem;border-left:1px solid #c8c8c8;line-height:.36rem}
  948. .page-index .search-wrapper{z-index:99;width:100%;background:#fff}
  949. .page-index .search-wrapper .search-box{padding:0 .2rem;height:.8rem;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
  950. .page-index .search-wrapper .search-box input{padding-left:.65rem;width:5.3rem;height:.58rem;border:1px solid #eee;border-radius:5px;background-image:url(../images/search-icon.png);background-position:.2rem center;background-size:.28rem .28rem;background-repeat:no-repeat;font-size:.22rem;line-height:normal;-webkit-background-size:.28rem .28rem;-moz-background-size:.28rem .28rem}
  951. .page-index .search-wrapper .search-box input::-webkit-input-placeholder{color:#999}
  952. .page-index .search-wrapper .search-box .home-btn{position:relative;width:.5rem;height:.45rem;background-position:-5.5rem -2.36rem;text-align:center}
  953. .page-index .search-wrapper .search-box .home-btn .count-num{position:absolute;top:-2px;right:-5px;display:block;padding:2px;height:8px;min-width:8px;border:1px solid #e3383e;border-radius:10px;color:#e3383e;text-align:center;font-size:10px;line-height:10px}
  954. .page-index .nav{padding-bottom:.2rem;width:100%;background-color:#fff}
  955. .page-index .nav ul{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
  956. .page-index .nav li{margin-top:.2rem;text-align:center;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1 25%;-ms-flex:1 25%;flex:1 25%}
  957. .page-index .nav li img{width:.86rem;height:.86rem;border-radius:50%}
  958. .page-index .nav li p{margin-top:.1rem;font-size:.22rem}
  959. .page-index .coupon-wrapper{padding:.2rem .18rem 0 .18rem}
  960. .page-index .coupon-wrapper .coupon-list{-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
  961. .page-index .coupon-wrapper .coupon-list .coupon-item{margin-right:.2rem;position:relative;width:2.95rem;height:1.25rem;border-radius:5px;background-image:-webkit-linear-gradient(left,#f78000,#ff4800);background-image:-moz-linear-gradient(left,#f78000,#ff4800);background-image:-o-linear-gradient(left,#f78000,#ff4800);background-image:-ms-linear-gradient(left,#f78000,#ff4800);background-image:linear-gradient(to right,#f78000,#ff4800);color:#fff}
  962. .page-index .coupon-wrapper .coupon-list .coupon-item:before{position:absolute;top:-5px;right:.85rem;width:10px;height:10px;border-radius:50%;background-color:#f5f5f5;content:' '}
  963. .page-index .coupon-wrapper .coupon-list .coupon-item:after{position:absolute;right:.85rem;bottom:-5px;width:10px;height:10px;border-radius:50%;background-color:#f5f5f5;content:' '}
  964. .page-index .coupon-wrapper .coupon-list .coupon-item.typeone{background-image:-webkit-linear-gradient(left,#f78000,#ff4800);background-image:-moz-linear-gradient(left,#f78000,#ff4800);background-image:-o-linear-gradient(left,#f78000,#ff4800);background-image:-ms-linear-gradient(left,#f78000,#ff4800);background-image:linear-gradient(to right,#f78000,#ff4800)}
  965. .page-index .coupon-wrapper .coupon-list .coupon-item.typeone+.typeone{background-image:-webkit-linear-gradient(left,#ff5744,#fc1400);background-image:-moz-linear-gradient(left,#ff5744,#fc1400);background-image:-o-linear-gradient(left,#ff5744,#fc1400);background-image:-ms-linear-gradient(left,#ff5744,#fc1400);background-image:linear-gradient(to right,#ff5744,#fc1400)}
  966. .page-index .coupon-wrapper .coupon-list .coupon-item.typethree{background-image:-webkit-linear-gradient(left,#ccc,#aaa);background-image:-moz-linear-gradient(left,#ccc,#aaa);background-image:-o-linear-gradient(left,#ccc,#aaa);background-image:-ms-linear-gradient(left,#ccc,#aaa);background-image:linear-gradient(to right,#ccc,#aaa)}
  967. .page-index .coupon-wrapper .coupon-list .coupon-item .count-num{width:2.01rem;border-right:1px dashed #fff;font-size:.46rem;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
  968. .page-index .coupon-wrapper .coupon-list .coupon-item .count-num .small-symbol{font-style:normal;font-size:.26rem}
  969. .page-index .coupon-wrapper .coupon-list .coupon-item .count-num p{margin-top:.08rem;font-size:.18rem}
  970. .page-index .coupon-wrapper .coupon-list .coupon-item .count-btn{padding:0 .22rem;font-size:.22rem;line-height:1.2;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
  971. .page-index .template-prolist+.template-prolist{margin-top:.25rem}
  972. .page-index .coupon-wrapper .more-wrapper{display:block;height:.6rem;color:#868686;text-align:center;font-size:.18rem;line-height:.6rem}
  973. .page-index .index-common-title{position:relative;height:.78rem;background-color:#fff;text-align:center;font-size:.26rem;line-height:.78rem}
  974. .page-index .index-common-title:after{position:absolute;bottom:0;left:0;display:block;width:100%;border-top:1px solid #f0f0f0;content:' '}
  975. .page-index .index-common-title:before{position:absolute;top:0;left:0;display:block;width:100%;border-top:1px solid #f0f0f0;content:' '}
  976. .page-index .index-common-title .icon{display:inline-block;width:.26rem;height:.26rem;background-image:url(../images/more-icon.png);background-size:100% 100%;vertical-align:-.04rem;-webkit-background-size:100% 100%;-moz-background-size:100% 100%}
  977. .page-index .hotspike-list ul{padding:0 .1rem}
  978. .page-index .hotspike-list ul li{position:relative;margin-top:.1rem;background-color:#fff;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
  979. .page-index .hotspike-list ul li .picture{position:relative;width:1.9rem;height:1.9rem}
  980. .page-index .hotspike-list ul li .picture img{display:block;width:100%;height:100%}
  981. .page-index .hotspike-list ul li .picture .count-down{position:absolute;bottom:0;left:0;width:100%;height:.5rem;background-color:rgba(238,238,238,.6);font-size:0;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
  982. .page-index .hotspike-list ul li .picture .count-down em,.page-index .hotspike-list ul li .picture .count-down span{font-size:.22rem}
  983. .page-index .hotspike-list ul li .picture .count-down span{width:.32rem;height:.32rem;border-radius:3px;background-color:#333;color:#fff;text-align:center;line-height:.32rem}
  984. .page-index .hotspike-list ul li .picture .count-down em{width:.12rem;text-align:center}
  985. .page-index .hotspike-list ul li .text-info{width:4.15rem;height:1.9rem;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
  986. .page-index .hotspike-list ul li .text-info .title{display:-webkit-box;display:-moz-box;overflow:hidden;line-height:1.5;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-line-clamp:2;-moz-line-clamp:2}
  987. .page-index .hotspike-list ul li .text-info .price-wrapper{margin:.2rem 0}
  988. .page-index .hotspike-list ul li .text-info .price-wrapper .old-price{color:#aaa;font-size:.2rem}
  989. .page-index .hotspike-list ul li .text-info .schedule{color:#e1363c;font-size:.18rem;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
  990. .page-index .hotspike-list ul li .text-info .schedule .schedule-bar{position:relative;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:.1rem;width:1.3rem;height:.15rem;border:1px solid #fab2b5;border-radius:30px}
  991. .page-index .hotspike-list ul li .text-info .schedule .schedule-bar .schedule-weight{position:absolute;top:0;left:0;width:30%;height:100%;background-color:#e3383e}
  992. .page-index .hotspike-list ul li .link{position:absolute;right:.2rem;bottom:.18rem;width:1rem;height:.4rem;border-radius:3px;background-color:#e3383e;color:#fff;text-align:center;font-size:.2rem;line-height:.4rem}
  993. .page-index .hot-banner{padding:.1rem 0;width:100%;height:auto}
  994. .page-index .hot-banner img{display:block;width:100%;height:100%}
  995. .buyspell-list .buyspell-banner{width:100%;height:2rem}
  996. .buyspell-list .buyspell-banner img{display:block;width:100%;height:100%}
  997. .buyspell-list .bslist-box{padding-bottom:.25rem}
  998. .buyspell-list .bslist-box .bs-item{margin:.15rem .1rem 0;background-color:#fff;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
  999. .buyspell-list .bslist-box .bs-item .picture{width:2.2rem;height:2.2rem}
  1000. .buyspell-list .bslist-box .bs-item .picture img{width:100%;height:100%}
  1001. .buyspell-list .bslist-box .bs-item .bs-item-info{padding-right:.2rem;width:3.7rem;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
  1002. .buyspell-list .bslist-box .bs-item .bs-item-info .info-title{display:-webkit-box;display:-moz-box;overflow:hidden;line-height:1.5;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-line-clamp:2;-moz-line-clamp:2}
  1003. .buyspell-list .bslist-box .bs-item .bs-item-info .count-wrapper{margin:.17rem 0 .32rem 0}
  1004. .buyspell-list .bslist-box .bs-item .bs-item-info .count-wrapper .count{float:right;color:#666;font-size:.2rem}
  1005. .buyspell-list .bslist-box .bs-item .bs-item-info .people-num{position:relative;width:100%;height:.5rem;border-radius:0 15px 15px 0;background-color:#ddd;font-size:0;line-height:.5rem}
  1006. .buyspell-list .bslist-box .bs-item .bs-item-info .people-num span{display:inline-block;vertical-align:top;font-size:.22rem}
  1007. .buyspell-list .bslist-box .bs-item .bs-item-info .people-num .numbers{position:relative;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:.65rem;width:65%;text-overflow:ellipsis;white-space:nowrap;-o-text-overflow:ellipsis}
  1008. .buyspell-list .bslist-box .bs-item .bs-item-info .people-num .people-icon{position:absolute;top:-.04rem;left:.06rem;width:.52rem;height:.47rem;background-position:-2.12rem 0}
  1009. .buyspell-list .bslist-box .bs-item .bs-item-info .people-num .peo-txt{width:35%;border-radius:0 15px 15px 0;background-color:#d41419;color:#fff;text-align:center}
  1010. .buyspell-list .bslist-box .bs-item .bs-item-info .people-num .peo-txt:after{display:inline-block;width:.14rem;height:.14rem;border-bottom:.02rem solid #fff;border-left:.02rem solid #fff;content:"";-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);-ms-transform:rotate(-135deg)}
  1011. .buyspell-list .bslist-box .bs-item:last-child{margin-bottom:0}
  1012. .template-prolist .title-like{height:1.08rem;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
  1013. .template-prolist .title-like .title-line{width:.6rem;height:1px;background-color:#aaa}
  1014. .template-prolist .title-like .title-line.left{margin-right:.25rem}
  1015. .template-prolist .title-like .title-line.right{margin-left:.25rem}
  1016. .template-prolist .title-like .icon{display:inline-block;margin-right:.1rem;width:.24rem;height:.22rem;background-image:url(../images/xin-icon.png);background-size:100% 100%;-webkit-background-size:100% 100%;-moz-background-size:100% 100%}
  1017. .template-prolist ul{padding:0 .1rem;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
  1018. .template-prolist ul li{margin-top:.1rem;width:3.05rem;background-color:#fff}
  1019. .template-prolist ul li .picture{width:100%;height:3.05rem}
  1020. .template-prolist ul li .picture img{width:100%;height:100%}
  1021. .template-prolist ul li .product-info{padding:.1rem}
  1022. .template-prolist ul li .product-info .title{overflow:hidden;color:#666;color:#262626;text-overflow:ellipsis;white-space:nowrap;line-height:.45rem;-o-text-overflow:ellipsis}
  1023. .template-prolist ul li .product-info .count-wrapper{margin-top:.07rem;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
  1024. .template-prolist ul li .product-info .count-wrapper .price{font-size:.3rem}
  1025. .template-prolist ul li .product-info .count-wrapper .price i{font-size:.2rem}
  1026. .template-prolist ul li .product-info .count-wrapper .count{color:#999;font-size:.2rem}
  1027. .right-menu-wrapper{position:fixed;right:.22rem;top:62%;width:.66rem;z-index:45}
  1028. .right-menu-wrapper a{display:inline-block;width:.64rem;height:.64rem;margin-top:.12rem;box-sizing:border-box;border:1px solid #e1e1e1;border-radius:50%;background-image:url(../images/right-menu-icon.png);background-size:1.24rem auto;background-repeat:no-repeat;background-color:rgba(255,255,255,.9)}
  1029. .right-menu-wrapper a.home{background-position:.06rem .06rem}
  1030. .right-menu-wrapper a.buy-car{background-position:-.66rem .08rem}
  1031. .product-sort .search-wrapper{z-index:99;position:relative;padding:.12rem .2rem .12rem .7rem;background-color:#fff;border-bottom:1px solid #f7f7f7}
  1032. .product-sort .search-wrapper input{display:block;width:100%;height:.56rem;line-height:normal;background-color:#f6f6f6;padding:0 12% 0 .18rem;font-size:.22rem;border:1px solid #eee;border-radius:3px;background-image:url(../../sx/images/search-icon3.png);-webkit-background-size:.28rem .28rem;-moz-background-size:.28rem .28rem;background-size:.28rem .28rem;background-repeat:no-repeat;background-position:95% center}
  1033. .product-sort .search-wrapper input::-webkit-input-placeholder{color:#999}
  1034. .product-sort .search-wrapper .menu{position:absolute;left:0;top:0;width:.7rem;height:100%;background-image:url(../images/index-icon02.png);-webkit-background-size:6rem auto;-moz-background-size:6rem auto;background-size:6rem auto;background-repeat:no-repeat;background-position:.16rem -2.78rem}
  1035. .product-sort .search-wrapper .menu a{display:block;height:100%}
  1036. .user-cash .pay-selection{background-color:#fff}
  1037. .user-cash .pay-selection .default{position:relative;line-height:.85rem;padding:0 .2rem;font-size:.26rem;cursor:pointer}
  1038. .user-cash .pay-selection .selects{display:none;line-height:.85rem;background-color:#f5f5f5;font-size:.26rem}
  1039. .user-cash .pay-selection .selects li{padding:0 .2rem;border-bottom:1px solid #eee;position:relative}
  1040. .user-cash .card-wrapper{padding:0 .2rem;background-color:#fff}
  1041. .user-cash .card-wrapper .card-info .alipay,.user-cash .card-wrapper .card-info .bank{display:none}
  1042. .user-cash .card-wrapper .card-info .active{display:block}
  1043. .user-cash .card-wrapper .card-info input{display:block;width:100%;height:.8rem;line-height:.8rem;font-size:.26rem;border-bottom:1px solid #e4e5e5}
  1044. .user-cash .card-wrapper .card-info span{line-height:.52rem;font-size:.22rem;color:#999}
  1045. .user-cash .card-wrapper .card-info span i{font-style:normal}
  1046. .user-cash .card-wrapper .card-info input::-webkit-input-placeholder{color:#666}
  1047. .user-cash .submit{margin-top:.32rem;padding:.1rem .2rem;background-color:#fff}
  1048. .user-cash .submit span{display:block;height:.72rem;line-height:.72rem;background-color:#62abe8;border-radius:5px;color:#fff;text-align:center;font-size:.26rem;cursor:pointer}
  1049. .user-cash .icon{position:absolute;right:.2rem;top:50%;margin-top:-6px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,0);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;cursor:pointer;width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,0);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;box-sizing:border-box;border:1px solid #999}
  1050. .user-cash .icon span{display:block;width:16px;height:16px;border-radius:100%;background-color:transparent;-webkit-transition:background-color .3s ease,-webkit-transform .3s ease;transition:background-color .3s ease,transform .3s ease}
  1051. .user-cash .icon.current{box-shadow:0 0 0 2px #00a0e9;border:0}
  1052. .user-cash .icon.current span{-webkit-transform:scale(.4);transform:scale(.4);background-color:#00a0e9}
  1053. .user-cash .error-txt{display:none;margin-top:.1rem;line-height:.5rem;padding:0 .2rem;font-size:.26rem;color:red;background-color:#fff}
  1054. .color-red{color:#ec0707!important}
  1055. .buyspell-list .buyspell-banner{width:100%;height:2rem}
  1056. .buyspell-list .buyspell-banner img{width:100%;height:100%;display:block}
  1057. .buyspell-list .bslist-box .bs-item{padding:.15rem .2rem;background-color:#fff;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:.05rem}
  1058. .buyspell-list .bslist-box .bs-item .picture{width:2.1rem;height:2.1rem}
  1059. .buyspell-list .bslist-box .bs-item .picture img{width:100%;height:100%}
  1060. .buyspell-list .bslist-box .bs-item .bs-item-info{width:3.7rem;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-left:.2rem}
  1061. .buyspell-list .bslist-box .bs-item .bs-item-info .info-title{line-height:1.5;display:-webkit-box;display:-moz-box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-line-clamp:2;-moz-line-clamp:2;overflow:hidden}
  1062. .buyspell-list .bslist-box .bs-item .bs-item-info .count-wrapper{margin:.17rem 0 .32rem 0}
  1063. .buyspell-list .bslist-box .bs-item .bs-item-info .count-wrapper .count{font-size:.2rem;color:#666;float:right}
  1064. .buyspell-list .bslist-box .bs-item .bs-item-info .people-num{position:relative;width:3.1rem;height:.6rem;line-height:.6rem;background-color:#ddd;font-size:0;border-radius:0 15px 15px 0}
  1065. .buyspell-list .bslist-box .bs-item .bs-item-info .people-num span{display:inline-block;font-size:.22rem;vertical-align:top}
  1066. .buyspell-list .bslist-box .bs-item .bs-item-info .people-num .numbers{position:relative;width:1.88rem;padding-left:.65rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
  1067. .buyspell-list .bslist-box .bs-item .bs-item-info .people-num .people-icon{position:absolute;left:.06rem;top:-.04rem;width:.52rem;height:.47rem;background-position:-2.12rem 0}
  1068. .buyspell-list .bslist-box .bs-item .bs-item-info .people-num .peo-txt{width:1.22rem;background-color:#d41419;color:#fff;text-align:center;border-radius:0 15px 15px 0}
  1069. .buyspell-list .bslist-box .bs-item .bs-item-info .people-num .peo-txt:after{content:"";width:.14rem;height:.14rem;border-left:.02rem solid #fff;border-bottom:.02rem solid #fff;display:inline-block;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
  1070. .buyspell-list .bslist-box .bs-item:last-child{margin-bottom:0}
  1071. .pk-box .comfirm-wrapper{margin-top:0}
  1072. .pk-box .product_list{background:#fff}
  1073. .pk-box .product_list li{overflow:hidden;padding:.2rem .2rem;border-bottom:1px solid #eee}
  1074. .pk-box .product_list li .goods-img{position:relative;float:left;width:24%}
  1075. .pk-box .product_list li .goods-img img{width:100%;height:auto;display:block}
  1076. .pk-box .product_list li .goods-info{position:relative;float:left;width:72%;padding-left:.2rem}
  1077. .pk-box .product_list li .goods-info .goods-detail .name{min-height:2.72em;font-size:.24rem;line-height:1.36em;color:#333;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  1078. .pk-box .product_list li .goods-info .goods-detail .size{font-size:.2rem;height:.47rem;line-height:.47rem;color:#868686!important;overflow:hidden}
  1079. .pk-box .product_list li .goods-info .goods-detail .size span{margin-right:.3rem}
  1080. .pk-box .product_list li .goods-info .goods-detail .carnum{height:.45rem;line-height:.5rem;font-size:.24rem;margin-top:.13rem}
  1081. .pk-box .product_list li .goods-info .goods-detail .carnum .price{color:#FB18AD}
  1082. .pk-box .product_list li .goods-info .goods-detail .carnum .number{float:right;color:#333}
  1083. .pk-box .payinfo_list{background:#fff}
  1084. .pk-box .payinfo_list li{overflow:hidden;padding:.2rem .2rem;border-bottom:1px solid #eee}
  1085. .pk-box .payinfo_list li span{color:#FB18AD}
  1086. .pk-box .payinfo_list li .title{float:left}
  1087. .pk-box .payinfo_list li .info{float:right}
  1088. .pk-box .payinfo_list li .cancel-counpon{margin-right:.1rem}
  1089. .pk-box .product_list li .goods-img.pk-list-img{width:32%}
  1090. .pk-box .product_list li .goods-info.pk-list-info{width:64%}
  1091. .pk-box .product_list li .goods-info .goods-detail .pk-list-all{font-size:.22rem;color:#999;height:auto;line-height:1;margin-top:.3rem}
  1092. .pk-box .product_list li .goods-info .goods-detail .pk-list-carnum{height:auto;line-height:1;margin-top:0;font-size:.26rem;margin-top:.15rem}
  1093. .pk-box .product_list li .goods-info .goods-detail .pk-list-carnum span.discount{font-size:.22rem;margin-left:.2rem;display:inline-block}
  1094. .pk-box .product_list li .goods-info .goods-detail .pk-list-carnum span i{font-style:normal}
  1095. .pk-box .pk-number{width:100%;text-align:center;background:#fff;padding:.3rem .1rem;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
  1096. .pk-box .pk-number li{display:inline-block;width:.8rem;height:.8rem;margin:.05rem;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;position:relative;vertical-align:middle}
  1097. .pk-box .pk-number li.unknown{background-image:url(../images/wenhao.png);background-size:.19rem .31rem;background-position:center center;background-repeat:no-repeat;border:1px dashed #999;border-radius:100%}
  1098. .pk-box .pk-number li img{width:100%;height:100%;border-radius:100%;border:1px solid #f1db6e;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
  1099. .pk-box .pk-number li .name{position:absolute;right:-.2rem;top:-.12rem;background:#eca412;color:#ae6900;width:.65rem;height:.3rem;line-height:.3rem;text-align:center;border-radius:30px;border:1px solid #fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;font-size:.22rem}
  1100. .pk-box .pk-number .pk-number-con-number{margin-top:.25rem;font-size:.25rem}
  1101. .pk-box .pk-number .pk-number-con-number em{color:#ff7271}
  1102. .pk-box .pk-number .pk-number-con-time{font-size:.24rem;margin-top:.2rem}
  1103. .pk-box .pk-number .pk-number-con-time span{background:#000;color:#fff;padding:.03rem .09rem;border-radius:5px;margin-right:.06rem}
  1104. .pk-box .pk-number .pk-buy{width:100%;text-align:center;font-size:.26rem;height:.85rem;line-height:.85rem;background:#e02f25;color:#fff;border-radius:5px;margin-top:.3rem}
  1105. .pk-box .pk-number .pk-buy a{color:#fff;display:block}
  1106. .pk-box .product_list li .goods-info .goods-detail .carnum .price{color:#e02f25}
  1107. .pk-box .product_list li .goods-info .goods-detail .carnum .price em{font-size:.3rem}
  1108. .pk-box .pt-info{width:100%;padding:.2rem 0;text-align:center}
  1109. .pk-box .pt-info .pt-state .pt-state-info{height:.38rem;line-height:.38rem;background-repeat:no-repeat;background-size:.38rem;width:1.6rem;margin:0 auto;font-size:.28rem;text-align:right}
  1110. .pk-box .pt-info .pt-success .pt-state-info{background-image:url(../images/pt-success.png);color:#4da231}
  1111. .pk-box .pt-info .pt-error .pt-state-info{background-image:url(../images/pt-error.png);color:#df2806}
  1112. .pk-box .pt-info .pt-state span{font-size:.2rem;color:#666;display:inline-block;padding:.14rem 0}
  1113. .template-pro-list .pro-title{height:.9rem;line-height:.9rem;background-color:#fff;font-size:.32rem;color:#ff4c4c;text-align:center}
  1114. .template-pro-list .like-title{background-color:transparent;color:#ff7e00}
  1115. .template-pro-list .like-title .like-line{display:inline-block;width:.44rem;height:.08rem;background-image:url(../images/like-line.png);background-size:100% 100%;vertical-align:middle}
  1116. .template-pro-list .like-title .like-line.right{background-image:url(../images/like-line-right.png)}
  1117. .template-pro-list .like-title span{margin:0 .2rem}
  1118. .template-pro-list .pro-title .flower-icon{width:.3rem;height:.3rem;background-position:-1.46rem .04rem}
  1119. .template-pro-list .item-box ul{-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:0 .1rem}
  1120. .template-pro-list .item-box ul li{width:3.05rem;margin-top:.1rem;background-color:#fff}
  1121. .template-pro-list .item-box ul li .picture{width:100%;height:3.05rem}
  1122. .template-pro-list .item-box ul li .picture img{width:100%;height:100%}
  1123. .template-pro-list .item-box ul li .pro-content{padding:.1rem}
  1124. .template-pro-list .item-box ul li .pro-content .pro-name{line-height:1.3;font-size:.22rem;color:#666;display:-webkit-box;display:-moz-box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-line-clamp:2;-moz-line-clamp:2;overflow:hidden}
  1125. .template-pro-list .item-box ul li .pro-content .pro-infos{line-height:.4rem}
  1126. .template-pro-list .item-box ul li .pro-content .pro-infos .price{color:#ec0707}
  1127. .template-pro-list .item-box ul li .pro-content .pro-infos .count{color:#999;font-size:.2rem}
  1128. .buyspell-list .product-banner,.template-prolist .product-banner{width:100%;height:2.2rem}
  1129. .buyspell-list .product-banner img,.template-prolist .product-banner img{display:block;width:100%;height:100%}
  1130. .page-index .nav{width:100%;padding-bottom:.2rem;background-repeat:no-repeat;-webkit-background-size:100% auto;-moz-background-size:100% auto;background-size:100% auto;padding: 0 .2rem;}
  1131. .page-index .search-wrapper{z-index:99;width:100%;background:#fff}
  1132. .page-index .search-wrapper .search-box{height:.8rem;padding:0 .2rem;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;background-color:#eb2f32}
  1133. .page-index .search-wrapper .search-box input{width:5.3rem;height:.58rem;line-height:normal;border:1px solid rgba(255,255,255,.3);padding-left:.65rem;background-image:url(../../sx/images/search-icon.png);background-repeat:no-repeat;-webkit-background-size:.28rem .28rem;-moz-background-size:.28rem .28rem;background-size:.28rem .28rem;background-position:.2rem center;font-size:.22rem;border-radius:5px}
  1134. .page-index .search-wrapper .search-box input::-webkit-input-placeholder{color:#fff}
  1135. .page-index .search-wrapper .search-box .home-btn{background-image:url(../../sx/images/index-icon.png);position:relative;width:.5rem;height:.45rem;text-align:center;background-position:-5.5rem -2.36rem}
  1136. .page-index .search-wrapper .search-box .home-btn .count-num{position:absolute;right:-5px;top:-2px;display:block;min-width:8px;height:8px;line-height:10px;text-align:center;background-color:#fff;color:#eb2f32;font-size:10px;border-radius:10px;padding:2px}
  1137. .page-index .nav{width:100%;padding-bottom:.2rem;background-repeat:no-repeat;-webkit-background-size:100% auto;-moz-background-size:100% auto;background-size:100% auto}
  1138. .page-index .nav ul{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
  1139. .page-index .nav li{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1 20%;-ms-flex:1 20%;flex:1 20%;margin-top:.2rem;text-align:center}
  1140. .page-index .nav li img{width:.76rem;height:.76rem;border-radius:50%}
  1141. .page-index .nav li p{margin-top:.1rem;font-size:.22rem}
  1142. .common-slider-nav{background-color:#fff;overflow:hidden;font-size:.22rem}
  1143. .common-slider-nav li{width:1.45rem;height:.68rem;line-height:.68rem;text-align:center}
  1144. .common-slider-nav li img{width:1.44rem;height:.64rem;vertical-align:middle}
  1145. .common-slider-nav li.on{border-bottom:2px solid #eb2f32}
  1146. .common-slider-nav li.on a{color:#eb2f32}
  1147. .footer-icon{display:inline-block;background-image:url(../../sx/images/foot-icon.png);-webkit-background-size:1.6rem auto;-moz-background-size:1.6rem auto;background-size:1.6rem auto;background-repeat:no-repeat}
  1148. .common-footer{z-index:99;position:relative;position:fixed;left:0;bottom:0;width:100%;height:.98rem;background-color:#fff;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
  1149. .common-footer:after{display:block;position:absolute;left:0;bottom:0;width:100%;border-top:1px solid transpante;content:' '}
  1150. .common-footer:before{display:block;position:absolute;left:0;top:0;width:100%;border-top:1px solid #e2e2e2;content:' '}
  1151. .common-footer a{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;font-size:.18rem;color:#999}
  1152. .common-footer a .icon{width:.45rem;height:.45rem}
  1153. .common-footer a.on{color:#e3383e}
  1154. .common-footer a p{margin-top:.05rem}
  1155. .common-footer .home .icon{background-position:.04rem .02rem}
  1156. .common-footer .home.on .icon{background-position:-1.18rem .02rem}
  1157. .common-footer .sort .icon{background-position:.02rem -.76rem}
  1158. .common-footer .sort.on .icon{background-position:-1.19rem -.76rem}
  1159. .common-footer .car .icon{background-position:0 -1.56rem}
  1160. .common-footer .car.on .icon{background-position:-1.2rem -1.56rem}
  1161. .common-footer .user .icon{background-position:.04rem -2.38rem}
  1162. .common-footer .user.on .icon{background-position:-1.18rem -2.38rem}
  1163. .common-footer .server .icon{background-position:.04rem -3.24rem}
  1164. .common-footer .server.on .icon{background-position:-1.18rem -3.24rem}
  1165. .product-sort .product-list .list-layout li .buy-car{width:.5rem;height:.5rem}
  1166. .product-sort .product-list .vertical li .buy-car{border:1px solid #d81e06;border-radius:50%}
  1167. .product-sort .product-list .list-layout li .buy-car{border:1px solid #d81e06;border-radius:50%;right:.1rem;bottom:.16rem}
  1168. .buyspell-list .buyspell-banner{width:100%;height:2rem}
  1169. .buyspell-list .buyspell-banner img{width:100%;height:100%;display:block}
  1170. .buyspell-list .bslist-box .bs-item{margin:.15rem .1rem 0;background-color:#fff;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
  1171. .buyspell-list .bslist-box .bs-item .picture{width:2.2rem;height:2.2rem}
  1172. .buyspell-list .bslist-box .bs-item .picture img{width:100%;height:100%}
  1173. .buyspell-list .bslist-box .bs-item .bs-item-info{width:3.7rem;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-right:.2rem}
  1174. .buyspell-list .bslist-box .bs-item .bs-item-info .info-title{line-height:1.5;display:-webkit-box;display:-moz-box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-line-clamp:2;-moz-line-clamp:2;overflow:hidden}
  1175. .buyspell-list .bslist-box .bs-item .bs-item-info .count-wrapper{margin:.17rem 0 .32rem 0}
  1176. .buyspell-list .bslist-box .bs-item .bs-item-info .count-wrapper .count{font-size:.2rem;color:#666;float:right}
  1177. .buyspell-list .bslist-box .bs-item .bs-item-info .people-num{position:relative;width:100%;height:.5rem;line-height:.5rem;background-color:#ddd;font-size:0;border-radius:0 15px 15px 0}
  1178. .buyspell-list .bslist-box .bs-item .bs-item-info .people-num span{display:inline-block;font-size:.22rem;vertical-align:top}
  1179. .buyspell-list .bslist-box .bs-item .bs-item-info .people-num .numbers{position:relative;width:65%;padding-left:.65rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
  1180. .buyspell-list .bslist-box .bs-item .bs-item-info .people-num .people-icon{position:absolute;left:.06rem;top:-.04rem;width:.52rem;height:.47rem;background-position:-2.12rem 0}
  1181. .buyspell-list .bslist-box .bs-item .bs-item-info .people-num .peo-txt{width:35%;background-color:#d41419;color:#fff;text-align:center;border-radius:0 15px 15px 0}
  1182. .buyspell-list .bslist-box .bs-item .bs-item-info .people-num .peo-txt:after{content:"";width:.14rem;height:.14rem;border-left:.02rem solid #fff;border-bottom:.02rem solid #fff;display:inline-block;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
  1183. .buyspell-list .bslist-box .bs-item:last-child{margin-bottom:0}
  1184. .bubble-txt{webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);opacity:0;z-index:100;position:fixed;left:.1rem;min-width:3.7rem;max-width:100%;height:.48rem;border-radius:30px;background-color:rgba(0,0,0,.5);color:#fff;align-items:center;padding-right:.2rem;font-size:.2rem;animation:float 5s ease-in-out 0s 1;animation-fill-mode:forwards}
  1185. .bubble-txt .avatar{width:.48rem;height:.48rem}
  1186. .bubble-txt span{margin-left:.1rem}
  1187. @-webkit-keyframes float{0%{opacity:0;top:2.5rem}
  1188. 30%{opacity:1}
  1189. 70%{opacity:1}
  1190. 100%{top:1.3rem;opacity:0}
  1191. }
  1192. @keyframes float{0%{opacity:0;top:2.5rem}
  1193. 30%{opacity:1}
  1194. 70%{opacity:1}
  1195. 100%{top:1.3rem;opacity:0}
  1196. }
  1197. .about-us{position:relative;padding-top:1.08rem;text-align:center}
  1198. .about-us .ewm{width:3.88rem;height:3.88rem;margin:0 auto}
  1199. .about-us .ewm img{width:100%;height:100%}
  1200. .about-us .name{font-size:.28rem;margin-top:.3rem}
  1201. .about-us .copy-right{position:fixed;left:0;bottom:0;width:100%;padding:.12rem 0;line-height:1.5;border-top:1px solid #eee;font-size:.2rem;color:#666}
  1202. body{background:#fff!important}
  1203. .lottie-bg {
  1204. position: fixed;
  1205. left: 0;
  1206. top: 0;
  1207. background-color: #fff;
  1208. width: 100%;
  1209. height: 100%;
  1210. z-index: 999;
  1211. display: -webkit-flex;
  1212. display: flex;
  1213. -webkit-align-items: center;
  1214. align-items: center;
  1215. -webkit-justify-content: center;
  1216. justify-content: center;
  1217. }
  1218. #lottie {
  1219. width: 35%;
  1220. /* height: 100%; */
  1221. display: block;
  1222. overflow: hidden;
  1223. transform: translate3d(0,0,0);
  1224. margin: auto;
  1225. }