base.css 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343
  1. 
  2. @charset "utf-8";
  3. /* CSS Document */
  4. @font{src:url(msyh.ttf); src:url(msyhbd.ttf); font-family:Helvetica;}
  5. figure, figcaption, footer, header, hgroup,
  6. menu, nav, output, ruby, section, summary,
  7. time, mark, audio, video,*{
  8. margin: 0;
  9. padding: 0;
  10. border:0 none;
  11. font-size: 100%;
  12. font: inherit;
  13. }
  14. em,s,i{font:normal;}
  15. body{font:1rem Helvetica; background:#f4f4f4; color:#4d4d4d;}
  16. body,html{width:100%;height:auto;font-weight:400;min-width:320px;font-family:Microsoft YaHei; overflow-x:hidden;}
  17. h1{font-size:1.25rem;}
  18. h2{font-size:1.125rem;}
  19. input{border:0; background-color:transparent; cursor:pointer;}
  20. ol,ul,dl,dt,dd{list-style:none;}
  21. table{border-collapse:collapse;border-spacing:0;}
  22. a{color:#333;text-decoration:none; cursor:pointer;}
  23. .wred,.wRed{color:#db5440 !important;}
  24. .wblue,.wBlue{color:#186ea7 !important;}
  25. /*================================页头======================================*/
  26. .topbar{background:#186ea7;height:2.75rem;overflow:hidden;z-index:999;text-align:center;}
  27. .topbar .logo{display:inline-block;float:left;margin:.5rem;width:8.75rem;height:1.75rem;
  28. background:url(../images/logo.png) no-repeat top left;background-size:100%;}
  29. .topbar .kjlogo{display:inline-block;float:left;margin:.5rem;width:8.75rem;height:1.75rem;
  30. background:url(../images/kjlogo.png) no-repeat top left;background-size:100%;}
  31. .topbar .slogan{display:block;float:right;margin-right:.625rem;margin-top:1.25rem;width:10.3515rem;height:1.275rem;background-size:10.3515rem 1.275rem;
  32. -moz-background-size:10.3515rem 1.275rem;-webkit-background-size:10.3515rem 1.275rem;}
  33. .topbar .back{display:inline-block;width:2rem;height:3rem;position:absolute;top:0;left:0;background:url(../images/ico_back.png) no-repeat left;background-size:.75rem 1.125rem;
  34. margin-left:.625rem;}
  35. .open,.new-lot{width:1.75rem;height:2.75rem;position:absolute;top:0;right:0;cursor:pointer;background:url(../images/ico_tab.png) no-repeat right;
  36. background-size:1.25rem 1.25rem;margin-right:.5rem;}
  37. .new-lot{right:2rem;background:url(../images/new_lot.png)no-repeat center;background-size:1.5rem 1.25rem;}
  38. .topbar .menu{width:100%;}
  39. .topbar h1{color:#fafafa;text-align:center;line-height:3rem; text-shadow:0 2px 0 #073c5f; -moz-text-shadow:0 2px 0 #073c5f; -webkit-text-shadow:0 2px 0 #073c5f;}
  40. .topbar h1 span {color:#fff;display:block;font-size:1.125rem;width:70%;margin-left:10%;height:2.75rem;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
  41. .topbar h1 img{width:1rem;height:1rem;margin-left:.25rem;position:relative;top:.175rem;}
  42. @media (device-width:320px){
  43. .topbar h1,.topbar h1 span{font-size:1rem;}
  44. }
  45. .menubox{overflow:hidden;font-size:1rem;text-align:left;color:#fafafa;z-index:999;}
  46. .menubox .menu_nav{background:rgba(0, 0, 0, 0.4);position:absolute; top:2.75rem; width:100%;height:auto;overflow:hidden;z-index:999;transition:visible 0.8s ease-in;
  47. -moz-transition:visible 0.8s ease-in;-webkit-transition:visible 0.8s ease-in;}
  48. .menu_nav>ul,.menu_nav .bar{background:#fff;filter:alpha(opacity=1); -moz-opacity:1; opacity:1;overflow:hidden;width:100%;padding:.5rem 0;}
  49. .topbar .menubox .menu_nav .top{padding-top:.5rem;}
  50. .menu_nav{box-shadow:0 0 10px #aaa;}
  51. .menu_nav .lot-whole{padding:.25rem .5rem 1rem .5rem;background:#fff;}
  52. .menu_nav .lot-whole .title{font-size:1.125rem;height:2rem;line-height:2rem;border-bottom:1px #ddd solid;color:#333;position:relative;}
  53. .menu_nav .lot-whole .title span{display:inline-block;position:absolute;width:.125rem;height:1.125rem;background:#dd4444;top:.5rem;left:0;}
  54. .menu_nav .lot-whole ul{overflow:hidden;}
  55. .menu_nav .lot-whole li{display:inline-block;float:left;}
  56. .menu_nav .lot-whole li a{display:inline-block;padding:.5rem .75rem;font-size:1rem;color:#666;}
  57. .menu_nav .equal li{width:30.7%;margin:0 .25rem;overflow:hidden;height:2.5rem;}
  58. .menu_nav .equal li a{width:100%;line-height:2.5rem;}
  59. .menu_nav .topnav>a,.menu_nav .topnav .lot{width:22.5%;margin:.25rem;border-radius:.25rem;-moz-border-radius:.25rem;-webkit-border-radius:.25rem;font-size:1rem;
  60. line-height:2.25rem;text-align:center;display:block;float:left; background-color:#f4f4f4;}
  61. .menu_nav .topnav a span{display:inline-block; width:1.25rem; height:1.25rem; background:url(../images/ico_nav.png) no-repeat top left; background-size:100%; background-position:0 0px; vertical-align:middle;}
  62. .menu_nav .lot a span{background-position:0 -56px;}
  63. .menu_nav .zst a span{background-position:0 -28px;}
  64. .menu_nav .tool a span{background-position:0 -113px;}
  65. .menu_nav .miss a span{background-position:0 -140px;}
  66. .menu_nav .kaij a span{background-position:0 -84px;}
  67. .menu_nav .table a span{background-position:0 -169px;}
  68. .menu_nav .help a span{background-position:0 -196px;}
  69. .menu_nav .bar h2{margin:.25rem .625rem;border-bottom:2px #ef9d91 solid; color:#ef9d91;font-size:1.125rem;line-height:2.5rem;height:2.25rem;}
  70. .menu_nav .bar h2 .square{display:inline-block;width:.5rem;height:.5rem;background:none;background-color:#ef9d91;margin-right:.5rem; margin-top:-4px; vertical-align:middle;
  71. border-radius:50%; -moz-border-radius:50%;; -webkit-border-radius:50%;}
  72. .menu_nav .topnav a{color:#333;}
  73. .menu_nav .bar ul{overflow:hidden;color:#333;margin:0 .25rem;}
  74. .menu_nav .bar a{display:inline-block;float:left;line-height:1.75rem;height:1.75rem;padding:0 .5rem; font-size:.875rem;}
  75. .menu_nav .topnav .lot{background:#f4f4f4 url(../images/unfold.png) no-repeat 90% center;background-size:1rem .5rem; text-align:left; text-indent:.25rem;position:relative;color:#333;cursor:pointer;}
  76. .menu_nav .topnav .lot>ul{position:absolute;left:0;top:2.125rem;display:inline-block;background-color:#f4f4f4;width:100%;display:none;}
  77. .menu_nav .topnav .lot>ul li{margin:.5rem 0;}
  78. .menu_nav .topnav .lot>ul a{display:inline-block;width:100%;height:1.75rem;line-height:1.75rem;}
  79. .menu_nav .topnav .lot:hover >ul{display:block;}
  80. .menu_nav .topnav .lot:hover{background:#f4f4f4 url(../images/retract.png) no-repeat 90% center;background-size:1rem .5rem;}
  81. .menu_nav .topnav .lot li:hover{background-color:#ddd;}
  82. .menu img{width:2rem;height:2.25rem;position:absolute;top:.25rem;right:0;cursor:pointer;margin-right:.5rem;background:none;}
  83. .menu_nav .title{background:#fff;font-size:1.125rem;height:2.25rem;line-height:2.25rem;border-bottom:1px #ddd solid;text-indent:.625rem;color:#777;}
  84. .menu_nav .bbs .title a{color:#dd4444;}
  85. .menu_nav .bbs li{background:url(../images/new.gif) no-repeat right .25rem;background-size:1rem;padding-right:.25rem;}
  86. /*===========================================banner===============================================*/
  87. .wrap{overflow:hidden;}
  88. .content{clear:both; display:inline-block; width:100%; float:left;background-color:#fff;overflow:hidden;}
  89. .banner{width:100vw;overflow:hidden;clear:both;}
  90. .banner li{line-height:0;width:100%;}
  91. .banner a{display:inline-block;width:100%;line-height:0;}
  92. .banner li a img{width:100%;margin: 0;padding:0;}
  93. /*===========================================KJ-NAV===============================================*/
  94. .kj-nav{width:100%;background:#ebf7ff;display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;}
  95. .kj-nav a{display:block;height:2rem;line-height:2rem;color:#4d4d4d;font-size:.875rem;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align: center;text-align:center;}
  96. .kj-nav a:nth-of-type(3){background:url(../images/new.gif)no-repeat right .25rem;background-size:1.125rem;}
  97. /*===========================================当前开奖号及分类导航图标===============================================*/
  98. .current-lotnum{display:inline-block; width:200%; height: 2.25rem; border-bottom:solid 1px #ddd; border-top:solid 1px #ddd;overflow:hidden;}
  99. .current-lotnum #pmds{float:left; width:900%;overflow: hidden;}
  100. .current-lotnum .pmdlist{float:left;}
  101. /* @-webkit-keyframes marquee {0% { left: 20%; }100% { left: -170%; }}
  102. @-moz-keyframes marquee {0% { left: 20%; }100% { left: -170%; }}
  103. @-ms-keyframes marquee {0% { left: 20%; }100% { left: -170%; }}
  104. @-o-keyframes marquee {0% { left: 20%; }100% { left: -170%; }}
  105. @keyframes marquee {0%{left:20%}100%{left: -170%}} */
  106. .marquee {height:2.25rem; height:40px;overflow: hidden;position: relative;}
  107. /* .marquee div {display: block;height:2.25rem;position: absolute;overflow: hidden;-webkit-animation: marquee 40s linear infinite;-moz-animation: marquee 40s linear infinite;
  108. -ms-animation: marquee 40s linear infinite;-o-animation: marquee 40s linear infinite;animation: marquee 40s linear infinite;} */
  109. .current-lotnum ul{margin:0 .5rem; overflow:hidden; float:left; width:320px;}
  110. .current-lotnum li{display:inline-block; float:left; line-height:2.25rem; color:#5a5d62; font-size:.875rem;}
  111. .current-lotnum .title{font-size:1rem; color:#333; margin-right:.5rem; line-height:2.125rem; font-weight:bold;}
  112. .lotnum{margin-left:.25rem; overflow:hidden;}
  113. .lotnum span{display:inline-block; float:left; margin:0 .125rem; font-weight:bold; font-size:.875rem;}
  114. .lotnum .red{color:#e84542;}
  115. .lotnum .blue{color:#52a8e1;}
  116. /*分类导航图标*/
  117. .lot-nav{display:inline-block; float:left; width:100%;border-bottom:solid 1px #ddd; overflow:hidden;line-height:0;}
  118. .lot-nav ul{display:inline-block; width:100%; overflow:hidden;}
  119. .lot-nav li{display:inline-block; width:24.5%; float:left; border-left:solid 1px #ddd; text-align:center;}
  120. .lot-nav li:first-child{border:0 none;}
  121. .lot-nav .lotnav a{display:inline-block; width:100%; height:1.75rem;line-height:1.75rem; padding-top:3rem; background:url(../images/ico_index.png) no-repeat top center;
  122. background-size:2.75rem; margin:.625rem 0;}
  123. .lot-nav .tool a{background-position:center -80px;}
  124. .lot-nav .miss a{background-position:center -156px;}
  125. .lot-nav .table a{background-position:center -240px;}
  126. .lot-nav .bbs a{background-position:center -156px;}
  127. /*===========================================全国彩导航===============================================*/
  128. /*导航标题*/
  129. .lot-title{padding:0 .625rem;background:#fafdff;height:2.5rem; line-height:2.5rem; border-bottom:1px #ddd solid;
  130. width:100%;position:relative;}
  131. .lot-title.blue{border-bottom:2px #ef9d91 solid;}
  132. .lot-title span{display:inline-block;width:.5rem;height:.5rem;background:none;background-color:#c3dff1;margin-right:.5rem; margin-top:-4px; vertical-align:middle;
  133. border-radius:50%; -moz-border-radius:50%;; -webkit-border-radius:50%;}
  134. .lot-title span.blue{background-color:#ef9d91;}
  135. .lot-title.nav-list span{width:1.5rem; height:1.75rem; background:url(../images/lot_logo.png) no-repeat top center; background-size:100%;}
  136. .lot-title span.fc3d{background-position:center 4px;}
  137. .lot-title span.ssq{background-position:center -22px;}
  138. .lot-title span.dlt{background-position:center -48px;}
  139. .lot-title span.p3{background-position:center -74px;}
  140. .lot-title span.p5{background-position:center -98px;}
  141. .lot-title span.qlc{background-position:center -122px;}
  142. .lot-title span.qxc{background-position:center -148px;}
  143. .lot-title span.hc1{background-position:center -174px;}
  144. .lot-title span.eexw{background-position:center -200px;}
  145. .lot-title span.ssc{background-position:center -226px;}
  146. .lot-title span.syxw{background-position:center -252px;}
  147. .lot-title span.klsf{background-position:center -278px;}
  148. .lot-title span.qyh{background-position:center -304px;}
  149. .lot-title span.slxq{background-position:center -335px;}
  150. .lot-title span.syxq{background-position:center -362px;}
  151. .lot-title span.swxq{background-position:center -392px;}
  152. .lot-title span.swxw{background-position:center -416px;}
  153. .lot-title span.ljy{background-position:center -441px;}
  154. .lot-title span.qws{background-position:center -466px;}
  155. .lot-title span.klye{background-position:center -493px;}
  156. .lot-title span.ks{background-position:center -522px;}
  157. .lot-title span.klpk{background-position:center -583px;}
  158. .lot-title span.xysc{background-position:center -612px;}
  159. .lot-title span.ytdj{background-position:center -642px;}
  160. .lot-title span.pks{background-position:center -670px;}
  161. .lot-title span.klb{background-position:center -700px;}
  162. .lot-title span.ssl{background-position:center -730px;}
  163. .lot-title a{position:absolute;right:0;top:0;display:block;width:3.5rem;padding-right:3rem;font-size:1rem;color:#666;text-align:right;
  164. background:url(../images/more-128.png)no-repeat center;background-size:1.25rem;background-position:70% center;}
  165. .lot-title h1{font-size:1rem;position:relative;}
  166. .lot-title span.square{background:none;width:.125rem;height:1rem;background:#ff8800;border-radius:0;}
  167. .navlist li .pc-zs{background:#fafdff;border:1px solid #63b4ea;color:#63b4ea;}
  168. .navlist li .cur{color:#ff8800;}
  169. .navlist p{font-size:.875rem;height:1.75rem;text-indent:.5rem;}
  170. .navlist p span{color:#186ea7;font-weight:bold;}
  171. /*主体*/
  172. .content .lot-column{padding:0 .5rem; border-bottom:1px #ddd solid; overflow:hidden;}
  173. .content .column{display:inline-block; float:left; width:100%; padding:.625rem 0; border-bottom:1px #ddd solid; overflow:hidden;}
  174. .content .column ul{display:inline-block; width:49.5%; float:left; border-left:1px #ddd solid; overflow:hidden;}
  175. .content .column ul:first-child{border:0 none;}
  176. .content .column li{display:inline-block; width:50%; float:left; text-align:center;}
  177. .lot-column .column .lot-logo span{display:inline-block; height:3rem; width:3rem; background:url(../images/lot_logo.png) no-repeat top center; background-size:100%;}
  178. .lot-column .column .fc3d span{background-position:center 0px;}
  179. .lot-column .column .ssq span{background-position:center -50px;}
  180. .lot-column .column .dlt span{background-position:center -102px;}
  181. .lot-column .column .p3 span{background-position:center -152px;}
  182. .lot-column .column .p5 span{background-position:center -202px;}
  183. .lot-column .column .qlc span{background-position:center -254px;}
  184. .lot-column .column .qxc span{background-position:center -302px;}
  185. .lot-column .column .hc1 span{background-position:center -356px;}
  186. .lot-column .column .eex5 span{background-position:center -406px;}
  187. .lot-column .column .more span{background-position:center -486px; padding-top:2rem;}
  188. .lot-column .column .title{height:3.5rem; line-height:3rem; font-weight:bold;}
  189. .lot-column .column .mores span{line-height:1.125rem; display:inline-block; width:4em; color:#999; margin-top:1.5rem;}
  190. .lot-column .column li a{display:inline-block; width:4rem; height:1.5rem; line-height:1.5rem; border:1px #ddd solid; font-size:.875rem; color:#666;
  191. border-radius:.75rem; -moz- border-radius:.75rem; -webkit- border-radius:.75rem;}
  192. .lot-column .column .lot-logo a,.lot-column .column .title a{border:0 none;width:100%;line-height:3rem;height:3rem;}
  193. /*分类首页样式*/
  194. .navlist{padding:.5rem .25rem 0 .25rem;background-color:#fff; overflow:hidden;}
  195. .navlist ul{display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;margin-bottom:.5rem;}
  196. .navlist li{width:34%;overflow:hidden;float:left;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex: 1;position: relative;height:2rem; background-color:#fff;position:relative;text-align:center;vertical-align:middle;}
  197. .navlist .local li{width:49%;}
  198. .navlist li a{display:block;width:90%;padding:0 1%;margin:0 3%;font-size:.875rem;text-align:center;color:#4d4d4d;white-space:nowrap;text-overflow:ellipsis; height:1.875rem; line-height:1.875rem;
  199. overflow:hidden;border:1px #ddd solid;border-radius:.125rem;}
  200. .navlist .hot{background:url(../images/hot.gif) no-repeat top left;}
  201. .navlist .new{background:url(../images/new.gif) no-repeat top left;}
  202. .navlist .hot,.navlist .new{display:inline-block; width:1.125rem; height:.75rem; background-size:100%; position:absolute; top:0; right:0;}
  203. /*===========================================subnav子菜单样式===============================================*/
  204. .subnav,.sub-nav{overflow:hidden; background-color:#fff; position:relative; z-index:9;margin-bottom:.25rem;overflow:hidden;text-align:center;}
  205. .subnav ul{display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;width:100%;}
  206. .subnav li{text-align:center; height:2.25rem;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;}
  207. .subnav li a{display:inline-block; width:100%; line-height:2.125rem; height:2.125rem; padding:0 .125rem; text-align:center; font-size:1rem;
  208. white-space:nowrap;text-overflow:ellipsis; overflow:hidden;position:relative;}
  209. .subnav li a i{position:absolute;top:1.825rem;left:40%;margin-left:-0.5rem;display:inline-block;width:0;height:0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 6px solid #e84542;color:#e84542;margin-left:.25rem;z-index:1;}
  210. /* .subnav li a i.b{border-bottom: 8px solid #fff;color:#fff;top:1.825rem;z-index:2;} */
  211. .subnav .active a{color:#e84542;border-bottom:3px #e84542 solid;height:2.0625rem;font-size:1.125rem;}
  212. .subnav .high-zst a{border-bottom:none;color:#e84542;height:2.25rem;font-size:1.125rem;}
  213. .subnav .unfold{display:inline-block; position:absolute; bottom:0; right:0; width:10%; height:2.25rem; text-align:center; box-shadow:-4px 0 4px #e5e5e5; z-index:888;
  214. -moz-box-shadow:-4px 0 4px #e5e5e5;-webkit-box-shadow:-4px 0 4px #e5e5e5; background:url(../images/unfold.png) no-repeat center; background-size:1.25rem; cursor:pointer;}
  215. .unfold-up{display:inline-block; position:absolute; bottom:0; right:0; width:10%; height:2.25rem; text-align:center; box-shadow:-4px 0 4px #e5e5e5; z-index:888;
  216. -moz-box-shadow:-4px 0 4px #e5e5e5;-webkit-box-shadow:-4px 0 4px #e5e5e5;background:url(../images/retract.png) no-repeat center;background-size:1.25rem;cursor:pointer;}
  217. .zst-subnav{display:none;padding:0 .5rem 1rem .5rem; overflow:hidden; background-color:#fff; position:absolute;top:2.75rem;left:0; z-index:9;box-shadow:0 0 4px #ddd;}
  218. .zst-subnav ul{display:inline-block; float:left; width:100%;}
  219. .zst-subnav li{display:inline-block; width:32%; float:left; text-align:center; height:2.25rem;margin:0 0.5%; overflow:hidden;}
  220. .zst-subnav li a{display:inline-block; width:94%;color:#186ea7; line-height:2.25rem; height:2.25rem; padding:0 .125rem; text-align:center; font-size:.875rem;
  221. white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
  222. .zst-subnav .unfold{display:inline-block; position:absolute; bottom:0; right:0; width:10%; height:2.25rem; text-align:center; box-shadow:-4px 0 4px #e5e5e5; z-index:888;
  223. -moz-box-shadow:-4px 0 4px #e5e5e5;-webkit-box-shadow:-4px 0 4px #e5e5e5; background:url(../images/unfold.png) no-repeat center; background-size:1.25rem; cursor:pointer;}
  224. /* 走势图选项 */
  225. .sub-nav{margin-top:-.25rem;border-top:1px #ddd solid;display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:flex;}
  226. .sub-nav span{display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;font-size:.875rem;line-height:2rem;}
  227. .sub-nav span.active{color:#186ea7;border-bottom:2px #186ea7 solid;}
  228. /*栏目切换*/
  229. .tab-title{padding:.5rem; background-color:#f4f4f4; height:1.625rem; text-align:center;}
  230. nav{width:100%; text-align:center;height:1.625rem; padding:0; background-color:#f4f4f4; margin:.25rem 0 .5rem 0;}
  231. .tab-mune{display:inline-block; overflow:hidden; text-align:center; margin:0 auto;}
  232. .tab-mune li {display:inline-block; text-align:center; float:left; width:6.25rem; height:1.5rem; line-height:1.5rem; font-size:.75rem; color:#186ea7; border:1px #186ea7 solid;
  233. border-radius:0 .25rem .25rem 0; -moz-border-radius:0 .25rem .25rem 0; -webkit-border-radius:0 .25rem .25rem 0; cursor:pointer;}
  234. .tab-mune li a{display:inline-block; width:100%; color:#186ea7; line-height:1.5rem;}
  235. .tab-mune li:first-child{border-right:0 none; border-radius:.25rem 0 0 .25rem; -moz-border-radius:.25rem 0 0 .25rem; -webkit-border-radius:.25rem 0 0 .25rem; }
  236. .tab-mune .select a,.tab-mune .select{background-color:#186ea7; color:#fff;}
  237. .miss li{width:4.5rem; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
  238. .miss li:last-child{border-radius:0 .25rem .25rem 0; -moz-border-radius:0 .25rem .25rem 0; -webkit-border-radius:0 .25rem .25rem 0;}
  239. /*===========================================footer===============================================*/
  240. .footer{overflow:hidden;background:#f5f7fa;width:100%;position:relative;}
  241. .kcl{position:absolute;top:.5rem;left:.5rem;display:block;width:4.5rem;height:5.5rem;overflow:hidden;}
  242. .kcl i{font-size:.625rem;line-height:.75rem;float:left;}
  243. .kcl img{width:100%;float:left;}
  244. .link,.copyright{width:100%;text-align:center;line-height:1.5rem;color:#666;}
  245. .link{padding-top:1rem;padding-bottom:.5rem;margin-left:2rem;}
  246. .copyright{padding-bottom:1.25rem;font-size:.875rem;padding-top:.25rem;color:#b2b2b2;margin-left:2rem;}
  247. .link a{color:#666;font-size:1rem;}
  248. /*===========================================广告样式===============================================*/
  249. .shadow{
  250. background-color:#fff;overflow:hidden;width:100%;-webkit-box-shadow:0 1px 2px rgba(221, 221, 221, .5) ;
  251. -moz-box-shadow: 0 1px 2px rgba(221, 221, 221, .5);box-shadow: 0 1px 2px rgba(221, 221, 221, .5) ;
  252. margin-bottom:.25rem
  253. }
  254. .banner-text{position:relative;overflow:hidden;-webkit-box-shadow: 0 1px 2px rgba(221, 221, 221, .5) inset ;
  255. -moz-box-shadow: 0 1px 2px rgba(221, 221, 221, .5) inset;box-shadow: 0 1px 2px rgba(221, 221, 221, .5) inset;
  256. border-top:1px #ddd solid;}
  257. .banner-t{overflow:hidden;}
  258. .shadow ul,.banner-t ul{overflow:hidden;text-align:center;width:93.8%;float: left;display:inline-block;}
  259. .shadow li,.banner-t li{display:inline-block;width:49.6%; float:left;font-size:.875rem;color:#666;line-height:1.875rem;border-left:1px #ddd solid; border-bottom:1px #ddd solid;
  260. }
  261. .shadow li:last-child,.shadow li:nth-last-child(2){border-bottom:0 none;}
  262. .shadow li a,.banner-t li a{color:#666;padding-left:.625rem;background:url(../images/banner_icon.png) no-repeat left center;background-size:.375rem;}
  263. .shadow .extend{display:inline-blcok;float:left;width:6.2%;height:3.75rem;line-height: 2.3rem;font-size: 1rem;color:#666;text-align:center;
  264. }
  265. /*===========================================404样式===============================================*/
  266. .no-found{width:100%;min-height:30rem;background:#f5f9ff url(../images/no_found.jpg)no-repeat center top;background-size:100%;}
  267. .no-found .home-back{padding-top:77%;overflow:hidden;border-bottom:1px #62a0d0 dashed;padding-bottom:2rem;}
  268. .no-found .home-back a{display:inline-block;width:35%;margin-left:5%;float:left;height:4rem;}
  269. .no-found .home-back a:first-child{width:50%;}
  270. .no-found .more-recommend{margin:0 .5rem;overflow:hidden;}
  271. .no-found .more-recommend h1{font-size:1.125rem;line-height:2.5rem;color:#186ea7;}
  272. .no-found .more-recommend h1 span{display:inline-block;width:.125rem;height:1.125rem;margin:0 5px;background-color:#eb4941;position:relative;top:3px;}
  273. .no-found .more-recommend a{display:inline-block;width:40%;float:left;margin-left:5%;font-size:.875rem;line-height:2rem;color:#808080;}
  274. /*===========================================浮标样式===============================================*/
  275. .kancl{position:fixed;top:70%;right:.25rem;z-index:9999999;width:3rem;height:3.25rem;/* border-radius:50%; */background:url(../images/kancla.png)no-repeat center;background-size:2.5rem 3.25rem;}
  276. .kancla{display:none;position:fixed;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:9999999;}
  277. .kancla p{display:block;font-size:.875rem;padding:.5rem;width:80%;margin-left:10%;line-height:1.75rem;background-color:#fff;position:absolute;top:47%;border-radius:.25rem;text-align:left;}
  278. .kancla p span{color:#186ea7;font-weight:bold;}
  279. /* 清理55128 - wap广告 */
  280. .shadow .extend{display:none;}