You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

242 lines
4.1 KiB

  1. .tic_content{
  2. width: 10.0rem;
  3. margin: 0 auto;
  4. background-color:#f0f0f0;
  5. }
  6. .top_banner{
  7. position: relative;
  8. width: 10.0rem;
  9. height: 4.6875rem;
  10. }
  11. .tb{
  12. width: 10.0rem;
  13. height: 4.6875rem;
  14. }
  15. .tbname{
  16. position: absolute;
  17. height: 0.9375rem;
  18. line-height: 0.9375rem;
  19. width: 9.53125rem;
  20. bottom: 0;
  21. left: 0;
  22. background:rgba(0,0,0,0.8);
  23. font-size: 0.34375rem;
  24. color: #fff;
  25. padding-left: 0.46875rem;
  26. }
  27. .productreserve,.productdetails{
  28. width: 9.9475rem;
  29. margin-top: 0.15625rem;
  30. border: 0.03125rem solid #dfdfdf;
  31. background:#fff;
  32. }
  33. .productdetails{
  34. margin-bottom: 0.515625rem;
  35. }
  36. .prheader,.pdheader{
  37. height: 0.921875rem;
  38. width: 9.5rem;
  39. border-bottom: 0.03125rem solid #efefef;
  40. overflow: hidden;
  41. padding-left: 0.4375rem;
  42. }
  43. .prhname,.pdhname{
  44. float: left;
  45. width: 7.203125rem;
  46. width: 6.6875rem;
  47. height: 0.921875rem;
  48. line-height: 0.921875rem;
  49. font-size: 0.390625rem;
  50. padding-left: 0.515625rem;
  51. background-image: url(../images/prdicon.png);
  52. background-size: 0.34375rem 0.40625rem;
  53. background-position: 0rem 0.27125rem;
  54. background-repeat: no-repeat;
  55. color: #4a4a4a;
  56. }
  57. .pdhname{
  58. background-image: url(../images/iconx.png);
  59. }
  60. .prhprocess{
  61. float: left;
  62. width: 1.765625rem;
  63. height: 0.921875rem;
  64. line-height: 0.921875rem;
  65. font-size: 0.3125rem;
  66. padding-left: 0.53125rem;
  67. background-image: url(../images/resever.png);
  68. background-size: 0.375rem 0.375rem;
  69. background-position: 0rem 0.27125rem;
  70. background-repeat: no-repeat;
  71. color: #999;
  72. }
  73. .productone{
  74. margin-left:0.34375rem;
  75. margin-right:0.34375rem;
  76. overflow: hidden;
  77. border-bottom: 0.03125rem dashed #e9e7e7;
  78. }
  79. .productone:nth-last-of-type(1){
  80. border: none;
  81. }
  82. .prhnamea{
  83. margin-left: 0.078125rem;
  84. font-size: 0.375rem;
  85. color: #6e6e6e;
  86. margin-top: 0.421875rem;
  87. height: 0.671875rem;
  88. }
  89. .prhnameb{
  90. font-size: 0.375rem;
  91. color: #999;
  92. float: left;
  93. }
  94. .plx{
  95. margin-left: 0.078125rem;
  96. overflow: hidden;
  97. }
  98. .plx img{
  99. float: left;
  100. width: 0.3125rem;
  101. height: 0.1875rem;
  102. margin-top: 0.15625rem;
  103. margin-left: 0.15625rem;
  104. }
  105. .productoneleft{
  106. float: left;
  107. width: 5.375rem;
  108. }
  109. .productoneright{
  110. float: left;
  111. overflow: hidden;
  112. height: 1.84375rem;
  113. width: 3.796875rem;
  114. }
  115. .productoneright span{
  116. float: left;
  117. }
  118. .productoneright span:nth-of-type(1){
  119. margin-top: 0.859375rem;
  120. font-size: 0.28125rem;
  121. color: #ff8800;
  122. margin-left: 0.109375rem;
  123. }
  124. .productoneright span:nth-of-type(2){
  125. margin-top: 0.71875rem;
  126. font-size: 0.421875rem;
  127. font-weight: 600;
  128. color: #ff8800;
  129. margin-left: 0.109375rem;
  130. }
  131. .productoneright span:nth-of-type(3){
  132. width: 2.1875rem;
  133. height: 0.9375rem;
  134. border-radius:0.09375rem;
  135. background: #ff8800;
  136. color: #000;
  137. font-size:0.5rem;
  138. color: #fff;
  139. text-align: center;
  140. line-height: 0.9375rem;
  141. margin-left: 0.625rem;
  142. margin-top: 0.46875rem;
  143. }
  144. .pddone{
  145. width: 9.09375rem;
  146. margin:0 auto;
  147. margin-top: 0.546875rem;
  148. font-size: 0.34375rem;
  149. color: #6e6e6e;
  150. }
  151. .pddone img{
  152. margin-top: 0.328125rem;
  153. width: 9.0625rem;
  154. height: 5.0rem;
  155. }
  156. #pddbutton{
  157. margin: 0 auto;
  158. margin-top: 0.59375rem;
  159. width: 1.975rem;
  160. overflow: hidden;
  161. height: 0.9375rem;
  162. }
  163. #pddbutton span{
  164. float: left;
  165. font-size: 0.375rem;
  166. color:#6e6e6e;
  167. }
  168. #pddbutton img{
  169. width: 0.25rem;
  170. height: 0.3125rem;
  171. float: left;
  172. margin-top: 0.09375rem;
  173. margin-left: 0.109375rem;
  174. }
  175. .rtkfheader img{
  176. width: 0.78125rem;
  177. height: 0.78125rem;
  178. margin:0 auto;
  179. margin-bottom: 0.15625rem;
  180. }
  181. .col-4{
  182. text-align: center;
  183. height: 2.171875rem;
  184. }
  185. .col-4 div{
  186. font-size: 0.3125rem;
  187. color: #6e6e6e;
  188. }
  189. .footerbanner{
  190. width: 9.2rem;
  191. margin:0 auto;
  192. height: 1.28125rem;
  193. }
  194. .line{
  195. float: left;
  196. width: 2.84375rem;
  197. height: 0.390625rem;
  198. border-bottom: 0.03125rem solid #ccc;
  199. }
  200. .line:nth-of-type(2){
  201. margin-left: 0.609375rem;
  202. }
  203. .footerbanner img{
  204. float: left;
  205. margin-left: 0.609375rem;
  206. width: 2.21875rem;
  207. height: 0.8125rem;
  208. }
  209. body{
  210. position: relative;
  211. }
  212. #detailsone{
  213. position: absolute;
  214. top: 0.0rem;
  215. left: 0rem;
  216. background: rgba(0,0,0,0.8);
  217. width: 100%;
  218. display: none;
  219. }
  220. .dscontent{
  221. position: relative;
  222. width: 10rem;
  223. margin:0 auto;
  224. }
  225. #x{
  226. font-size: 0.5625rem;
  227. color: red;
  228. font-weight: 600;
  229. position: absolute;
  230. right: 0.3125rem;
  231. top: 0.15625rem;
  232. }
  233. #detailcontent{
  234. position: absolute;
  235. top:0.625rem;
  236. width:9.9475rem;
  237. left:0.46875rem;
  238. color: #fff;
  239. font-size: 0.5625rem;
  240. }