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.
 
 
 
 
 

247 lines
4.2 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. height: 1.84375rem;
  89. line-height: 1.84375rem;
  90. }
  91. .prhnameb{
  92. font-size: 0.375rem;
  93. color: #999;
  94. float: left;
  95. }
  96. .plx{
  97. margin-left: 0.078125rem;
  98. overflow: hidden;
  99. }
  100. .plx img{
  101. float: left;
  102. width: 0.3125rem;
  103. height: 0.1875rem;
  104. margin-top: 0.15625rem;
  105. margin-left: 0.15625rem;
  106. }
  107. .productoneleft{
  108. float: left;
  109. width: 5.075rem;
  110. }
  111. .productoneright{
  112. float: left;
  113. overflow: hidden;
  114. height: 1.84375rem;
  115. width: 4.096875rem;
  116. }
  117. .productoneright span{
  118. float: right;
  119. }
  120. /*.productoneright span:nth-of-type(1){
  121. margin-top: 0.859375rem;
  122. font-size: 0.28125rem;
  123. color: #ff8800;
  124. margin-left: 0.109375rem;
  125. }*/
  126. .productoneright span:nth-of-type(2){
  127. /*margin-top: 0.71875rem;*/
  128. height: 1.84375rem;
  129. line-height: 1.84375rem;
  130. font-size: 0.421875rem;
  131. font-weight: 600;
  132. color: #ff8800;
  133. /* width: 1.1rem;*/
  134. }
  135. .productoneright span:nth-of-type(1){
  136. width: 2.1875rem;
  137. height: 0.9375rem;
  138. border-radius:0.09375rem;
  139. background: #ff8800;
  140. color: #000;
  141. font-size:0.5rem;
  142. color: #fff;
  143. text-align: center;
  144. line-height: 0.9375rem;
  145. margin-top: 0.46875rem;
  146. margin-left: 0.4rem;
  147. }
  148. .pddone{
  149. width: 9.09375rem;
  150. margin:0 auto;
  151. margin-top: 0.546875rem;
  152. font-size: 0.34375rem;
  153. color: #6e6e6e;
  154. }
  155. .pddone img{
  156. margin-top: 0.328125rem;
  157. width: 9.0625rem;
  158. height: 5.0rem;
  159. }
  160. #pddbutton{
  161. margin: 0 auto;
  162. margin-top: 0.59375rem;
  163. width: 1.975rem;
  164. overflow: hidden;
  165. height: 0.9375rem;
  166. }
  167. #pddbutton span{
  168. float: left;
  169. font-size: 0.375rem;
  170. color:#6e6e6e;
  171. }
  172. #pddbutton img{
  173. width: 0.25rem;
  174. height: 0.3125rem;
  175. float: left;
  176. margin-top: 0.09375rem;
  177. margin-left: 0.109375rem;
  178. }
  179. .rtkfheader img{
  180. width: 0.78125rem;
  181. height: 0.78125rem;
  182. margin:0 auto;
  183. margin-bottom: 0.15625rem;
  184. }
  185. .col-4{
  186. text-align: center;
  187. height: 2.171875rem;
  188. }
  189. .col-4 div{
  190. font-size: 0.3125rem;
  191. color: #6e6e6e;
  192. }
  193. .footerbanner{
  194. width: 9.2rem;
  195. margin:0 auto;
  196. height: 1.28125rem;
  197. }
  198. .line{
  199. float: left;
  200. width: 2.84375rem;
  201. height: 0.390625rem;
  202. border-bottom: 0.03125rem solid #ccc;
  203. }
  204. .line:nth-of-type(2){
  205. margin-left: 0.609375rem;
  206. }
  207. .footerbanner img{
  208. float: left;
  209. margin-left: 0.609375rem;
  210. width: 2.21875rem;
  211. height: 0.8125rem;
  212. }
  213. body{
  214. position: relative;
  215. }
  216. #detailsone{
  217. position: absolute;
  218. top: 0.0rem;
  219. left: 0rem;
  220. background: rgba(0,0,0,0.8);
  221. width: 100%;
  222. display: none;
  223. }
  224. .dscontent{
  225. position: relative;
  226. width: 10rem;
  227. margin:0 auto;
  228. }
  229. #x{
  230. font-size: 0.5625rem;
  231. color: red;
  232. font-weight: 600;
  233. position: absolute;
  234. right: 0.3125rem;
  235. top: 0.15625rem;
  236. }
  237. #detailcontent{
  238. position: absolute;
  239. top:0.625rem;
  240. width:9.9475rem;
  241. left:0.46875rem;
  242. color: #fff;
  243. font-size: 0.5625rem;
  244. }