sell.css 109 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412
  1. body {
  2. background: #f5f5f5;
  3. font-family:Microsoft YaHei;
  4. }
  5. .wrap {
  6. width:1190px;
  7. margin:0 auto;
  8. }
  9. /*-------卖家中心-------*/
  10. .user_content {
  11. width:100%;
  12. margin: 0px auto;
  13. margin-top: 16px;
  14. }
  15. .user_content .user_left {
  16. width:146px;
  17. border:#ddd 1px solid;
  18. background:#fff;
  19. border-bottom: none;
  20. }
  21. .user_content .user_left p,.user_content .user_left ul,.user_content .user_left ul li,.user_content .user_left ul li a {
  22. width:100%;
  23. margin:0 auto;
  24. }
  25. .user_content .user_left p {
  26. height:40px;
  27. line-height:40px;
  28. background: #ecf2fd;
  29. }
  30. .user_content .user_left p span {
  31. margin-left: 16px;
  32. font-size: 14px;
  33. font-weight: 700;
  34. }
  35. .user_content .user_left p.active {
  36. background: #5078cb;
  37. color: #fff;
  38. }
  39. .user_content .user_left p.active a {
  40. color: #fff;
  41. }
  42. .user_content .user_left ul li {
  43. border-bottom: #ddd 1px solid;
  44. }
  45. .user_content .user_left ul li,.user_content .user_left ul li a {
  46. height:50x;
  47. line-height:50px;
  48. display: inline-block;
  49. color: #333;
  50. font-size: 14px;
  51. }
  52. .user_content .user_left ul li a {
  53. padding-left: 16px;
  54. }
  55. .user_content .user_left ul li.active {
  56. background: #5078cb;
  57. }
  58. .user_content .user_left ul li.active em {
  59. color: #fff;
  60. }
  61. .user_content .user_left ul li:hover {
  62. background: #67afe4;
  63. }
  64. .user_content .user_left ul li.active a,.user_content .user_left ul li:hover a,.user_content .user_left ul li:hover a em {
  65. color: #fff;
  66. }
  67. .user_content .user_left ul li a em {
  68. color: #e30e16;
  69. }
  70. .user_content .user_right {
  71. width:1026px;
  72. }
  73. .right_l {
  74. float: left;
  75. width:734px ;
  76. }
  77. .right_r {
  78. float: right;
  79. width: 275px;
  80. }
  81. .com_menu01 {
  82. width:100%;
  83. margin: 0 auto;
  84. height: 40px;
  85. border-bottom: #e8e8e8 1px solid;
  86. line-height: 40px;
  87. margin-bottom: 10px;
  88. }
  89. .com_menu01 span {
  90. margin-left: 16px;
  91. font-size: 14px;
  92. font-weight: bold;
  93. }
  94. .seller_data {
  95. width:100%;
  96. height:120px;
  97. margin:0 auto;
  98. background: #ecf2fd;
  99. border:#e8e8e8 1px solid;
  100. }
  101. .seller_data dl {
  102. width:94%;
  103. margin:0 auto;
  104. position: relative;
  105. }
  106. .seller_data dl dt {
  107. width:60px;
  108. float: left;
  109. margin-right: 20px;
  110. }
  111. .seller_data dl dt img {
  112. width:60px;
  113. height: 60px;
  114. border-radius: 100%;
  115. margin-top: 25px;
  116. }
  117. .seller_data dl dd {
  118. font-size: 14px;
  119. line-height:25px;
  120. }
  121. .seller_data dl dd span {
  122. display:inline-block;
  123. margin-top: 18px;
  124. }
  125. .seller_data dl dd a {
  126. float: right;
  127. line-height:60px;
  128. }
  129. .seller_data dl dd p {
  130. font-size: 14px;
  131. }
  132. .seller_data dl dd p img {
  133. vertical-align: middle;
  134. margin-right: 5px;
  135. }
  136. .seller_data dl dd em,.seller_data dl dd a:hover {
  137. color: #5078cb;
  138. }
  139. .right_r .datetime {
  140. width:100%;
  141. height:264px;
  142. text-align: center;
  143. border:#ddd 1px solid;
  144. }
  145. .notice {
  146. margin-top: 16px !important;
  147. border:#e8e8e8 1px solid;
  148. }
  149. .notice {
  150. width:100%;
  151. height:180px;
  152. margin:0 auto;
  153. background: #fff;
  154. }
  155. .notice ul {
  156. width:98%;
  157. margin:0 auto;
  158. }
  159. .notice ul li {
  160. width:25%;
  161. float: left;
  162. text-align: center;
  163. height: 118px;
  164. }
  165. .notice ul li:hover a img {
  166. transform:scale(1.03);
  167. }
  168. .notice ul li img {
  169. width:52px;
  170. height:52px;
  171. margin-top: 20px;
  172. }
  173. .notice ul li p {
  174. line-height: 30px;
  175. font-size: 14px;
  176. }
  177. .notice ul li a {
  178. position: relative;
  179. display: inline-block;
  180. width: 100%;
  181. height: 100%;
  182. }
  183. .notice ul li a em {
  184. min-width: 20px;
  185. height: 20px;
  186. display: inline-block;
  187. background:#d32526;
  188. position: absolute;
  189. top:12px;
  190. line-height: 20px;
  191. color: #fff;
  192. text-align: center;
  193. border-radius: 100%;
  194. right:58px;
  195. }
  196. /*消息中心*/
  197. #massage .oder01 ul{
  198. background: #ecf2fd;
  199. }
  200. #massage .oder01{
  201. position: relative;
  202. }
  203. #massage .oder01 .filter-list{
  204. position: absolute;
  205. right: 0;
  206. width: 240px;
  207. top: 0;
  208. line-height: 40px;
  209. }
  210. #massage .oder01 .select{
  211. position: absolute;
  212. left: 260px;
  213. top: 0;
  214. }
  215. #massage .oder01 .select select.form-control{
  216. border-radius: 0;
  217. height: 30px;
  218. margin: 5px 25px;
  219. width: 105px;
  220. padding: 0 15px;
  221. opacity: 1;
  222. }
  223. #massage .oder01 .red{
  224. color: #f00 !important;
  225. }
  226. #massage .oder01 .filter-list a{
  227. font-size: 14px;
  228. display: inline-block;
  229. width: 80px;
  230. }
  231. #massage .oder01 .filter-list a i{
  232. margin-left: 5px;
  233. font-size: 12px;
  234. }
  235. #massage .oder01 .filter-list .check-active label{
  236. margin-right: 0 !important;
  237. }
  238. #massage .oder01 .filter-list .check-active span{
  239. font-weight: normal;
  240. }
  241. #massage .oder01 .filter-list .check-active label,.com-massage ul li .check label{
  242. width: 16px;
  243. height: 16px;
  244. background: url("../../img/icon/massage-check.png") no-repeat;
  245. background-position: -1px -1px;
  246. }
  247. #massage .oder01 .filter-list .check-active input[type="checkbox"]:checked +label,.com-massage ul li .check input[type="checkbox"]:checked + label{
  248. background-position: -20px -1px;
  249. }
  250. .com-massage ul li .check input{
  251. display: none;
  252. }
  253. .com-massage,.com-massage ul{
  254. width: 100%;
  255. margin: 0 auto;
  256. background:#fff;
  257. display: inline-block;
  258. padding-bottom: 10px;
  259. }
  260. .com-massage ul li{
  261. width: 100%;
  262. margin: 0 auto;
  263. float: left;
  264. height: 80px;
  265. border-bottom: #dadada 1px dashed;
  266. }
  267. .com-massage ul li.active{
  268. border-top: #5078cb 1px dashed;
  269. border-bottom: #5078cb 1px dashed;
  270. }
  271. .com-massage ul li .icon{
  272. width: 46px;
  273. height: 46px;
  274. background: url("../../img/icon/massage-icon.png") no-repeat;
  275. overflow: hidden;
  276. background-position: -1px -1px;
  277. position: relative;
  278. }
  279. .com-massage ul li a{
  280. display: inline-block;
  281. width: 46px;
  282. height: 46px;
  283. float: left;
  284. float: left;
  285. margin: 17px 30px;
  286. position: relative;
  287. }
  288. .com-massage ul li a em.dot{
  289. position: absolute;
  290. width: 14px;
  291. display: inline-block;
  292. height: 14px;
  293. background: #de0a21;
  294. border-radius: 100%;
  295. right: -3px;
  296. top: -3px;
  297. }
  298. .com-massage ul li .icon.icon-service{
  299. background-position: -51px -1px;
  300. }
  301. .com-massage ul li .icon.icon-system{
  302. background-position: -101px -1px;
  303. }
  304. .com-massage ul li .icon.icon-massage{
  305. background-position: -151px -1px;
  306. }
  307. .com-massage ul li .content{
  308. float: left;
  309. margin: 16px 0;
  310. }
  311. .com-massage ul li .content p{
  312. font-size: 14px;
  313. line-height: 25px;
  314. color: #666;
  315. }
  316. .com-massage ul li .content p span{
  317. margin-right: 50px;
  318. color: #333;
  319. }
  320. .com-massage ul li .content p time{
  321. color: #999;
  322. }
  323. .com-massage ul li .content p em.blue{
  324. color: #5078cb;
  325. }
  326. .com-massage ul li .check{
  327. float: right;
  328. margin: 46px 57px 0 0;
  329. }
  330. /*优软资讯*/
  331. .news {
  332. width:100%;
  333. margin:0 auto;
  334. margin-top: 16px;
  335. border:#ddd 1px solid;
  336. background: #fff;
  337. display: inline-block;
  338. }
  339. .rt_menu {
  340. width:100%;
  341. margin:0 auto;
  342. height:40px;
  343. line-height:40px;
  344. background: #fff;
  345. border-bottom: #e8e8e8 1px solid;
  346. }
  347. .rt_menu span {
  348. margin-left:20px;
  349. font-size: 14px;
  350. font-weight: 700;
  351. }
  352. .news dl {
  353. width:100%;
  354. margin:0 auto;
  355. padding: 15px 0 10px 0;
  356. border-bottom: #e8e8e8 1px solid;
  357. }
  358. .news dl dt,.news dl dd {
  359. width:84%;
  360. margin:0 auto;
  361. }
  362. .news dl dt a {
  363. display: inline-block;
  364. width: 100%;
  365. height: 100%;
  366. }
  367. .news dl dt a img {
  368. float: left;
  369. width: 78px;
  370. height: 47px;
  371. }
  372. .news dl dt a span {
  373. width: 140px;
  374. display:inline-block;
  375. float: right;
  376. }
  377. .news dl dt a span em {
  378. font-size: 14px;
  379. color: #5078cb;
  380. text-align: left;
  381. width: 100%;
  382. display:inline-block;
  383. }
  384. .news dl dd {
  385. line-height: 25px;
  386. color: #666;
  387. }
  388. .news dl dt a:hover em {
  389. color: #e30e16;
  390. }
  391. .sell_banner01 {
  392. width:100%;
  393. margin:0 auto;
  394. margin-top: 16px;
  395. }
  396. .sell_banner01 img {
  397. width: 100%;
  398. }
  399. /*数据分析*/
  400. .data_analyze {
  401. width:100%;
  402. margin:0 auto;
  403. height: 363px;
  404. background: #fff;
  405. border:#e8e8e8 1px solid;
  406. margin-top: 16px;
  407. }
  408. .data_analyze ul {
  409. width:92%;
  410. margin:0 auto;
  411. padding:10px 0;
  412. }
  413. .data_analyze ul li {
  414. width:100%;
  415. margin:0 auto;
  416. height: 60px;
  417. line-height: 60px;
  418. font-size: 14px;
  419. }
  420. .data_analyze ul li div.fl {
  421. width: 150px;
  422. }
  423. .data_analyze ul li div.fl em {
  424. width:25px;
  425. height:25px;
  426. display: inline-block;
  427. background: url("../../img/vendor/images/data_inco.png") no-repeat center;
  428. margin-right: 25px;
  429. vertical-align: middle;
  430. }
  431. .data_analyze ul li div.fl em.data01 {
  432. background-position: 0 0;
  433. }
  434. .data_analyze ul li div.fl em.data02 {
  435. background-position: 0 -53px;
  436. }
  437. .data_analyze ul li div.fl em.data03 {
  438. background-position: 0 -108px;
  439. }
  440. .data_analyze ul li div.fl em.data04 {
  441. background-position: 0 -162px;
  442. }
  443. .data_analyze ul li div.fl em.data05 {
  444. background-position: 0 -218px;
  445. }
  446. .data_analyze ul li div.fr {
  447. width: 520px;
  448. }
  449. .data_analyze ul li div.fr em {
  450. max-width:460px;
  451. height: 16px;
  452. background: #cfcfcf;
  453. display: inline-block;
  454. vertical-align: middle;
  455. margin-right: 12px;
  456. }
  457. /*-------物流信息-------*/
  458. /*账户管理*/
  459. .count01 {
  460. margin-bottom: 16px !important;
  461. }
  462. .count01,.count01 ul {
  463. width:100%;
  464. margin:0 auto;
  465. background: #fff;
  466. }
  467. .count01 ul li {
  468. width:98%;
  469. height:60px;
  470. line-height:60px;
  471. margin: 0px auto;
  472. border-bottom: #e8e8e8 1px solid;
  473. font-size: 14px;
  474. color:#333;
  475. }
  476. .count01 ul li a {
  477. color: #5078cb;
  478. width: 80px;
  479. float: right;
  480. display: inline-block;
  481. }
  482. .count01 ul li em,.count01 ul li a:hover {
  483. color: #5078cb;
  484. }
  485. .count01 ul li i {
  486. color: #5078cb;
  487. }
  488. .count01 ul li span {
  489. margin-left: 10px;
  490. }
  491. .count01 ul li span span {
  492. width:500px;
  493. }
  494. .count01 ul li span span em {
  495. width:310px;
  496. height:12px;
  497. display: inline-block;
  498. background: #eee;
  499. position: relative;
  500. border-radius: 10px;
  501. }
  502. .count01 ul li span span em i {
  503. height:12px;
  504. display: inline-block;
  505. background: #f9ad00;
  506. position: absolute;
  507. top:0;
  508. left:0;
  509. border-radius: 10px;
  510. }
  511. .count01 ul li span a {
  512. float: inherit !important;
  513. width:auto !important;
  514. }
  515. .count01 ul li span img {
  516. vertical-align: middle;
  517. margin-left: 10px;
  518. margin-right: 15px;
  519. }
  520. .count01 ul li span b {
  521. color:#f9ad00;
  522. margin-right: 20px;
  523. margin-left:10px ;
  524. }
  525. .count01 ul li span h5 {
  526. width:70px;
  527. display: inline-block;
  528. float: left;
  529. line-height:20px;
  530. margin-left: 15px;
  531. }
  532. .count01 ul li span h5 img {
  533. margin-top:10px;
  534. }
  535. .count01 ul li span h5 p {
  536. font-size:14px;
  537. }
  538. .gray {
  539. color: #999 !important;
  540. }
  541. .count01 ul li span font {
  542. letter-spacing: 3px;
  543. margin-right: 10px;
  544. }
  545. /*我的钱包*/
  546. .wallet {
  547. width:100%;
  548. margin:0 auto;
  549. }
  550. .wallet .wallet_head,.wallet .wallet_head ul {
  551. width:100%;
  552. margin:0 auto;
  553. height: 100px;
  554. background: #fff;
  555. }
  556. .wallet_head ul li {
  557. width:25%;
  558. float: left;
  559. text-align: center;
  560. }
  561. .wallet_head ul li a {
  562. width:100%;
  563. margin:0 auto;
  564. height: 100px;
  565. display: inline-block;
  566. }
  567. .wallet_head ul li a em {
  568. width:52px;
  569. height:48px;
  570. display: inline-block;
  571. overflow: hidden;
  572. background: url("../../img/vendor/images/inco01.png") no-repeat center;
  573. position: relative;
  574. margin-top:20px;
  575. }
  576. .wallet_head ul li a em.coupon01 {
  577. background-position: 0 0;
  578. }
  579. .wallet_head ul li a em.coupon02 {
  580. background-position: -72px 0;
  581. }
  582. .wallet_head ul li a em.coupon03 {
  583. background-position: -132px 0;
  584. }
  585. .wallet_head ul li a em.coupon04 {
  586. background-position: -195px 0;
  587. }
  588. .wallet_head ul li.active a em.coupon01 {
  589. background-position: 0 -72px;
  590. }
  591. .wallet_head ul li.active a em.coupon02 {
  592. background-position: -72px -72px;
  593. }
  594. .wallet_head ul li.active a em.coupon03 {
  595. background-position: -132px -69px;
  596. }
  597. .wallet_head ul li.active a em.coupon04 {
  598. background-position: -195px -72px;
  599. }
  600. .wallet_head ul li.active a {
  601. color: #e64040;
  602. }
  603. .wallet_list {
  604. width:100%;
  605. margin:0 auto;
  606. background: #ecf2fd;
  607. margin-top: 16px !important;
  608. }
  609. .wallet_list dl {
  610. width:100%;
  611. margin:0 auto;
  612. background: #fff;
  613. display: none;
  614. }
  615. .wallet_list dl dt,.wallet_list dl dd {
  616. width:98%;
  617. margin:0 auto;
  618. border-bottom: #e8e8e8 1px solid;
  619. height:50px;
  620. }
  621. .wallet_list dl span {
  622. width:16.6666666%;
  623. float: left;
  624. height:50px;
  625. line-height:50px;
  626. display: inline-block;
  627. font-size: 14px;
  628. text-align: center;
  629. }
  630. .wallet_list dl dt {
  631. margin-bottom: 10px;
  632. }
  633. .wallet_list dl dt span {
  634. font-weight: bold;
  635. color: #555;
  636. }
  637. .wallet_list dl dd span img {
  638. vertical-align: middle;
  639. }
  640. .wallet_list dl dd span a {
  641. color:#5078cb;
  642. }
  643. .wallet_list dl dd span a.btn01 {
  644. width:70px;
  645. height:24px;
  646. display: inline-block;
  647. background:#5078cb ;
  648. color: #fff;
  649. line-height:24px;
  650. vertical-align: middle;
  651. font-size: 12px;
  652. }
  653. .wallet_list dl dd span a.btn02 {
  654. width:70px;
  655. height:24px;
  656. display: inline-block;
  657. background:#cfcfcf ;
  658. color: #fff;
  659. line-height:24px;
  660. vertical-align: middle;
  661. font-size: 12px;
  662. }
  663. .wallet_list dl dd span a.btn01:hover {
  664. background: #5078cb;
  665. }
  666. .wallet_banner {
  667. margin-top: 16px;
  668. }
  669. .wallet_banner img {
  670. width:100%;
  671. }
  672. /*我的求购*/
  673. .wanted {
  674. width: 100%;
  675. margin: 0 auto;
  676. }
  677. .wanted01 {
  678. height:40px;
  679. margin-bottom: 16px;
  680. }
  681. .wanted ul {
  682. width: 908px;
  683. margin: 0 auto;
  684. height:40px;
  685. line-height:40px;
  686. background: #fff;
  687. }
  688. .wanted ul li {
  689. width: 100px;
  690. height:40px;
  691. text-align: center;
  692. float: left;
  693. margin-left: 25px;
  694. }
  695. .wanted ul li a {
  696. font-size: 14px;
  697. width: 100px;
  698. height:40px;
  699. display: inline-block;
  700. }
  701. .wanted ul li.active a {
  702. color: #5078cb;
  703. border-bottom: 3px #5078cb solid;
  704. }
  705. .wanted ul li:hover a {
  706. color: #5078cb;
  707. /*border-bottom: 3px #5078cb solid;*/
  708. }
  709. .wanted ul li a em {
  710. color: #e64040;
  711. }
  712. .wanted ul li.active a {
  713. color: #5078cb;
  714. }
  715. .wanted_btn01,.wanted_btn01 a {
  716. width:104px;
  717. height:40px;
  718. background:#ecf2fd;
  719. color: #5078cb;
  720. text-align: center;
  721. display: inline-block;
  722. font-size:14px;
  723. line-height:40px;
  724. }
  725. .wanted_btn01 a {
  726. border: #e8e8e8 1px solid;
  727. }
  728. .wanted_btn01 a:hover {
  729. background: #6b93e4;
  730. color: #fff;
  731. }
  732. .wanted_list01 {
  733. width:100%;
  734. margin:0 auto;
  735. background: #ecf2fd;
  736. }
  737. .wanted_list01 dl {
  738. width:100%;
  739. margin:0 auto;
  740. background: #fff;
  741. display: none;
  742. }
  743. .wanted_list01 dl span {
  744. height:50px;
  745. line-height:50px;
  746. display: inline-block;
  747. float: left;
  748. width:12%;
  749. font-size: 14px;
  750. }
  751. .wanted_list01 dl dt,.wanted_list01 dl dd {
  752. text-align: center;
  753. width: 98%;
  754. border-bottom: #cfcfcf 1px dashed;
  755. height:50px;
  756. margin: 0 auto;
  757. }
  758. .wanted_list01 dl dt {
  759. font-weight: bold;
  760. color: #555;
  761. }
  762. .wanted_list01 dl dt {
  763. border-bottom: none;
  764. }
  765. .wanted_list01 dl dt span.wd01,.wanted_list01 dl dd span.wd01 {
  766. width:4% !important;
  767. }
  768. .wanted_list01 .tab table th {
  769. font-size: 14px;
  770. font-weight: bold;
  771. color: #555;
  772. }
  773. .wanted_list01 .tab table {
  774. table-layout: fixed;
  775. }
  776. .wanted_list01 .tab table a {
  777. color: #5078cb;
  778. }
  779. .wanted_list01 .tab table tr {
  780. height: 50px;
  781. }
  782. .wanted_list01 .tab table td {
  783. font-size: 14px;
  784. font-family: "Microsoft Yahei", "微软雅黑";
  785. white-space:nowrap;
  786. overflow:hidden;
  787. text-overflow:ellipsis;
  788. vertical-align: middle;
  789. }
  790. .wanted_list01 .pagination {
  791. display: inline-block;
  792. width: auto;
  793. height: auto;
  794. padding-left: 0;
  795. margin: 20px 0;
  796. border-radius: 4px;
  797. }
  798. .wanted_list01 .pagination>li {
  799. display: inline;
  800. width: auto;
  801. height: auto;
  802. margin: 0;
  803. text-align: -webkit-match-parent;
  804. }
  805. .wanted_list01 .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  806. z-index: 0;
  807. color: #fff;
  808. width: auto;
  809. height: auto;
  810. cursor: default;
  811. background-color: #337ab7;
  812. border-color: #337ab7;
  813. border-bottom:1px;
  814. }
  815. .wanted_list01 .pagination>li>a, .pagination>li>span {
  816. position: relative;
  817. width: auto;
  818. height: auto;
  819. float: left;
  820. padding: 6px 12px;
  821. margin-left: -1px;
  822. line-height: 1.42857143;
  823. color: #337ab7;
  824. text-decoration: none;
  825. background-color: #fff;
  826. border: 1px solid #ddd;
  827. }
  828. .height16 {
  829. width:100%;
  830. height:16px;
  831. background: #ecf2fd;
  832. display: inline-block;
  833. }
  834. .wanted_list01 dl dd a {
  835. color: #5078cb;
  836. }
  837. .wanted_list01 dl dd a:hover {
  838. color: #5078cb;
  839. }
  840. .wanted_list01 .more {
  841. line-height: 50px;
  842. float: right;
  843. font-size:14px;
  844. margin-right:30px;
  845. }
  846. .wanted_list01 a:hover {
  847. color: #5078cb !important;
  848. }
  849. .wanted_list01 dl dd:last-child,.wanted_list02 dl dd:last-child {
  850. border-bottom: none;
  851. }
  852. .wanted_list02 {
  853. width:100%;
  854. margin:0 auto;
  855. background: #ecf2fd;
  856. margin-top: 16px;
  857. }
  858. .wanted_list02 dl {
  859. width:100%;
  860. margin:0 auto;
  861. background: #fff;
  862. }
  863. .wanted_list02 dl span {
  864. height:50px;
  865. line-height:50px;
  866. display: inline-block;
  867. float: left;
  868. width:18%;
  869. font-size: 14px;
  870. }
  871. .wanted_list02 dl dt,.wanted_list02 dl dd {
  872. text-align: center;
  873. width: 98%;
  874. border-bottom: #cfcfcf 1px dashed;
  875. height:50px;
  876. margin: 0 auto;
  877. }
  878. .wanted_list02 dl dt {
  879. font-weight: bold;
  880. color: #555;
  881. }
  882. .wanted_list02 dl dt {
  883. border-bottom: none;
  884. }
  885. .wanted_list02 dl dt span.wd01,.wanted_list02 dl dd span.wd01 {
  886. width:6% !important;
  887. }
  888. .height16 {
  889. width:100%;
  890. height:16px;
  891. background: #ecf2fd;
  892. display: inline-block;
  893. }
  894. .wanted_list02 dl dd a {
  895. color: #5078cb;
  896. }
  897. .wanted_list02 dl dd a:hover {
  898. color: #5078cb;
  899. }
  900. .wanted_list02 .more {
  901. line-height: 50px;
  902. float: right;
  903. font-size:14px;
  904. margin-right:55px;
  905. }
  906. .wanted_list02 a:hover {
  907. color: #5078cb !important;
  908. }
  909. .xiazai em {
  910. width:16px;
  911. height:16px;
  912. display: inline-block;
  913. background: url("../../img/vendor/images/xiazai.png") no-repeat;
  914. position: relative;
  915. top:2px;
  916. }
  917. .wanted_list02 a.xiazai:hover {
  918. color: #5078cb !important;
  919. }
  920. .xiazai:hover em {
  921. background-position:-17px 0 ;
  922. }
  923. .wanted_list02 dl input {
  924. display: none;
  925. }
  926. .wanted_list02 dl label {
  927. width:15px;
  928. height:15px;
  929. display: inline-block;
  930. background: url("../../img/vendor/images/check.png") no-repeat;
  931. position: relative;
  932. }
  933. .wanted_list02 dl label.active {
  934. background-position:-15px 0;
  935. }
  936. /*订单中心*/
  937. .oder {
  938. width:100%;
  939. margin:0 auto;
  940. /*background: #fff;*/
  941. }
  942. .oder .oder_list dl dt span.wd01 {
  943. position: relative;
  944. }
  945. .oder .oder_list dl dt span.wd01 label:before {
  946. content: "全选";
  947. position: absolute;
  948. font-size: 14px;
  949. color:#999;
  950. display: inline-block;
  951. width: 30px;
  952. top: -16px;
  953. left: 20px;
  954. }
  955. .oder01 {
  956. height:40px;
  957. margin-bottom: 16px;
  958. }
  959. .oder01 ul {
  960. width: 100%;
  961. margin: 0 auto;
  962. height:40px;
  963. line-height:40px;
  964. background: #fff;
  965. }
  966. .oder01 ul li {
  967. min-width: 100px;
  968. height:40px;
  969. text-align: center;
  970. float: left;
  971. margin-left: 25px;
  972. }
  973. .oder01 ul li a {
  974. font-size: 14px;
  975. min-width: 100px;
  976. height:40px;
  977. display: inline-block;
  978. }
  979. .oder01 ul li.active a {
  980. color: #5078cb;
  981. border-bottom: 3px #5078cb solid;
  982. }
  983. .oder01 ul li:hover a {
  984. color: #5078cb;
  985. /*border-bottom: 3px #5078cb solid;*/
  986. }
  987. .oder01 ul li a em {
  988. color: #e64040;
  989. }
  990. .oder01 ul li.active a,.oder01 ul li.active a em {
  991. color: #5078cb;
  992. }
  993. .oder_list {
  994. width:100%;
  995. margin:0 auto;
  996. background: #ecf2fd;
  997. margin-top: 16px;
  998. }
  999. .oder_list dl {
  1000. width:100%;
  1001. margin:0 auto;
  1002. background: #fff;
  1003. display: none;
  1004. }
  1005. .oder_list dl span {
  1006. height:50px;
  1007. line-height:50px;
  1008. display: inline-block;
  1009. float: left;
  1010. width:16%;
  1011. font-size: 14px;
  1012. }
  1013. .oder_list dl dt,.oder_list dl dd {
  1014. text-align: center;
  1015. width: 98%;
  1016. border-bottom: #cfcfcf 1px dashed;
  1017. height:50px;
  1018. margin: 0 auto;
  1019. line-height: 50px;
  1020. }
  1021. .oder_list dl dt {
  1022. font-weight: bold;
  1023. color: #555;
  1024. }
  1025. .oder_list dl dt {
  1026. border-bottom: none;
  1027. }
  1028. .oder_list dl dt span.wd01,.oder_list dl dd span.wd01 {
  1029. width:4% !important;
  1030. }
  1031. .oder_list dl input {
  1032. display: none;
  1033. }
  1034. .oder_list dl span label {
  1035. width:15px;
  1036. height:15px;
  1037. display: inline-block;
  1038. background: url("../../img/vendor/images/check.png") no-repeat;
  1039. position: relative;
  1040. }
  1041. .oder_list dl span.wid01 input[type="checkbox"]:checked + label {
  1042. background-position:-15px 0;
  1043. }
  1044. .oder_list dl .line01 img {
  1045. margin-right: 5px;
  1046. vertical-align: middle;
  1047. }
  1048. .oder_list dl .contact_btn,.log_cter_h span a.contact_btn,.contact01 a.contact_btn {
  1049. width:62px;
  1050. height:18px;
  1051. line-height:18px;
  1052. background: #ef7f03;
  1053. display: inline-block;
  1054. text-align: center;
  1055. color: #fff;
  1056. font-size: 12px;
  1057. border-radius: 5px;
  1058. }
  1059. .sellOder .oder_list dl dd.line01 .contact_btn:hover,.contact01 a.contact_btn:hover {
  1060. background: #e64040;
  1061. color: #fff !important;
  1062. }
  1063. .oder_list dl .line02 {
  1064. height: 80px;
  1065. overflow: hidden;
  1066. }
  1067. .oder_list dl .line02 span {
  1068. line-height: 80px;
  1069. height: 80px;
  1070. }
  1071. .oder_list dl .pro_xq {
  1072. width:100%;
  1073. margin: 0 auto;
  1074. height: 80px;
  1075. position: relative;
  1076. }
  1077. .oder_list dl .pro_xq img {
  1078. width:55px;
  1079. height:55px;
  1080. float: left;
  1081. vertical-align: middle;
  1082. margin-top: 10px;
  1083. border: 1px solid #e8e8e8;
  1084. }
  1085. .oder_list dl .pro_xq p {
  1086. float: right;
  1087. line-height:20px;
  1088. display: inline-block;
  1089. position: absolute;
  1090. right:-40px;
  1091. top:20px;
  1092. text-align: left;
  1093. font-size: 14px;
  1094. }
  1095. .oder_list dl .logistics_xq {
  1096. line-height: 20px !important;
  1097. padding-top:10px;
  1098. }
  1099. .oder_list dl .logistics_xq a.oder_d {
  1100. color: #323232;
  1101. text-decoration: none;
  1102. }
  1103. .oder_list dl .oder_deal {
  1104. line-height: 20px !important;
  1105. padding-top:20px;
  1106. }
  1107. .oder_list dl .logistics_xq a {
  1108. color: #5078cb;
  1109. text-decoration: underline;
  1110. }
  1111. .oder_list dl .logistics_xq a:hover,.oder_list dl .oder_deal a:hover {
  1112. color: #e64040;
  1113. }
  1114. .oder_list dl .oder_deal a {
  1115. width:100%;
  1116. margin: 0px auto;
  1117. color: #5078cb;
  1118. display: inline-block;
  1119. }
  1120. .oder_list dl b {
  1121. float: right;
  1122. font-size: 14px;
  1123. margin-right: 50px;
  1124. }
  1125. .oder_list dl .price {
  1126. border-bottom: none;
  1127. }
  1128. .love_list {
  1129. width:100%;
  1130. margin: 0 auto;
  1131. margin-top: 16px !important;
  1132. }
  1133. .love_list .rt_menu img {
  1134. vertical-align: middle;
  1135. margin-right: 5px;
  1136. }
  1137. .love_list .rt_menu {
  1138. margin-bottom: 10px;
  1139. }
  1140. .love_list {
  1141. background: #fff;
  1142. width:100%;
  1143. margin: 0px auto;
  1144. display: inline-block;
  1145. margin-top:16px;
  1146. padding-bottom: 20px;
  1147. }
  1148. .love_list ul {
  1149. width:98%;
  1150. margin:0 auto;
  1151. }
  1152. .love_list ul li {
  1153. width:220px;
  1154. height:246px;
  1155. border:#e3e3e3 1px solid;
  1156. float: left;
  1157. position: relative;
  1158. text-align: center;
  1159. overflow: hidden;
  1160. margin: 15px 14px 10px 15px;
  1161. }
  1162. .love_list ul li a img {
  1163. margin-top:40px;
  1164. max-width: 180px;
  1165. max-height: 140px;
  1166. }
  1167. .love_list ul li a p {
  1168. width:100%;
  1169. height:40px;
  1170. background: #f8f8f8;
  1171. position: absolute;
  1172. bottom: 0;
  1173. }
  1174. .love_list ul li:hover {
  1175. border: #d32526 1px solid;
  1176. }
  1177. .love_list ul li:hover a img,.pro_list dt:hover img {
  1178. transform: scale(1.1);
  1179. }
  1180. .love_list ul li a p em {
  1181. width:90%;
  1182. display: inline-block;
  1183. padding-top: 4px;
  1184. font-size: 12px;
  1185. }
  1186. .love_list ul li span {
  1187. position: absolute;
  1188. top:0;
  1189. left:0;
  1190. }
  1191. .love_list ul li span a {
  1192. width:70px;
  1193. height:24px;
  1194. line-height:24px;
  1195. color: #fff;
  1196. background: #d32526;
  1197. display: inline-block;
  1198. }
  1199. /*维权查询*/
  1200. .rights {
  1201. }
  1202. .screen {
  1203. width:100%;
  1204. height:50px;
  1205. position: relative;
  1206. background: #f5f5f5;
  1207. }
  1208. .screen .sreach input {
  1209. width: 288px;
  1210. padding-left: 10px;
  1211. height:36px;
  1212. background: #fff;
  1213. float: left;
  1214. vertical-align: middle;
  1215. border:#fff 1px solid;
  1216. font-size: 14px;
  1217. }
  1218. .screen .sreach a.seek {
  1219. vertical-align: middle;
  1220. display: inline-block;
  1221. line-height: 37px;
  1222. text-align: center;
  1223. height: 37px;
  1224. width: 92px;
  1225. border-left: 0;
  1226. background:#e8e8e8;
  1227. color:#323232;
  1228. text-align:center;
  1229. font-size:14px;
  1230. float: right;
  1231. }
  1232. .screen .sreach a.seek:hover {
  1233. background:#5078cb ;
  1234. color: #fff;
  1235. }
  1236. .screen_time input {
  1237. width:112px;
  1238. height:35px;
  1239. line-height:35px;
  1240. font-size: 14px;
  1241. color: #999;
  1242. border: #5078cb 1px solid;
  1243. text-align:center;
  1244. }
  1245. .screen_time span {
  1246. font-size: 14px;
  1247. margin-right: 20px;
  1248. }
  1249. .rights dl span {
  1250. width:20%;
  1251. }
  1252. .rights dl .pro_xq p {
  1253. left:60px;
  1254. }
  1255. .rights dl .logistics_xq a {
  1256. padding-top: 5px;
  1257. text-decoration: none;
  1258. height: 10px;
  1259. display: inline-block;
  1260. font-size: 12px;
  1261. }
  1262. .rights dl .oder_deal a {
  1263. font-size: 12px;
  1264. }
  1265. .rights dl .pro_xq {
  1266. margin-left: 25px;
  1267. }
  1268. .rights dl dd:last-child,.ticket_record_list dl dd {
  1269. border-bottom: none;
  1270. }
  1271. .page {
  1272. width:100%;
  1273. margin:0 auto;
  1274. height:10px;
  1275. background: #f5f5f5;
  1276. line-height: 20px;
  1277. position: relative;
  1278. top:-5px;
  1279. }
  1280. .page ul {
  1281. float: right;
  1282. }
  1283. .page ul li {
  1284. float: left;
  1285. font-size: 14px;
  1286. color: #999;
  1287. margin: 0 5px;
  1288. }
  1289. .page ul li a {
  1290. width:50px;
  1291. display: inline-block;
  1292. font-size: 14px;
  1293. color: #999;
  1294. }
  1295. .page ul li a:hover {
  1296. color: #5078cb;
  1297. }
  1298. .page ul li input {
  1299. width:24px;
  1300. height:24px;
  1301. border:#5078cb 1px solid;
  1302. text-align: center;
  1303. color: #5078cb;
  1304. margin: 0 10px;
  1305. }
  1306. /*开票记录*/
  1307. .ticket_record_list {
  1308. width:100%;
  1309. margin:0 auto;
  1310. background: #ecf2fd;
  1311. margin-top: 16px !important;
  1312. }
  1313. .ticket_record_list dl {
  1314. width:100%;
  1315. margin:0 auto;
  1316. background: #fff;
  1317. }
  1318. .ticket_record_list dl .show,.ticket_record_list dl .show01 {
  1319. display: none;
  1320. }
  1321. .ticket_record_list dl dt,.ticket_record_list dl dd {
  1322. width:98%;
  1323. margin:0 auto;
  1324. border-bottom: #e8e8e8 1px solid;
  1325. height:60px;
  1326. }
  1327. .ticket_record_list dl dt,.ticket_record_list dl dt span {
  1328. height: 40px;
  1329. line-height:40px;
  1330. }
  1331. .ticket_record_list dl span {
  1332. width:16.6666666%;
  1333. float: left;
  1334. height:60px;
  1335. line-height:60px;
  1336. display: inline-block;
  1337. font-size: 14px;
  1338. text-align: center;
  1339. }
  1340. .ticket_record_list dl dt span {
  1341. font-weight: bold;
  1342. color: #555;
  1343. }
  1344. .ticket_record_list dl dd span img {
  1345. vertical-align: middle;
  1346. }
  1347. .ticket_record_list dl dd span a {
  1348. color:#5078cb;
  1349. }
  1350. .ticket_record_list dl dd em {
  1351. color:#5078cb;
  1352. }
  1353. /*支付记录*/
  1354. .marg_topno {
  1355. margin-top:none !important;
  1356. }
  1357. .pay_record .user_r_01 {
  1358. margin-bottom:16px;
  1359. }
  1360. .pay_record .ticket_record_list dl dt {
  1361. height: 40px;
  1362. }
  1363. .pay_record .ticket_record_list .tab {
  1364. display: inline-block;
  1365. width:100%;
  1366. }
  1367. .pay_record .ticket_record_list dl dd {
  1368. height: 50px;
  1369. line-height:50px;
  1370. }
  1371. .pay_record .ticket_record_list dl dt {
  1372. border-bottom: none;
  1373. }
  1374. .pay_banner {
  1375. width:100%;
  1376. margin: 0px auto;
  1377. margin-top: 16px;
  1378. }
  1379. .pay_record .pay_xq dd img {
  1380. vertical-align: middle;
  1381. width:25px;
  1382. }
  1383. .pay_record .pay_xq .wd01 {
  1384. width:8%;
  1385. }
  1386. .pay_record .pay_xq span {
  1387. width:26%;
  1388. }
  1389. .pay_record .ticket_record_list dl span {
  1390. height:50px;
  1391. line-height:50px;
  1392. }
  1393. .pay_record .ticket_record_list dl dt,.pay_record .ticket_record_list dl dt span {
  1394. height: 40px;
  1395. line-height:40px;
  1396. }
  1397. .pay_record .pay_xq .pay_ok,.pay_record .pay_xq .pay_ok span {
  1398. height: 40px;
  1399. overflow: hidden;
  1400. line-height: 40px;
  1401. }
  1402. .pay_record .pay_xq dd.change_info {
  1403. height: 70px;
  1404. border-bottom: none;
  1405. }
  1406. .pay_record .pay_xq dd.change_info a {
  1407. width:94px;
  1408. height:36px;
  1409. display: inline-block;
  1410. background:#5078cb;
  1411. color: #fff;
  1412. text-align: center;
  1413. float: right;
  1414. line-height:36px;
  1415. margin-top:15px;
  1416. margin-right: 25px;
  1417. }
  1418. .pay_record .pay_xq dd.change_info a:hover {
  1419. background: #5078cb;
  1420. }
  1421. .pay_record .pay_xq .pay_style {
  1422. height:120px;
  1423. width:95%;
  1424. margin:0 auto;
  1425. border-bottom: none;
  1426. }
  1427. .pay_record .pay_xq .pay_style span {
  1428. width:20%;
  1429. text-align: center;
  1430. height: 120px;
  1431. }
  1432. .pay_record .pay_xq .pay_style span img {
  1433. width:45px;
  1434. max-height: 50px;
  1435. vertical-align: bottom;
  1436. }
  1437. .pay_record .pay_xq .pay_style span a:hover img {
  1438. transform:scale(1.03);
  1439. }
  1440. .pay_record .pay_xq .pay_style span a {
  1441. width:100%;
  1442. margin:0 auto;
  1443. display: inline-block;
  1444. height: 120px;
  1445. position: relative;
  1446. }
  1447. .pay_record .pay_xq .pay_style span a b {
  1448. width:45px;
  1449. height: 50px;
  1450. overflow: hidden;
  1451. display: inline-block;
  1452. padding-top: 15px;
  1453. }
  1454. .pay_record .pay_xq .pay_style span a p {
  1455. font-size:14px;
  1456. color: #323232;
  1457. height: 35px;
  1458. line-height:35px;
  1459. position: relative;
  1460. top:-18px;
  1461. }
  1462. .pay_record .pay_xq .pay_style span a:hover p {
  1463. color: #5078cb;
  1464. }
  1465. /*开票资料*/
  1466. .ticket_record_list .ticket_data .wd01 {
  1467. width:10%;
  1468. }
  1469. .ticket_record_list .ticket_data span {
  1470. width:20%;
  1471. }
  1472. .ticket_record_list .ticket_data span a:hover {
  1473. color: #5078cb;
  1474. }
  1475. .add_ticket {
  1476. width:100%;
  1477. margin:0 auto;
  1478. background: #f5f5f5;
  1479. padding-top: 16px;
  1480. }
  1481. .add_ticket .add_menu {
  1482. width:100%;
  1483. margin:0 auto;
  1484. background: #fff;
  1485. }
  1486. .add_ticket .add_menu span {
  1487. width:98%;
  1488. height: 45px;
  1489. line-height:45px;
  1490. display: inline-block;
  1491. border-bottom: #e8e8e8 1px solid;
  1492. font-size: 14px;
  1493. margin-left: 15px;
  1494. }
  1495. .add_ticket_form {
  1496. width:100%;
  1497. margin: 0px auto;
  1498. background: #fff;
  1499. padding-bottom: 20px;
  1500. display: inline-block;
  1501. }
  1502. .add_ticket_form ul {
  1503. width:92%;
  1504. margin: 0 auto;
  1505. }
  1506. .add_ticket_form ul li {
  1507. width:100%;
  1508. height:34px;
  1509. line-height: 34px;
  1510. padding: 10px 0;
  1511. font-size: 14px;
  1512. float: left;
  1513. height: auto;
  1514. }
  1515. .add_ticket_form ul li span.fl {
  1516. width:10%;
  1517. font-size: 14px;
  1518. }
  1519. .add_ticket_form ul li div.fr {
  1520. width:89%;
  1521. color: #666;
  1522. }
  1523. .add_ticket_form ul li div.fr input[type="radio"] {
  1524. display: none;
  1525. }
  1526. .add_ticket_form ul li div.fr label {
  1527. width:16px;
  1528. height:16px;
  1529. display: inline-block;
  1530. background: url("../../img/vendor/images/radio.png") no-repeat;
  1531. background-position: 0 -1px;
  1532. vertical-align: middle;
  1533. margin-right: 8px;
  1534. }
  1535. .add_ticket_form ul li div.fr input[type="radio"]:checked + label {
  1536. background-position:-19px -1px;
  1537. }
  1538. .add_ticket_form ul li div.fr b {
  1539. width:95px;
  1540. display: inline-block;
  1541. }
  1542. .add_ticket_form ul li div.fr em {
  1543. width:100px;
  1544. height:34px;
  1545. display: inline-block;
  1546. background:url("../../img/vendor/images/check_file.jpg") no-repeat;
  1547. text-align: center;
  1548. color: #5078cb;
  1549. cursor:pointer;
  1550. position: relative;
  1551. }
  1552. .add_ticket_form ul li div.fr input[type="file"] {
  1553. filter:alpha(opacity=0);
  1554. -moz-opacity:.0;
  1555. opacity:0.0;
  1556. cursor:pointer;
  1557. }
  1558. .add_ticket_form ul li div.fr input {
  1559. font-size: 14px;
  1560. }
  1561. .add_ticket_form ul li div.fr .input01 {
  1562. width: 97%;
  1563. height:34px;
  1564. border:#ccc 1px solid;
  1565. padding-left: 10px;
  1566. }
  1567. .add_ticket_form ul li div.fr .extraAreas {
  1568. clear: both;
  1569. text-align: left;
  1570. }
  1571. .add_ticket_form ul li div.fr .extraAreas .delete-btn {
  1572. width:80px;
  1573. height:34px;
  1574. margin: 10px 10px;
  1575. background: #5078cb;
  1576. font-size: 14px;
  1577. display: inline-block;
  1578. cursor: pointer;
  1579. border: none;
  1580. color: #fff;
  1581. }
  1582. .add_ticket_form ul li div.fr .extraAreas .delete-btn:hover{
  1583. background: #3f7ae3;
  1584. }
  1585. .add_ticket_form ul li div.fr select,.add_ticket_form ul li div.fr .input02,.add_ticket_form ul li div.fr span,.add_ticket_form ul li div.fr .input03 {
  1586. width:115px;
  1587. height:34px;
  1588. border:#ccc 1px solid;
  1589. padding-left: 10px;
  1590. font-size: 14px;
  1591. display: inline-block;
  1592. overflow: hidden;
  1593. vertical-align: top;
  1594. }
  1595. .add_ticket_form ul li div.fr .input02 {
  1596. margin: 10px 10px;
  1597. }
  1598. .add_ticket_form ul li div.fr span {
  1599. padding-left: 0px !important;
  1600. position: relative;
  1601. width: 125px;
  1602. top:2px;
  1603. }
  1604. .add_ticket_form ul li div.fr select {
  1605. -webkit-appearance: none;
  1606. appearance: none;
  1607. background:#fff;
  1608. -o-appearance: none;
  1609. -moz-appearance: none;
  1610. -ms-appearance: none;
  1611. border: none;
  1612. width: 125px;
  1613. color: #666;
  1614. position: relative;
  1615. filter:alpha(opacity=0);
  1616. -moz-opacity:.0;
  1617. opacity:0.0;
  1618. opacity: 0;
  1619. }
  1620. .add_ticket_form ul li div.fr span:after {
  1621. width:10px;
  1622. height:16px;
  1623. display: inline-block;
  1624. background:url("../../img/vendor/images/xiala.png") no-repeat !important;
  1625. position: absolute;
  1626. top:14px;
  1627. content: "";
  1628. right:8px;
  1629. }
  1630. .add_ticket_form ul li div.fr .input04 {
  1631. width: 79.5%;
  1632. height:34px;
  1633. border:#ccc 1px solid;
  1634. padding-left: 10px;
  1635. font-size: 14px;
  1636. display: inline-block;
  1637. margin-left: 15px;
  1638. }
  1639. .save {
  1640. width:94px;
  1641. height:36px;
  1642. display: inline-block;
  1643. line-height: 36px;
  1644. color: #fff;
  1645. background: #5078cb;
  1646. float: right;
  1647. text-align: center;
  1648. }
  1649. .save:hover {
  1650. color: #fff;
  1651. }
  1652. /*弹出框*/
  1653. .tanchuang {
  1654. width: 100%;
  1655. height: 100%;
  1656. position: fixed;
  1657. z-index: 11111;
  1658. background: rgba(0, 0, 0, 0.0);
  1659. top: 0;
  1660. left: 0;
  1661. display: none;
  1662. }
  1663. .tanchuang .box {
  1664. position: absolute;
  1665. left: 0;
  1666. right: 0;
  1667. top: 0;
  1668. bottom: 0;
  1669. margin: auto;
  1670. box-shadow:2px 2px 3px #ccc ;
  1671. width:502px;
  1672. height: 202px;
  1673. background: #fff;
  1674. padding:15px 15px 15px 25px;
  1675. }
  1676. .tanchuang .box p {
  1677. line-height:40px;
  1678. font-size:14px;
  1679. margin:0 auto;
  1680. }
  1681. .tanchuang .box p b {
  1682. float: left;
  1683. width:25%;
  1684. color: #999;
  1685. }
  1686. .tanchuang .box p span {
  1687. float:right;
  1688. width:70%;
  1689. }
  1690. .ticket_record .ticket_record_list .tab {
  1691. display:none;
  1692. width:100%;
  1693. margin:0 auto;
  1694. }
  1695. /*订单详情*/
  1696. .oder_detail {
  1697. width:100%;
  1698. margin:0 auto;
  1699. }
  1700. .oder_detail .logistics {
  1701. width:100%;
  1702. margin:0 auto;
  1703. height:206px;
  1704. background: #fff;
  1705. border:#e8e8e8 1px solid;
  1706. }
  1707. .logistics_list01 {
  1708. width:100%;
  1709. margin:0 auto;
  1710. margin-top: 16px;
  1711. }
  1712. .log_menu {
  1713. width:100%;
  1714. margin:0 auto;
  1715. background: #fff;
  1716. }
  1717. .log_menu span {
  1718. width:98%;
  1719. height: 45px;
  1720. line-height:45px;
  1721. display: inline-block;
  1722. border-bottom: #e8e8e8 1px solid;
  1723. font-size: 14px;
  1724. margin-left: 15px;
  1725. padding-left: 10px;
  1726. padding-right: 10px;
  1727. font-weight: bold;
  1728. }
  1729. .log_menu span b {
  1730. float: right;
  1731. font-size: 14px;
  1732. }
  1733. .log_menu span b em {
  1734. color:#5078cb;
  1735. }
  1736. .logistics_list01 .logistics_list_xq {
  1737. width:100%;
  1738. margin:0 auto;
  1739. background: #fff;
  1740. padding-bottom: 20px;
  1741. }
  1742. .logistics_list01 .logistics_list_xq dl {
  1743. width:95%;
  1744. margin:0 auto;
  1745. position: relative;
  1746. }
  1747. .logistics_list01 .logistics_list_xq dl dd {
  1748. min-height: 50px;
  1749. border-left:#d1d1d1 1px solid;
  1750. position: relative;
  1751. }
  1752. .logistics_list01 .logistics_list_xq dl dd em {
  1753. width:11px;
  1754. height:11px;
  1755. display: inline-block;
  1756. background: #d1d1d1;
  1757. border-radius: 100%;
  1758. vertical-align: middle;
  1759. position: relative;
  1760. left:-6px;
  1761. }
  1762. .logistics_list01 .logistics_list_xq dl dd em.active {
  1763. background: #5078cb;
  1764. }
  1765. .logistics_list01 .logistics_list_xq dl dd:first-child,.logistics_list01 .logistics_list_xq dl dd:last-child {
  1766. border-left: none;
  1767. }
  1768. .logistics_list01 .logistics_list_xq dl dd:first-child:before,.logistics_list01 .logistics_list_xq dl dd:last-child:before {
  1769. content: "";
  1770. width:1px;
  1771. display: inline-block;
  1772. background: #d1d1d1;
  1773. height: 25px;
  1774. position: absolute;
  1775. }
  1776. .logistics_list01 .logistics_list_xq dl dd:first-child:before {
  1777. top:25px;
  1778. }
  1779. .logistics_list01 .logistics_list_xq dl dd span {
  1780. color: #666;
  1781. text-align: left;
  1782. margin-left: 35px;
  1783. line-height: 50px;
  1784. }
  1785. .logistics_list01 .logistics_list_xq dl dd i {
  1786. width:15px;
  1787. display: inline-block;
  1788. }
  1789. .logistics_list01 .logistics_list_xq dl dd span p {
  1790. line-height: 20px;
  1791. padding-left: 185px;
  1792. position: relative;
  1793. top:-12px;
  1794. }
  1795. .logistics_list01 .oder_xq {
  1796. width:100%;
  1797. margin:0 auto;
  1798. background: #fff;
  1799. padding: 10px 0;
  1800. }
  1801. .logistics_list01 .oder_xq p {
  1802. line-height:30px;
  1803. font-size:14px;
  1804. margin:0 auto;
  1805. width:91%;
  1806. }
  1807. .logistics_list01 .oder_xq p b {
  1808. float: left;
  1809. width:15%;
  1810. }
  1811. .logistics_list01 .oder_xq p span {
  1812. float:right;
  1813. width:85%;
  1814. text-align: left;
  1815. }
  1816. .oder_xq_list {
  1817. width:100%;
  1818. margin:0 auto;
  1819. background: #fff;
  1820. padding-top: 10px;
  1821. }
  1822. .oder_xq_list dl {
  1823. width:98%;
  1824. margin:0 auto;
  1825. }
  1826. .oder_xq_list dl dt {
  1827. height: 50px;
  1828. line-height:50px;
  1829. font-weight: bold;
  1830. color: #555;
  1831. border-top:#dcdcdc 1px solid;
  1832. border-bottom:#dcdcdc 1px solid;
  1833. font-size: 14px;
  1834. }
  1835. .oder_xq_list dl dd {
  1836. height: 40px;
  1837. line-height: 40px;
  1838. }
  1839. .oder_xq_list dl dd img {
  1840. vertical-align: middle;
  1841. }
  1842. .oder_xq_list dl span {
  1843. width:23.3333333%;
  1844. float: left;
  1845. display: inline-block;
  1846. text-align: center;
  1847. line-height: 40px;
  1848. font-size: 14px;
  1849. }
  1850. .oder_xq_list dl span.wd01 {
  1851. width:15%;
  1852. }
  1853. .oder_xq_list dl .oder_l {
  1854. height: 90px;
  1855. }
  1856. .oder_xq_list dl .oder_l span {
  1857. line-height: 90px;
  1858. }
  1859. .oder_xq_list dl dd img {
  1860. margin-right: 10px;
  1861. }
  1862. .oder_xq_list dl .oder_l img {
  1863. width:42px;
  1864. height: 42px;
  1865. border:#e8e8e8 1px solid;
  1866. float: left;
  1867. margin-left: 50px;
  1868. }
  1869. .oder_xq_list dl dd {
  1870. border-bottom:#d0d0d2 1px dotted;
  1871. }
  1872. .oder_xq_list dl .oder_l p {
  1873. width:55%;
  1874. display: inline-block;
  1875. float: right;
  1876. line-height:20px;
  1877. }
  1878. .oder_xq_list dl span em {
  1879. color:#5078cb;
  1880. }
  1881. .oder_xq_list dl .oder_l span.wd02 {
  1882. margin-top:22px;
  1883. }
  1884. .oder_xq_list dl .price,.oder_xq_list dl .price span {
  1885. height: 60px;
  1886. line-height: 60px;
  1887. border-bottom: none;
  1888. width: 100%;
  1889. text-align: right;
  1890. }
  1891. .oder_xq_list dl .price span i {
  1892. color: #e20808;
  1893. margin-right: 60px;
  1894. }
  1895. .oder_xq_list dl .line60,.oder_xq_list dl .line60 span {
  1896. height: 60px;
  1897. line-height: 60px;
  1898. }
  1899. .logistics ul {
  1900. width:100%;
  1901. margin:0 auto;
  1902. background: #fff;
  1903. }
  1904. .logistics ul li {
  1905. width:20%;
  1906. float: left;
  1907. text-align: center;
  1908. height:180px ;
  1909. margin-top:20px;
  1910. }
  1911. .logistics ul li p {
  1912. font-size: 14px;
  1913. line-height: 65px;
  1914. }
  1915. .logistics ul li em {
  1916. width:34px;
  1917. height:34px;
  1918. display: inline-block;
  1919. background: #dcdcdc;
  1920. border-radius: 100%;
  1921. line-height: 34px;
  1922. position: relative;
  1923. }
  1924. .logistics ul li.active em i {
  1925. background: url("../../img/vendor/images/logistics_act.png") no-repeat center;
  1926. }
  1927. .logistics ul li.active em.have i:after {
  1928. content: "";
  1929. width:178px;
  1930. height:4px;
  1931. background: #008d46;
  1932. display: inline-block;
  1933. position: absolute;
  1934. left:28px;
  1935. top:18px;
  1936. z-index: 200;
  1937. }
  1938. .logistics ul li.active i b {
  1939. display: none;
  1940. }
  1941. .logistics ul li em i {
  1942. width:24px;
  1943. height:24px;
  1944. display: inline-block;
  1945. background: #dcdcdc;
  1946. border-radius: 100%;
  1947. line-height: 24px;
  1948. color: #fff;
  1949. font-weight: bold;
  1950. font-size: 16px;
  1951. margin-top:4.5px;
  1952. }
  1953. .logistics ul li em i.active {
  1954. background:#008d46 ;
  1955. }
  1956. .logistics ul li p:last-child {
  1957. color: #999;
  1958. }
  1959. .logistics ul li em.have:after {
  1960. content: "";
  1961. width:179px;
  1962. height:10px;
  1963. background: #dcdcdc;
  1964. display: inline-block;
  1965. position: absolute;
  1966. left:32px;
  1967. top:15px
  1968. }
  1969. .logistics ul li em i b {
  1970. font-weight: bold;
  1971. }
  1972. /*物流信息*/
  1973. .logistics_banner01,.logistics_banner02 {
  1974. margin-top:16px !important;
  1975. }
  1976. .logistics_banner01,.logistics_banner01 img,.logistics_banner02,.logistics_banner02 img {
  1977. width:100%;
  1978. margin:0 auto;
  1979. }
  1980. .logistics_banner01 a {
  1981. margin-top:5px;
  1982. }
  1983. .log_cter_h {
  1984. width:100%;
  1985. margin:0 auto;
  1986. height: 35px;
  1987. line-height:35px;
  1988. border-bottom: #e8e8e8 1px solid;
  1989. background: #fff;
  1990. }
  1991. .log_cter_h span {
  1992. font-size:14px;
  1993. margin-left: 20px;
  1994. margin-right: 60px;
  1995. }
  1996. .log_cter_h span img {
  1997. vertical-align: middle;
  1998. margin-right: 5px;
  1999. }
  2000. .log_list,.log_list ul {
  2001. width:100%;
  2002. margin:0 auto;
  2003. background: #fff;
  2004. padding: 15px 0 5px 0;
  2005. }
  2006. .log_list ul li {
  2007. width:25%;
  2008. float: left;
  2009. text-align: center;
  2010. }
  2011. .log_list ul li em {
  2012. width:60px;
  2013. height:60px;
  2014. display: inline-block;
  2015. position: relative;
  2016. }
  2017. .log_list ul li em.lg_01 {
  2018. background: url("../../img/vendor/images/log02.png") no-repeat center;
  2019. }
  2020. .log_list ul li em.lg_02 {
  2021. background: url("../../img/vendor/images/log03.png") no-repeat center;
  2022. }
  2023. .log_list ul li em.lg_03 {
  2024. background: url("../../img/vendor/images/log04.png") no-repeat center;
  2025. }
  2026. .log_list ul li em.lg_04 {
  2027. background: url("../../img/vendor/images/log05.png") no-repeat center;
  2028. }
  2029. .log_list ul li em.lg_05 {
  2030. background: url("../../img/vendor/images/log05.png") no-repeat center;
  2031. }
  2032. .log_list ul li.active em.lg_01 {
  2033. background: url("../../img/vendor/images/log002.png") no-repeat center;
  2034. }
  2035. .log_list ul li em.lg_01:before,.log_list ul li em.lg_02:before,.log_list ul li em.lg_03:before{
  2036. content: "";
  2037. width: 86px;
  2038. height: 6px;
  2039. background: url("../../img/vendor/images/log_dot01.png") no-repeat center;
  2040. display: inline-block;
  2041. position: absolute;
  2042. top:30px;
  2043. left:80px;
  2044. }
  2045. .log_list ul li.active em.lg_01:before,.log_list ul li.active em.lg_02:before,.log_list ul li.active em.lg_03:before {
  2046. content: "";
  2047. width: 86px;
  2048. height: 6px;
  2049. background: url("../../img/vendor/images/log_dot.png") no-repeat center;
  2050. display: inline-block;
  2051. position: absolute;
  2052. top:30px;
  2053. left:80px;
  2054. }
  2055. .log_list ul li.active em.lg_02 {
  2056. background: url("../../img/vendor/images/log003.png") no-repeat center;
  2057. }
  2058. .log_list ul li.active em.lg_03 {
  2059. background: url("../../img/vendor/images/log004.png") no-repeat center;
  2060. }
  2061. .log_list ul li.active em.lg_04 {
  2062. background: url("../../img/vendor/images/log005.png") no-repeat center;
  2063. }
  2064. .log_list ul li.active em.lg_05 {
  2065. background: url("../../img/vendor/images/log005.png") no-repeat center;
  2066. }
  2067. .log_list ul li p {
  2068. width:100%;
  2069. margin:0 auto;
  2070. font-size: 14px;
  2071. line-height: 30px;
  2072. }
  2073. .logistics_cter .logistics_list01 .logistics_list_xq dl {
  2074. width: 90%;
  2075. }
  2076. .log02 dl span {
  2077. width:11% ;
  2078. height: 50px;
  2079. line-height: 50px;
  2080. font-size: 12px;
  2081. }
  2082. .log02 dl dd {
  2083. height: 50px;
  2084. line-height: 50px;
  2085. }
  2086. .log02 dl dt {
  2087. width: 96%;
  2088. }
  2089. .log02 dl span.wd01 {
  2090. width:30%;
  2091. }
  2092. .log02 dl dt span {
  2093. font-size: 14px;
  2094. }
  2095. .log02 dl span.wd02 {
  2096. width:18%;
  2097. }
  2098. .log02 dl span a.default_act {
  2099. width:64px;
  2100. height:24px;
  2101. display: inline-block;
  2102. background: #d8d8d8;
  2103. text-align: center;
  2104. line-height: 24px;
  2105. color: #323232;
  2106. }
  2107. .log02 dl span a.default {
  2108. width:64px;
  2109. height:24px;
  2110. display: inline-block;
  2111. border:#d8d8d8 1px solid;
  2112. text-align: center;
  2113. line-height: 24px;
  2114. color: #323232;
  2115. }
  2116. .log02 dl span a.default:hover,.log02 dl span a.default_act:hover {
  2117. background:#5078cb;
  2118. color: #fff;
  2119. }
  2120. .log02 dl .line_open span {
  2121. text-align: left;
  2122. font-size: 14px;
  2123. padding-left:20px;
  2124. }
  2125. .log02 dl .line_open span a {
  2126. float: right;
  2127. margin-right: 30px;
  2128. color: #323232;
  2129. }
  2130. .log02 dl .line_open span a.active img {
  2131. transform: rotate(-180deg);
  2132. }
  2133. .log02 dl .line_open span a img {
  2134. margin-left: 10px;
  2135. }
  2136. .log02 dl .line_open span em {
  2137. padding-left: 40px;
  2138. }
  2139. .log02 dl .add_adress {
  2140. border-bottom: none;
  2141. }
  2142. .log02 dl .add_adress a {
  2143. color: #5078cb;
  2144. margin-left: 30px;
  2145. }
  2146. .log02 dl .add_adress span {
  2147. width:100%;
  2148. text-align: left;
  2149. }
  2150. .log02 dl .add_adress a:hover {
  2151. color: #5078cb;
  2152. }
  2153. .log02 .add_ticket_form ul li span.fl {
  2154. width:12%;
  2155. }
  2156. .log02 .add_ticket_form ul li div.fr {
  2157. width:86%;
  2158. }
  2159. .log02 .add_ticket_form ul li div.fr .input04 {
  2160. width:72%;
  2161. }
  2162. .log02 .add_ticket_form ul li span em {
  2163. color: #eb0202;
  2164. }
  2165. .log02 .add_ticket_form ul li div.fr .input02 {
  2166. margin: 0 5px;
  2167. }
  2168. .log02 .add_ticket_form ul li input[type="checkbox"] {
  2169. display: none;
  2170. }
  2171. .log02 .add_ticket_form ul .default {
  2172. padding: 15px 0;
  2173. }
  2174. .log02 .add_ticket_form ul .default label {
  2175. width: 15px;
  2176. height: 15px;
  2177. display: inline-block;
  2178. background: url("../../img/vendor/images/check.png") no-repeat;
  2179. position: relative;
  2180. }
  2181. .add_ticket_form ul li div.fr input[type="checkbox"]:checked + label {
  2182. background-position: -15px 0;
  2183. }
  2184. .logistics_cter_01 .tab {
  2185. width:100%;
  2186. display: none;
  2187. }
  2188. /*售后申请*/
  2189. .service_tab {
  2190. width: 100%;
  2191. margin: 0 auto;
  2192. }
  2193. .service_tab .tab_head {
  2194. width: 100%;
  2195. height: 40px;
  2196. line-height: 40px;
  2197. margin: 0 auto;
  2198. border-bottom:#e1e0e0 1px solid;
  2199. }
  2200. .service_tab .tab_head {
  2201. width: 80%;
  2202. }
  2203. .service_tab .tab_head a {
  2204. width: 20%;
  2205. height: 40px;
  2206. float: left;
  2207. line-height: 40px;
  2208. display: inline-block;
  2209. font-size: 14px;
  2210. text-align: center;
  2211. }
  2212. .service_tab .tab_head a.active,.service_tab .tab_head a:hover {
  2213. background: #fff;
  2214. border:#e1e0e0 1px solid;
  2215. border-bottom: none;
  2216. color: #5078cb;
  2217. }
  2218. .service_tab01 {
  2219. width: 100%;
  2220. margin: 0 auto;
  2221. background: #fff;
  2222. padding-bottom: 20px;
  2223. }
  2224. .service_tab01 .jindu {
  2225. width:100%;
  2226. margin:0 auto;
  2227. background: #fff;
  2228. }
  2229. .service_tab01 .jindu li {
  2230. width:25%;
  2231. float: left;
  2232. text-align: center;
  2233. height:150px ;
  2234. margin-top:20px;
  2235. }
  2236. .service_tab01 .jindu li p {
  2237. font-size: 14px;
  2238. line-height: 65px;
  2239. color: #9c9c9c;
  2240. }
  2241. .service_tab01 .jindu li em {
  2242. width:24px;
  2243. height:24px;
  2244. display: inline-block;
  2245. background: #ecf2fd;
  2246. border-radius: 100%;
  2247. line-height: 24px;
  2248. position: relative;
  2249. color: #9c9c9c;
  2250. }
  2251. .service_tab01 .jindu li em.have:after {
  2252. content: "";
  2253. width:167px;
  2254. height:5px;
  2255. background: #ecf2fd;
  2256. display: inline-block;
  2257. position: absolute;
  2258. left:22px;
  2259. top:10px
  2260. }
  2261. .service_tab01 .jindu li.active em.have:after {
  2262. background: url("../../img/vendor/images/server_dot.png") no-repeat center;
  2263. }
  2264. .service_tab01 .jindu li.active em {
  2265. background: #5078cb;
  2266. color: #fff;
  2267. }
  2268. .service_tab01 .jindu li.active p {
  2269. color: #5078cb;
  2270. font-weight: bold;
  2271. }
  2272. .service_rule {
  2273. width:100%;
  2274. margin:0 auto;
  2275. background: #fff;
  2276. margin-top: 16px !important;
  2277. padding-bottom: 50px;
  2278. }
  2279. .service_rule .add_menu {
  2280. width:100%;
  2281. margin:0 auto;
  2282. background: #fff;
  2283. }
  2284. .service_rule .add_menu span {
  2285. width:98%;
  2286. height: 45px;
  2287. line-height:45px;
  2288. display: inline-block;
  2289. border-bottom: #e8e8e8 1px solid;
  2290. font-size: 14px;
  2291. margin-left: 15px;
  2292. }
  2293. .service_rule p {
  2294. font-size: 12px;
  2295. line-height: 25px;
  2296. width:92%;
  2297. margin:0 auto;
  2298. color: #333;
  2299. }
  2300. .service_rule p.line_50 {
  2301. line-height: 50px;
  2302. }
  2303. .return_good {
  2304. width:100%;
  2305. margin:0 auto;
  2306. }
  2307. .return_good .reason {
  2308. width:92%;
  2309. margin:0 auto;
  2310. line-height: 34px;
  2311. margin-bottom:20px;
  2312. min-height: 34px;
  2313. }
  2314. .return_good .reason span.fl {
  2315. width:16%;
  2316. font-size:14px;
  2317. }
  2318. .return_good .reason div.fr {
  2319. width:84%;
  2320. position: relative;
  2321. font-size: 14px;
  2322. }
  2323. .return_good .reason span em {
  2324. color: #eb0202;
  2325. margin-left: 2px;
  2326. }
  2327. .return_good .reason .price {
  2328. width:144px;
  2329. height: 34px;
  2330. border: #ccc 1px solid;
  2331. padding-left:10px ;
  2332. }
  2333. .return_good .reason .describe01 {
  2334. width:300px;
  2335. height: 34px;
  2336. border: #ccc 1px solid;
  2337. padding-left:10px ;
  2338. margin-left: 15px;
  2339. }
  2340. .return_good .reason div.fr i {
  2341. font-size:12px;
  2342. color: #999;
  2343. position: relative;
  2344. top:10px;
  2345. }
  2346. .return_good .wid70 {
  2347. height: 80px;
  2348. }
  2349. .return_good .reason .describe02 {
  2350. width:96%;
  2351. height: 58px;
  2352. padding:2%;
  2353. border: #ccc 1px solid;
  2354. font-size: 14px;
  2355. }
  2356. .return_good .reason .reason_img {
  2357. width:100px;
  2358. height: 100px;
  2359. background: url("../../img/vendor/images/upload.png") no-repeat center;
  2360. float: left;
  2361. border: #ccc 1px solid;
  2362. margin-bottom: 20px;
  2363. }
  2364. .return_good .reason div.fr input[type="file"] {
  2365. width:100px;
  2366. height: 100px;
  2367. filter:alpha(opacity=0);
  2368. -moz-opacity:.0;
  2369. opacity:0.0;
  2370. opacity: 0;
  2371. cursor:pointer;
  2372. }
  2373. .return_good .reason div.fr span.prompt {
  2374. width:200px;
  2375. display: inline-block;
  2376. font-size: 12px;
  2377. color: #999;
  2378. line-height: 20px;
  2379. position: relative;
  2380. top: 50px;
  2381. margin-left: 10px;
  2382. }
  2383. .return_good .reason div.fr a {
  2384. width:94px;
  2385. height: 36px;
  2386. display: inline-block;
  2387. line-height: 36px;
  2388. text-align: center;
  2389. font-size: 14px;
  2390. }
  2391. .return_good .reason div.fr a.back {
  2392. border:#5078cb 1px solid;
  2393. color: #5078cb;
  2394. }
  2395. .return_good .reason div.fr a.submit {
  2396. border:#5078cb 1px solid;
  2397. color: #fff;
  2398. background: #5078cb;
  2399. margin-left: 15px;
  2400. }
  2401. .return_good .reason div.fr a:hover {
  2402. background: #1f4fb2;
  2403. color: #fff;
  2404. border:#1f4fb2 1px solid;
  2405. }
  2406. .return_good .reason div.fr p {
  2407. width: 211px;
  2408. display: inline-block;
  2409. float: right;
  2410. }
  2411. /*下拉样式*/
  2412. .reason .select {
  2413. width:100%;
  2414. height: 34px;
  2415. border: #ccc 1px solid;
  2416. font-size: 16px;
  2417. position: relative;
  2418. margin: 0px auto;
  2419. }
  2420. .reason .select:after {
  2421. content: "";
  2422. display: block;
  2423. width:8px;
  2424. height: 8px;
  2425. border-left:1px solid #444;
  2426. border-bottom: 1px #444 solid;
  2427. position: absolute;
  2428. right: 12px;
  2429. top:12px;
  2430. transform: rotate(-45deg);
  2431. cursor: pointer;
  2432. transition: transform .1s ease-out,top .1s ease-out;
  2433. }
  2434. .reason .select p {
  2435. width: 95% !important;
  2436. display: block;
  2437. height: 34px;
  2438. line-height: 34px;
  2439. padding: 0 15px;
  2440. cursor: pointer;
  2441. }
  2442. .reason .select ul {
  2443. list-style-type: none;
  2444. background-color: #fff;
  2445. width:100%;
  2446. position: absolute;
  2447. top:35px;
  2448. overflow-y: auto;
  2449. left:-1px;
  2450. max-height: 0;
  2451. transition: max-height .5s ease-out;
  2452. z-index: 20;
  2453. }
  2454. .reason .select ul li {
  2455. padding: 0 15px;
  2456. line-height: 34px;
  2457. cursor: pointer;
  2458. }
  2459. .reason .select ul li:hover {
  2460. background-color: #ccc;
  2461. }
  2462. .reason .select ul li.selected {
  2463. background-color: #5078cb;
  2464. color: #fff;
  2465. }
  2466. @-webkit-keyframes slide-out {
  2467. 0% {
  2468. transform: scale(1,0)
  2469. }
  2470. 25% {
  2471. transform: scale(1,1.1)
  2472. }
  2473. 50% {
  2474. transform: scale(1,0.85)
  2475. }
  2476. 0% {
  2477. transform: scale(1,1.1)
  2478. }
  2479. 0% {
  2480. transform: scale(1,1)
  2481. }
  2482. }
  2483. .reason .select.open ul {
  2484. max-height: 250px;
  2485. animation: slide-out .3s ease-in;
  2486. transform-origin: 50% 0;
  2487. transition: max-height .3s ease-in;
  2488. border: #ccc 1px solid;
  2489. }
  2490. .reason .select.open:after {
  2491. transform: rotate(-225deg);
  2492. top:18px;
  2493. transition: all .1s ease-in;
  2494. }
  2495. .oder_list_dt {
  2496. width:100%;
  2497. margin:0 auto;
  2498. background: #fff;
  2499. }
  2500. .oder_list_dt dl {
  2501. padding-bottom: 0px;
  2502. display: inline-block;
  2503. padding-top: 20px;
  2504. }
  2505. .oder_list_dt dl dt {
  2506. width:60px;
  2507. height:60px;
  2508. float: left;
  2509. margin-left:15px;
  2510. overflow: hidden;
  2511. border: #ccc 1px solid;
  2512. }
  2513. .oder_list_dt dl dt img {
  2514. width:60px;
  2515. height:60px;
  2516. }
  2517. .oder_list_dt dl dt.border {
  2518. border:#dfdfdf 1px solid;
  2519. }
  2520. .oder_list_dt dl dd {
  2521. margin-left: 90px;
  2522. }
  2523. .oder_list_dt dl dd p {
  2524. font-size: 12px;
  2525. line-height: 20px;
  2526. }
  2527. .contact01,.oder_dd {
  2528. width:85%;
  2529. margin:0 auto;
  2530. height: 40px;
  2531. line-height:40px;
  2532. font-size: 14px;
  2533. }
  2534. .contact01 img {
  2535. vertical-align: middle;
  2536. margin-right: 5px;
  2537. }
  2538. .oder_dd {
  2539. height: 120px;
  2540. margin-top: 10px;
  2541. }
  2542. .oder_dd p {
  2543. font-size: 14px;
  2544. line-height: 25px;
  2545. }
  2546. .oder_dd p span {
  2547. width:60px;
  2548. display: inline-block;
  2549. }
  2550. /*购物车*/
  2551. .shopCar .oder_list dl .line02 {
  2552. height:168px;
  2553. }
  2554. .shopCar .oder_list dl .line02 .car_pro_xq {
  2555. width: 69%;
  2556. float: right;
  2557. line-height: 25px;
  2558. text-align: left;
  2559. padding-top: 20px;
  2560. }
  2561. .shopCar .oder_list dl .line02 .car_pro_xq i {
  2562. width:100%;
  2563. display: inline-block;
  2564. }
  2565. .shopCar .oder_list dl span {
  2566. width: 20%;
  2567. }
  2568. .shopCar .oder_list dl .line02 span {
  2569. line-height: 168px;
  2570. height: 168px;
  2571. }
  2572. .shopCar .oder_list dl span.wd01 {
  2573. width:4%;
  2574. }
  2575. .shopCar .oder_list dl span.wd02 {
  2576. width:12%;
  2577. }
  2578. .shopCar .oder_list dl span.wd02 em {
  2579. color: #e64040;
  2580. }
  2581. .shopCar .oder_list dl .pro_xq img {
  2582. width: 60px;
  2583. height: 60px;
  2584. float: left;
  2585. vertical-align: middle;
  2586. margin-top: 50px;
  2587. }
  2588. .shopCar .oder_list dl .deal_btn {
  2589. line-height: 25px;
  2590. padding-top: 30px;
  2591. position: relative;
  2592. }
  2593. .shopCar .oder_list dl .deal_btn a {
  2594. width:100%;
  2595. display: inline-block;
  2596. color: #5078cb;
  2597. }
  2598. .shopCar .oder_list dl .deal_btn a.price_btn {
  2599. color: #e64040;
  2600. }
  2601. .shopCar .oder_list dl .price_input {
  2602. width:100%;
  2603. margin: 0 auto;
  2604. font-size: 14px;
  2605. margin-top: 20px;
  2606. }
  2607. .shopCar .oder_list dl .price_input p {
  2608. height: 50px;
  2609. line-height: 50px;
  2610. }
  2611. .shopCar .oder_list dl .price_input p input[type="text"] {
  2612. width:108px;
  2613. height: 34px;
  2614. border: #ccc 1px solid;
  2615. display: inline-block;
  2616. text-align: center;
  2617. margin-top: 10px;
  2618. line-height: 34px;
  2619. }
  2620. .shopCar .oder_list dl .price_input label {
  2621. width:16px;
  2622. height: 16px;
  2623. background:url("../../img/vendor/images/radio.png");
  2624. background-position: 0 -1px;
  2625. margin-right: 2px;
  2626. vertical-align: middle;
  2627. }
  2628. .shopCar .oder_list dl .price_input label:last-child {
  2629. margin-left: 20px;
  2630. }
  2631. .shopCar .oder_list dl .price_input input[type="radio"]:checked + label {
  2632. background-position: -19px -1px;
  2633. }
  2634. .shopCar .oder_list dl .btn-wrap {
  2635. padding-right: 40px;
  2636. position: relative;
  2637. height: 30px;
  2638. width: 130px;
  2639. margin-top:15px;
  2640. line-height: 30px;
  2641. margin-top: 34px;
  2642. margin-left: 35px;
  2643. }
  2644. .shopCar .btn-wrap input {
  2645. display: inline-block;
  2646. }
  2647. .shopCar .btn-wrap .number {
  2648. width:148px;
  2649. height:34px !important;
  2650. border:#ccc 1px solid;
  2651. border-radius:5px;
  2652. display:inline-block;
  2653. text-align:center;
  2654. line-height:34px !important;
  2655. color:#333;
  2656. }
  2657. .shopCar .btn-wrap .number a {
  2658. width:26px;
  2659. height:34px;
  2660. display:inline-block;
  2661. font-size:22px;
  2662. color:#666;
  2663. line-height:34px;
  2664. }
  2665. .shopCar .btn-wrap .number a:hover {
  2666. color:#fff;
  2667. background:#5078cb
  2668. }
  2669. .shopCar .btn-wrap .number .reduce {
  2670. float:left;
  2671. border-right:#ccc 1px solid;
  2672. }
  2673. .shopCar .btn-wrap .number .add {
  2674. float:right;
  2675. border-left:#ccc 1px solid;
  2676. }
  2677. .shopCar .btn-wrap .number input {
  2678. float:left;
  2679. width:92px;
  2680. height:34px;
  2681. line-height:34px;
  2682. text-align:center;
  2683. font-size:16px;
  2684. color:#666;
  2685. border: none;
  2686. }
  2687. .shopCar .oder_list dl dd span.wd02 {
  2688. line-height: 85px;
  2689. }
  2690. .price_rule {
  2691. width:126px;
  2692. height: 86px;
  2693. position: absolute;
  2694. background: #fff;
  2695. right: 100px;
  2696. top:30px;
  2697. padding:8px;
  2698. box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.2);
  2699. display: none;
  2700. }
  2701. .price_rule p {
  2702. line-height: 28px;
  2703. font-size: 14px;
  2704. width: 100%;
  2705. display: inline-block;
  2706. }
  2707. .price_rule p i {
  2708. width: 70px;
  2709. display: inline-block;
  2710. color: #999;
  2711. float: left;
  2712. text-align: left;
  2713. }
  2714. .shopCar .oder_list dl .all_price {
  2715. height: 60px;
  2716. line-height: 60px;
  2717. border-bottom: none;
  2718. }
  2719. .shopCar .oder_list dl .all_price div.fl a {
  2720. font-size: 14px;
  2721. color: #5078cb;
  2722. margin:0 15px 0 15px
  2723. }
  2724. .shopCar .oder_list dl .all_price span {
  2725. float: left;
  2726. line-height: 60px;
  2727. color: #959595;
  2728. margin-left: 90px;
  2729. }
  2730. .shopCar .oder_list dl .all_price span em {
  2731. color: #e64040;
  2732. }
  2733. .shopCar .oder_list dl .all_price div.fr {
  2734. font-size: 18px;
  2735. color: #e64040;
  2736. }
  2737. .shopCar .oder_list dl .all_price div.fr em {
  2738. font-size: 24px;
  2739. color: #e64040;
  2740. }
  2741. .shopCar .oder_list dl .all_price div.fr .settlement {
  2742. width:116px;
  2743. height: 60px;
  2744. background:#d32526;
  2745. text-align: center;
  2746. color: #fff;
  2747. font-size: 18px;
  2748. display: inline-block;
  2749. margin-left: 20px;
  2750. }
  2751. .shopCar .oder_list dl .all_price div.fr .settlement:hover {
  2752. background: #f00;
  2753. }
  2754. .line_open span,.line_open {
  2755. height: 40px !important;
  2756. line-height: 40px !important;
  2757. }
  2758. .line_open span .open,.line_open01 span .open01 {
  2759. position: relative;
  2760. }
  2761. .line_open span .open:after,.tab_oder a:after,.line_open01 span .open01:after {
  2762. content: "";
  2763. display: block;
  2764. width: 8px;
  2765. height: 8px;
  2766. border-left: 1px solid #444;
  2767. border-bottom: 1px #444 solid;
  2768. position: absolute;
  2769. right: -15px;
  2770. top:15px;
  2771. transform: rotate(-45deg);
  2772. cursor: pointer;
  2773. transition: transform .1s ease-out,top .1s ease-out;
  2774. }
  2775. .line_open span .open.active:after,.line_open span .open01.active:after {
  2776. transform: rotate(135deg);
  2777. top: 18px;
  2778. border-left: 1px solid #5078cb;
  2779. border-bottom: 1px #5078cb solid;
  2780. }
  2781. .line_open span .open.active,.line_open span .open01.active {
  2782. color: #5078cb;
  2783. }
  2784. .add_ticket_form ul li div.fr .select_adr {
  2785. width: 80.5%;
  2786. margin-left: 15px;
  2787. }
  2788. .add_ticket_form ul li div.fr .select_adr select {
  2789. width:100%;
  2790. }
  2791. .tab_oder {
  2792. position: relative;
  2793. }
  2794. .tab_oder a:after {
  2795. top: 1px;
  2796. }
  2797. .tab_oder ul {
  2798. position: absolute;
  2799. background: #fff;
  2800. border:#e8e8e8 1px solid;
  2801. width: 130%;
  2802. margin: 0px auto;
  2803. z-index: 10;
  2804. top:28px;
  2805. display: none;
  2806. left: -20px;
  2807. }
  2808. .tab_oder ul li {
  2809. height: 30px;
  2810. padding: 0 20px;
  2811. font-size: 14px;
  2812. }
  2813. .tab_oder ul li:hover {
  2814. background: #ccc;
  2815. }
  2816. .tab_oder ul li.selected {
  2817. background: #5078cb;
  2818. color: #fff;
  2819. }
  2820. .tab_oder ul li {
  2821. height: 30px;
  2822. }
  2823. .log_cter_h .open ul {
  2824. display: inline-block;
  2825. }
  2826. .log_cter_h .open a:after {
  2827. transform: rotate(-225deg);
  2828. top: 6px;
  2829. transition: all .1s ease-in;
  2830. }
  2831. /*购物车-付款*/
  2832. .payment,.payment .payment_menu {
  2833. width:100%;
  2834. margin:0 auto;
  2835. margin-bottom: 10px;
  2836. }
  2837. .payment_menu {
  2838. width:100%;
  2839. margin:0 auto;
  2840. height:30px;
  2841. }
  2842. .payment_menu_1 {
  2843. height: 30px;
  2844. line-height: 30px;
  2845. float: right;
  2846. text-align: center;
  2847. width:623px;
  2848. background: url("../../img/vendor/images/pay_menu.png") no-repeat;
  2849. }
  2850. .payment_menu_1 span {
  2851. width:155px;
  2852. height: 30px;
  2853. line-height: 30px;
  2854. font-size: 16px;
  2855. display: inline-block;
  2856. float: left;
  2857. color: #575757;
  2858. }
  2859. .payment_menu_1 span.on {
  2860. color: #fff;
  2861. }
  2862. #active01 {
  2863. background-position: 0 0;
  2864. }
  2865. #active02 {
  2866. background-position: 0 -31px;
  2867. }
  2868. #active03 {
  2869. background-position: 0 -62px;
  2870. }
  2871. #active04 {
  2872. background-position: 0 -93px;
  2873. }
  2874. .pay_com {
  2875. width:100%;
  2876. margin: 0 auto;
  2877. height: 40px;
  2878. margin-top: 10px;
  2879. background: #fff;
  2880. }
  2881. .pay_com span {
  2882. font-size: 18px;
  2883. display: inline-block;
  2884. height: 40px;
  2885. line-height:40px;
  2886. width:96%;
  2887. border-bottom: #e8e8e8 1px solid;
  2888. background: #fff;
  2889. margin-left: 2%;
  2890. }
  2891. .pay_com span a {
  2892. float: right;
  2893. height: 40px;
  2894. }
  2895. .pay_com span a img {
  2896. vertical-align: middle;
  2897. }
  2898. .payment .adress_list {
  2899. width:100%;
  2900. margin: 0 auto;
  2901. background: #fff;
  2902. }
  2903. .payment .adress_list ul {
  2904. width: 100%;
  2905. margin: 0 auto;
  2906. padding-top: 20px;
  2907. }
  2908. .payment .adress_list ul li {
  2909. width:282px;
  2910. height: 152px;
  2911. background: url("../../img/vendor/images/adress_bg.jpg") no-repeat;
  2912. position: relative;
  2913. float: left;
  2914. margin: 0 37px 20px 23px;
  2915. }
  2916. .payment .adress_list ul li h4 {
  2917. width:90%;
  2918. margin:0 auto;
  2919. height: 30px;
  2920. display: inline-block;
  2921. border-bottom: #e8e8e8 1px solid;
  2922. font-size: 14px;
  2923. line-height: 30px;
  2924. margin-left: 20px;
  2925. margin-top:15px;
  2926. margin-bottom: 10px;
  2927. }
  2928. .payment .adress_list ul li p,.payment .adress_list ul li span {
  2929. width:90%;
  2930. margin:0 auto;
  2931. display: inline-block;
  2932. font-size: 14px;
  2933. line-height: 22px;
  2934. margin-left: 20px;
  2935. }
  2936. .payment .adress_list ul li span {
  2937. margin-top: 10px;
  2938. }
  2939. .payment .adress_list ul li span img {
  2940. margin-left: 10px;
  2941. vertical-align: middle;
  2942. }
  2943. .payment .adress_list ul li.active {
  2944. background-position:-290px 0;
  2945. }
  2946. .payment .adress_list ul li em {
  2947. width:70px;
  2948. height: 24px;
  2949. line-height: 24px;
  2950. background: rgba(130,130,130,0.5);
  2951. text-align: center;
  2952. font-size: 14px;
  2953. color: #fff;
  2954. position: absolute;
  2955. top:0;
  2956. right: 0;
  2957. }
  2958. .margin_no {
  2959. margin-right:0px !important;
  2960. }
  2961. .payment .adress_list .pay_add {
  2962. width:100%;
  2963. height: 70px;
  2964. margin:0 auto;
  2965. line-height: 70px;
  2966. }
  2967. .payment .adress_list .pay_add a {
  2968. color: #5078cb;
  2969. margin: 0 22px;
  2970. font-size: 14px;
  2971. }
  2972. .payment .adress_list .pay_add a:hover {
  2973. color: #5078cb;
  2974. }
  2975. .pay_oder_xq {
  2976. width:100%;
  2977. background: #fff;
  2978. margin:0 auto;
  2979. }
  2980. .pay_oder_xq .pay_oder_xq_list {
  2981. width: 92%;
  2982. margin:0 auto;
  2983. padding:10px 0 10px 0;
  2984. }
  2985. .pay_oder_xq .pay_oder_xq_list p {
  2986. width:100%;
  2987. margin:0 auto;
  2988. display: inline-block;
  2989. font-size: 14px;
  2990. line-height: 40px;
  2991. }
  2992. .pay_oder_xq .pay_oder_xq_list p em {
  2993. width:100px;
  2994. display: inline-block;
  2995. float: left;
  2996. color: #969595;
  2997. }
  2998. .sure_oder {
  2999. width:100%;
  3000. margin: 0 auto;
  3001. background: #fff;
  3002. }
  3003. .sure_oder .oder_xq_list dl dt {
  3004. border-top:none;
  3005. height: 40px;
  3006. border-bottom: #769be9 2px solid;
  3007. }
  3008. .sure_oder .oder_xq_list dl span {
  3009. width:16%;
  3010. position: relative;
  3011. max-height: 90px;
  3012. }
  3013. .sure_oder .oder_xq_list dl .oder_l img {
  3014. margin-left: 10px;
  3015. }
  3016. .sure_oder .oder_xq_list dl span textarea {
  3017. padding: 5px;
  3018. width: 120px;
  3019. height: 60px;
  3020. border: #ccc 1px solid;
  3021. margin-top: 10px;
  3022. color: #999;
  3023. }
  3024. .sure_oder .btn-wrap {
  3025. padding-right: 40px;
  3026. position: relative;
  3027. height: 30px;
  3028. width: 130px;
  3029. line-height: 30px;
  3030. margin-top: 28px;
  3031. margin-left: 22px;
  3032. }
  3033. .sure_oder .btn-wrap input {
  3034. display: inline-block;
  3035. }
  3036. .sure_oder .btn-wrap .number {
  3037. width:125px;
  3038. height:34px !important;
  3039. border:#ccc 1px solid;
  3040. display:inline-block;
  3041. text-align:center;
  3042. line-height:34px !important;
  3043. color:#333;
  3044. }
  3045. .sure_oder .btn-wrap .number a {
  3046. width:26px;
  3047. height:34px;
  3048. display:inline-block;
  3049. font-size:22px;
  3050. color:#666;
  3051. line-height:34px;
  3052. }
  3053. .sure_oder .btn-wrap .number a:hover {
  3054. color:#fff;
  3055. background:#5078cb
  3056. }
  3057. .sure_oder .btn-wrap .number .reduce {
  3058. float:left;
  3059. border-right:#ccc 1px solid;
  3060. }
  3061. .sure_oder .btn-wrap .number .add {
  3062. float:right;
  3063. border-left:#ccc 1px solid;
  3064. }
  3065. .sure_oder .btn-wrap .number input {
  3066. float:left;
  3067. width:68px;
  3068. height:34px;
  3069. line-height:34px;
  3070. text-align:center;
  3071. font-size:16px;
  3072. color:#666;
  3073. border: none;
  3074. }
  3075. .sure_oder .select {
  3076. width:135px;
  3077. height: 34px;
  3078. border: #5078cb 1px solid;
  3079. background: url("../../img/vendor/images/select.png") no-repeat right;
  3080. font-size: 14px;
  3081. }
  3082. .sure_oder .oder_xq_list dl .style01 {
  3083. text-align: left;
  3084. width: 50%;
  3085. padding-left: 20px;
  3086. }
  3087. .sure_oder .oder_xq_list dl dd.pay_price {
  3088. width:100%;
  3089. height: 240px;
  3090. padding-top: 20px;
  3091. border-bottom: none;
  3092. }
  3093. .pay_price div {
  3094. width: 266px;
  3095. height: 150px;
  3096. border: #d32526 1px solid;
  3097. float: right;
  3098. padding: 10px;
  3099. margin-right: 20px;
  3100. }
  3101. .pay_price div h4 {
  3102. width:100%;
  3103. font-size: 24px;
  3104. }
  3105. .pay_price div h4 em {
  3106. color: #dd2727;
  3107. font-size: 36px;
  3108. }
  3109. .pay_price p {
  3110. width:100%;
  3111. height: 34px;
  3112. display: inline-block;
  3113. }
  3114. .pay_price div p {
  3115. line-height: 28px;
  3116. font-size: 14px;
  3117. text-align: right;
  3118. }
  3119. .pay_price a {
  3120. float: right;
  3121. width: 94px;
  3122. height: 36px;
  3123. display: inline-block;
  3124. background: #e64040;
  3125. text-align: center;
  3126. line-height: 34px;
  3127. color: #fff;
  3128. font-size: 18px;
  3129. margin-right: 20px;
  3130. }
  3131. /*线下支付*/
  3132. .pay_com_head {
  3133. width: 100%;
  3134. height:140px;
  3135. margin:0 auto;
  3136. box-shadow: 1px 3px 4px #ccc;
  3137. background: #fff;
  3138. }
  3139. .pay_com_head div.fl {
  3140. margin-top: 25px;
  3141. }
  3142. .pay_com_head div.fr .payment_menu_1 {
  3143. margin-top: 52px;
  3144. }
  3145. .payment .oder_xq {
  3146. width:100%;
  3147. margin:0 auto;
  3148. height: 50px;
  3149. padding: 25px 0 15px;
  3150. }
  3151. .payment .oder_xq p {
  3152. font-size: 16px;
  3153. line-height: 25px;
  3154. width:96%;
  3155. margin:0 auto;
  3156. }
  3157. .payment .oder_xq p span {
  3158. font-size: 14px;
  3159. color: #666;
  3160. }
  3161. .payment .oder_xq p span em {
  3162. color: #e64040;
  3163. }
  3164. .pay_center {
  3165. width:100%;
  3166. margin:0 auto;
  3167. background: #fff;
  3168. padding-bottom: 40px;
  3169. border: #e8e8e8 1px solid;
  3170. }
  3171. .payment .pay_style {
  3172. width:100%;
  3173. margin:0 auto;
  3174. height: 50px;
  3175. line-height: 50px;
  3176. border-bottom: #dcdcdc 1px solid;
  3177. }
  3178. .payment .pay_style a {
  3179. width: 125px;
  3180. height: 50px;
  3181. line-height: 50px;
  3182. float: left;
  3183. display: inline-block;
  3184. text-align: center;
  3185. font-size: 18px;
  3186. position: relative;
  3187. }
  3188. .payment .pay_style a:first-child:before {
  3189. content:"";
  3190. position: absolute;
  3191. right:0;
  3192. width: 1px;
  3193. height: 30px;
  3194. background: #dcdcdc;
  3195. top:10px;
  3196. }
  3197. .payment .pay_style a.active {
  3198. color:#5078cb;
  3199. border-bottom: #5078cb 2px solid;
  3200. }
  3201. .pay_center dl {
  3202. width:100%;
  3203. margin:0 auto;
  3204. margin-top: 35px;
  3205. }
  3206. .pay_center dl dd {
  3207. min-height: 40px;
  3208. font-size: 14px;
  3209. width: 100%;
  3210. margin: 0 auto;
  3211. }
  3212. .pay_center dl dd div.fl {
  3213. width:230px;
  3214. min-height: 40px;
  3215. line-height: 40px;
  3216. text-align: center;
  3217. }
  3218. .pay_center dl dd .select {
  3219. width:135px;
  3220. height: 34px;
  3221. border: #5078cb 1px solid;
  3222. background: url("../../img/vendor/images/select.png") no-repeat right;
  3223. font-size: 14px;
  3224. }
  3225. .pay_center dl dd .open_all {
  3226. float: right;
  3227. color: #5078cb;
  3228. line-height: 40px;
  3229. font-size: 14px;
  3230. margin-right: 28px;
  3231. }
  3232. .pay_center dl dd .open_all:hover {
  3233. color: #5078cb;
  3234. }
  3235. .pay_center dl dd div.fr {
  3236. width:960px;
  3237. border-bottom: #dcdcdc 1px dashed;
  3238. }
  3239. .pay_center dl .bank div.fr {
  3240. border-bottom:none;
  3241. }
  3242. .pay_center .bank {
  3243. display: inline-block;
  3244. }
  3245. .pay_center .bank ul {
  3246. width: 100%;
  3247. margin:0 auto;
  3248. }
  3249. .pay_center .bank ul li {
  3250. width: 100%;
  3251. margin:0 auto;
  3252. height: 50px;
  3253. line-height: 50px;
  3254. border-bottom: #dcdcdc 1px dashed;
  3255. }
  3256. .pay_center .bank ul li span {
  3257. width: 25%;
  3258. margin:0 auto;
  3259. height: 50px;
  3260. line-height: 50px;
  3261. display: inline-block;
  3262. float: left;
  3263. font-size: 14px;
  3264. text-align: center;
  3265. }
  3266. .pay_center .bank ul li span.wid01 {
  3267. text-align: left;
  3268. }
  3269. .pay_center .bank ul li span input {
  3270. margin-right: 10px;
  3271. }
  3272. .pay_center .bank ul li a {
  3273. color: #969595;
  3274. }
  3275. .pay_center .bank ul li .edit em {
  3276. width:22px;
  3277. height:22px;
  3278. display: inline-block;
  3279. background: url("../../img/vendor/images/edit_bg.png") no-repeat center;
  3280. margin-right: 10px;
  3281. }
  3282. .pay_center .bank ul li em {
  3283. position: relative;
  3284. top:5px
  3285. }
  3286. .pay_center .bank ul li .edit:hover em {
  3287. background: url("../../img/vendor/images/edit_bg_act.png") no-repeat center;
  3288. }
  3289. .pay_center .bank ul li .edit:hover {
  3290. color: #5078cb;
  3291. }
  3292. .pay_center .bank ul li .delet em {
  3293. width:22px;
  3294. height: 23px;
  3295. display: inline-block;
  3296. background: url("../../img/vendor/images/del.png") no-repeat center;
  3297. margin-right: 10px;
  3298. margin-left: 30px;
  3299. }
  3300. .pay_center .bank ul li .delet:hover em {
  3301. background: url("../../img/vendor/images/del_act.png") no-repeat center;
  3302. }
  3303. .pay_center .bank ul li .delet:hover {
  3304. color: #5078cb;
  3305. }
  3306. .pay_center .bank ul p {
  3307. width: 100%;
  3308. margin:0 auto;
  3309. height: 50px;
  3310. line-height: 50px;
  3311. display: inline-block;
  3312. border-bottom: #dcdcdc 1px solid;
  3313. }
  3314. .pay_center .bank ul p a {
  3315. color: #5078cb;
  3316. font-size: 14px;
  3317. }
  3318. .pay_center .bank ul p a:hover {
  3319. color: #5078cb;
  3320. }
  3321. .pay_center .time {
  3322. height: 32px;
  3323. line-height: 32px;
  3324. border:#5078cb 1px solid;
  3325. width: 206px;
  3326. position: relative;
  3327. font-size: 14px;
  3328. padding-left: 10px;
  3329. background: url("../../img/vendor/images/time.png") no-repeat right;
  3330. }
  3331. .pay_center .load {
  3332. height: 125px;
  3333. padding-top: 10px;
  3334. }
  3335. .pay_center .load div.fr {
  3336. border-bottom: none !important;
  3337. }
  3338. .pay_center .load .reason_img {
  3339. width:100px;
  3340. height: 100px;
  3341. background: url("../../img/vendor/images/upload.png") no-repeat center;
  3342. float: left;
  3343. border: #ccc 1px solid;
  3344. margin-bottom: 20px;
  3345. }
  3346. .pay_center .load input[type="file"] {
  3347. opacity: 0;
  3348. width:100px;
  3349. height: 100px;
  3350. filter:alpha(opacity=0);
  3351. -moz-opacity:.0;
  3352. opacity:0.0;
  3353. cursor:pointer;
  3354. }
  3355. .pay_center .load span.prompt {
  3356. width:200px;
  3357. display: inline-block;
  3358. font-size: 12px;
  3359. color: #999;
  3360. line-height: 20px;
  3361. position: relative;
  3362. top: 50px;
  3363. margin-left: 10px;
  3364. }
  3365. .pay_center dl dd p {
  3366. width: 100%;
  3367. margin:0 auto;
  3368. height: 50px;
  3369. line-height: 50px;
  3370. display: inline-block;
  3371. }
  3372. .pay_center dl dd p em {
  3373. font-size: 24px;
  3374. float: right;
  3375. margin-right: 98px;
  3376. }
  3377. .pay_center dl dd p em i {
  3378. font-size: 36px;
  3379. color: #ed0d0d;
  3380. }
  3381. .pay_btn {
  3382. width: 100%;
  3383. margin:0 auto;
  3384. height: 50px;
  3385. line-height: 50px;
  3386. margin-top: 30px;
  3387. }
  3388. .pay_btn a {
  3389. width: 116px;
  3390. margin:0 auto;
  3391. height: 40px;
  3392. display: inline-block;
  3393. float: right;
  3394. background:#e64040;
  3395. font-size: 18px;
  3396. text-align: center;
  3397. color: #fff;
  3398. line-height:40px;
  3399. margin-right: 98px;
  3400. }
  3401. .pay_btn a:hover {
  3402. background: #e30e16;
  3403. }
  3404. .none_add {
  3405. padding: 15px;
  3406. font-size: 12px;
  3407. width: 120px;
  3408. height:30px;
  3409. position: absolute;
  3410. top:70px;
  3411. left: -140px;
  3412. box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.2);
  3413. background: #fff;
  3414. line-height: 20px;
  3415. text-align: center;
  3416. }
  3417. .none_add a {
  3418. color: #e64040;
  3419. }
  3420. /*卖家中心补充的样式*/
  3421. .com_tab {
  3422. height:40px;
  3423. margin-bottom: 16px;
  3424. }
  3425. .com_tab ul {
  3426. width: 100%;
  3427. margin: 0 auto;
  3428. height:40px;
  3429. line-height:40px;
  3430. background: #fff;
  3431. }
  3432. .com_tab ul li {
  3433. width: 100px;
  3434. height:40px;
  3435. text-align: center;
  3436. float: left;
  3437. margin-left: 25px;
  3438. }
  3439. .com_tab ul li a {
  3440. font-size: 14px;
  3441. width: 100px;
  3442. height:40px;
  3443. display: inline-block;
  3444. }
  3445. .com_tab ul li.active a {
  3446. color: #f15601;
  3447. border-bottom: 3px #5078cb solid;
  3448. }
  3449. .com_tab ul li:hover a {
  3450. color: #5078cb;
  3451. /*border-bottom: 3px #5078cb solid;*/
  3452. }
  3453. .com_tab ul li a em {
  3454. color: #e64040;
  3455. }
  3456. .com_tab ul li.active a,.oder01 ul li.active a em {
  3457. color: #f15601;
  3458. }
  3459. .com_tab:nth-of-type(1) ul li{
  3460. margin-left: 0px;
  3461. position: relative;
  3462. }
  3463. .com_tab:nth-of-type(1) ul li.active a{
  3464. border-bottom: #fff;
  3465. background: #5078cb;
  3466. color: #fff !important;
  3467. }
  3468. .com_tab:nth-of-type(1) ul li::after{
  3469. background: url('../../img/vendor/images/downicon.png');
  3470. width: 11px;
  3471. height: 6px;
  3472. position: absolute;
  3473. bottom: 0px;
  3474. left: 50%;
  3475. content: ' ';
  3476. margin-left: -5px;
  3477. display: none;
  3478. }
  3479. .com_tab ul li.active::after{
  3480. display: block;
  3481. }
  3482. .com_tab:nth-of-type(1) ul li.active:hover a{
  3483. color: #fff !important;
  3484. }
  3485. .com_tab:nth-of-type(2) ul li a {
  3486. color: #666 !important;
  3487. }
  3488. .com_tab:nth-of-type(2) ul li.active a,.com_tab:nth-of-type(2) ul li.active a em{
  3489. color: #f15601 !important;
  3490. }
  3491. .com_tab:nth-of-type(2) ul li:hover a,.com_tab:nth-of-type(2) ul li:hover a em{
  3492. color: #f15601 !important;
  3493. }
  3494. .com_tab:nth-of-type(2) ul li a{
  3495. border-top: 3px solid #fff;
  3496. }
  3497. .com_tab:nth-of-type(2) ul li.active a{
  3498. border-top: 3px solid #f15601;
  3499. border-left: 1px solid #f15601;
  3500. border-right: 1px solid #f15601;
  3501. border-bottom: 1px solid #fff
  3502. }
  3503. .com_tab:nth-of-type(2) ul{
  3504. /*border-top: 3px solid #f15601;*/
  3505. border-bottom: 1px solid #f15601;
  3506. }
  3507. .com_tab:nth-of-type(2) ul li{
  3508. margin-left: 0px !important;
  3509. }
  3510. .com_tab:nth-of-type(2) ul li:first-child{
  3511. margin-left: 0px
  3512. }
  3513. .:nth-of-type(1) ul li.active:after{
  3514. display: block
  3515. }
  3516. .log_company dl span.wd01 {
  3517. width:10%;
  3518. }
  3519. .log_company dl span.wd02 {
  3520. width:15%;
  3521. }
  3522. .log_company dl span {
  3523. width:30%;
  3524. }
  3525. .log_company dl .company_line span,.log_company dl .company_line {
  3526. height:100px;
  3527. line-height: 100px;
  3528. }
  3529. .log_company dl dd p {
  3530. line-height: 20px;
  3531. padding-top: 10px;
  3532. }
  3533. .log_company dl dd span input {
  3534. display: none;
  3535. }
  3536. .log_company dl dd span label {
  3537. width:15px;
  3538. height:15px;
  3539. display: inline-block;
  3540. background: url("../../img/vendor/images/check.png") no-repeat;
  3541. position: relative;
  3542. vertical-align: sub;
  3543. margin-right: 5px;
  3544. }
  3545. .log_company dl dd span.wd01 input[type="checkbox"]:checked + label {
  3546. background-position:-15px 0;
  3547. }
  3548. .log02 dl span a:hover {
  3549. color: #e30e16;
  3550. }
  3551. .log02 dl span a.gray:hover {
  3552. color: #e30e16 !important;
  3553. }
  3554. .kaiton_all {
  3555. width:100%;
  3556. height: 40px;
  3557. margin:0 auto;
  3558. background: #f5f5f5;
  3559. padding-top: 20px;
  3560. }
  3561. .kaiton_all a {
  3562. width: 94px;
  3563. height: 36px;
  3564. display: inline-block;
  3565. line-height: 36px;
  3566. color: #fff;
  3567. background: #5078cb;
  3568. float: right;
  3569. text-align: center;
  3570. margin-right: 20px;
  3571. }
  3572. .kaiton_all a:hover,.save:hover {
  3573. background: #3f7ae3;
  3574. color: #fff;
  3575. }
  3576. .height40,.height40 span {
  3577. height: 40px !important;
  3578. line-height: 40px !important;
  3579. }
  3580. .stock dl span {
  3581. width:16.666%;
  3582. }
  3583. .stock dl dd {
  3584. border-bottom: #cfcfcf 1px solid;
  3585. }
  3586. .stock .text_l {
  3587. color: #5078cb;
  3588. }
  3589. .stock dl {
  3590. display: inline-block;
  3591. }
  3592. .stock_title {
  3593. width:100%;
  3594. margin:0 auto;
  3595. height: 40px;
  3596. line-height: 40px;
  3597. font-size: 14px;
  3598. background: #f5f5f5;
  3599. }
  3600. /*品牌申请*/
  3601. .brand .tab dl {
  3602. display: inline-block;
  3603. }
  3604. .brand dl span {
  3605. width:13.7%;
  3606. }
  3607. .brand .add_brand ul {
  3608. width:96%;
  3609. padding-top: 12px;
  3610. }
  3611. .brand .add_brand ul li {
  3612. height: auto;
  3613. }
  3614. .brand .add_brand ul li span.fl em {
  3615. color: #e30e16;
  3616. }
  3617. .brand .add_brand ul li div.fr .input01 {
  3618. width:93%;
  3619. float: left;
  3620. }
  3621. .brand .add_brand ul li div.fr .input02 {
  3622. width:30%;
  3623. }
  3624. .brand .add_brand {
  3625. display: inline-block;
  3626. }
  3627. .brand .add_brand ul li {
  3628. padding: 10px 0 6px 0;
  3629. }
  3630. .brand .add_brand .logo_img {
  3631. width:100px;
  3632. height: 100px;
  3633. /*background: url("../../img/vendor/images/upload.png") no-repeat center;*/
  3634. float: left;
  3635. border: #ccc 1px solid;
  3636. margin-bottom: 20px;
  3637. }
  3638. .brand .add_brand div.fr input[type="file"] {
  3639. opacity: 0;
  3640. width:100px;
  3641. height: 100px;
  3642. filter:alpha(opacity=0);
  3643. -moz-opacity:.0;
  3644. opacity:0.0;
  3645. cursor:pointer;
  3646. }
  3647. .brand .add_brand div.fr span.prompt {
  3648. width:200px;
  3649. display: inline-block;
  3650. font-size: 12px;
  3651. color: #999;
  3652. line-height: 20px;
  3653. position: relative;
  3654. text-align:left;
  3655. top: 50px;
  3656. margin-left: 10px;
  3657. border: none;
  3658. height:50px;
  3659. margin-right: 170px;
  3660. }
  3661. .brand .add_brand .brand_logo img {
  3662. float: left;
  3663. width: 100px;
  3664. height: 100px;
  3665. max-width: 98px;
  3666. max-height: 98px;
  3667. border: 1px solid #ccc;
  3668. }
  3669. .brand .add_brand div.fr span.prompt:after {
  3670. display: none;
  3671. }
  3672. /*富文本*/
  3673. .brand .add_brand .edit_text {
  3674. height: 210px;
  3675. }
  3676. .brand .add_brand .edit_text textarea{
  3677. padding-left: 10px;
  3678. font-size: 14px;
  3679. color: #323232;
  3680. }
  3681. .brand .add_brand .edit_content {
  3682. width:93%;
  3683. float: left;
  3684. border: #ccc 1px solid;
  3685. height: 190px;
  3686. }
  3687. .brand .add_brand .choose_list {
  3688. min-height: 34px;
  3689. }
  3690. .brand .add_brand .choose_list div.fr p {
  3691. float: left;
  3692. border: none;
  3693. font-size: 14px;
  3694. width: 14%;
  3695. display: inline-block;
  3696. text-align: left;
  3697. }
  3698. .brand .add_brand .choose_list div.fr p input {
  3699. display: none;
  3700. }
  3701. .brand .add_brand .choose_list div.fr p label {
  3702. width:15px;
  3703. height:15px;
  3704. display: inline-block;
  3705. background: url("../../img/vendor/images/check.png") no-repeat;
  3706. position: relative;
  3707. vertical-align: sub;
  3708. margin-right: 5px;
  3709. }
  3710. .brand .add_brand .choose_list div.fr a {
  3711. float: right;
  3712. margin-right: 60px;
  3713. color: #5078cb;
  3714. }
  3715. .brand .add_brand .choose_list div.fr a:hover {
  3716. border-bottom: none;
  3717. }
  3718. .brand .add_brand .main_pro {
  3719. height: 80px;
  3720. }
  3721. .brand .add_brand .main_pro textarea {
  3722. width: 91%;
  3723. padding: 1%;
  3724. height: 58px;
  3725. float: left;
  3726. border: #ccc 1px solid;
  3727. }
  3728. .brand_rule {
  3729. width:100%;
  3730. margin: 0 auto;
  3731. height: 70px;
  3732. margin-top: 20px;
  3733. }
  3734. .brand_rule p {
  3735. font-size: 14px;
  3736. color: #999;
  3737. width: 225px;
  3738. display: inline-block;
  3739. margin-left: 615px;
  3740. }
  3741. .brand_rule p a {
  3742. color: #5078cb;
  3743. }
  3744. .brand_rule a.brand_bt {
  3745. width:128px;
  3746. height: 52px;
  3747. line-height: 52px;
  3748. display: inline-block;
  3749. background: #5078cb;
  3750. text-align: center;
  3751. color: #fff;
  3752. font-size: 16px;
  3753. font-weight: bold;
  3754. margin-left: 845px;
  3755. }
  3756. .brand .add_brand a {
  3757. border-bottom: none !important;
  3758. height: 34px;
  3759. }
  3760. .brand_rule a.brand_bt:hover {
  3761. color: #fff !important;
  3762. background: #3f7ae3;
  3763. }
  3764. .brand .wanted_list01 {
  3765. background: none;
  3766. background: #fff;
  3767. }
  3768. /*器件申请*/
  3769. .device .device_title {
  3770. }
  3771. .device .wanted_list01 {
  3772. background: #fff;
  3773. }
  3774. .device .device_title {
  3775. width:95%;
  3776. margin: 0 auto;
  3777. height: 40px;
  3778. border-bottom: #e8e8e8 1px solid;
  3779. line-height: 40px;
  3780. margin-bottom: 10px;
  3781. }
  3782. .device .device_title span {
  3783. margin-left: 16px;
  3784. font-size: 14px;
  3785. color: #999;
  3786. float: left;
  3787. }
  3788. .device .device_title a {
  3789. float: right;
  3790. color: #5078cb;
  3791. }
  3792. .device .load_img {
  3793. width:125px;
  3794. height: 34px;
  3795. display: inline-block;
  3796. background: #ecf2fd;
  3797. font-size: 14px;
  3798. color: #5078cb;
  3799. text-align: center;
  3800. position: relative;
  3801. left: -200px;
  3802. }
  3803. .device .wanted_list01 .tab .add_device .brand_logo img {
  3804. float: left;
  3805. width: 100px;
  3806. height: 100px;
  3807. max-width: 98px;
  3808. max-height: 98px;
  3809. border: 1px solid #ccc;
  3810. }
  3811. .device .wanted_list01 .tab .add_device .form-group .mt-units {
  3812. position: relative;
  3813. cursor: pointer;
  3814. font-size: 12px;
  3815. line-height: 1.5;
  3816. }
  3817. .device .wanted_list01 .tab .add_device .form-group .mt-units-down {
  3818. display: none;
  3819. position: absolute;
  3820. width: auto;
  3821. height: auto;
  3822. top: 100%;
  3823. left: -1px;
  3824. border: solid 1px #aaa;
  3825. list-style: none;
  3826. background: #eee;
  3827. margin-bottom: 0;
  3828. padding: 0;
  3829. z-index: 10;
  3830. }
  3831. .device .wanted_list01 .tab .add_device .form-group .mt-units:hover .mt-units-down {
  3832. display: block;
  3833. }
  3834. .device .wanted_list01 .tab .add_device .form-group .mt-units-down .mt-units-item {
  3835. padding: 6px 12px;
  3836. border-bottom: solid 1px #ccc;
  3837. font-size: 12px;
  3838. line-height: 1.5;
  3839. }
  3840. .device .wanted_list01 .tab .add_device .form-group .mt-units-down .mt-units-item:hover {
  3841. background: #ddd;
  3842. color: #000;
  3843. }
  3844. .device .wanted_list01 .tab .add_device .form-group select {
  3845. opacity: 1;
  3846. line-height: 14px;
  3847. -webkit-appearance: menulist;
  3848. }
  3849. .device .wanted_list01 .tab .add_device .form-group .btn-inverse {
  3850. color: #fff;
  3851. font-weight: bold;
  3852. background-color: #ff7300;
  3853. border-color: #ef5813;
  3854. }
  3855. .device .wanted_list01 a:hover {
  3856. border-bottom:none !important;
  3857. }
  3858. .device .select01 {
  3859. width:98% !important ;
  3860. height: 34px;
  3861. border: #ccc 1px solid;
  3862. display: inline-block;
  3863. }
  3864. .device .add_ticket_form ul {
  3865. width: 92%;
  3866. }
  3867. .device .add_ticket_form ul li div.fr select {
  3868. width: 100%;
  3869. height: 100%;
  3870. position: relative;
  3871. /*top:-1px;*/
  3872. }
  3873. .device .add_device .tab {
  3874. display: none;
  3875. }
  3876. .brand .tab dl {
  3877. display: inline-block;
  3878. }
  3879. .device .add_device ul {
  3880. width:92%;
  3881. padding-top: 12px;
  3882. }
  3883. .device .add_device ul li span.fl em {
  3884. color: #e30e16;
  3885. }
  3886. .device .add_device ul li div.fr .input01 {
  3887. width:98%;
  3888. float: left;
  3889. }
  3890. .device .add_device {
  3891. display: inline-block;
  3892. }
  3893. .device .add_device ul li {
  3894. padding: 10px 0 6px 0;
  3895. /*height: 55px;*/
  3896. }
  3897. .device .add_device div.fr {
  3898. position: relative;
  3899. }
  3900. .device .add_device .logo_img {
  3901. width:100px;
  3902. height: 100px;
  3903. background: url("../../img/vendor/images/upload.png") no-repeat center;
  3904. float: left;
  3905. border: #ccc 1px solid;
  3906. margin-bottom: 20px;
  3907. }
  3908. .device .add_device div.fr input[type="file"] {
  3909. opacity: 0;
  3910. width:100px;
  3911. height: 100px;
  3912. filter:alpha(opacity=0);
  3913. -moz-opacity:.0;
  3914. opacity:0.0;
  3915. cursor:pointer;
  3916. }
  3917. .device .add_device div.fr span.prompt {
  3918. width:200px;
  3919. display: inline-block;
  3920. font-size: 12px;
  3921. color: #999;
  3922. line-height: 20px;
  3923. position: relative;
  3924. text-align:left;
  3925. top: 50px;
  3926. margin-left: 10px;
  3927. float: left;
  3928. border: none;
  3929. height: 50px;
  3930. }
  3931. .device .add_device div.fr span.prompt:after {
  3932. display: none;
  3933. }
  3934. .device .add_device .search_btn01 {
  3935. width:34px;
  3936. height: 34px;
  3937. display: inline-block;
  3938. position: absolute;
  3939. top:0;
  3940. right:18px;
  3941. line-height: 34px;
  3942. text-align: center;
  3943. }
  3944. .device .add_device .search_btn01 i {
  3945. color: #ccc;
  3946. vertical-align: middle;
  3947. }
  3948. .device .add_device .search_btn01:hover i {
  3949. color: #5078cb;
  3950. }
  3951. .device .add_device div.fr .input02 {
  3952. margin: 0;
  3953. }
  3954. .device .add_device .edit_text {
  3955. height: 290px;
  3956. }
  3957. .device .add_device .edit_content {
  3958. width:98%;
  3959. float: left;
  3960. border: #ccc 1px solid;
  3961. height:275px;
  3962. }
  3963. .device .add_device .weight {
  3964. width: 35px;
  3965. height: 34px;
  3966. display: inline-block;
  3967. background: #ecf2fd;
  3968. text-align: center;
  3969. font-size: 16px;
  3970. line-height:28px;
  3971. border: #d0d4db 1px solid;
  3972. position: relative;
  3973. vertical-align: middle;
  3974. left: -30px;
  3975. top: -2px;
  3976. }
  3977. .device .device_ok {
  3978. width:100%;
  3979. margin: 0 auto;
  3980. height: 70px;
  3981. }
  3982. .device .device_ok a {
  3983. width:128px;
  3984. height: 52px;
  3985. line-height: 52px;
  3986. display: inline-block;
  3987. background: #5078cb;
  3988. text-align: center;
  3989. color: #fff;
  3990. font-size: 16px;
  3991. font-weight: bold;
  3992. margin-left: 10px;
  3993. float: right;
  3994. margin-right: 55px;
  3995. }
  3996. .device .device_ok a:hover {
  3997. background: #3f7ae3;
  3998. color: #fff !important;
  3999. }
  4000. .device .load_next {
  4001. width: 100%;
  4002. margin:0 auto;
  4003. border-bottom: #cfcfcf 1px solid;
  4004. display: inline-block;
  4005. }
  4006. .device .load_next p {
  4007. width:96%;
  4008. margin:0 auto;
  4009. height: 60px;
  4010. line-height: 60px;
  4011. border-bottom: #cfcfcf 1px dashed;
  4012. font-size: 16px;
  4013. }
  4014. .device .load_next p i {
  4015. font-size: 30px;
  4016. float: right;
  4017. vertical-align: middle;
  4018. margin-top: 12px;
  4019. color: #b6b1b1;
  4020. cursor:pointer ;
  4021. }
  4022. .device .load_next p i.active {
  4023. transform: rotate(-180deg);
  4024. transition: all .1s ease-in;
  4025. margin-top:20px;
  4026. color: #5078cb;
  4027. }
  4028. .load_next .add_category {
  4029. width:95%;
  4030. margin: 0 auto;
  4031. padding: 10px 0 15px 0;
  4032. }
  4033. .load_next .add_category ul li .operator {
  4034. position: absolute;
  4035. height: 30px;
  4036. width: 30px;
  4037. line-height: 30px;
  4038. background-color: #eff2f9;
  4039. border-radius: 24%;
  4040. opacity: 0;
  4041. filter: alpha(opacity = 50);
  4042. top: 0;
  4043. right: 0;
  4044. z-index: 10;
  4045. }
  4046. .load_next .add_category ul li .operator i {
  4047. font-size: 16px;
  4048. }
  4049. .load_next .add_category ul li .row:hover .operator {
  4050. opacity: 1;
  4051. right: 63px;
  4052. -webkit-transition: all 0.3s ease-out;
  4053. -moz-transition: all 0.3s ease-out;
  4054. -o-transition: all 0.3s ease-out;
  4055. -ms-transition: all 0.3s ease-out;
  4056. transition: all 0.3s ease-out;
  4057. -webkit-transition: all 0.3s ease-out;
  4058. }
  4059. .load_next .add_category ul li span.add-icon {
  4060. display: inline-block;
  4061. text-align: center;
  4062. font-size: 14px;
  4063. position: relative;
  4064. }
  4065. .load_next .add_category ul li span.add-icon a i {
  4066. width:26px;
  4067. background: #ecf2fd;
  4068. display: inline-block;
  4069. color: #5078cb;
  4070. line-height: 26px;
  4071. border-radius: 100%;
  4072. font-style: inherit;
  4073. margin-left: 5px;
  4074. }
  4075. .load_next .add_category ul li.add_input span a i:hover {
  4076. background: none;
  4077. color: #5078cb;
  4078. }
  4079. .load_next .add_category ul li.add_input span a i.icon-link {
  4080. border: #dfdfdf 1px solid;
  4081. width: 20px;
  4082. height: 20px;
  4083. font-size: 14px;
  4084. line-height: 20px;
  4085. top: 8px;
  4086. }
  4087. .load_next .add_category ul li .input-group[class*=col-] {
  4088. margin-bottom: 20px;
  4089. float: left;
  4090. }
  4091. .load_next .add_category ul li span a i:hover {
  4092. background: #3f7ae3;
  4093. color: #fff;
  4094. }
  4095. .load_next .add_category ul li span em {
  4096. width:80%;
  4097. margin: 0 auto;
  4098. display: inline-block;
  4099. line-height: 18px;
  4100. font-size: 12px;
  4101. color: #999;
  4102. padding-top: 5px;
  4103. }
  4104. .load_next .add_category ul li.add_input span i {
  4105. color: #ccc;
  4106. background: none;
  4107. line-height: 20px;
  4108. }
  4109. .step2 .add_category div.prompt {
  4110. min-height: 50px;
  4111. font-size: 14px;
  4112. padding: 14px 0px;
  4113. }
  4114. .step3 form {
  4115. margin: 20px 0;
  4116. }
  4117. .step3 form .control-label {
  4118. font-size: 14px;
  4119. font-family: verdana, "Microsoft YaHei", 宋体, serif;
  4120. font-weight: normal;
  4121. }
  4122. .load_next .add_category div em {
  4123. color: #5078cb;
  4124. margin:0 20px;
  4125. }
  4126. .load_next .add_category div a {
  4127. color: #537cd0;
  4128. }
  4129. .load_next .add_category .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
  4130. color: #fff;
  4131. }
  4132. .load_next .add_category div.load_tab a,.load_next .add_category .upload a {
  4133. background: #ecf2fd;
  4134. width: 128px;
  4135. height: 40px;
  4136. display: inline-block;
  4137. text-align: center;
  4138. color: #5078cb;
  4139. line-height: 40px;
  4140. font-size: 14px;
  4141. }
  4142. .load_next .add_category div.load_tab a:hover,.load_next .add_category .upload a:hover {
  4143. background: #3f7ae3;
  4144. color: #fff !important;
  4145. }
  4146. .load_next .add_category .upload {
  4147. position: relative;
  4148. }
  4149. .load_next .add_category .upload #upload_text {
  4150. width:400px;
  4151. height: 40px;
  4152. border: #ccc 1px solid;
  4153. padding-left: 20px;
  4154. line-height: 40px;
  4155. font-size: 14px;
  4156. }
  4157. .load_next .add_category .upload i {
  4158. background: #ecf2fd;
  4159. width: 120px;
  4160. height: 38px;
  4161. display: inline-block;
  4162. text-align: center;
  4163. color: #5078cb;
  4164. line-height: 38px;
  4165. font-size: 14px;
  4166. position: absolute;
  4167. left: 279px;
  4168. top:8px;
  4169. border-left:#ccc 1px solid;
  4170. cursor: pointer;
  4171. }
  4172. .load_next .add_category .upload01 {
  4173. width:400px;
  4174. height: 40px;
  4175. filter:alpha(opacity=0);
  4176. -moz-opacity:0;
  4177. opacity:0;
  4178. position: absolute;
  4179. left: 0;
  4180. top: 8px;
  4181. }
  4182. .load_next:last-child {
  4183. border-bottom: none;
  4184. }
  4185. .load_next .add_category .upload:first-child a {
  4186. position: absolute;
  4187. left: 418px;
  4188. top: 8px;
  4189. background:#5078cb;
  4190. color: #fff;
  4191. }
  4192. .device .tab {
  4193. width: 100%;
  4194. position: relative;
  4195. }
  4196. .border_no {
  4197. border-bottom: none !important;
  4198. }
  4199. .device .tab dl {
  4200. display:inline-block;
  4201. }
  4202. .screen .sreach a.seek:hover {
  4203. background: #5078cb;
  4204. color: #fff !important;
  4205. }
  4206. .bule {
  4207. color: #5078cb !important;
  4208. }
  4209. /*库存寄售*/
  4210. .stock .load_next .add_category div.load_tab a {
  4211. width:94px;
  4212. height: 36px;
  4213. line-height: 36px;
  4214. font-size: 12px;
  4215. }
  4216. .stock .load_next .add_category div.wid165 a {
  4217. width: 165px;
  4218. }
  4219. .stock .load_next .add_category div.load_tab em,.stock .load_next .add_category div b {
  4220. font-size: 12px;
  4221. color: #999;
  4222. }
  4223. .stock .load_next .add_category div.load_tab em a {
  4224. background: none;
  4225. }
  4226. .stock .load_next .add_category div.load_tab em a:hover {
  4227. color: #d2272d !important;
  4228. }
  4229. .stock .stock_tab,.stock .stock_tab dl,.stock .stock_tab dl dt,.stock .stock_tab dl dd,.stock_tab_title {
  4230. width:100%;
  4231. margin:0 auto;
  4232. }
  4233. .stock .stock_tab_title {
  4234. height: 40px;
  4235. line-height: 40px;
  4236. display: inline-block;
  4237. font-size: 14px;
  4238. }
  4239. .stock .stock_tab dl dt {
  4240. height: 40px;
  4241. line-height: 40px;
  4242. }
  4243. .stock .stock_tab dl dd {
  4244. height: 60px;
  4245. line-height: 60px;
  4246. }
  4247. .stock .stock_tab dl dt,.stock .stock_tab dl dd {
  4248. border-bottom: #e8e8e8 1px solid;
  4249. border-left:#e8e8e8 1px solid;
  4250. border-right: #e8e8e8 1px solid;
  4251. ;
  4252. }
  4253. .stock .stock_tab_title em {
  4254. font-size: 12px;
  4255. color: #999 !important;
  4256. margin-left: 5px !important;
  4257. }
  4258. .stock .stock_tab dl {
  4259. border-top:#e8e8e8 1px solid;
  4260. }
  4261. .stock .stock_tab dl span {
  4262. width:11.1%;
  4263. display: inline-block;
  4264. float: left;
  4265. font-size: 14px;
  4266. text-align: center;
  4267. display: block;
  4268. white-space: nowrap;
  4269. overflow: hidden;
  4270. text-overflow: ellipsis;
  4271. }
  4272. .stock .stock_tab dl dt span {
  4273. height: 40px;
  4274. line-height: 40px;
  4275. }
  4276. .stock .stock_tab dl dd span {
  4277. height: 60px;
  4278. line-height: 60px;
  4279. }
  4280. .stock .load_next div.pages {
  4281. width:100%;
  4282. margin:0 auto;
  4283. height:20px;
  4284. line-height: 20px;
  4285. position: relative;
  4286. background: none;
  4287. min-height:30px;
  4288. }
  4289. .stock .load_next div.pages p {
  4290. border-bottom: none;
  4291. font-size: 12px;
  4292. color: #666;
  4293. height: 25px;
  4294. line-height: 25px;
  4295. max-width:200px;
  4296. }
  4297. .stock .load_next .pages p a {
  4298. color: #666;
  4299. margin: 0 5px;
  4300. }
  4301. .stock .load_next .pages p input {
  4302. width:30px;
  4303. height: 25px;
  4304. text-align: center;
  4305. line-height: 25px;
  4306. border: #ccc 1px solid;
  4307. margin: 0 5px;
  4308. }
  4309. /*货品管理*/
  4310. .pro_management .product_off {
  4311. width: 100%;
  4312. }
  4313. .pro_management .product_off span {
  4314. width:11%;
  4315. line-height: 106px;
  4316. }
  4317. .pro_management .product_off span.wid01 {
  4318. width:5% !important;
  4319. }
  4320. .pro_management .product_off span.wid02 {
  4321. width:18%;
  4322. }
  4323. .pro_management .product_off span.wid03 {
  4324. width:9.5%;
  4325. }
  4326. .pro_management .product_off dt,.pro_management .product_off dt span {
  4327. height:40px;
  4328. line-height: 40px;
  4329. }
  4330. .pro_management .product_off dd,.pro_management .product_off dd span {
  4331. height:106px;
  4332. overflow: hidden;
  4333. }
  4334. .pro_management .product_off dd span div.fl {
  4335. width:62px;
  4336. height: 62px;
  4337. border: #e8e8e8 1px solid;
  4338. overflow: hidden;
  4339. line-height: 62px;
  4340. margin-top: 20px;
  4341. }
  4342. .pro_management .product_off dd span div.fl img {
  4343. width:62px;
  4344. height: 62px;
  4345. }
  4346. .pro_management .product_off dd span div.fr {
  4347. margin-top: 12px;
  4348. }
  4349. .pro_management .product_off dd span div.fr p,.pro_management .product_off dd span .stock_xq p {
  4350. font-size: 14px;
  4351. line-height: 25px;
  4352. text-align: left;
  4353. overflow: hidden;
  4354. white-space: nowrap;
  4355. text-overflow: ellipsis;
  4356. word-break: normal;
  4357. }
  4358. .pro_management .product_off dd span .stock_xq {
  4359. margin-top: 12px;
  4360. margin-left: 10px;
  4361. }
  4362. .pro_management .product_off dd span a {
  4363. width: 100%;
  4364. height: 24px;
  4365. display:inline-block;
  4366. text-align: center;
  4367. }
  4368. .pro_management .product_off dd span.opera {
  4369. line-height: 20px;
  4370. }
  4371. .pro_management .product_off dd span.opera a {
  4372. font-size: 12px;
  4373. }
  4374. .pro_management .product_off dd span.opera div {
  4375. margin-top: 20px;
  4376. }
  4377. .pro_management .product_off dd span.edit01 {
  4378. line-height: 35px;
  4379. font-size: 0;
  4380. }
  4381. .pro_management .product_off dd span.edit01 input {
  4382. width: 100%;
  4383. height: 35px;
  4384. line-height:35px;
  4385. padding: 0;
  4386. text-align: center;
  4387. font-size: 14px;
  4388. border: none;
  4389. }
  4390. .pro_management .product_off dd span.area_01 input {
  4391. width: 80%;
  4392. }
  4393. .pro_management .product_off dd.active span.edit01 input {
  4394. border:#5078cb 1px solid;
  4395. }
  4396. .pro_management .product_off dd.active span.edit01 input:nth-child(2) {
  4397. border-bottom: none;
  4398. border-top:none;
  4399. }
  4400. .pro_management .product_off dd.active span.area_01 input:nth-child(2) {
  4401. border-bottom:#5078cb 1px solid;
  4402. }
  4403. .pro_management .product_off dd.active span.bor_left input {
  4404. border-left: none;
  4405. }
  4406. .pro_management .product_off dd span.edit01 input[type='text']:disabled {
  4407. background: #fff;
  4408. }
  4409. .pro_management .product_off dd span a.edit {
  4410. font-size: 14px;
  4411. }
  4412. .pro_management .product_off dd span a.active {
  4413. background: #ecf2fd;
  4414. }
  4415. /*订单售后处理*/
  4416. .sell_service .sell_service_list {
  4417. width: 100%;
  4418. margin: 0 auto;
  4419. background: #fff;
  4420. display: inline-block;
  4421. }
  4422. .sell_service .sell_service_list dt,.sell_service .sell_service_list dt span {
  4423. height:40px;
  4424. line-height: 40px;
  4425. }
  4426. .sell_service .sell_service_list span {
  4427. width: 25%;
  4428. height: 50px;
  4429. line-height: 50px;
  4430. display: inline-block;
  4431. float: left;
  4432. text-align: center;
  4433. font-size: 14px;
  4434. }
  4435. .sell_service .sell_service_list dd {
  4436. border-bottom: #e8e8e8 1px solid;
  4437. height: 50px;
  4438. }
  4439. .sell_service .sell_service_list span a {
  4440. color: #5078cb;
  4441. }
  4442. .sell_service .sell_service_list span a:hover {
  4443. color: #d2272d;
  4444. }
  4445. .adr_show {
  4446. display: none;
  4447. }
  4448. .upload_01 {
  4449. position: absolute;
  4450. width: 125px !important;
  4451. height: 34px !important;
  4452. top:0;
  4453. left: 0;
  4454. }
  4455. #com_input_title {
  4456. position: absolute;
  4457. padding-left: 20px;
  4458. background: none;
  4459. border: none;
  4460. }
  4461. .tishi {
  4462. width:100%;
  4463. height: 40px;
  4464. margin: 0px auto;
  4465. position: relative;
  4466. top:40px;
  4467. }
  4468. .tishi p {
  4469. padding: 4px 10px;
  4470. display: inline-block;
  4471. background: transparent;
  4472. border: #d2272d 1px solid;
  4473. float: right;
  4474. font-size: 14px;
  4475. color: #666;
  4476. margin-right: 100px;
  4477. }
  4478. .tishi p i {
  4479. font-size: 18px;
  4480. color: #d2272d;
  4481. margin: 0 10px;
  4482. }
  4483. /*---卖家中心账户管理---*/
  4484. .power_list {
  4485. width: 100%;
  4486. margin: 0 auto;
  4487. background: #fff;
  4488. display: inline-block;
  4489. }
  4490. .power_list dt,.power_list dt span {
  4491. height:40px;
  4492. line-height: 40px;
  4493. }
  4494. .power_list span {
  4495. width: 14.2%;
  4496. height: 50px;
  4497. line-height: 50px;
  4498. display: inline-block;
  4499. float: left;
  4500. text-align: center;
  4501. font-size: 14px;
  4502. }
  4503. .power_list dd {
  4504. border-bottom: #e8e8e8 1px solid;
  4505. height: 50px;
  4506. }
  4507. .power_list dd:last-child {
  4508. border-bottom: none;
  4509. }
  4510. .power_list span a {
  4511. color: #5078cb;
  4512. }
  4513. .power_list span a:hover {
  4514. color: #d2272d;
  4515. }
  4516. .power_title {
  4517. width: 100%;
  4518. margin: 0 auto;
  4519. height: 20px;
  4520. line-height: 20px;
  4521. font-size: 14px;
  4522. background: #f5f5f5;
  4523. padding-bottom: 16px;
  4524. }
  4525. .power_list span input {
  4526. display: none;
  4527. }
  4528. .power_list span label {
  4529. width:15px;
  4530. height:15px;
  4531. display: inline-block;
  4532. background: url("../../img/vendor/images/check.png") no-repeat;
  4533. position: relative;
  4534. }
  4535. .power_list span input[type="checkbox"]:checked + label {
  4536. background-position:-31px 0;
  4537. }
  4538. .power_list .power_btn {
  4539. width: 100%;
  4540. height: 80px;
  4541. }
  4542. .power_list .power_btn span {
  4543. width:210px;
  4544. float: right;
  4545. margin-top: 20px;
  4546. margin-right: 40px;
  4547. }
  4548. .power_list .power_btn span a {
  4549. width: 94px;
  4550. height: 36px;
  4551. display: inline-block;
  4552. font-size:14px;
  4553. text-align: center;
  4554. border: #5078cb 1px solid;
  4555. line-height: 36px;
  4556. }
  4557. .power_list .power_btn span a.p_off {
  4558. color: #5078cb;
  4559. }
  4560. .power_list .power_btn span a.p_save {
  4561. color: #fff;
  4562. background: #5078cb;
  4563. }
  4564. .power_list .power_btn span a:hover {
  4565. background: #3f7ae3;
  4566. color: #fff;
  4567. }
  4568. .count .count01 {
  4569. display: none;
  4570. }
  4571. .count .count_basic {
  4572. width: 100%;
  4573. margin: 0 auto;
  4574. }
  4575. .count .basic_title {
  4576. width: 100%;
  4577. margin: 0 auto;
  4578. height: 40px;
  4579. line-height: 40px;
  4580. border-bottom: #e8e8e8 1px solid;
  4581. }
  4582. .basic_title span {
  4583. font-size: 14px;
  4584. margin-left: 40px;
  4585. font-weight: 700;
  4586. }
  4587. .basic_title span.fr {
  4588. font-weight: normal;
  4589. }
  4590. .basic_title span.fr a {
  4591. width:40px;
  4592. line-height: 40px;
  4593. color: #5078cb;
  4594. text-align: center;
  4595. display: inline-block;
  4596. margin-right: 20px;
  4597. }
  4598. .basic_title span.fr a:hover {
  4599. color: #d2272d;
  4600. }
  4601. .count_basic {
  4602. width:100%;
  4603. margin: 0px auto;
  4604. background: #fff;
  4605. padding-bottom: 20px;
  4606. display: inline-block;
  4607. }
  4608. .count_basic ul {
  4609. width:92%;
  4610. margin: 0 auto;
  4611. }
  4612. .count_basic ul li {
  4613. width:100%;
  4614. line-height:40px;
  4615. font-size: 14px;
  4616. float: left;
  4617. height: auto;
  4618. border: none;
  4619. margin-top: 16px;
  4620. }
  4621. .count_basic ul li span.fl {
  4622. width:10%;
  4623. font-size: 14px;
  4624. }
  4625. .count_basic ul li div.fr {
  4626. width:89%;
  4627. color: #666;
  4628. }
  4629. .count_basic ul li div.fr span {
  4630. position: relative;
  4631. width: 100%;
  4632. display: inline-block;
  4633. }
  4634. .count_basic ul li div.fr span i {
  4635. float: left;
  4636. color: #999;
  4637. font-size: 16px;
  4638. vertical-align: middle;
  4639. line-height: 34px;
  4640. margin-right: 5px;
  4641. position: absolute;
  4642. top: 0;
  4643. left: -1px;
  4644. }
  4645. .count .count01 ul li span {
  4646. margin-left: 0;
  4647. }
  4648. .count_basic ul li div.fr span.map i {
  4649. left: 10px;
  4650. }
  4651. .count_basic ul li div.fr span.map .input02 {
  4652. padding-left: 25px;
  4653. }
  4654. .count_basic ul li div.fr input {
  4655. font-size: 14px;
  4656. color: #666;
  4657. vertical-align: middle;
  4658. }
  4659. .count_basic ul li div.fr .input01,.count_basic ul li div.fr .input02 {
  4660. width: 100%;
  4661. float: left;
  4662. height: 34px;
  4663. border: none;
  4664. padding-left: 10px;
  4665. box-sizing: border-box;
  4666. }
  4667. .count_basic ul li div.fr .input02 {
  4668. border: #ccc 1px solid;
  4669. box-sizing: border-box;
  4670. padding-left: 10px;
  4671. line-height: 34px;
  4672. }
  4673. .count_basic ul li div.fr .card_photo {
  4674. width: 100%;
  4675. display: inline-block;
  4676. }
  4677. .count_basic ul li div.fr .card_photo span.fl {
  4678. width: 325px;
  4679. height: 240px;
  4680. display: inline-block;
  4681. border: #ccc 1px solid;
  4682. text-align: center;
  4683. line-height: 240px;
  4684. margin-left: 0;
  4685. }
  4686. .count_basic ul li div.fr .card_photo span.fr {
  4687. position: relative;
  4688. margin-left: 0;
  4689. width: 210px;
  4690. margin-right: 300px;
  4691. }
  4692. .count_basic ul li div.fr .card_photo span.fr a {
  4693. float: left !important;
  4694. margin-top: 204px;
  4695. width: 210px;
  4696. height: 36px;
  4697. display: inline-block;
  4698. }
  4699. .count_basic ul li div.fr .card_photo span.fr input {
  4700. filter:alpha(opacity=0);
  4701. -moz-opacity:.0;
  4702. opacity:0.0;
  4703. opacity: 0;
  4704. width: 210px;
  4705. height: 36px;
  4706. position: absolute;
  4707. top:205px;
  4708. left: 10px;
  4709. }
  4710. .yzm01 {
  4711. width:695px;
  4712. height:34px;
  4713. line-height:34px;
  4714. font-size:16px;
  4715. border: #ccc 1px solid;
  4716. padding-left: 10px;
  4717. }
  4718. .getyzm01 {
  4719. display: inline-block;
  4720. background: #5078cb;
  4721. line-height:35px;
  4722. font-size:14px;
  4723. text-align:center;
  4724. width: 120px !important;
  4725. float: right;
  4726. text-align: center;
  4727. color: #fff !important;
  4728. height:35px;
  4729. box-sizing: border-box;
  4730. margin-top: 3px;
  4731. }
  4732. .getyzm01.active {
  4733. background: #eee;
  4734. color: #535353 !important;
  4735. }
  4736. .getyzm01 span {
  4737. width: 20px !important;
  4738. }
  4739. .de_color {
  4740. color: #323232 !important;
  4741. }
  4742. /*订单发货*/
  4743. .sell_oder .sure_oder {
  4744. padding-bottom: 15px;
  4745. }
  4746. .sell_oder .sure_oder .oder_xq_list dl dt {
  4747. border-bottom: #dcdcdc 1px solid;
  4748. }
  4749. .sell_oder .sure_oder .oder_xq_list dl span.wid01 {
  4750. width: 25%;
  4751. }
  4752. .sell_oder .sure_oder .oder_xq_list dl span {
  4753. width:12.5%;
  4754. }
  4755. .sell_oder .sure_oder .oder_xq_list dl span.wid01 a {
  4756. float: left;
  4757. }
  4758. .sell_oder .sure_oder .oder_xq_list dl span.wid01 a,.sell_oder .sure_oder .oder_xq_list dl span.wid01 p {
  4759. margin-top: 20px;
  4760. }
  4761. .sell_oder .sure_oder .oder_xq_list dl span.wid01 p {
  4762. float: inherit;
  4763. width: 70%;
  4764. text-align: left;
  4765. font-size: 14px;
  4766. }
  4767. .sell_oder .log_style {
  4768. filter:alpha(opacity=1);
  4769. -moz-opacity:.1;
  4770. opacity: 1;
  4771. width: 100px;
  4772. height: 34px;
  4773. border: #5078cb 1px solid;
  4774. background: url("../../img/vendor/images/select.png") no-repeat right;
  4775. font-size: 14px;
  4776. line-height: 34px;
  4777. }
  4778. .sell_oder .sure_oder .oder_xq_list dl .pay_price {
  4779. height: 50px;
  4780. }
  4781. .sell_oder .receipt_xq {
  4782. border-bottom: #dcdcdc 1px solid;
  4783. padding: 10px 0 10px 0;
  4784. }
  4785. .sell_oder .receipt_xq {
  4786. width: 100%;
  4787. margin:0 auto;
  4788. display: inline-block;
  4789. }
  4790. .sell_oder .receipt_xq p {
  4791. width: 90%;
  4792. margin:0 auto;
  4793. }
  4794. .sell_oder .receipt_xq p {
  4795. line-height: 30px;
  4796. }
  4797. .sell_oder .receipt_xq p span {
  4798. width: 15%;
  4799. display:inline-block;
  4800. float: left;
  4801. font-size: 14px;
  4802. }
  4803. .sell_oder .receipt_xq p em {
  4804. width: 85%;
  4805. display:inline-block;
  4806. float: right;
  4807. font-size: 14px;
  4808. }
  4809. .pay_price a:hover {
  4810. background: #ff0000;
  4811. }
  4812. /*退货退款详情*/
  4813. .look_detail {
  4814. width: 100%;
  4815. height: 100%;
  4816. position: fixed;
  4817. z-index: 11111;
  4818. background: rgba(0, 0, 0, 0.4);
  4819. top: 0;
  4820. left: 0;
  4821. display: none;
  4822. }
  4823. .look_detail .look_tab .service_tab01 {
  4824. padding-bottom: 0;
  4825. }
  4826. .look_detail .look_tab {
  4827. position: absolute;
  4828. left: 0;
  4829. right: 0;
  4830. top: 0;
  4831. bottom: 0;
  4832. margin: auto;
  4833. box-shadow:2px 2px 3px #ccc ;
  4834. background: #fff;
  4835. width:736px;
  4836. height:640px;
  4837. z-index: 1000;
  4838. }
  4839. @media screen and ( max-width:1366px ) {
  4840. .look_detail .look_tab {
  4841. overflow-y: scroll;
  4842. bottom: -20px;
  4843. top:-20px;
  4844. }
  4845. }
  4846. .reason_input {
  4847. width: 100%;
  4848. float: left;
  4849. height: 34px;
  4850. box-sizing: border-box;
  4851. line-height: 34px;
  4852. padding-left: 10px;
  4853. font-size: 14px;
  4854. border: #ccc 1px solid;
  4855. }
  4856. .return_good .reason .pro_img {
  4857. width: 100px;
  4858. height: 100px;
  4859. border: #ccc 1px solid;
  4860. display: inline-block;
  4861. overflow: hidden;
  4862. float: left;
  4863. margin-right: 20px;
  4864. }
  4865. .return_good .reason .pro_img img {
  4866. width: 100px;
  4867. height: 100px;
  4868. }
  4869. /*订单中心*/
  4870. .time_btn {
  4871. width: 56px;
  4872. height: 36px;
  4873. display:inline-block;
  4874. background: #e8e8e8;
  4875. font-size: 14px;
  4876. text-align: center;
  4877. float: right;
  4878. margin-left: 10px;
  4879. line-height: 36px;
  4880. }
  4881. .time_btn:hover {
  4882. background: #5078cb;
  4883. color: #fff;
  4884. }
  4885. .sellOder .oder_list dl span {
  4886. width:12.6%;
  4887. }
  4888. .sellOder .oder_list dl span.wid01 {
  4889. width:4%;
  4890. }
  4891. .sellOder .oder_list dl span.wid02 {
  4892. width:20%;
  4893. }
  4894. .sellOder .oder_list dl .pro_xq p {
  4895. position: inherit;
  4896. right:0;
  4897. }
  4898. .border01,.border02 {
  4899. border: #cfcfcf 1px solid;
  4900. border-top: none;
  4901. }
  4902. .border02 {
  4903. border-left: none;
  4904. }
  4905. .sellOder .oder_list dl dd,.sellOder .oder_list dl dt {
  4906. border-bottom: 1px #cfcfcf solid;
  4907. width: 100%;
  4908. }
  4909. .sellOder .oder_list dl dt{
  4910. border-bottom: none;
  4911. }
  4912. .sellOder .oder_list dl dd.line02 span,.sellOder .oder_list dl dd.line02 {
  4913. height: 100px;
  4914. line-height: 100px;
  4915. }
  4916. .sellOder .oder_list dl dd.line01 span,.sellOder .oder_list dl dd.line01 {
  4917. height: 40px;
  4918. line-height: 40px;
  4919. }
  4920. .sellOder .oder_list dl dt,.sellOder .oder_list dl dt span {
  4921. height: 40px;
  4922. line-height: 40px;
  4923. }
  4924. .sellOder .oder_list dl dd.price {
  4925. border-bottom: none;
  4926. }
  4927. .sellOder .log_style {
  4928. filter:alpha(opacity=1);
  4929. -moz-opacity:.1;
  4930. opacity: 1;
  4931. width: 100px;
  4932. height: 34px;
  4933. border: #5078cb 1px solid;
  4934. background: url("../../img/vendor/images/select.png") no-repeat right;
  4935. font-size: 14px;
  4936. }
  4937. .sellOder .oder_list .click_shop {
  4938. line-height: 20px !important ;
  4939. padding-top: 20px;
  4940. }
  4941. .sellOder .oder_list .click_shop p {
  4942. font-size: 14px;
  4943. }
  4944. .sellOder .oder_list .click_shop a {
  4945. color: #5078cb;
  4946. text-decoration: underline;
  4947. font-size: 14px;
  4948. }
  4949. .sellOder .oder_list .click_shop a:hover {
  4950. color: #d2272d;
  4951. }
  4952. .sellOder .oder_list .dot_border {
  4953. border-bottom: #cfcfcf 1px dashed;
  4954. }
  4955. .sellOder .oder_list .dot_border {
  4956. border-bottom: none;
  4957. }
  4958. .sellOder .oder_list .dot_border span:nth-child(1),.sellOder .oder_list .dot_border span:nth-child(2),.sellOder .oder_list .dot_border span:nth-child(3),.sellOder .oder_list .dot_border span:nth-child(4),.sellOder .oder_list .dot_border span:nth-child(5) {
  4959. border-bottom: #cfcfcf 1px dashed;
  4960. height: 139px;
  4961. }
  4962. .sellOder .oder_list .dot_border span.border01 {
  4963. border-bottom: #fff 1px solid;
  4964. }
  4965. #class01 ul{
  4966. max-width: 815px;
  4967. top: 100%;
  4968. left: 0;
  4969. z-index: 1000;
  4970. height:auto;
  4971. }
  4972. #class01 ul li{
  4973. margin: 0;
  4974. padding: 0;
  4975. }
  4976. #class01 ul li a{
  4977. width:100%;
  4978. line-height: 30px;
  4979. text-align: left;
  4980. }
  4981. #class01 ul li:hover a{
  4982. color: #fff !important;
  4983. }
  4984. #class01 ul li.active a {
  4985. color: #fff;
  4986. }
  4987. .com_log_list {
  4988. width: 100%;
  4989. margin: 0 auto;
  4990. background: #fff;
  4991. height: 220px;
  4992. }
  4993. .com_log_list ul {
  4994. width: 100%;
  4995. margin: 0 auto;
  4996. padding-top: 40px;
  4997. }
  4998. .com_log_list .log_line {
  4999. width: 90px;
  5000. background: none;
  5001. margin: 0;
  5002. margin-left: 30px;
  5003. font-size: 14px;
  5004. }
  5005. .com_log_list ul li {
  5006. width: 282px;
  5007. height: 152px;
  5008. background: url("../../img/user/images/adress_bg.jpg") no-repeat;
  5009. position: relative;
  5010. float: left;
  5011. margin: 0 70px 20px 10px;
  5012. }
  5013. .com_log_list ul li h4 {
  5014. width: 90%;
  5015. margin: 0 auto;
  5016. height: 30px;
  5017. display: inline-block;
  5018. border-bottom: #e8e8e8 1px solid;
  5019. font-size: 14px;
  5020. line-height: 30px;
  5021. margin-left: 20px;
  5022. margin-top: 15px;
  5023. margin-bottom: 10px;
  5024. }
  5025. .com_log_list ul li p, .com_log_list ul li span {
  5026. width: 90%;
  5027. margin: 0 auto;
  5028. display: inline-block;
  5029. font-size: 14px;
  5030. line-height: 22px;
  5031. margin-left: 20px;
  5032. }
  5033. .com_log_list ul li span {
  5034. margin-top: 10px;
  5035. }
  5036. .com_log_list ul li p, .com_log_list ul li span {
  5037. width: 90%;
  5038. margin: 0 auto;
  5039. display: inline-block;
  5040. font-size: 14px;
  5041. line-height: 22px;
  5042. margin-left: 20px;
  5043. }
  5044. .btn-success{
  5045. background: #5078cb;
  5046. border-color: #3b88c3;
  5047. }
  5048. .checkbox label, .radio label{
  5049. line-height: 21px;
  5050. position: relative;
  5051. left: -15px;
  5052. }
  5053. .col-md-offset-3 .btn{
  5054. background: #5078cb;
  5055. border-color: #3b88c3;
  5056. }
  5057. .col-md-offset-3 .btn:hover{
  5058. background: #3b88c3;
  5059. }
  5060. .col-md-offset-3 .btn:nth-child(2){
  5061. margin-left: 20px;
  5062. }
  5063. .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline{
  5064. padding-top: 0;
  5065. }
  5066. .mar-rt0 .col-md-2{
  5067. padding-right: 0;
  5068. }
  5069. .mar-rt0 .col-md-3{
  5070. padding-right: 0;
  5071. }
  5072. .btn{
  5073. font-family: "Microsoft Yahei", "微软雅黑";
  5074. }
  5075. .add_ticket_form .form-group,.modal-content .form-group{
  5076. line-height: 34px;
  5077. }
  5078. .modal-header .modal-title{
  5079. font-size: 14px;
  5080. }
  5081. .form-horizontal .control-label{
  5082. padding-top: 0;
  5083. }
  5084. .uploadify-button{
  5085. background: #5078cb !important;
  5086. border-color: #3b88c3 !important;
  5087. font-weight: inherit !important;
  5088. }
  5089. .uploadify-button:hover{
  5090. background: #5078cb !important;
  5091. }
  5092. .add_brand .prompt{
  5093. margin-left: -30% !important;
  5094. color: #999;
  5095. }
  5096. /*弹出框表单行高设置*/
  5097. .modal-content .form-group{
  5098. line-height: 34px;
  5099. }
  5100. .modal-content .btn-default{
  5101. border-color: #5078cb !important;
  5102. color: #5078cb !important;
  5103. background: #fff !important;
  5104. }
  5105. .modal-content .btn-default:hover{
  5106. background: #5078cb;
  5107. color: #fff;
  5108. }
  5109. .modal-content .btn:hover{
  5110. background: #5078cb;
  5111. color: #fff;
  5112. }
  5113. .modal-content .btn-success[disabled]{
  5114. background: #5078cb;
  5115. border-color: #3b88c3;
  5116. }
  5117. #date{
  5118. background: #fff;
  5119. }
  5120. .modal-content label{
  5121. font-size: 14px;
  5122. font-weight: inherit;
  5123. }
  5124. .modal-content #bill-info label{
  5125. font-weight: inherit;
  5126. }
  5127. .text-inverse {
  5128. color: #f40 !important;
  5129. }
  5130. .text-success {
  5131. color: #008000 !important;
  5132. }
  5133. /*收货地址*/
  5134. .logistic-content{
  5135. width: 100%;
  5136. margin: 0 auto;
  5137. background: #fff;
  5138. padding-bottom: 30px;
  5139. }
  5140. .logistic-content .row{
  5141. margin: 0 18px;
  5142. }
  5143. .logistic-content .menu-title{
  5144. line-height: 30px;
  5145. font-size: 16px;
  5146. padding-top: 20px;
  5147. }
  5148. .logistic-content .menu-title span{
  5149. font-size: 12px;
  5150. color: #5078cb;
  5151. }
  5152. .logistic-content .menu-title span em{
  5153. margin: 0 5px;
  5154. }
  5155. .logistic-content .add-log{
  5156. margin-bottom: 5px;
  5157. }
  5158. .logistic-content .add-log button{
  5159. border: none;
  5160. font-size: 14px;
  5161. background: none;
  5162. float: right;
  5163. margin-right: 22px;
  5164. }
  5165. .logistic-content .add-log button i{
  5166. color: #32b500;
  5167. margin-right: 5px;
  5168. }
  5169. .logistic-content .log-tab{
  5170. width: 92%;
  5171. margin: 0 auto;
  5172. }
  5173. .logistic-content .log-tab .table tbody tr td,.logistic-content .log-tab .table thead tr th{
  5174. border-bottom: #e8e8e8 1px solid;
  5175. text-align: center;
  5176. word-break: break-all;
  5177. vertical-align: middle;
  5178. }
  5179. .log-tab .table tbody tr td:first-child,.log-tab .table thead tr th:first-child{
  5180. padding-left: 30px;
  5181. }
  5182. .logistic-content .log-tab .table tbody tr td{
  5183. white-space: nowrap;
  5184. overflow: hidden;
  5185. text-overflow: ellipsis;
  5186. }
  5187. .logistic-content .log-tab .table .text-left{
  5188. text-align: left;
  5189. }
  5190. .logistic-content .log-tab .table{
  5191. border: #e8e8e8 1px solid;
  5192. table-layout: fixed;
  5193. }
  5194. .logistic-content .log-tab .table thead tr th{
  5195. font-size: 14px;
  5196. font-weight: inherit;
  5197. }
  5198. .logistic-content .log-tab .table thead tr{
  5199. height: 38px;
  5200. background: #f1f1f1;
  5201. }
  5202. .logistic-content .log-tab .table tbody tr td a{
  5203. color: #5078CB;
  5204. margin: 0 3px;
  5205. }
  5206. .logistic-content .log-tab .table tbody tr{
  5207. height: 50px;
  5208. }
  5209. .logistic-content .log-tab .table tbody tr td button{
  5210. width: 64px;
  5211. height: 24px;
  5212. line-height: 24px;
  5213. color: #fff;
  5214. text-align: center;
  5215. border-radius: 3px;
  5216. border: none;
  5217. background: #5078cb;
  5218. }
  5219. .logistic-content .log-tab .table tbody tr td button.default{
  5220. background: #fc4f03;
  5221. display: none;
  5222. }
  5223. .logistic-content .log-tab .table tbody tr:hover{
  5224. background: #f2f2f2;
  5225. }
  5226. .logistic-content .log-tab .table tbody tr:hover button.default{
  5227. display: inline-block;
  5228. }
  5229. /*查看大图*/
  5230. #image-box .x-floating-wrap,.image-box .x-floating-wrap {
  5231. position: fixed;
  5232. z-index: 99998;
  5233. background: #000;
  5234. top: 0;
  5235. left: 0;
  5236. width: 100%;
  5237. height: 100%;
  5238. opacity: 0.5;
  5239. }
  5240. #image-box,.image-box{
  5241. display:table; overflow:hidden; margin-left:50px; _position:relative; width: 1200px;height: 700px;
  5242. position: fixed;
  5243. top: 50%;
  5244. margin-top: -300px;
  5245. left: 50%;
  5246. margin-left: -600px;
  5247. z-index: 2000;
  5248. }
  5249. #image-box .x-floating,.image-box .x-floating {
  5250. vertical-align:middle !important;
  5251. display:table-cell;
  5252. text-align:center;
  5253. _position:absolute;
  5254. _top:50%; _left:50%;
  5255. top: inherit !important;
  5256. left: inherit !important;
  5257. }
  5258. #image-box .x-floating img ,.image-box .x-floating img {
  5259. margin: auto auto;
  5260. max-width: 970px !important;
  5261. max-height: 600px !important;
  5262. -webkit-user-select: none;
  5263. -moz-user-select: none;
  5264. -ms-user-select: none;
  5265. user-select: none;
  5266. }
  5267. #image-box .x-floating-wrap,.image-box .x-floating-wrap{
  5268. z-index: 1000000 !important;
  5269. }
  5270. #item-content{
  5271. color:#fff; display:inline-block; _position:relative; _top:-50%; _left:-50%;
  5272. position: relative;
  5273. z-index: 10000000;
  5274. }
  5275. #item-content div.x-close-wrap{
  5276. position: absolute;
  5277. right: -15px;
  5278. line-height: 30px;
  5279. top: -13px;
  5280. color: #fff;
  5281. width: 35px;
  5282. height: 35px;
  5283. background: rgba(0, 0, 0, 0.5);
  5284. border-radius: 100%;
  5285. opacity: 1;
  5286. margin: 0;
  5287. z-index: 100000;
  5288. min-height: initial;
  5289. text-align: center;
  5290. }
  5291. #item-content div.x-close-wrap a{
  5292. position: relative;
  5293. left: 0;
  5294. bottom: 0;
  5295. font-size: 34px;
  5296. color: #fff;
  5297. }
  5298. #item-content div.x-close-wrap a:hover{
  5299. color: #fff !important;
  5300. }
  5301. #item-content div.x-close-wrap:hover{
  5302. cursor: pointer;
  5303. opacity: .9;
  5304. }
  5305. #item-content div.x-close-wrap img{
  5306. width: 30px !important;
  5307. height: 30px !important;
  5308. }
  5309. #item-content .img{
  5310. position: relative;
  5311. z-index: 10;
  5312. }
  5313. .contact_btn {
  5314. width: 62px;
  5315. height: 18px;
  5316. line-height: 18px;
  5317. background: #ef7f03;
  5318. display: inline-block;
  5319. text-align: center;
  5320. color: #fff !important;
  5321. font-size: 12px;
  5322. border-radius: 5px;
  5323. }
  5324. .red{
  5325. color: #f00 !important;
  5326. }
  5327. .hover-col:hover em,
  5328. .componet-info a:hover em,
  5329. .print-icon a:hover,
  5330. .oder_xq_list dl span a:hover,
  5331. .sellOder .oder_list dl dd.line01 span a:hover,
  5332. .ticket_record_list dl dd span a:hover{
  5333. color: #5078cb !important;
  5334. }
  5335. /*去掉input自动补全后的黄色样式*/
  5336. input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  5337. -webkit-transition-delay: 99999s;
  5338. -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
  5339. /* -webkit-box-shadow: 0 0 0px 1000px white inset; */
  5340. }
  5341. /*提示横条*/
  5342. .com-result-line{
  5343. width: 100%;
  5344. height: 30px;
  5345. line-height: 30px;
  5346. text-align: center;
  5347. background: #fef6f2;
  5348. border: 1px solid #ec854d;
  5349. overflow: hidden ;
  5350. }
  5351. .com-result-line span{
  5352. margin-left: 330px;
  5353. height: 30px;
  5354. font-size: 14px;
  5355. color: #f15601;
  5356. }
  5357. .com-result-line span em{
  5358. font-size: 14px;
  5359. color: #f15601;
  5360. }
  5361. .com-result-line span a {
  5362. color: #5078cb;
  5363. }
  5364. .com-result-line a.fr{
  5365. padding-right: 10px;
  5366. font-size: 20px;
  5367. font-weight: bold;
  5368. color: #ef1d1d;
  5369. }
  5370. .com-result-line .operate-introduce {
  5371. font-size: 14px;
  5372. color: #5078cb;
  5373. }