update.css 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
  1. /*提示更新*/
  2. #tiShiGengXin{
  3. position: absolute;
  4. top: 0px;
  5. color: #fff;
  6. font-size: 16px;
  7. display: none;
  8. background: url(../images/layout/tishi11.png) no-repeat;
  9. width: 416px;
  10. text-align: center;
  11. height: 40px;
  12. line-height: 40px;
  13. right: 200px;
  14. z-index: 9;
  15. }
  16. #tiShiGengXin a{
  17. background: #146ec0 url(../images/layout/down11.png) 15px 7px no-repeat;
  18. padding: 5px 20px 5px 45px;
  19. border: 1px solid #0cbbf4;
  20. border-radius: 25px;
  21. margin-left: 5px;
  22. color: #fff;
  23. text-decoration: none;
  24. }
  25. #tiShiGengXin .closeTS{
  26. position: absolute;
  27. width: 18px;
  28. height: 18px;
  29. top: 5px;
  30. right: 5px;
  31. background: url(../images/layout/close11.png) no-repeat;
  32. cursor: pointer;
  33. }
  34. #diBanBen{
  35. position: absolute;
  36. left: 50%;
  37. margin-top: 88px;
  38. margin-left: -400px;
  39. display: none;
  40. top: 0;
  41. }
  42. #diBanBen .tab-left{
  43. width: 180px;
  44. height: 500px;
  45. background: url(../images/dibanben/bj.png) no-repeat;
  46. display: inline-block;
  47. vertical-align: top;
  48. padding: 0;
  49. }
  50. #diBanBen .tab-left li{
  51. color: #fff;
  52. font-size: 16px;
  53. padding: 20px 0 20px 50px;
  54. cursor: pointer;
  55. list-style: none;
  56. }
  57. #diBanBen .tab-left li.xp{
  58. background: url(../images/dibanben/normal.png) 20px 22px no-repeat;
  59. }
  60. #diBanBen .tab-left li.win7{
  61. background: url(../images/dibanben/normal.png) 20px -38px no-repeat;
  62. }
  63. #diBanBen .tab-left li.sanw{
  64. background: url(../images/dibanben/normal.png) 20px -98px no-repeat;
  65. }
  66. #diBanBen .tab-left li.active{
  67. color: #336ae0;
  68. }
  69. #diBanBen .tab-left li.xp.active{
  70. background: #fff url(../images/dibanben/active.png) 20px 22px no-repeat;
  71. }
  72. #diBanBen .tab-left li.win7.active{
  73. background: #fff url(../images/dibanben/active.png) 20px -38px no-repeat;
  74. }
  75. #diBanBen .tab-left li.sanw.active{
  76. background: #fff url(../images/dibanben/active.png) 20px -98px no-repeat;
  77. }
  78. #diBanBen .tab-right{
  79. width: 620px;
  80. height: 500px;
  81. background: #fff;
  82. display: inline-block;
  83. text-align: center;
  84. }
  85. #diBanBen .tab-right li{
  86. display: none;
  87. font-size: 20px;
  88. color: #666;
  89. margin-top: 103px;
  90. list-style: none;
  91. }
  92. #diBanBen .tab-right li.active{
  93. display: inline-block;
  94. }
  95. #diBanBen .tab-right li div{
  96. width: 100px;
  97. height: 100px;
  98. display: inline-block;
  99. margin-bottom: 20px;
  100. }
  101. #diBanBen .tab-right li div.chro{
  102. background: url(../images/dibanben/chro.png) no-repeat;
  103. }
  104. #diBanBen .tab-right li div.ie{
  105. background: url(../images/dibanben/ie.png) no-repeat;
  106. }
  107. #diBanBen .tab-right li div.san{
  108. background: url(../images/dibanben/san.png) no-repeat;
  109. }
  110. #diBanBen .tab-right li p{
  111. line-height: 30px;
  112. }
  113. #diBanBen .tab-right li a{
  114. display: inline-block;
  115. color: #fff;
  116. border: none;
  117. padding: 6px 1px 6px 28px;
  118. border-radius: 35px;
  119. font-size: 18px;
  120. background: #336ae0 url(../images/dibanben/down.png) 13px center no-repeat;
  121. margin: 25px 5px 0;
  122. cursor: pointer;
  123. width: 170px;
  124. background-size: 18px;
  125. }
  126. #diBanBen .popup-ct .close {
  127. width: 18px;
  128. height: 18px;
  129. position: absolute;
  130. top: 18px;
  131. right: 15px;
  132. background: url(../../images/layout/close_popUp.png) no-repeat;
  133. border: none;
  134. cursor: pointer;
  135. }
  136. #diBanBen .popup-ct h3{
  137. font-size: 18px;
  138. line-height: 50px;
  139. font-weight: normal;
  140. padding-left: 15px;
  141. }
  142. /*add*/
  143. .cover-content {
  144. position: relative;
  145. width: 100%;
  146. height: 100%;
  147. left: 0px;
  148. right: 0px;
  149. top: 0px;
  150. bottom: 0px;
  151. z-index: 1;
  152. }
  153. .popup-lt {
  154. position: absolute;
  155. top: 0px;
  156. left: -20px;
  157. bottom: 19px;
  158. width: 20px;
  159. background: url(../../images/popup/bg-pp-2d-lt.png) top left no-repeat;
  160. }
  161. .popup-lb {
  162. position: absolute;
  163. left: -20px;
  164. bottom: 0px;
  165. width: 42px;
  166. height: 19px;
  167. z-index: 999;
  168. background: url(../../images/popup/bg-pp-2d-lb.png) top left no-repeat;
  169. }
  170. .popup-rt {
  171. position: absolute;
  172. right: -8px;
  173. top: 0px;
  174. bottom: 19px;
  175. width: 8px;
  176. background: url(../../images/popup/bg-pp-2d-rt.png) top left no-repeat;
  177. }
  178. .popup-rb {
  179. position: absolute;
  180. right: -8px;
  181. bottom: 0px;
  182. height: 19px;
  183. left: 22px;
  184. z-index: 999;
  185. background: url(../../images/popup/bg-pp-2d-rb.png) top right no-repeat;
  186. }
  187. .popup-ct {
  188. color: #fff;
  189. height: 48px;
  190. background: url(../../images/popup/bg-pp-23d-ct.png) top left repeat-x;
  191. }
  192. .popup-cb {
  193. background: #ffffff;
  194. }