product.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. .productcap{float:left;border:#CACACA solid 1px;border-left:0;margin:10px 0 0 0;height:38px;width:-moz-calc(100% - 1px);width:-webkit-calc(100% - 1px);width:calc(100% - 1px);background-color:#E8E8E8;font-weight:700;}
  2. .productcap li{float:left;padding-top:10px;border-left:#CACACA solid 1px;height:28px;}
  3. .productcap .l1{width:27px;height:26px;text-align:left;padding:12px 0 0 8px;}
  4. .productcap .l1 input{float:left;width:16px;height:16px;}
  5. .productcap .l2{width:-moz-calc(100% - 607px);width:-webkit-calc(100% - 607px);width:calc(100% - 607px);text-align:left;padding-left:10px;}
  6. .productcap .l3{width:108px;padding-left:10px;}
  7. .productcap .l4{width:100px;}
  8. .productcap .l5{width:98px;}
  9. .productcap .l6{width:99px;}
  10. .productcap .l7{width:130px;text-align:right;padding-right:10px;}
  11. .productlist{float:left;border:#CACACA solid 1px;border-left:0;border-top:0;height:80px;width:-moz-calc(100% - 1px);width:-webkit-calc(100% - 1px);width:calc(100% - 1px);background-color:#fff;}
  12. .productlist li{float:left;padding-top:10px;border-left:#CACACA solid 1px;height:70px;}
  13. .productlist .l1{width:27px;height:68px;text-align:left;padding:12px 0 0 8px;background-color:#F1F1F1;}
  14. .productlist .l1 input{float:left;width:16px;height:16px;}
  15. .productlist .l2{width:-moz-calc(100% - 607px);width:-webkit-calc(100% - 607px);width:calc(100% - 607px);text-align:left;padding-left:10px;line-height:18px;}
  16. .productlist .l2 img{margin:0 10px 0 0;}
  17. .productlist .l3{width:108px;padding-left:10px;}
  18. .productlist .l4{width:100px;}
  19. .productlist .l5{width:98px;}
  20. .productlist .l6{width:99px;}
  21. .productlist .l7{width:140px;}
  22. .productlist .l7 a{float:right;margin-right:10px;}
  23. .productlist .l7 a:hover{color:#ff6600;text-decoration:underline;}
  24. .productlist .l7 span{float:right;height:11px;border-left:#cacaca solid 1px;margin:3px 10px 0 0;}
  25. .productlist:hover{background:rgba(249,249,249,1);-webkit-transition:background-color 0.3s linear;-moz-transition:background-color 0.3s linear;-o-transition:background-color 0.3s linear;transition:background-color 0.3s linear;}
  26. .servercap{float:left;border:#CACACA solid 1px;border-left:0;margin:10px 0 0 0;height:38px;width:-moz-calc(100% - 1px);width:-webkit-calc(100% - 1px);width:calc(100% - 1px);background-color:#E8E8E8;font-weight:700;}
  27. .servercap li{float:left;padding-top:10px;border-left:#CACACA solid 1px;height:28px;}
  28. .servercap .l1{width:27px;height:26px;text-align:left;padding:12px 0 0 8px;}
  29. .servercap .l1 input{float:left;width:16px;height:16px;}
  30. .servercap .l2{width:-moz-calc(100% - 607px);width:-webkit-calc(100% - 607px);width:calc(100% - 607px);text-align:left;padding-left:10px;}
  31. .servercap .l3{width:108px;padding-left:10px;}
  32. .servercap .l4{width:100px;}
  33. .servercap .l5{width:98px;}
  34. .servercap .l6{width:99px;}
  35. .servercap .l7{width:130px;text-align:right;padding-right:10px;}
  36. .serverlist{float:left;border:#CACACA solid 1px;border-left:0;border-top:0;height:80px;width:-moz-calc(100% - 1px);width:-webkit-calc(100% - 1px);width:calc(100% - 1px);background-color:#fff;}
  37. .serverlist li{float:left;padding-top:10px;border-left:#CACACA solid 1px;height:70px;}
  38. .serverlist .l1{width:27px;height:68px;text-align:left;padding:12px 0 0 8px;background-color:#F1F1F1;}
  39. .serverlist .l1 input{float:left;width:16px;height:16px;}
  40. .serverlist .l2{width:-moz-calc(100% - 607px);width:-webkit-calc(100% - 607px);width:calc(100% - 607px);text-align:left;padding-left:10px;line-height:18px;}
  41. .serverlist .l2 img{margin:0 10px 0 0;}
  42. .serverlist .l3{width:108px;padding-left:10px;}
  43. .serverlist .l4{width:100px;}
  44. .serverlist .l5{width:98px;}
  45. .serverlist .l6{width:99px;}
  46. .serverlist .l7{width:140px;}
  47. .serverlist .l7 a{float:right;margin-right:10px;}
  48. .serverlist .l7 a:hover{color:#ff6600;text-decoration:underline;}
  49. .serverlist .l7 span{float:right;height:11px;border-left:#cacaca solid 1px;margin:3px 10px 0 0;}
  50. .serverlist:hover{background:rgba(249,249,249,1);-webkit-transition:background-color 0.3s linear;-moz-transition:background-color 0.3s linear;-o-transition:background-color 0.3s linear;transition:background-color 0.3s linear;}
  51. /*会员等级*/
  52. .right .dju1{float:left;width:697px;height:25px;margin:0 0 0 130px;clear:both;}
  53. .right .dju1 li{float:left;}
  54. .right .dju1 .l1{width:200px;}
  55. .right .dju1 .l2{width:200px;}
  56. .right .dju2{float:left;width:697px;height:25px;margin:0 0 0 130px;clear:both;}
  57. .right .dju2 li{float:left;}
  58. .right .dju2 li input{float:left;height:15px;}
  59. .right .dju2 .l1{width:200px;}
  60. .right .dju2 .l1 input{width:180px;background-color:#C1D5ED;border:#B6B7C9 solid 1px;}
  61. .right .dju2 .l2{width:100px;}
  62. .right .dju2 .l2 input{width:80px;}
  63. .right .rproglo{float:left;width:100%;margin:20px 0 0 0;text-align:left;}
  64. .right .rproglo .u1{float:left;width:100%;}
  65. .right .rproglo .u1 li{float:left;}
  66. .right .rproglo .u1 .l1{background-color:#F4F4F4;border:#D2CCCC solid 1px;padding:2px;width:80px;}
  67. .right .rproglo .u1 .l1 .tp{float:left;}
  68. .right .rproglo .u1 .l2{margin:0 0 0 10px;width:-moz-calc(100% - 96px);width:-webkit-calc(100% - 96px);width:calc(100% - 96px);font-size:14px;height:28px;}
  69. .right .rproglo .u1 .l2 strong{font-size:16px;}
  70. .right .rproglo .u1 .l3{margin:0 0 0 10px;width:-moz-calc(100% - 96px);width:-webkit-calc(100% - 96px);width:calc(100% - 96px);height:27px;}
  71. .right .rproglo .u1 .l3 strong{font-size:14px;}
  72. .right .rproglo .u1 .l4{margin:0 0 0 10px;width:-moz-calc(100% - 106px);width:-webkit-calc(100% - 106px);width:calc(100% - 106px);height:20px;border-top:#D2CCCC dotted 1px;border-bottom:#D2CCCC dotted 1px;background-color:#CEE0F5;padding:6px 0 0 10px;font-family:Arial, Helvetica, sans-serif;}
  73. .right .rserverglo{float:left;width:100%;margin:20px 0 0 0;text-align:left;}
  74. .right .rserverglo .u1{float:left;width:100%;}
  75. .right .rserverglo .u1 li{float:left;}
  76. .right .rserverglo .u1 .l1{background-color:#F4F4F4;border:#D2CCCC solid 1px;padding:2px;width:122px;}
  77. .right .rserverglo .u1 .l1 .tp{float:left;}
  78. .right .rserverglo .u1 .l2{margin:0 0 0 10px;width:-moz-calc(100% - 138px);width:-webkit-calc(100% - 138px);width:calc(100% - 138px);font-size:14px;height:28px;}
  79. .right .rserverglo .u1 .l2 strong{font-size:16px;}
  80. .right .rserverglo .u1 .l3{margin:0 0 0 10px;width:-moz-calc(100% - 138px);width:-webkit-calc(100% - 138px);width:calc(100% - 138px);height:27px;}
  81. .right .rserverglo .u1 .l3 strong{font-size:14px;}
  82. .right .rserverglo .u1 .l4{margin:0 0 0 10px;width:-moz-calc(100% - 148px);width:-webkit-calc(100% - 148px);width:calc(100% - 148px);height:20px;border-top:#D2CCCC dotted 1px;border-bottom:#D2CCCC dotted 1px;background-color:#CEE0F5;padding:6px 0 0 10px;font-family:Arial, Helvetica, sans-serif;}
  83. /*卡密*/
  84. .paykmcap{float:left;border:#CACACA solid 1px;border-left:0;margin:10px 0 0 0;height:38px;width:-moz-calc(100% - 1px);width:-webkit-calc(100% - 1px);width:calc(100% - 1px);background-color:#E8E8E8;font-weight:700;}
  85. .paykmcap li{float:left;padding-top:10px;border-left:#CACACA solid 1px;height:28px;}
  86. .paykmcap .l1{width:27px;height:26px;text-align:left;padding:12px 0 0 8px;}
  87. .paykmcap .l1 input{float:left;width:16px;height:16px;}
  88. .paykmcap .l2{width:-moz-calc(100% - 753px);width:-webkit-calc(100% - 753px);width:calc(100% - 753px);text-align:left;padding-left:10px;}
  89. .paykmcap .l3{width:282px;}
  90. .paykmcap .l4{width:120px;}
  91. .paykmcap .l5{width:100px;}
  92. .paykmcap .l6{width:200px;}
  93. .paykmlist{float:left;border:#CACACA solid 1px;border-left:0;border-top:0;height:37px;width:-moz-calc(100% - 1px);width:-webkit-calc(100% - 1px);width:calc(100% - 1px);background-color:#fff;}
  94. .paykmlist li{float:left;padding-top:10px;border-left:#CACACA solid 1px;height:27px;}
  95. .paykmlist .l1{width:27px;height:25px;text-align:left;padding:12px 0 0 8px;background-color:#F1F1F1;}
  96. .paykmlist .l1 input{float:left;width:16px;height:16px;}
  97. .paykmlist .l2{width:-moz-calc(100% - 753px);width:-webkit-calc(100% - 753px);width:calc(100% - 753px);text-align:left;padding-left:10px;}
  98. .paykmlist .l3{width:282px;}
  99. .paykmlist .l4{width:120px;}
  100. .paykmlist .l5{width:100px;}
  101. .paykmlist .l6{width:200px;}
  102. .paykmlist:hover{background:rgba(249,249,249,1);-webkit-transition:background-color 0.3s linear;-moz-transition:background-color 0.3s linear;-o-transition:background-color 0.3s linear;transition:background-color 0.3s linear;}
  103. /*评价*/
  104. .propj{float:left;border:#CACACA solid 1px;border-left:0;margin:10px 0 0 0;height:38px;width:-moz-calc(100% - 1px);width:-webkit-calc(100% - 1px);width:calc(100% - 1px);background-color:#E8E8E8;font-weight:700;}
  105. .propj li{float:left;padding-top:10px;border-left:#CACACA solid 1px;height:28px;}
  106. .propj .l1{width:27px;height:26px;text-align:left;padding:12px 0 0 8px;}
  107. .propj .l1 input{float:left;width:16px;height:16px;}
  108. .propj .l2{width:-moz-calc(100% - 458px);width:-webkit-calc(100% - 458px);width:calc(100% - 458px);text-align:left;padding-left:10px;}
  109. .propj .l3{width:148px;}
  110. .propj .l4{width:100px;}
  111. .propj .l5{width:160px;}
  112. .propjlist{float:left;border:#CACACA solid 1px;border-left:0;border-top:0;height:37px;width:-moz-calc(100% - 1px);width:-webkit-calc(100% - 1px);width:calc(100% - 1px);background-color:#fff;}
  113. .propjlist li{float:left;padding-top:10px;border-left:#CACACA solid 1px;height:27px;}
  114. .propjlist .l1{width:27px;height:25px;text-align:left;padding:12px 0 0 8px;background-color:#F1F1F1;}
  115. .propjlist .l1 input{float:left;width:16px;height:16px;}
  116. .propjlist .l2{width:-moz-calc(100% - 458px);width:-webkit-calc(100% - 458px);width:calc(100% - 458px);text-align:left;padding-left:10px;}
  117. .propjlist .l3{width:148px;}
  118. .propjlist .l4{width:100px;}
  119. .propjlist .l5{width:160px;}
  120. .propjlist:hover{background:rgba(249,249,249,1);-webkit-transition:background-color 0.3s linear;-moz-transition:background-color 0.3s linear;-o-transition:background-color 0.3s linear;transition:background-color 0.3s linear;}
  121. /*库存*/
  122. .kclistcap{float:left;border:#CACACA solid 1px;border-left:0;margin:10px 10px 0 10px;height:38px;width:-moz-calc(100% - 21px);width:-webkit-calc(100% - 21px);width:calc(100% - 21px);background-color:#E8E8E8;font-weight:700;}
  123. .kclistcap li{float:left;padding-top:10px;border-left:#CACACA solid 1px;height:28px;}
  124. .kclistcap .l1{width:27px;height:26px;text-align:left;padding:12px 0 0 8px;}
  125. .kclistcap .l1 input{float:left;width:16px;height:16px;}
  126. .kclistcap .l2{width:-moz-calc(100% - 622px);width:-webkit-calc(100% - 622px);width:calc(100% - 622px);text-align:left;padding-left:10px;}
  127. .kclistcap .l3{width:252px;}
  128. .kclistcap .l4{width:120px;}
  129. .kclistcap .l5{width:200px;}
  130. .kclist{float:left;border:#CACACA solid 1px;border-left:0;border-top:0;height:37px;margin:0 10px;width:-moz-calc(100% - 21px);width:-webkit-calc(100% - 21px);width:calc(100% - 21px);background-color:#fff;}
  131. .kclist li{float:left;padding-top:10px;border-left:#CACACA solid 1px;height:27px;}
  132. .kclist .l1{width:27px;height:25px;text-align:left;padding:12px 0 0 8px;background-color:#F1F1F1;}
  133. .kclist .l1 input{float:left;width:16px;height:16px;}
  134. .kclist .l2{width:-moz-calc(100% - 622px);width:-webkit-calc(100% - 622px);width:calc(100% - 622px);text-align:left;padding-left:10px;}
  135. .kclist .l3{width:252px;}
  136. .kclist .l4{width:120px;}
  137. .kclist .l5{width:200px;}
  138. .kclist:hover{background:rgba(249,249,249,1);-webkit-transition:background-color 0.3s linear;-moz-transition:background-color 0.3s linear;-o-transition:background-color 0.3s linear;transition:background-color 0.3s linear;}