style.css 35 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295
  1. .show {
  2. border: 1px dotted skyblue !important;
  3. }
  4. body {
  5. font-size: 12px;
  6. font-family: Arial;
  7. min-width:1024px;
  8. /* width:1920px; */
  9. }
  10. a {
  11. color: #999;
  12. }
  13. a:hover {
  14. text-decoration: none;
  15. color: #C40000;
  16. }
  17. nav.top {
  18. padding-top: 5px;
  19. padding-bottom: 5px;
  20. border-bottom-style: solid;
  21. border-bottom-width: 1px;
  22. border-bottom-color: #e7e7e7;
  23. }
  24. .redColor {
  25. color: #C40000;
  26. }
  27. .boldWord {
  28. font-weight: bold;
  29. }
  30. nav.top span {
  31. margin-right: 20px;
  32. }
  33. nav.top span, nav.top a {
  34. color: #999;
  35. margin: 0px 10px 0px 10px;
  36. }
  37. nav.top a:hover {
  38. color: #C40000;
  39. }
  40. nav.top {
  41. background-color: #f2f2f2;
  42. }
  43. nav.top div.row div {
  44. margin: 5px 0px;
  45. }
  46. nav.top div.row div {
  47. background-color: lightgray;
  48. border: 1px solid gray;
  49. text-align: center;
  50. }
  51. div.searchDiv {
  52. background-color: #C40000;
  53. width: 400px;
  54. margin: 50px auto;
  55. padding: 1px;
  56. height: 40px;
  57. display: block;
  58. }
  59. div.searchDiv input {
  60. width: 275px;
  61. border: 1px solid transparent;
  62. height: 36px;
  63. margin: 1px;
  64. outline:none;
  65. }
  66. div.searchDiv button {
  67. width: 110px;
  68. border: 1px solid transparent;
  69. background-color: #C40000;
  70. color: white;
  71. font-size: 20px;
  72. font-weight: bold;
  73. }
  74. div.categoryWithCarousel {
  75. width: 100%;
  76. position:relative;
  77. }
  78. div.carouselBackgroundDiv{
  79. width:100%;
  80. height:510px;
  81. background-color: #E8E8E8;
  82. position: absolute;
  83. top:36px;
  84. z-index:-1;
  85. }
  86. div.categoryWithCarousel div.headbar {
  87. background-color: #DD2727;
  88. }
  89. div.carousel-of-product {
  90. width: 1024px;
  91. height: 510px;
  92. margin:0px auto;
  93. }
  94. div.carousel-inner div.item img{
  95. /* width:100%; */
  96. }
  97. div.categoryWithCarousel div.categoryMenu {
  98. width: 200px;
  99. background-color: #e2e2e3;
  100. /* padding-bottom:10px; */
  101. margin-left: 20px;
  102. position: absolute;
  103. left: 0;
  104. top: 0;
  105. z-index: 1;
  106. }
  107. div.categoryWithCarousel div.productsAsideCategorys {
  108. width: 825px;
  109. height: 510px;
  110. background-color: white;
  111. /* padding-bottom:10px; */
  112. margin-left: 220px;
  113. display: none;
  114. position: absolute;
  115. left: 0;
  116. top: 0;
  117. z-index: 1;
  118. }
  119. div.categoryWithCarousel div.eachCategory:hover {
  120. background-color: white;
  121. }
  122. div.categoryWithCarousel div.eachCategory span {
  123. margin-right: 10px;
  124. }
  125. div.categoryWithCarousel div.eachCategory {
  126. /* height:30px; */
  127. line-height: 30px;
  128. padding-left: 10px;
  129. /* border:1px dashed lightgray; */
  130. font-size: 14px;
  131. /* background-image:url(../../img/site/eachcategory.png); */
  132. /* background-repeat: no-repeat; */
  133. }
  134. div.categoryWithCarousel div.rightMenu {
  135. display: inline-block;
  136. }
  137. div.categoryWithCarousel div.rightMenu img {
  138. height: 30px;
  139. }
  140. div.categoryWithCarousel div.rightMenu span {
  141. margin: 0px 20px 0px 20px;
  142. }
  143. div.categoryWithCarousel div.rightMenu a {
  144. font-size: 16px;
  145. color: white;
  146. }
  147. div.categoryWithCarousel div.head {
  148. width: 200px;
  149. background-color: #C60A0A;
  150. height: 36px;
  151. line-height: 36px;
  152. font-size: 16px;
  153. font-weight: bold;
  154. color: white;
  155. margin-left: 20px;
  156. display: inline-block;
  157. }
  158. div.productsAsideCategorys a {
  159. color: #999;
  160. font-size: 14px;
  161. margin: 8px;
  162. }
  163. div.productsAsideCategorys a:hover {
  164. color: #C40000;
  165. text-decoration: none;
  166. }
  167. div.productsAsideCategorys div.row {
  168. margin: 20px 80px 0px 80px;
  169. }
  170. div.productsAsideCategorys div.row div.seperator {
  171. margin-top: 20px;
  172. border-bottom-style: dashed;
  173. border-bottom-width: 1px;
  174. border-bottom-color: #e7e7e7;
  175. }
  176. div.categoryMenu a {
  177. color: #000;
  178. }
  179. div.categoryMenu a:hover {
  180. color: lightskyblue;
  181. text-decoration: none;
  182. }
  183. div.searchBelow span {
  184. color: #999;
  185. }
  186. div.searchBelow {
  187. margin-top: 3px;
  188. margin-left: -20px;
  189. }
  190. div.searchBelow a {
  191. padding: 0px 20px 0px 20px;
  192. font-size: 14px;
  193. }
  194. div.homepageDiv{
  195. position:relative;
  196. }
  197. img.catear {
  198. position: absolute;
  199. height: 15px;
  200. display: none;
  201. }
  202. img.logo {
  203. position: absolute;
  204. left: 0px;
  205. top: 30px;
  206. /* z-index:-1; */
  207. }
  208. div.homepageCategoryProducts {
  209. background-color: #F5F5F5;
  210. padding: 50px 10px 50px 10px;
  211. margin: 10px auto;
  212. max-width: 1013px;
  213. }
  214. div.left-mark {
  215. display: inline-block;
  216. height: 20px;
  217. vertical-align: top;
  218. width: 5px;
  219. background-color: #19C8A9;
  220. }
  221. span.categoryTitle {
  222. font-size: 16px;
  223. margin-left: 30px;
  224. color: #646464;
  225. font-weight: bold;
  226. }
  227. div.productItem {
  228. width: 189px;
  229. height: 285px;
  230. border: 1px solid white;
  231. background-color: white;
  232. margin: 8px 4px;
  233. float: left;
  234. cursor: pointer;
  235. }
  236. a.productItemDescLink {
  237. display: inline-block;
  238. height: 66px;
  239. }
  240. div.productItem:hover {
  241. border: 1px solid #C40000;
  242. }
  243. div.productItem span.productItemDesc {
  244. font-size: 12px;
  245. color: #666666;
  246. display: block;
  247. padding: 16px;
  248. }
  249. div.productItem span.productPrice {
  250. font-size: 16px;
  251. color: #FF003A;
  252. display: block;
  253. padding-left: 16px;
  254. margin-top: -10px;
  255. }
  256. div.eachHomepageCategoryProducts {
  257. margin: 0px 0px 40px 0px;
  258. }
  259. div.productItem img {
  260. width: 187px;
  261. height: 190px;
  262. }
  263. div.productItem img:hover {
  264. opacity: 0.7;
  265. filter: alpha(opacity = 70);
  266. }
  267. img.endpng {
  268. display: block;
  269. width: 82px;
  270. margin: 0 auto;
  271. }
  272. div.footer {
  273. margin: 0px 0px;
  274. border-top-style: solid;
  275. border-top-width: 1px;
  276. border-top-color: #e7e7e7;
  277. }
  278. div.footer_ensure {
  279. margin-top: 24px;
  280. margin-bottom: 24px;
  281. text-align: center;
  282. }
  283. div.horizontal_line{
  284. border-top-style: solid;
  285. border-top-width: 1px;
  286. border-top-color: #e7e7e7;
  287. }
  288. div.footer_desc {
  289. padding-top: 30px;
  290. margin: 20px auto;
  291. max-width:1024px;
  292. }
  293. div.footer div.copyright div.white_link a {
  294. color: white;
  295. padding: 0px 5px;
  296. }
  297. div.footer div.copyright div.white_link {
  298. padding: 10px 0px;
  299. margin-left: 10px;
  300. }
  301. div.footer_desc div.descColumn {
  302. width: 20%;
  303. float: left;
  304. padding-left: 15px;
  305. }
  306. div.footer_desc div.descColumn span.descColumnTitle {
  307. color: #646464;
  308. font-weight: bold;
  309. font-size: 16px;
  310. }
  311. div.footer_desc a {
  312. display: block;
  313. padding-top: 3px;
  314. }
  315. div.copyright {
  316. background-color: black;
  317. border-top-style: solid;
  318. border-top-width: 2px;
  319. border-top-color: solid;
  320. border-top-color: #C40000;
  321. margin-top:20px;
  322. }
  323. div.coptyrightMiddle{
  324. width:1024px;
  325. margin:0px auto;
  326. text-align:left;
  327. position:relative;
  328. }
  329. img.cateye {
  330. margin-left: 20px;
  331. display:block;
  332. position:absolute;
  333. top:-33px;
  334. left:-15px;
  335. }
  336. div.copyright span.slash {
  337. color: white;
  338. }
  339. div.license {
  340. margin-left: 10px;
  341. padding-bottom: 30px;
  342. }
  343. div.license div.copyRightYear {
  344. margin: 10px 0px;
  345. color: #686868;
  346. }
  347. div.license span {
  348. color: #A4A4A4;
  349. }
  350. div.simpleLogo {
  351. padding: 32px 0px;
  352. }
  353. img.loginBackgroundImg {
  354. display: block;
  355. margin: 0px auto;
  356. }
  357. div.loginDivInProductPageModalDiv {
  358. width: 350px;
  359. }
  360. div.deleteConfirmModalDiv {
  361. width: 350px;
  362. }
  363. div.loginDivInProductPage {
  364. background-color: white;
  365. width: 350px;
  366. height: 400px;
  367. padding: 60px 25px 80px 25px;
  368. }
  369. div.loginSmallDiv {
  370. background-color: white;
  371. position: absolute;
  372. right: 180px;
  373. top: 180px;
  374. width: 350px;
  375. height: 400px;
  376. padding: 60px 25px 80px 25px;
  377. }
  378. div.loginErrorMessageDiv {
  379. width: 300px;
  380. position: absolute;
  381. top: 20px;
  382. display: none;
  383. }
  384. div.loginErrorMessageDiv div.alert {
  385. padding: 5px !important;
  386. }
  387. div.login_acount_text {
  388. color: #3C3C3C;
  389. font-size: 16px;
  390. font-weight: bold;
  391. }
  392. div.loginInput {
  393. border: 1px solid #CBCBCB;
  394. margin: 20px 0px;
  395. }
  396. div.loginInput input {
  397. display: inline-block;
  398. border: 0px solid transparent;
  399. width: 244px;
  400. height: 30px;
  401. position: relative;
  402. left: 6px;
  403. top: 6px;
  404. }
  405. div.loginInput span, div.loginInput input {
  406. display: inline-block;
  407. }
  408. div.loginInput span.loginInputIcon {
  409. margin: 0px;
  410. background-color: #CBCBCB;
  411. width: 40px;
  412. height: 40px;
  413. }
  414. span.loginInputIcon span.glyphicon {
  415. font-size: 22px;
  416. position: relative;
  417. left: 9px;
  418. top: 9px;
  419. color: #606060;
  420. }
  421. button.redButton {
  422. color: white;
  423. background-color: #C40000;
  424. font-size: 14px;
  425. font-weight: bold;
  426. }
  427. div.categorySortBar {
  428. background-color: #FAF9F9;
  429. margin: 40px 20px 20px 20px;
  430. padding: 4px;
  431. }
  432. table.categorySortBarTable td {
  433. border: 1px solid #CCCCCC;
  434. padding: 3px;
  435. height: 23px;
  436. }
  437. table.categorySortBarTable {
  438. border-collapse: collapse;
  439. display: inline-table;
  440. }
  441. table.categorySortBarTable td a {
  442. color: #806F66;
  443. font-size:12px;
  444. }
  445. table.categorySortBarTable td a:hover {
  446. color: #C40000;
  447. }
  448. table.categorySortBarTable td.grayColumn {
  449. background-color: #F1EDEC;
  450. }
  451. table.categorySortBarTable td.priceMiddleColumn {
  452. width: 10px;
  453. vertical-align: middle;
  454. color: #CCCCCC;
  455. }
  456. table.categorySortTable td:hover {
  457. background-color: #F1EDEC;
  458. }
  459. table.categorySortBarTable span.glyphicon {
  460. font-size: 10px;
  461. }
  462. table.categorySortBarTable input {
  463. border-width: 0px;
  464. height: 100%;
  465. width: 50px;
  466. font-size:12px;
  467. }
  468. div.categoryProducts {
  469. padding: 0px 20px 40px 20px;
  470. }
  471. div.productUnit {
  472. width: 225px;
  473. height: 338px;
  474. border: 3px solid #fff;
  475. background-color: white;
  476. margin: 12px 5px;
  477. float: left;
  478. padding: 0px;
  479. }
  480. div.productUnit:hover {
  481. width: 225px;
  482. border: 3px solid #C40000;
  483. padding: 0px;
  484. }
  485. div.productUnit span.productUnitDesc {
  486. font-size: 12px;
  487. color: #666666;
  488. display: block;
  489. padding: 16px;
  490. }
  491. div.productUnitFrame{
  492. border:1px solid #eee;
  493. }
  494. div.productUnitFrame:hover{
  495. border:1px solid #C40000;
  496. }
  497. div.productUnit span.productPrice {
  498. font-size: 20px;
  499. color: #CC0000;
  500. display: block;
  501. padding-left: 4px;
  502. }
  503. div.productUnit span.productReview {
  504. border-left-width: 1px;
  505. border-left-style: solid;
  506. border-left-color: #EEEEEE;
  507. border-right-width: 1px;
  508. border-right-style: solid;
  509. border-right-color: #EEEEEE;
  510. }
  511. div.productUnit a.productLink {
  512. margin: 10px 0px;
  513. color: #333333;
  514. font: 0.8em;
  515. display: block;
  516. }
  517. div.productUnit a.productLink:hover {
  518. text-decoration: underline;
  519. color: #C40000;
  520. }
  521. div.productUnit a.tmallLink {
  522. margin: 10px 0px;
  523. color: #999999;
  524. font: 0.8em;
  525. display: block;
  526. text-decoration: underline;
  527. }
  528. div.productUnit a.tmallLink:hover {
  529. text-decoration: underline;
  530. color: #C40000;
  531. }
  532. div.productUnit div.productInfo {
  533. color: #999999;
  534. }
  535. div.productUnit span.monthDeal, div.productUnit span.productReview {
  536. display: inline-block;
  537. width: 90px;
  538. height: 30px;
  539. padding-top: 5px;
  540. padding-left: 5px;
  541. }
  542. div.productUnit span.wangwang {
  543. padding-left: 3px;
  544. }
  545. div.productUnit span.productDealNumber {
  546. font-weight: bold;
  547. color: #B57C5B;
  548. }
  549. div.productUnit span.productReviewNumber {
  550. font-weight: bold;
  551. color: #3388BB;
  552. }
  553. div.productUnit img.productImage {
  554. width: 100%;
  555. height: 190px;
  556. }
  557. div.productUnit div.productInfo {
  558. border-top-width: 1px;
  559. border-top-style: solid;
  560. border-top-color: #EEEEEE;
  561. }
  562. img.simpleLogo {
  563. position: absolute;
  564. left: 10px;
  565. top: 50px;
  566. width: 140px;
  567. }
  568. div.simpleSearchDiv {
  569. background-color: #C40000;
  570. width: 300px;
  571. margin: 10px 20px 40px;
  572. padding: 1px;
  573. height: 40px;
  574. display: block;
  575. }
  576. div.simpleSearchDiv input {
  577. width: 225px;
  578. border: 1px solid transparent;
  579. height: 34px;
  580. margin: 2px;
  581. outline:none;
  582. }
  583. div.simpleSearchDiv button {
  584. width: 60px;
  585. border: 1px solid transparent;
  586. background-color: #C40000;
  587. color: white;
  588. font-size: 14px;
  589. /* font-weight:bold; */
  590. }
  591. div.imgAndInfo {
  592. margin: 40px 20px;
  593. }
  594. div.imgAndInfo img.bigImg {
  595. width: 400px;
  596. height: 400px;
  597. padding: 20px;
  598. border: 1px solid #F2F2F2;
  599. }
  600. div.imgAndInfo div.smallImageDiv {
  601. width: 80%;
  602. margin: 20px auto;
  603. }
  604. div.imgAndInfo img.smallImage {
  605. width: 60px;
  606. height: 60px;
  607. border: 2px solid white;
  608. }
  609. div.imgAndInfo img.smallImage:hover {
  610. border: 2px solid black;
  611. }
  612. div.imgInimgAndInfo {
  613. width: 400px;
  614. float: left;
  615. }
  616. div.infoInimgAndInfo {
  617. padding: 0px 20px;
  618. overflow: hidden;
  619. }
  620. div.infoInimgAndInfo div.productTitle {
  621. color: black;
  622. font-size: 16px;
  623. font-weight: bold;
  624. margin: 0px 10px;
  625. }
  626. div.infoInimgAndInfo div.productSubTitle {
  627. color: #DD2727;
  628. font-size: 12px;
  629. /* font-weight:bold; */
  630. margin: 0px 10px;
  631. }
  632. div.infoInimgAndInfo div.juhuasuan {
  633. /* height:40px; */
  634. background-color: #2DA77A;
  635. color: white;
  636. text-align: center;
  637. line-height: 40px;
  638. margin-top: 10px;
  639. }
  640. div.infoInimgAndInfo span.juhuasuanBig {
  641. font-size: 18px;
  642. font-weight: bold;
  643. font-family: ����;
  644. }
  645. div.infoInimgAndInfo span.juhuasuanTime {
  646. color: #FFC057;
  647. font-weight: bold;
  648. }
  649. div.infoInimgAndInfo div.gouwujuanDiv {
  650. margin-top: 5px;
  651. }
  652. div.infoInimgAndInfo div.originalDiv {
  653. margin-top: 5px;
  654. }
  655. div.infoInimgAndInfo div.promotionDiv {
  656. margin-top: 0px;
  657. }
  658. div.infoInimgAndInfo div.productPriceDiv {
  659. background-image: url(../../img/site/priceBackground.png);
  660. height: 102px;
  661. padding: 10px;
  662. color: #666666;
  663. }
  664. div.infoInimgAndInfo span.originalPriceDesc {
  665. color: #999999;
  666. display: inline-block;
  667. width: 68px;
  668. }
  669. div.infoInimgAndInfo span.promotionPriceDesc {
  670. color: #999999;
  671. display: inline-block;
  672. width: 68px;
  673. position: relative;
  674. left: 0px;
  675. top: -10px;
  676. }
  677. div.infoInimgAndInfo span.originalPriceYuan {
  678. font-family: Arial;
  679. font-size: 12px;
  680. }
  681. div.infoInimgAndInfo span.originalPrice {
  682. font-family: Arial;
  683. font-size: 12px;
  684. color: #333333;
  685. text-decoration: line-through;
  686. }
  687. div.infoInimgAndInfo span.promotionPriceYuan {
  688. font-family: Arial;
  689. font-size: 18px;
  690. color: #C40000;
  691. /* vertical-align: top; */
  692. }
  693. div.infoInimgAndInfo span.promotionPrice {
  694. color: #c40000;
  695. font-family: Arial;
  696. font-size: 30px;
  697. font-weight: bold;
  698. /* vertical-align: top; */
  699. /* vertical-align: middle; */
  700. }
  701. div.infoInimgAndInfo div.productSaleAndReviewNumber {
  702. margin: 20px 0px;
  703. border-top-style: dotted;
  704. border-top-color: #C9C9C9;
  705. border-top-width: 1px;
  706. border-bottom-style: dotted;
  707. border-bottom-color: #C9C9C9;
  708. border-bottom-width: 1px;
  709. padding: 10px;
  710. }
  711. div.infoInimgAndInfo div.productSaleAndReviewNumber div {
  712. display: inline-block;
  713. width: 49%;
  714. text-align: center;
  715. color: #999999;
  716. font-size: 12px;
  717. }
  718. div.infoInimgAndInfo div.productSaleAndReviewNumber div:first-child {
  719. border-right-width: 1px;
  720. border-right-style: solid;
  721. border-right-color: #E5DFDA;
  722. }
  723. div.infoInimgAndInfo div.productNumber {
  724. color: #999999;
  725. }
  726. div.infoInimgAndInfo span.productNumberSettingSpan {
  727. border: 1px solid #999;
  728. display: inline-block;
  729. width: 43px;
  730. height: 32px;
  731. padding: 7px 0;
  732. }
  733. div.infoInimgAndInfo input.productNumberSetting {
  734. border: 0px;
  735. height: 80%;
  736. width: 80%;
  737. }
  738. div.productNumber span.glyphicon {
  739. font-size: 6px;
  740. }
  741. div.productNumber span.arrow {
  742. display: inline-block;
  743. width: 22px;
  744. height: 32px;
  745. vertical-align:top;
  746. }
  747. div.productNumber span.updown img{
  748. display:inline-block;
  749. vertical-align:top;
  750. }
  751. div.productNumber span.updown {
  752. border: 1px solid #999;
  753. display: block;
  754. width: 20px;
  755. height: 14px;
  756. text-align: center;
  757. padding-top:4px;
  758. }
  759. div.productNumber span.updownMiddle {
  760. height: 4px;
  761. display: block;
  762. }
  763. div.serviceCommitment {
  764. margin: 20px 0px;
  765. }
  766. div.infoInimgAndInfo span.serviceCommitmentDesc {
  767. color: #999999;
  768. }
  769. div.infoInimgAndInfo span.serviceCommitmentLink a {
  770. color: #666666;
  771. }
  772. div.productDetailDiv {
  773. width: 790px;
  774. margin: 40px auto;
  775. }
  776. div.productReviewDiv {
  777. width: 790px;
  778. margin: 40px auto;
  779. }
  780. div.productReviewContentPart {
  781. padding-top: 50px;
  782. }
  783. div.productDetailTopPart {
  784. border: 1px solid #DFDFDF;
  785. border-left-width: 0px;
  786. }
  787. div.productReviewTopPart {
  788. border: 1px solid #DFDFDF;
  789. }
  790. div.productParamterPart {
  791. border: 1px solid #DFDFDF;
  792. padding: 40px;
  793. }
  794. div.productParamter {
  795. color: #999999;
  796. font-weight: bold;
  797. margin-bottom: 20px;
  798. }
  799. div.productParamterList span {
  800. display: block;
  801. width: 220px;
  802. float: left;
  803. padding: 8px 0px;
  804. color: #666666;
  805. }
  806. a.selected {
  807. border-left: 1px solid #cfbfb1;
  808. border-right: 1px solid #cfbfb1;
  809. color: #b10000;
  810. display: inline-block;
  811. font-weight: bold;
  812. line-height: 46px;
  813. width: 90px;
  814. text-align: center;
  815. position: relative;
  816. }
  817. a.selected:after {
  818. border-color: #b00000 transparent transparent;
  819. border-style: solid;
  820. border-width: 5px;
  821. content: "";
  822. display: block;
  823. width: 0;
  824. height: 0;
  825. position: absolute;
  826. top: -1px;
  827. left: 50%;
  828. margin-left: -5px;
  829. }
  830. a.selected:before {
  831. border-color: #b00000;
  832. border-style: solid;
  833. border-width: 1px;
  834. content: "";
  835. display: block;
  836. width: 90px;
  837. height: 0;
  838. position: absolute;
  839. top: -1px;
  840. margin-left: -1px;
  841. }
  842. a.productDetailTopReviewLink {
  843. padding: 0px 20px;
  844. border-right: 1px dotted #D2D2D2;
  845. color: #333333;
  846. }
  847. span.productDetailTopReviewLinkNumber {
  848. color: #3355B9;
  849. }
  850. span.productReviewTopReviewLinkNumber {
  851. color: #3355B9;
  852. }
  853. div.productDetailImagesPart img {
  854. display: block; margin 20px 0px;
  855. width: 790px;
  856. }
  857. a.productReviewTopPartSelectedLink {
  858. padding: 0px 20px;
  859. color: #333333;
  860. }
  861. div.productReviewItem {
  862. border-bottom: 1px solid #E3E3E3;
  863. margin: 10px 0px;
  864. }
  865. div.productReviewItem div.productReviewItemDesc {
  866. width: 80%;
  867. display: inline-block;
  868. color: #333333;
  869. height: 94px;
  870. margin: 5px 20px;
  871. float: left;
  872. }
  873. div.productReviewItem div.productReviewItemUserInfo {
  874. color: #404040;
  875. margin: 5px 20px;
  876. overflow: hidden;
  877. padding: 20px 0;
  878. }
  879. div.productReviewItemContent {
  880. /* margin:0px 0px -30px 0px; */
  881. }
  882. div.productReviewItemDate {
  883. margin: 15px 0px 0px 0px;
  884. color: #CCCCCC;
  885. }
  886. span.userInfoGrayPart {
  887. color: #999999;
  888. }
  889. div.productReviewDiv {
  890. display: none;
  891. }
  892. div.buyPageDiv {
  893. margin: 20px auto;
  894. max-width: 1013px;
  895. }
  896. div.buyDiv {
  897. margin: 20px auto;
  898. text-align: center;
  899. }
  900. div.buyPageDiv button {
  901. display: inline-block;
  902. margin: 0px 10px;
  903. width: 180px;
  904. height: 40px;
  905. }
  906. div.buyDiv button {
  907. display: inline-block;
  908. margin: 0px 10px;
  909. width: 180px;
  910. height: 40px;
  911. }
  912. button.buyButton {
  913. border: 1px solid #C40000;
  914. background-color: #FFEDED;
  915. text-align: center;
  916. line-height: 40px;
  917. font-size: 16px;
  918. /* font-weight:700; */
  919. color: #C40000;
  920. font-family: arial;
  921. }
  922. button.addCartButton {
  923. border: 1px solid #C40000;
  924. background-color: #C40000;
  925. text-align: center;
  926. line-height: 40px;
  927. font-size: 16px;
  928. /* font-weight:700; */
  929. color: white;
  930. font-family: arial;
  931. }
  932. button.addCartButton span.glyphicon {
  933. font-size: 12px;
  934. margin-right: 8px;
  935. }
  936. div.address {
  937. margin: 20px 5px;
  938. text-align: left;
  939. }
  940. div.addressTip, div.productListTip {
  941. color: #333333;
  942. font-size: 16px;
  943. font-weight: bold;
  944. text-align: left;
  945. margin-bottom: 30px;
  946. }
  947. table.addressTable {
  948. margin: 20px 20px;
  949. width: 600px;
  950. }
  951. table.addressTable td.firstColumn {
  952. width: 100px;
  953. }
  954. table.addressTable td {
  955. color: #333333;
  956. text-align: right;
  957. vertical-align: top;
  958. padding-right: 5px;
  959. text-align: left;
  960. height: 30px;
  961. font-size:12px;
  962. }
  963. span.redStar {
  964. color: red;
  965. font-size: 8px;
  966. }
  967. table.addressTable td input {
  968. border: 1px solid #AFAFAF;
  969. width: 200px;
  970. }
  971. table.addressTable td textarea {
  972. border: 1px solid #AFAFAF;
  973. margin-bottom: 10px;
  974. width: 400px;
  975. }
  976. img.tmallbuy {
  977. width: 15px;
  978. }
  979. a.marketLink {
  980. color: black;
  981. font-size: 12px;
  982. font-family: ����;
  983. font-weight: normal;
  984. }
  985. a.marketLink:hover {
  986. color: black;
  987. font-size: 12px;
  988. text-decoration: underline;
  989. font-family: ����;
  990. font-weight: normal;
  991. }
  992. span.wangwangGif {
  993. display: inline-block;
  994. width: 25px;
  995. height: 25px;
  996. background-image: url(../../img/site/wangwang.gif);
  997. background-repeat: no-repeat;
  998. background-color: transparent;
  999. background-attachment: scroll;
  1000. background-position: -83px -0px;
  1001. position: relative;
  1002. top: 8px;
  1003. left: 2px;
  1004. }
  1005. table.productListTable {
  1006. width: 100%;
  1007. border-collapse: separate;
  1008. }
  1009. table.productListTable th {
  1010. color: #999999;
  1011. font-family: ����;
  1012. font-weight: normal;
  1013. font-size: 12px;
  1014. text-align: center;
  1015. padding-bottom: 5px;
  1016. }
  1017. th.productListTableFirstColumn {
  1018. text-align: left !important;
  1019. }
  1020. table.productListTable tr.rowborder td {
  1021. background-color: #b2d1ff;
  1022. border-right: 2px solid #fff;
  1023. height: 3px;
  1024. }
  1025. img.orderItemImg {
  1026. width: 50px;
  1027. height: 50px;
  1028. border: 1px solid #E9E9E9;
  1029. }
  1030. tr.orderItemTR td {
  1031. padding: 10px 0px;
  1032. }
  1033. a.orderItemProductLink {
  1034. color: #666666;
  1035. display: block;
  1036. }
  1037. a.orderItemProductLink:hover {
  1038. color: #666666;
  1039. text-decoration: underline;
  1040. }
  1041. td.orderItemProductInfo {
  1042. text-align: left;
  1043. }
  1044. td.orderItemProductInfo img {
  1045. height: 16px;
  1046. }
  1047. span.orderItemProductPrice, span.orderItemProductNumber {
  1048. color: #000000;
  1049. }
  1050. span.orderItemUnitSum {
  1051. color: #CC0000;
  1052. font-weight: bold;
  1053. }
  1054. tr.orderItemTR td {
  1055. border-bottom: 1px solid #E5E5E5;
  1056. }
  1057. tbody.productListTableTbody td {
  1058. text-align: center;
  1059. font-size:12px;
  1060. }
  1061. tbody.productListTableTbody td.orderItemFirstTD {
  1062. text-align: left;
  1063. }
  1064. tbody.productListTableTbody td.orderItemProductInfo {
  1065. text-align: left;
  1066. }
  1067. td.orderItemFirstTD, td.orderItemLastTD {
  1068. border-bottom: 0px solid black !important;
  1069. }
  1070. label.orderItemDeliveryLabel {
  1071. color: #666666;
  1072. font-family: ����;
  1073. font-size: 12px;
  1074. font-weight: normal;
  1075. }
  1076. select.orderItemDeliverySelect {
  1077. width: 100px;
  1078. height: 23px;
  1079. }
  1080. div.orderItemSumDiv span {
  1081. color: #999999;
  1082. }
  1083. div.orderItemSumDiv {
  1084. padding: 20px;
  1085. border-top: 2px solid #B4D0FF;
  1086. background-color: #F2F6FF;
  1087. height: 50px;
  1088. }
  1089. textarea.leaveMessageTextarea {
  1090. border: 1px solid #FFAD35;
  1091. width: 250px;
  1092. height: 60px;
  1093. resize: none;
  1094. }
  1095. span.leaveMessageText {
  1096. display: inilne-block;
  1097. margin-right: 10px;
  1098. float: left;
  1099. }
  1100. span.leaveMessageTextareaSpan {
  1101. display: inilne-block;
  1102. }
  1103. div.orderItemTotalSumDiv {
  1104. margin: 40px;
  1105. height: 40px;
  1106. }
  1107. div.orderItemTotalSumDiv span {
  1108. color: #999999;
  1109. }
  1110. span.orderItemTotalSumSpan {
  1111. color: #C40000 !important;
  1112. font-size: 22px;
  1113. font-weight: bold;
  1114. border-bottom: 1px dotted #F2F6FF;
  1115. }
  1116. div.submitOrderDiv {
  1117. height: 40px;
  1118. margin: 20px 0px;
  1119. }
  1120. button.submitOrderButton {
  1121. border: 1px solid #C40000;
  1122. background-color: #C40000;
  1123. text-align: center;
  1124. line-height: 40px;
  1125. font-size: 14px;
  1126. font-weight: 700;
  1127. color: white;
  1128. float: right;
  1129. }
  1130. div.aliPayPageLogo {
  1131. margin: 20px;
  1132. }
  1133. div.aliPayPageDiv {
  1134. text-align: center;
  1135. padding-bottom: 40px;
  1136. max-width: 1013px;
  1137. margin: 10px auto;
  1138. }
  1139. span.confirmMoneyText {
  1140. color: #4D4D4D;
  1141. }
  1142. span.confirmMoney {
  1143. display: block;
  1144. color: #FF6600;
  1145. font-weight: bold;
  1146. font-size: 20px;
  1147. margin: 10px;
  1148. }
  1149. img.aliPayImg {
  1150. /* width:230px; */
  1151. /* height:230px; */
  1152. }
  1153. button.confirmPay {
  1154. background-color: #00AAEE;
  1155. border: 1px solid #00AAEE;
  1156. text-align: center;
  1157. line-height: 31px;
  1158. font-size: 14px;
  1159. font-weight: 700;
  1160. color: white;
  1161. width: 107px;
  1162. margin-top: 20px;
  1163. }
  1164. div.payedDiv {
  1165. border: 1px solid #D4D4D4;
  1166. max-width: 1013px;
  1167. margin: 10px auto 20px auto;
  1168. }
  1169. div.payedTextDiv {
  1170. height: 61px;
  1171. background-color: #ECFFDC;
  1172. padding: 17px 0px 0px 25px;
  1173. }
  1174. div.payedTextDiv span {
  1175. font-weight: bold;
  1176. font-size: 14px;
  1177. margin-left: 10px;
  1178. }
  1179. div.payedAddressInfo {
  1180. padding: 26px 35px;
  1181. }
  1182. div.payedAddressInfo li {
  1183. background-image: url("../../img/site/li_dot.png");
  1184. background-repeat: no-repeat;
  1185. background-color: transparent;
  1186. background-attachment: scroll;
  1187. background-position: 0px 13px;
  1188. list-style-type: none;
  1189. color: #333333;
  1190. padding-left: 15px;
  1191. padding-top: 5px;
  1192. /* background: rgba(0, 0, 0, 0) url("../../img/site/li_dot.png") no-repeat scroll 0 13px; */
  1193. }
  1194. span.payedInfoPrice {
  1195. color: #B10000;
  1196. font-weight: bold;
  1197. font-size: 14px;
  1198. font-family: arial;
  1199. }
  1200. a.payedCheckLink {
  1201. color: #2D8CBA;
  1202. }
  1203. a.payedCheckLink:hover {
  1204. color: #2D8CBA;
  1205. text-decoration: underline;
  1206. }
  1207. div.paedCheckLinkDiv {
  1208. margin-left: 38px;
  1209. }
  1210. div.payedSeperateLine {
  1211. border-top: 1px dotted #D4D4D4;
  1212. margin: 0px 31px;
  1213. }
  1214. div.warningDiv {
  1215. margin: 23px 45px;
  1216. }
  1217. div.warningDiv {
  1218. color: black;
  1219. }
  1220. div.cartDiv {
  1221. max-width: 1013px;
  1222. margin: 10px auto;
  1223. color: black;
  1224. }
  1225. span.cartTitlePrice {
  1226. color: #C40000;
  1227. font-size: 14px;
  1228. font-weight: bold;
  1229. margin-left: 5px;
  1230. margin-right: 3px;
  1231. }
  1232. div.cartTitle button {
  1233. background-color: #AAAAAA;
  1234. border: 1px solid #AAAAAA;
  1235. color: white;
  1236. width: 53px;
  1237. height: 25px;
  1238. border-radius: 2px;
  1239. }
  1240. table.cartProductTable {
  1241. width: 100%;
  1242. font-size:12px;
  1243. }
  1244. table.cartProductTable th {
  1245. font-weight: normal;
  1246. color: #3C3C3C;
  1247. padding: 20px 20px;
  1248. }
  1249. img.cartProductImg {
  1250. padding: 1px;
  1251. border: 1px solid #EEEEEE;
  1252. width: 80px;
  1253. height: 80px;
  1254. }
  1255. a.cartProductLink {
  1256. color: #3C3C3C;
  1257. }
  1258. a.cartProductLink:hover {
  1259. color: #C40000;
  1260. text-decoration: underline;
  1261. }
  1262. div.cartProductLinkOutDiv {
  1263. position: relative;
  1264. height: 80px;
  1265. }
  1266. div.cartProductLinkInnerDiv {
  1267. position: absolute;
  1268. bottom: 0;
  1269. height: 20px;
  1270. }
  1271. tr.cartProductItemTR td {
  1272. padding: 20px 20px;
  1273. }
  1274. tr.cartProductItemTR {
  1275. border: 1px solid #CCCCCC;
  1276. }
  1277. span.cartProductItemOringalPrice {
  1278. text-decoration: line-through;
  1279. color: #9C9C9C;
  1280. display: block;
  1281. font-weight: bold;
  1282. font-size: 14px;
  1283. }
  1284. span.cartProductItemPromotionPrice {
  1285. font-family: Arial;
  1286. font-size: 14px;
  1287. font-weight: bold;
  1288. color: #C40000;
  1289. }
  1290. span.cartProductItemSmallSumPrice {
  1291. font-family: Arial;
  1292. font-size: 14px;
  1293. font-weight: bold;
  1294. color: #C40000;
  1295. }
  1296. div.cartProductChangeNumberDiv {
  1297. border: solid 1px #E5E5E5;
  1298. width: 80px;
  1299. }
  1300. div.cartProductChangeNumberDiv input {
  1301. border: solid 1px #AAAAAA;
  1302. width: 42px;
  1303. display: inline-block;
  1304. }
  1305. div.cartProductChangeNumberDiv a {
  1306. text-decoration: none;
  1307. }
  1308. div.cartProductChangeNumberDiv a {
  1309. width: 14px;
  1310. display: inline-block;
  1311. text-align: center;
  1312. color: black;
  1313. text-decoration: none;
  1314. }
  1315. img.cartProductItemIfSelected, img.selectAllItem {
  1316. cursor: pointer;
  1317. }
  1318. div.cartFoot {
  1319. background-color: #E5E5E5;
  1320. line-height: 50px;
  1321. margin: 20px 0px;
  1322. color: black;
  1323. padding-left: 20px;
  1324. }
  1325. span.cartSumNumber {
  1326. color: #C40000;
  1327. font-weight: bold;
  1328. font-size: 16px;
  1329. }
  1330. span.cartSumPrice {
  1331. color: #C40000;
  1332. font-weight: bold;
  1333. font-size: 20px;
  1334. }
  1335. div.cartFoot button {
  1336. background-color: #AAAAAA;
  1337. border: 0px solid #AAAAAA;
  1338. color: white;
  1339. height: height%;
  1340. width: 120px;
  1341. height: 50px;
  1342. font-size: 20px;
  1343. text-align: center;
  1344. /* border-radius: 2px; */
  1345. }
  1346. div.boughtDiv {
  1347. max-width: 1013px;
  1348. margin: 10px auto;
  1349. }
  1350. div.orderType div.selectedOrderType {
  1351. border-bottom: 2px solid #C40000;
  1352. }
  1353. div.orderType div {
  1354. border-bottom: 2px solid #E8E8E8;
  1355. float: left;
  1356. }
  1357. table.orderListTitleTable {
  1358. border: 1px solid #E8E8E8;
  1359. width: 100%;
  1360. margin: 20px 0px;
  1361. background-color: #F5F5F5;
  1362. text-align: center;
  1363. }
  1364. table.orderListTitleTable td {
  1365. padding: 12px 0px;
  1366. }
  1367. div.orderType a {
  1368. border-right: 1px solid #E8E8E8;
  1369. float: left;
  1370. font-size: 16px;
  1371. font-weight: bold;
  1372. color: black;
  1373. margin-bottom: 10px;
  1374. padding: 0px 20px;
  1375. text-decoration: none;
  1376. }
  1377. div.orderType div.selectedOrderType a {
  1378. color: #C40000;
  1379. }
  1380. div.orderType a:hover {
  1381. color: #C40000;
  1382. text-decoration: none;
  1383. }
  1384. div.orderTypeLastOne {
  1385. overflow: hidden;
  1386. float: none !important;
  1387. border-bottom: 2px solid #E8E8E8;
  1388. }
  1389. a.noRightborder {
  1390. border-right-width: 0px !important;
  1391. }
  1392. table.orderListItemTable {
  1393. border: 2px solid #ECECEC;
  1394. width: 100%;
  1395. margin: 20px 0px;
  1396. }
  1397. table.orderListItemTable:hover {
  1398. border: 2px solid #aaa !important;
  1399. }
  1400. tr.orderListItemFirstTR {
  1401. background-color: #F1F1F1;
  1402. font-size:12px;
  1403. }
  1404. table.orderListItemTable td {
  1405. padding: 8px 10px;
  1406. }
  1407. div.orderItemWangWangGif {
  1408. display: inline-block;
  1409. width: 67px;
  1410. height: 22px;
  1411. background-image: url(../../img/site/wangwang.gif);
  1412. background-repeat: no-repeat;
  1413. background-color: transparent;
  1414. background-attachment: scroll;
  1415. background-position: -0px -0px;
  1416. position: relative;
  1417. top: 0px;
  1418. left: 2px;
  1419. }
  1420. span.orderListItemDelete {
  1421. display: inline-block;
  1422. margin: 0px 10px;
  1423. color: #999999;
  1424. font-size: 16px;
  1425. }
  1426. div.orderListItemProductLinkOutDiv {
  1427. position: relative;
  1428. height: 80px;
  1429. font-size:12px;
  1430. }
  1431. div.orderListItemProductLinkInnerDiv {
  1432. position: absolute;
  1433. bottom: 0px;
  1434. }
  1435. div.orderListItemProductOriginalPrice {
  1436. color: #999999;
  1437. font-size: 14px;
  1438. }
  1439. div.orderListItemProductPrice {
  1440. color: #3C3C3C;
  1441. font-size: 14px;
  1442. }
  1443. div.orderListItemProductRealPrice {
  1444. color: #3C3C3C;
  1445. font-size: 14px;
  1446. font-weight: bold;
  1447. }
  1448. div.orderListItemPriceWithTransport {
  1449. color: #6C6C6C;
  1450. font-size: 12px;
  1451. }
  1452. td.orderListItemProductRealPriceTD {
  1453. text-align: center;
  1454. }
  1455. button.orderListItemConfirm {
  1456. background-color: #66B6FF;
  1457. border-radius: 2px;
  1458. color: white;
  1459. font-size: 12px;
  1460. font-weight: bold;
  1461. border-width: 0px;
  1462. padding: 6px 12px;
  1463. }
  1464. button.orderListItemConfirm:hover {
  1465. background-color: #118ADB;
  1466. }
  1467. button.orderListItemReview {
  1468. border: 1px solid #DCDCDC;
  1469. background-color: #fff;
  1470. border-radius: 2px;
  1471. color: #3C3C3C;
  1472. font-size: 12px;
  1473. font-weight: bold;
  1474. padding: 6px 12px;
  1475. }
  1476. button.orderListItemReview:hover {
  1477. border-color: #C40000;
  1478. color: #C40000;
  1479. }
  1480. td.orderItemDeleteTD {
  1481. text-align: right;
  1482. }
  1483. td.orderListItemButtonTD {
  1484. text-align: center;
  1485. }
  1486. span.orderListItemNumber {
  1487. color: #3C3C3C;
  1488. }
  1489. td.orderListItemNumberTD {
  1490. text-align: center;
  1491. }
  1492. div.confirmPayPageDiv {
  1493. max-width: 1013px;
  1494. margin: 10px auto;
  1495. }
  1496. div.confirmPayImageDiv {
  1497. margin: 40px auto 80px auto;
  1498. width: 900px;
  1499. position: relative;
  1500. }
  1501. div.confirmPayImageDiv div {
  1502. color: #999999;
  1503. }
  1504. div.confirmPayTime1 {
  1505. position: absolute;
  1506. top: 100px;
  1507. left: -20px;
  1508. }
  1509. div.confirmPayTime2 {
  1510. position: absolute;
  1511. top: 100px;
  1512. left: 190px;
  1513. }
  1514. div.confirmPayTime3 {
  1515. position: absolute;
  1516. top: 100px;
  1517. left: 400px;
  1518. }
  1519. div.confirmPayOrderInfoText {
  1520. margin: 10px 10px 0px 10px;
  1521. font-size: 16px;
  1522. font-weight: bold;
  1523. color: black;
  1524. padding-bottom: 15px;
  1525. border-bottom: 1px solid #ADC8E6;
  1526. }
  1527. div.confirmPayOrderItemDiv {
  1528. margin: 0px 20px;
  1529. }
  1530. div.confirmPayOrderItemText {
  1531. margin: 20px 10px;
  1532. font-size: 14px;
  1533. font-weight: bold;
  1534. color: black;
  1535. }
  1536. table.confirmPayOrderItemTable thead {
  1537. background-color: #E8F2FF;
  1538. height: 33px;
  1539. }
  1540. table.confirmPayOrderItemTable tr {
  1541. border: 1px solid #DDDDDD;
  1542. }
  1543. table.confirmPayOrderItemTable {
  1544. border: 1px solid #DDDDDD;
  1545. width: 100%;
  1546. }
  1547. span.conformPayProductPrice {
  1548. font-size: 18px;
  1549. font-weight: bold;
  1550. color: #666666;
  1551. }
  1552. table.confirmPayOrderItemTable th, table.confirmPayOrderItemTable td {
  1553. text-align: center;
  1554. }
  1555. table.confirmPayOrderItemTable td {
  1556. padding: 20px;
  1557. }
  1558. td.confirmPayOrderItemProductLink {
  1559. text-align: left !important;
  1560. }
  1561. div.confirmPayOrderItemText {
  1562. color: black;
  1563. font-weight: normal;
  1564. }
  1565. span.confirmPayOrderItemSumPrice {
  1566. color: #C40000;
  1567. }
  1568. table.confirmPayOrderDetailTable {
  1569. width: 100%;
  1570. border-top: 1px solid #DDDDDD;
  1571. }
  1572. table.confirmPayOrderDetailTable td {
  1573. padding: 8px;
  1574. color: black;
  1575. font-size: 14px;
  1576. }
  1577. div.confirmPayOrderDetailDiv {
  1578. margin: 40px;
  1579. }
  1580. span.confirmPayOrderDetailWangWangGif {
  1581. display: inline-block;
  1582. width: 67px;
  1583. height: 22px;
  1584. background-image: url(../../img/site/wangwang.gif);
  1585. background-repeat: no-repeat;
  1586. background-color: transparent;
  1587. background-attachment: scroll;
  1588. background-position: -0px -0px;
  1589. position: relative;
  1590. top: 0px;
  1591. left: 2px;
  1592. }
  1593. div.confirmPayButtonDiv {
  1594. border: 1px solid #F58B0F;
  1595. margin: 20px;
  1596. }
  1597. div.confirmPayWarning {
  1598. margin: 20px 80px;
  1599. font-size: 18px;
  1600. color: red;
  1601. font-weight: bold;
  1602. }
  1603. button.confirmPayButton:hover {
  1604. background-color: #F6AE30;
  1605. }
  1606. button.confirmPayButton {
  1607. margin: 20px 80px;
  1608. width: 67px;
  1609. height: 30px;
  1610. border: 1px solid #E67C00;
  1611. background-color: #F4A21D;
  1612. border-radius: 4px;
  1613. color: white;
  1614. }
  1615. div.orderFinishDiv {
  1616. border: 1px solid #E5E5E5;
  1617. padding: 40px;
  1618. max-width: 1013px;
  1619. margin: 10px auto;
  1620. }
  1621. div.orderFinishDiv span {
  1622. font-size: 14px;
  1623. color: black;
  1624. font-weight: bold;
  1625. margin-left: 20px;
  1626. padding-top: 20px;
  1627. }
  1628. div.reviewDiv {
  1629. max-width: 1013px;
  1630. margin: 10px auto;
  1631. }
  1632. div.reviewProductInfoRightDiv {
  1633. overflow: hidden;
  1634. border-top: 1px solid #E7E7E7;
  1635. padding: 30px 20px;
  1636. }
  1637. div.reviewProductInfoImg {
  1638. border: 1px solid #E7E7E7;
  1639. width: 464px;
  1640. text-align: center;
  1641. float: left;
  1642. }
  1643. div.reviewProductInfoRightText {
  1644. color: black;
  1645. font-size: 16px;
  1646. font-weight: bold;
  1647. }
  1648. span.reviewProductInfoTablePrice {
  1649. color: #C40000;
  1650. font-size: 20px;
  1651. font-weight: bold;
  1652. }
  1653. span.reviewProductInfoTableSellNumber {
  1654. color: #C40000;
  1655. font-size: 14px;
  1656. font-weight: bold;
  1657. }
  1658. table.reviewProductInfoTable {
  1659. margin: 20px 10px;
  1660. }
  1661. table.reviewProductInfoTable td {
  1662. padding-bottom: 5px;
  1663. color: #999999;
  1664. }
  1665. div.reviewProductInfoRightBelowDiv {
  1666. border: 1px solid #F6F5F3;
  1667. background-color: #FDFBFA;
  1668. height: 166px;
  1669. padding: 16px 81px;
  1670. }
  1671. span.reviewProductInfoRightBelowImg {
  1672. background-color: white;
  1673. border: 1px solid #E1E1E1;
  1674. display: inline-block;
  1675. width: 23px;
  1676. height: 42px;
  1677. background-image: url(../../img/site/reviewLight.png);
  1678. background-repeat: no-repeat;
  1679. padding: 0px;
  1680. }
  1681. span.reviewProductInfoRightBelowText {
  1682. border: 1px solid #EFEFEF;
  1683. /* border-left-width:1px; */
  1684. display: inline-block;
  1685. width: 200px;
  1686. height: 42px;
  1687. padding: 4px;
  1688. position: relative;
  1689. left: -4px;
  1690. top: -7px;
  1691. color: #666666;
  1692. }
  1693. div.reviewStasticsLeft {
  1694. width: 180px;
  1695. float: left;
  1696. }
  1697. div.reviewStasticsLeftTop {
  1698. background-color: #C40000;
  1699. height: 6px;
  1700. }
  1701. div.reviewStasticsLeftContent {
  1702. line-height: 29px;
  1703. border-left: 1px solid #D5D4D4;
  1704. border-right: 1px solid #D5D4D4;
  1705. background-color: #F6F5F1;
  1706. text-align: center;
  1707. font-size: 14px;
  1708. color: #363535;
  1709. font-weight: bold;
  1710. }
  1711. span.reviewStasticsNumber {
  1712. color: #284CA5;
  1713. }
  1714. div.reviewStasticsLeftFoot {
  1715. height: 6px;
  1716. border-left: 1px solid #D5D4D4;
  1717. border-bottom: 1px solid #D5D4D4;
  1718. background-color: #F6F5F1;
  1719. }
  1720. div.reviewStasticsRight {
  1721. overflow: hidden;
  1722. }
  1723. div.reviewStasticsRightEmpty {
  1724. height: 35px;
  1725. }
  1726. div.reviewStasticsFoot {
  1727. background-color: #F6F5F1;
  1728. border: 1px solid #D5D4D4;
  1729. border-left-width: 0px;
  1730. height: 6px;
  1731. }
  1732. div.makeReviewDiv {
  1733. border: 1px solid #D1CCC8;
  1734. margin: 20px 0px;
  1735. background-color: #EFEFEF;
  1736. }
  1737. div.makeReviewText {
  1738. font-size: 16px;
  1739. color: #333333;
  1740. font-weight: bold;
  1741. margin: 20px 40px;
  1742. }
  1743. table.makeReviewTable {
  1744. margin: 20px 40px;
  1745. }
  1746. table.makeReviewTable td {
  1747. border: 1px solid #E7E7E7;
  1748. padding: 10px;
  1749. background-color: white;
  1750. }
  1751. table.makeReviewTable textarea {
  1752. border-width: 0px;
  1753. resize: none;
  1754. width: 420px;
  1755. height: 120px;
  1756. }
  1757. td.makeReviewTableFirstTD {
  1758. background-color: #F6F6F6;
  1759. }
  1760. div.makeReviewButtonDiv {
  1761. background-color: white;
  1762. text-align: center;
  1763. padding: 15px;
  1764. }
  1765. div.makeReviewButtonDiv button {
  1766. width: 72px;
  1767. height: 26px;
  1768. border-radius: 2px;
  1769. background-color: #C40000;
  1770. color: white;
  1771. border-width: 0px;
  1772. font-weight: bold;
  1773. }
  1774. div.registerDiv {
  1775. margin: 10px 20px;
  1776. text-align: center;
  1777. }
  1778. table.registerTable {
  1779. color: #3C3C3C;
  1780. font-size: 16px;
  1781. table-layout: fixed;
  1782. margin-top: 50px;
  1783. }
  1784. table.registerTable td {
  1785. /* border:1px dotted skyblue !important; */
  1786. padding: 10px 30px;
  1787. }
  1788. td.registerTableLeftTD {
  1789. width: 300px;
  1790. text-align: right;
  1791. }
  1792. td.registerTableRightTD {
  1793. width: 300px;
  1794. text-align: left;
  1795. }
  1796. td.registerTip {
  1797. font-weight: bold;
  1798. }
  1799. table.registerTable input {
  1800. border: 1px solid #DEDEDE;
  1801. width: 213px;
  1802. height: 36px;
  1803. font-size: 14px;
  1804. }
  1805. td.registerButtonTD {
  1806. text-align: center;
  1807. }
  1808. table.registerTable button {
  1809. width: 170px;
  1810. height: 36px;
  1811. border-radius: 2px;
  1812. color: white;
  1813. background-color: #C40000;
  1814. border-width: 0px;
  1815. }
  1816. table.registerTable {
  1817. }
  1818. div.registerSuccessDiv {
  1819. margin: 10px 20px;
  1820. background-color: #F3FDF6;
  1821. border: 1px solid #DEF3E6;
  1822. font-size: 16px;
  1823. color: #3C3C3C;
  1824. padding: 20px 130px;
  1825. }
  1826. div.categoryPageDiv {
  1827. max-width: 1013px;
  1828. margin: 10px auto;
  1829. }
  1830. div.searchResultDiv {
  1831. max-width: 1013px;
  1832. margin: 10px auto;
  1833. min-height: 300px;
  1834. }
  1835. div.productPageDiv {
  1836. max-width: 1013px;
  1837. margin: 10px auto;
  1838. }
  1839. div.categoryPictureInProductPageDiv {
  1840. width: 100%;
  1841. margin: 10px auto;
  1842. text-align: center;
  1843. }
  1844. div.reviewStasticsDiv {
  1845. margin-top: 20px;
  1846. }
  1847. div.registerErrorMessageDiv {
  1848. width: 600px;
  1849. margin: 0px auto;
  1850. height: 50px;
  1851. visibility: hidden;
  1852. }
  1853. td.orderItemProductInfoPartTD {
  1854. border-bottom: solid 1px #ECECEC;
  1855. }
  1856. td.orderItemOrderInfoPartTD {
  1857. border: solid 1px #ECECEC;
  1858. }
  1859. div.reviewDate {
  1860. width: 100px;
  1861. }
  1862. div.reviewDivlistReviewsEach div {
  1863. display: inline-block;
  1864. }
  1865. div.reviewDate {
  1866. color: #CCCCDD;
  1867. }
  1868. div.reviewContent {
  1869. color: #333333;
  1870. width: 698px;
  1871. }
  1872. div.reviewUserInfo {
  1873. color: #333333;
  1874. }
  1875. div.reviewDivlistReviewsEach {
  1876. padding: 20px;
  1877. border-bottom: 1px solid #ECECEC;
  1878. }
  1879. span.reviewUserInfoAnonymous {
  1880. color: #CCCCDD;
  1881. margin-left: 5px;
  1882. }
  1883. a.productLink {
  1884. height: 34px;
  1885. }
  1886. img.carouselImage {
  1887. height: 510px !important;
  1888. }
  1889. div.noMatch {
  1890. font-size: 20px;
  1891. width: 200px;
  1892. margin: 100px auto;
  1893. color: #888;
  1894. }
  1895. table.cartProductTable th.operation{
  1896. width:80px;
  1897. }
  1898. table.cartProductTable th.selectAndImage{
  1899. width:150px;
  1900. }
  1901. table td{
  1902. font-size:12px;
  1903. }