index.css 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227
  1. @charset "gb2312";
  2. @-webkit-keyframes fadeIn {
  3. 0% {opacity: 0.5;}
  4. 20% {opacity: 0.5;}
  5. 50% {opacity: 0.7;}
  6. 75% {opacity: 0.75;}
  7. 100% {opacity: 1;}
  8. }
  9. /*列表*/
  10. .mydqwz{float:left;color:#666;text-align:left;width:1200px;margin:17px 0 0 0;height:26px;}
  11. .mydqwz li{float:left;}
  12. .mydqwz .l1 a{color:#666666;}
  13. .proxuan{float:left;width:950px;margin:10px 0 0 0;text-align:left;border-radius:4px;background-color:#fff;margin-bottom: 20px;}
  14. .proxuan .u1{float:left;width:930px;border-bottom:#E5E5E5 dotted 1px;font-size:14px;padding:15px 10px 10px 10px;}
  15. .proxuan .u1 li{float:left;}
  16. .proxuan .u1 .l1{width:100px;padding-right:10px;color:#949494;text-align:right;}
  17. .proxuan .u1 .l2{width:820px;}
  18. .proxuan .u1 .l2 span{float:left;width:100px;height:18px;margin:0 10px 6px 0;overflow:hidden;}
  19. .proxuan .u1 .l2 span a{color:#767676;}
  20. .proxuan .u1 .l2 span a:hover{color:#F32424;}
  21. .proxuan .u1 .l2 span .a1{color:#F32424;}
  22. .proxuan .u1 .l2 span .ah{float:left;padding:0 0 0 20px;background:url(../img/gou1.png) no-repeat;background-position:0 2px;color:#F32424;}
  23. .proxuan .u1 .l2 span .an{float:left;padding:0 0 0 20px;background:url(../img/gou2.png) no-repeat;background-position:0 2px;}
  24. .proxuan .nser{float:left;background-color:#fff;width:880px;font-size:14px;padding:0 10px 13px 10px;border-bottom:#F3F3F3 solid 1px;}
  25. .proxuan .nser .xsm{float:left;padding-right:10px;padding-top:15px;width:100px;color:#949494;text-align:right;}
  26. .proxuan .nser .xuan{float:left;width:770px;}
  27. .proxuan .nser .xuan span{float:left;}
  28. .proxuan .nser .xuan span a{float:left;padding:1px 18px 0 6px;height:21px;margin:13px 15px 0 0;border:#E8E8E8 solid 1px;background:url(../../img/serclose1.png) right center no-repeat;background-color:#fff;color:#767676;}
  29. .proxuan .nser .xuan span a:hover{text-decoration:none;border:#E0E0E0 solid 1px;}
  30. .projyi{float:right;width:240px;text-align:left;margin:10px 0 0 0;background-color:#fff;height:112px;overflow:hidden;}
  31. .projyi .ptj{float:left;width:240px;text-align:center;font-size:25px;font-family:Georgia, "Times New Roman", Times, serif;border-radius:4px 4px 0 0;color:#fff;background:url(../img/jiaoyi.gif) left top no-repeat;height:95px;padding:17px 0 0 0;}
  32. .projyi .u1{float:left;width:240px;background-color:#fff;}
  33. .projyi .u1 li{float:left;}
  34. .projyi .u1 .l1{width:30px;border-top:#AAAAAA solid 1px;margin:27px 0 0 45px;}
  35. .projyi .u1 .l2{width:90px;text-align:center;font-size:16px;font-weight:700;margin:15px 0 0 0;}
  36. .projyi .u1 .l3{width:30px;border-top:#AAAAAA solid 1px;margin:27px 0 0 0;}
  37. .projyi .u1 .l4{width:240px;padding:7px 0 10px 0;text-align:center;color:#AAAAAA;}
  38. .projyi .gdmain{float:left;width:240px;overflow:hidden;height:70px;background-color:#fff;}
  39. .projyi .gdmain .gd{float:left;width:240px;height:70px;}
  40. .projyi .gdmain .gd .u2{float:left;width:220px;height:60px;margin:0 10px 0 10px;border-radius:4px;background-color:#F3F3F3;}
  41. .projyi .gdmain .gd .u2 li{float:left;}
  42. .projyi .gdmain .gd .u2 .l1{width:60px;padding:10px 0 0 10px;color:#A0A0A0;background:url(../img/jianright.gif) no-repeat;background-position:0 15px;margin-left:5px;}
  43. .projyi .gdmain .gd .u2 .l2{width:140px;text-align:right;padding:10px 5px 0 0;color:#A0A0A0;}
  44. .projyi .gdmain .gd .u2 .l3{width:210px;padding:6px 5px 0 5px;}
  45. .projyi .gdmain .gd .u2 .l3 span{float:left;width:210px;height:16px;overflow:hidden;color:#6a6a6a;}
  46. .projyi .gdmain .gd .u2 .l3 a:hover{color:#ff6600;}
  47. .yjcode .paixu{float:left;width:900px;font-size:14px;text-align:left;}
  48. .yjcode .paixu .d1{float:left;width:300px}
  49. .yjcode .paixu .d1 a{float:left;width:50px;padding:11px 0 12px 10px;}
  50. .yjcode .paixu .d1 a:hover{text-decoration:none;}
  51. .yjcode .paixu .d1 .a1{background:url(../img/jian1.gif) no-repeat;background-position:42px 16px;}
  52. .yjcode .paixu .d1 .a2{background:url(../img/jian2.gif) no-repeat;background-position:42px 16px;}
  53. .yjcode .paixu .d1 .g_ac1_h{background-color:#FAFAFA;}
  54. .yjcode .paixu .d2{float:right;width:600px;}
  55. .yjcode .paixu .d2 .u2{float:left;width:600px;}
  56. .yjcode .paixu .d2 .u2 li{float:left;}
  57. .yjcode .paixu .d2 .u2 .l2{padding-right:10px;}
  58. .yjcode .paixu .d2 .u2 .l2 span{float:left;margin:-1px 0 0 4px;}
  59. .yjcode .paixu .d2 .u2 .l2 input{float:left;margin:1px 0 0 0;border:#e5e5e5 solid 1px;width:16px;height:16px;}
  60. .yjcode .paixu .d2 .u2 .l2 label{cursor:pointer;}
  61. .yjcode .paixu .d2 .u2 .l4{padding:12px 0 0 10px;width:50px;text-align:right;}
  62. .yjcode .paixu .d2 .u2 .l5{padding:10px 0 0 0;width:40px;}
  63. .yjcode .paixu .d2 .u2 .l5 input{float:left;border:#E5E5E5 solid 1px;width:32px;height:20px;}
  64. .yjcode .paixu .d2 .u2 .l6{padding:10px 0 0 0;width:15px;}
  65. .yjcode .paixu .d2 .u2 .l7{padding:12px 0 0 5px;width:62px;text-align:right;}
  66. .yjcode .paixu .d2 .u2 .l8{padding:10px 0 0 0;width:95px;}
  67. .yjcode .paixu .d2 .u2 .l8 input{float:left;border:#E5E5E5 solid 1px;width:82px;height:17px;}
  68. .yjcode .paixu .d2 .u2 .l9{width:50px;padding:10px 0 0 0;}
  69. .yjcode .paixu .d2 .u2 .l9 input{float:left;width:41px;height:22px;cursor:pointer;border:#E5E5E5 solid 1px;background-color:#f2f2f2;}
  70. @media screen and (-webkit-min-device-pixel-ratio:0) {
  71. .yjcode .paixu .d2 .u2 .l2{padding:13px 0 0 10px;}
  72. .yjcode .paixu .d2 .u2 .l5 input{height:22px;}
  73. .yjcode .paixu .d2 .u2 .l8 input{height:22px;}
  74. }
  75. /*列表 缩略图形式*/
  76. .yjcode .biglist{float:left;text-align:left;width:1150px;}
  77. .yjcode .biglist .u1{float:left;width:218px;padding:1px;margin:10px 10px 0 0;border:#F2F2F2 solid 1px;background-color:#fff;}
  78. .yjcode .biglist .u1 li{float:left;}
  79. .yjcode .biglist .u1 .l1{width:218px;height:218px;overflow:hidden;position:relative;}
  80. .yjcode .biglist .u1 .l1 img{width:218px;height:218px;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
  81. .yjcode .biglist .u1 .l1 .d1{float:left;position:absolute;background:url(../img/ysbg.png) left top no-repeat;width:218px;height:30px;margin:218px 0 0 0;text-align:left;-webkit-animation-name:fadeIn;-webkit-animation-duration:1s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0s;z-index:1;}
  82. .yjcode .biglist .u1 .l1 .d1 a{color:#fff;}
  83. .yjcode .biglist .u1 .l1 .d1 .s1{float:left;width:110px;padding:7px 0 0 40px;}
  84. .yjcode .biglist .u1 .l1 .d1 .s2{float:left;width:60px;color:#fff;padding:7px 0 0 8px;}
  85. .yjcode .biglist .u1 .l1 .d1 a:hover{text-decoration:none;}
  86. .yjcode .biglist .u1 .l3{width:208px;height:38px;font-size:14px;padding:8px 5px 0 5px;overflow:hidden;}
  87. .yjcode .biglist .u1 .l3 .st{float:left;font-family:"宋体";font-size:12px;text-align:center;margin:2px 0 0 0;}
  88. .yjcode .biglist .u1 .l3 .s1{color:#fff;background-color:#000000;width:27px;height:15px;padding:1px 0 0 2px;border-radius:2px 0 0 2px;}
  89. .yjcode .biglist .u1 .l3 .s2{color:#000;border:#000 solid 1px;background-color:#EFC532;width:26px;height:14px;margin-right:3px;border-radius:0 2px 2px 0;}
  90. .yjcode .biglist .u1 .l3 a{color:#666;}
  91. .yjcode .biglist .u1 .l3 a:hover{color:#E23A3A;text-decoration:none;}
  92. .yjcode .biglist .u1 .l2{width:217px;height:26px;padding:6px 0 0 1px;font-size:19px;color:#F34479;}
  93. .yjcode .biglist .u1 .l5{width:210px;font-size:14px;height:18px;padding:1px 3px 0 5px;overflow:hidden;}
  94. .yjcode .biglist .u1 .l5 a{color:#999;}
  95. .yjcode .biglist .u1 .l5 a:hover{color:#E23A3A;}
  96. .yjcode .biglist .u1 .l6{width:211px;text-align:center;padding:0 5px 0 2px;height:34px;}
  97. .yjcode .biglist .u1 .l6 span{float:right;padding:1px 4px 1px 4px;cursor:pointer;margin:7px 0 0 3px;border-radius:2px;font-family:Arial, Helvetica, sans-serif;}
  98. .yjcode .biglist .u1 .l6 .s0{float:left;background-color:#E23A3A;border:#E23A3A solid 1px;color:#fff;}
  99. .yjcode .biglist .u1 .l6 .s1{border:#E23A3A solid 1px;color:#E23A3A;}
  100. .yjcode .biglist .u1 .l1:hover .d1{display:block; margin-top:188px;transition:all .3s;}
  101. .yjcode .biglist .u0{margin-right:0;}
  102. .yjcode .biglist .u1:hover{box-shadow:0 0 10px rgba(0,0,0,.3);}
  103. .yjcode .biglist .u1:hover .l1 img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
  104. /*横向无图*/
  105. .list{float:left;width:292px;margin:10px 10px 0 0;border-top:#2667E9 solid 3px;text-align:left;height:335px;background:url(../img/duanbg.png) right top no-repeat;background-color:#fff;}
  106. .list .u1{float:left;margin:16px 20px 0 20px;width:240px;height:30px;}
  107. .list .u1 li{float:left;}
  108. .list .u1 .l1{width:180px;}
  109. .list .u1 .l1 span{float:left;padding:1px 4px 1px 4px;cursor:pointer;margin:0 3px 0 0;border-radius:2px;font-family:Arial, Helvetica, sans-serif;}
  110. .list .u1 .l1 .s0{float:left;background-color:#E23A3A;border:#E23A3A solid 1px;color:#fff;}
  111. .list .u1 .l1 .s1{border:#E23A3A solid 1px;color:#E23A3A;}
  112. .list .u1 .l2{width:60px;}
  113. .list .u1 .l2 span{float:right;color:#3665C2;padding:2px 15px 0 15px;height:18px;border-radius:25px;background-color:#E9EDF7;}
  114. .list .d1{float:left;width:240px;height:45px;padding:0 20px;}
  115. .list .d1 a{float:left;overflow:hidden;width:100%;height:50px;font-size:16px;font-weight:700;line-height:25px;}
  116. .list .u2{float:left;margin:16px 20px 0 20px;width:240px;height:40px;}
  117. .list .u2 li{float:left;}
  118. .list .u2 .l1{font-size:18px;color:#FD4249;font-weight:700;width:230px;}
  119. .list .u2 .l2{width:10px;}
  120. .list .u3{float:left;width:280px;border-bottom:#ECEDF5 solid 1px;font-size:13px;overflow:hidden;height:126px;}
  121. .list .u3 li{float:left;width:120px;border-top:#ECEDF5 solid 1px;height:53px;padding:9px 0 0 20px;line-height:22px;color:#555266;}
  122. .list .u3 li span{color:#AFACBF;font-size:12px;}
  123. .list .u3 .l1{border-left:#ECEDF5 solid 1px;width:119px;}
  124. .list .u3 .l3{border-left:#ECEDF5 solid 1px;width:119px;}
  125. .list .u4{float:left;height:61px;width:280px;}
  126. .list .u4 li{float:left;height:61px;}
  127. .list .u4 .l0{width:10px;height:61px;}
  128. .list .u4 .l0 span{width:1px;border-left:#ECEDF5 solid 1px;height:12px;margin:24px 0 0 0;float:left;}
  129. .list .u4 .l1{width:140px;}
  130. .list .u4 .l1 a{float:left;background:url(../../img/qq2.gif) no-repeat;color:#9EC7D9;font-size:14px;margin:18px 0 0 0;padding:3px 0 0 45px;height:30px;background-position:14px 0;}
  131. .list .u4 .l2 a{float:left;background:url(../img/view.gif) no-repeat;color:#AFACBF;font-size:14px;margin:18px 0 0 0;padding:3px 0 0 40px;height:30px;background-position:14px 4px;}
  132. .list0{margin-right:0;}
  133. /*列表 多行形式*/
  134. .zxlist{float:left;width:1148px;border:#ECECEC solid 1px;background-color:#fff;text-align:left;margin:14px 0 0 0;padding:0 0 20px 0;}
  135. .zxlist .listl{float:left;margin:20px 0 0 12px;width:966px;}
  136. .zxlist .listl .d1{float:left;width:100%;margin:0 0 20px 0;}
  137. .zxlist .listl .d1 img{float:left;width:22px;height:22px;border-radius:22px;margin:5px 0 0 0;}
  138. .zxlist .listl .d1 span{float:left;margin:0 0 0 10px;width:934px;height:28px;font-size:23px;overflow:hidden;}
  139. .zxlist .listl .d1 a:hover{color:#ff6600;}
  140. .zxlist .listl .d2{float:left;font-size:16px;padding:0 48px 0 32px;line-height:22px;border-right:#EBEBEB solid 1px;height:45px;}
  141. .zxlist .listl .d2 span{color:#A7A7A7;font-size:12px;}
  142. .zxlist .listl .d3{float:left;margin:0 0 0 32px;color:#F32424;font-family:Georgia, "Times New Roman", Times, serif;}
  143. .zxlist .listl .d3 .s1{font-size:20px;}
  144. .zxlist .listl .d3 .s2{font-size:35px;font-weight:700;}
  145. .zxlist .listl .d4{float:left;width:936px;clear:both;border-top:#DBDBDB dotted 1px;margin:19px 30px 0 0;clear:both;}
  146. .zxlist .listl .d4 .s1{float:left;border:#F6B585 solid 1px;color:#F6B585;font-size:14px;padding:3px 15px 0 15px;margin:10px 20px 0 0;border-radius:15px;height:22px;}
  147. .zxlist .listl .d4 .s2{float:right;color:#999;margin:14px 0 0 0;}
  148. .zxlist .listl .d4 .s3{float:right;color:#999;margin:14px 0 0 20px;background:url(../img/sj.png) no-repeat;background-position:0 1px;padding:0 0 0 17px;}
  149. .zxlist .listr{float:right;margin:20px 12px 0 0;width:150px;}
  150. .zxlist .listr img{float:right;width:150px;height:150px;border-radius:10px;}
  151. .zxlist:hover{background-color:#F7F7F7;}
  152. /*更多评论*/
  153. .allpjcap{float:left;width:1150px;background-color:#fff;padding:0 0 10px 0;margin:10px 0 0 0;border-bottom:#F6F5F7 solid 1px;}
  154. .allpjcap li{float:left;}
  155. .allpjcap .l2{border-right:#E5E5E5 dotted 1px;width:120px;margin:10px 0 0 0;height:40px;text-align:center;color:#999;line-height:20px;}
  156. .allpjcap .l2 strong{font-size:18px;font-family:Arial, Helvetica, sans-serif;color:#ff6600;}
  157. .allpjcap .l3{width:636px;}
  158. .allpjcap .l3 a{float:right;margin:18px 0 0 0;color:#fff;background-color:#ff6600;width:150px;font-size:14px;height:29px;text-align:center;padding:10px 0 0 0;}
  159. .allpjlist{float:left;width:1090px;background-color:#fff;padding:0 30px 20px 30px;}
  160. .allpjlist .pj{float:left;width:1090px;margin:20px 0 0 0;background-color:#fff;padding:5px 0 5px 0;}
  161. .allpjlist .pj .u1{float:left;text-align:center;width:100px;}
  162. .allpjlist .pj .u1 li{float:left;}
  163. .allpjlist .pj .u1 .l1{width:100px;padding:0 0 5px 0;}
  164. .allpjlist .pj .u1 .l1 img{border-radius:50px;}
  165. .allpjlist .pj .u1 .l2{width:100px;color:#999;}
  166. .allpjlist .pj .u2{float:left;text-align:left;width:860px;}
  167. .allpjlist .pj .u2 li{float:left;}
  168. .allpjlist .pj .u2 .l1{border-bottom:#DBDBDB dotted 1px;font-size:16px;padding:0 0 5px 0;line-height:25px;width:700px;}
  169. .allpjlist .pj .u2 .l1 img{border:#f2f2f2 solid 1px;margin:5px 5px 0 0;}
  170. .allpjlist .pj .u2 .l2{padding:10px 0 0 0;line-height:20px;width:700px;}
  171. .allpjlist .pj .u2 .l3{padding:10px 0 0 0;width:700px;color:#999;}
  172. .allpjlist .pj .d2{float:right;color:#FFD600;font-size:16px;width:130px;text-align:right;}
  173. .allpjlist .pj .d2 span{float:left;padding:0 30px 0 0;width:100px;}
  174. .allpjlist .pj .d2 .s1{background:url(img/pj1.gif) right center no-repeat;}
  175. .allpjlist .pj .d2 .s2{background:url(img/pj2.gif) right center no-repeat;}
  176. .allpjlist .pj .d2 .s3{background:url(img/pj3.gif) right center no-repeat;}
  177. .allpjlist .pj .d3{float:right;width:80px;height:28px;padding:8px 0 0 50px;}
  178. .allpjlist .pj .d3 .img1{float:left;}
  179. .allpjlist .pj .d3 .pf{float:left;margin-top:-15px;height:15px;overflow:hidden;}
  180. .allpjlist .pj1{border-left:#FFAC13 solid 2px;}
  181. .allpjlist .pj2{border-left:#83C44E solid 2px;}
  182. .allpjlist .pj3{border-left:#2196F3 solid 2px;}
  183. /*所有问答*/
  184. .allwdlist{float:left;width:1090px;padding:15px 30px 15px 30px;border-bottom:#EDEDED solid 1px;font-size:14px;background-color:#fff;text-align:left;}
  185. .allwdlist .u1{float:left;width:1090px;}
  186. .allwdlist .u1 li{float:left;}
  187. .allwdlist .u1 .l1{width:25px;margin:0px 0 0 0;}
  188. .allwdlist .u1 .l1 span{float:left;color:#fff;background-color:#FF9911;width:19px;height:19px;border-radius:16px;text-align:center;padding:0 0 0 0;}
  189. .allwdlist .u1 .l2{width:860px;font-weight:700;}
  190. .allwdlist .u1 .l3{width:205px;color:#999;text-align:right;}
  191. .allwdlist .u2{float:left;width:1090px;margin:15px 0 0 0;}
  192. .allwdlist .u2 li{float:left;}
  193. .allwdlist .u2 .l1{width:25px;margin:0px 0 0 0;}
  194. .allwdlist .u2 .l1 span{float:left;color:#fff;background-color:#99BB11;width:19px;height:19px;border-radius:16px;text-align:center;padding:0 0 0 0;}
  195. .allwdlist .u2 .l2{width:860px;font-weight:700;}
  196. .allwdlist .u2 .l3{width:205px;color:#999;text-align:right;}