base - 副本.css 44 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660
  1. @charset "utf-8";
  2. /* CSS Document */
  3. @font{src:url(msyh.ttf); src:url(msyhbd.ttf); font-family:Helvetica;}
  4. figure, figcaption, footer, header, hgroup,
  5. menu, nav, output, ruby, section, summary,
  6. time, mark, audio, video,*{
  7. margin: 0;
  8. padding: 0;
  9. border:0 none;
  10. font-size: 100%;
  11. font: inherit;
  12. }
  13. em,s,i{font:normal;}
  14. body{font:1rem Helvetica; background:#f4f4f4; color:#4d4d4d;}
  15. body,html{width:100%;height:auto;font-weight:400;min-width:320px;font-family:Microsoft YaHei; overflow-x:hidden;}
  16. h1{font-size:1.25rem;}
  17. h2{font-size:1.125rem;}
  18. input{border:0; background-color:transparent; cursor:pointer;}
  19. ol,ul,dl,dt,dd{list-style:none;}
  20. table{border-collapse:collapse;border-spacing:0;}
  21. a{color:#333;text-decoration:none; cursor:pointer;}
  22. .wred,.wRed{color:#db5440 !important;}
  23. .wblue,.wBlue{color:#186ea7 !important;}
  24. /*================================页头======================================*/
  25. .topbar{background:#186ea7;height:2.75rem;overflow:hidden;z-index:999;text-align:center;}
  26. .topbar .logo{display:inline-block;float:left;margin:.5rem;width:8.75rem;height:1.75rem;
  27. background:url(../images/logo.png) no-repeat top left;background-size:100%;}
  28. .topbar .kjlogo{display:inline-block;float:left;margin:.5rem;width:8.75rem;height:1.75rem;
  29. background:url(../images/kjlogo.png) no-repeat top left;background-size:100%;}
  30. .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;
  31. -moz-background-size:10.3515rem 1.275rem;-webkit-background-size:10.3515rem 1.275rem;}
  32. .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;
  33. margin-left:.625rem;}
  34. .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;
  35. background-size:1.25rem 1.25rem;margin-right:.5rem;}
  36. .new-lot{right:2rem;background:url(../images/new_lot.png)no-repeat center;background-size:1.5rem 1.25rem;}
  37. .topbar .menu{width:100%;}
  38. .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;}
  39. .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;}
  40. .topbar h1 img{width:1rem;height:1rem;margin-left:.25rem;position:relative;top:.175rem;}
  41. @media (device-width:320px){
  42. .topbar h1,.topbar h1 span{font-size:1rem;}
  43. }
  44. .menubox{overflow:hidden;font-size:1rem;text-align:left;color:#fafafa;z-index:999;}
  45. .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;
  46. -moz-transition:visible 0.8s ease-in;-webkit-transition:visible 0.8s ease-in;}
  47. .menu_nav>ul,.menu_nav .bar{background:#fff;filter:alpha(opacity=1); -moz-opacity:1; opacity:1;overflow:hidden;width:100%;padding:.5rem 0;}
  48. .topbar .menubox .menu_nav .top{padding-top:.5rem;}
  49. .menu_nav{box-shadow:0 0 10px #aaa;}
  50. .menu_nav .lot-whole{padding:.25rem .5rem 1rem .5rem;background:#fff;}
  51. .menu_nav .lot-whole .title{font-size:1.125rem;height:2rem;line-height:2rem;border-bottom:1px #ddd solid;color:#333;position:relative;}
  52. .menu_nav .lot-whole .title span{display:inline-block;position:absolute;width:.125rem;height:1.125rem;background:#dd4444;top:.5rem;left:0;}
  53. .menu_nav .lot-whole ul{overflow:hidden;}
  54. .menu_nav .lot-whole li{display:inline-block;float:left;}
  55. .menu_nav .lot-whole li a{display:inline-block;padding:.5rem .75rem;font-size:1rem;color:#666;}
  56. .menu_nav .equal li{width:30.7%;margin:0 .25rem;overflow:hidden;height:2.5rem;}
  57. .menu_nav .equal li a{width:100%;line-height:2.5rem;}
  58. .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;
  59. line-height:2.25rem;text-align:center;display:block;float:left; background-color:#f4f4f4;}
  60. .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;}
  61. .menu_nav .lot a span{background-position:0 -56px;}
  62. .menu_nav .zst a span{background-position:0 -28px;}
  63. .menu_nav .tool a span{background-position:0 -113px;}
  64. .menu_nav .miss a span{background-position:0 -140px;}
  65. .menu_nav .kaij a span{background-position:0 -84px;}
  66. .menu_nav .table a span{background-position:0 -169px;}
  67. .menu_nav .help a span{background-position:0 -196px;}
  68. .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;}
  69. .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;
  70. border-radius:50%; -moz-border-radius:50%;; -webkit-border-radius:50%;}
  71. .menu_nav .topnav a{color:#333;}
  72. .menu_nav .bar ul{overflow:hidden;color:#333;margin:0 .25rem;}
  73. .menu_nav .bar a{display:inline-block;float:left;line-height:1.75rem;height:1.75rem;padding:0 .5rem; font-size:.875rem;}
  74. .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;}
  75. .menu_nav .topnav .lot>ul{position:absolute;left:0;top:2.125rem;display:inline-block;background-color:#f4f4f4;width:100%;display:none;}
  76. .menu_nav .topnav .lot>ul li{margin:.5rem 0;}
  77. .menu_nav .topnav .lot>ul a{display:inline-block;width:100%;height:1.75rem;line-height:1.75rem;}
  78. .menu_nav .topnav .lot:hover >ul{display:block;}
  79. .menu_nav .topnav .lot:hover{background:#f4f4f4 url(../images/retract.png) no-repeat 90% center;background-size:1rem .5rem;}
  80. .menu_nav .topnav .lot li:hover{background-color:#ddd;}
  81. .menu img{width:2rem;height:2.25rem;position:absolute;top:.25rem;right:0;cursor:pointer;margin-right:.5rem;background:none;}
  82. .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;}
  83. /*===========================================banner===============================================*/
  84. .wrap{overflow:hidden;}
  85. .content{clear:both; display:inline-block; width:100%; float:left;background-color:#fff;overflow:hidden;}
  86. .banner{width:100vw;overflow:hidden;clear:both;}
  87. .banner li{line-height:0;width:100%;}
  88. .banner a{display:inline-block;width:100%;line-height:0;}
  89. .banner li a img{width:100%;margin: 0;padding:0;}
  90. /*===========================================KJ-NAV===============================================*/
  91. .kj-nav{width:100%;background:#ebf7ff;display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;}
  92. .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;}
  93. .kj-nav a:nth-of-type(3){background:url(../images/new.gif)no-repeat right .25rem;background-size:1.125rem;}
  94. /*===========================================当前开奖号及分类导航图标===============================================*/
  95. .current-lotnum{display:inline-block; width:200%; height: 2.25rem; border-bottom:solid 1px #ddd; border-top:solid 1px #ddd;overflow:hidden;}
  96. .current-lotnum #pmds{float:left; width:900%;overflow: hidden;}
  97. .current-lotnum .pmdlist{float:left;}
  98. /* @-webkit-keyframes marquee {0% { left: 20%; }100% { left: -170%; }}
  99. @-moz-keyframes marquee {0% { left: 20%; }100% { left: -170%; }}
  100. @-ms-keyframes marquee {0% { left: 20%; }100% { left: -170%; }}
  101. @-o-keyframes marquee {0% { left: 20%; }100% { left: -170%; }}
  102. @keyframes marquee {0%{left:20%}100%{left: -170%}} */
  103. .marquee {height:2.25rem; height:40px;overflow: hidden;position: relative;}
  104. /* .marquee div {display: block;height:2.25rem;position: absolute;overflow: hidden;-webkit-animation: marquee 40s linear infinite;-moz-animation: marquee 40s linear infinite;
  105. -ms-animation: marquee 40s linear infinite;-o-animation: marquee 40s linear infinite;animation: marquee 40s linear infinite;} */
  106. .current-lotnum ul{margin:0 .5rem; overflow:hidden; float:left; width:320px;}
  107. .current-lotnum li{display:inline-block; float:left; line-height:2.25rem; color:#5a5d62; font-size:.875rem;}
  108. .current-lotnum .title{font-size:1rem; color:#333; margin-right:.5rem; line-height:2.125rem; font-weight:bold;}
  109. .lotnum{margin-left:.25rem; overflow:hidden;}
  110. .lotnum span{display:inline-block; float:left; margin:0 .125rem; font-weight:bold; font-size:.875rem;}
  111. .lotnum .red{color:#e84542;}
  112. .lotnum .blue{color:#52a8e1;}
  113. /*分类导航图标*/
  114. .lot-nav{display:inline-block; float:left; width:100%;border-bottom:solid 1px #ddd; overflow:hidden;line-height:0;}
  115. .lot-nav ul{display:inline-block; width:100%; overflow:hidden;}
  116. .lot-nav li{display:inline-block; width:24.5%; float:left; border-left:solid 1px #ddd; text-align:center;}
  117. .lot-nav li:first-child{border:0 none;}
  118. .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;
  119. background-size:2.75rem; margin:.625rem 0;}
  120. .lot-nav .tool a{background-position:center -80px;}
  121. .lot-nav .miss a{background-position:center -160px;}
  122. .lot-nav .table a{background-position:center -240px;}
  123. /*===========================================全国彩导航===============================================*/
  124. /*导航标题*/
  125. .lot-title{padding:0 .625rem;background:#fafdff;height:2.5rem; line-height:2.5rem; border-bottom:1px #ddd solid;
  126. width:100%;position:relative;}
  127. .lot-title.blue{border-bottom:2px #ef9d91 solid;}
  128. .lot-title span{display:inline-block;width:.5rem;height:.5rem;background:none;background-color:#c3dff1;margin-right:.5rem; margin-top:-4px; vertical-align:middle;
  129. border-radius:50%; -moz-border-radius:50%;; -webkit-border-radius:50%;}
  130. .lot-title span.blue{background-color:#ef9d91;}
  131. .lot-title.nav-list span{width:1.5rem; height:1.75rem; background:url(../images/lot_logo.png) no-repeat top center; background-size:100%;}
  132. .lot-title span.fc3d{background-position:center 4px;}
  133. .lot-title span.ssq{background-position:center -22px;}
  134. .lot-title span.dlt{background-position:center -48px;}
  135. .lot-title span.p3{background-position:center -74px;}
  136. .lot-title span.p5{background-position:center -98px;}
  137. .lot-title span.qlc{background-position:center -122px;}
  138. .lot-title span.qxc{background-position:center -148px;}
  139. .lot-title span.hc1{background-position:center -174px;}
  140. .lot-title span.eexw{background-position:center -200px;}
  141. .lot-title span.ssc{background-position:center -226px;}
  142. .lot-title span.syxw{background-position:center -252px;}
  143. .lot-title span.klsf{background-position:center -278px;}
  144. .lot-title span.qyh{background-position:center -304px;}
  145. .lot-title span.slxq{background-position:center -335px;}
  146. .lot-title span.syxq{background-position:center -362px;}
  147. .lot-title span.swxq{background-position:center -392px;}
  148. .lot-title span.swxw{background-position:center -416px;}
  149. .lot-title span.ljy{background-position:center -441px;}
  150. .lot-title span.qws{background-position:center -466px;}
  151. .lot-title span.klye{background-position:center -493px;}
  152. .lot-title span.ks{background-position:center -522px;}
  153. .lot-title span.klpk3{background-position:center -579px;}
  154. .lot-title span.xysc{background-position:center -611px;}
  155. .lot-title span.ytdj{background-position:center -638px;}
  156. .lot-title span.bjpk10{background-position:center -669px;}
  157. .lot-title span.bjkl8{background-position:center -699px;}
  158. .lot-title span.shssl{background-position:center -730px;}
  159. .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;
  160. background:url(../images/more.png)no-repeat center;background-size:1.25rem;background-position:70% center;}
  161. .lot-title h1{font-size:1rem;position:relative;}
  162. .lot-title span.square{background:none;width:.125rem;height:1rem;background:#ff8800;border-radius:0;}
  163. .navlist li .pc-zs{background:#fafdff;border:1px solid #63b4ea;color:#63b4ea;}
  164. .navlist li .cur{color:#ff8800;}
  165. .navlist p{font-size:.875rem;height:1.75rem;text-indent:.5rem;}
  166. .navlist p span{color:#186ea7;font-weight:bold;}
  167. /*主体*/
  168. .content .lot-column{padding:0 .5rem; border-bottom:1px #ddd solid; overflow:hidden;}
  169. .content .column{display:inline-block; float:left; width:100%; padding:.625rem 0; border-bottom:1px #ddd solid; overflow:hidden;}
  170. .content .column ul{display:inline-block; width:49.5%; float:left; border-left:1px #ddd solid; overflow:hidden;}
  171. .content .column ul:first-child{border:0 none;}
  172. .content .column li{display:inline-block; width:50%; float:left; text-align:center;}
  173. .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%;}
  174. .lot-column .column .fc3d span{background-position:center 0px;}
  175. .lot-column .column .ssq span{background-position:center -50px;}
  176. .lot-column .column .dlt span{background-position:center -102px;}
  177. .lot-column .column .p3 span{background-position:center -152px;}
  178. .lot-column .column .p5 span{background-position:center -202px;}
  179. .lot-column .column .qlc span{background-position:center -254px;}
  180. .lot-column .column .qxc span{background-position:center -302px;}
  181. .lot-column .column .hc1 span{background-position:center -356px;}
  182. .lot-column .column .eex5 span{background-position:center -406px;}
  183. .lot-column .column .more span{background-position:center -486px; padding-top:2rem;}
  184. .lot-column .column .title{height:3.5rem; line-height:3rem; font-weight:bold;}
  185. .lot-column .column .mores span{line-height:1.125rem; display:inline-block; width:4em; color:#999; margin-top:1.5rem;}
  186. .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;
  187. border-radius:.75rem; -moz- border-radius:.75rem; -webkit- border-radius:.75rem;}
  188. .lot-column .column .lot-logo a,.lot-column .column .title a{border:0 none;width:100%;line-height:3rem;height:3rem;}
  189. /*分类首页样式*/
  190. .navlist{padding:.5rem .25rem 0 .25rem;background-color:#fff; overflow:hidden;}
  191. .navlist ul{display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;margin-bottom:.5rem;}
  192. .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;}
  193. .navlist .local li{width:49%;}
  194. .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;
  195. overflow:hidden;border:1px #ddd solid;border-radius:.125rem;}
  196. .navlist .hot{background:url(../images/hot.gif) no-repeat top left;}
  197. .navlist .new{background:url(../images/new.gif) no-repeat top left;}
  198. .navlist .hot,.navlist .new{display:inline-block; width:1.125rem; height:.75rem; background-size:100%; position:absolute; top:0; right:0;}
  199. /*===========================================subnav子菜单样式===============================================*/
  200. .subnav{padding:0 .5rem; overflow:hidden; background-color:#fff; position:relative; z-index:9;box-shadow:0 0 4px #ddd;-webkit-box-shadow:0 0 4px #ddd;
  201. -moz-box-shadow:0 0 4px #ddd;-ms-box-shadow:0 0 4px #ddd;margin-bottom:.25rem;}
  202. .subnav ul{display:inline-block; float:left; width:100%;}
  203. .subnav li{display:inline-block; width:32%; float:left; text-align:center; height:2.25rem;margin:0 0.5%; overflow:hidden;}
  204. .subnav li a{display:inline-block; width:94%; line-height:2.125rem; height:2.125rem; padding:0 .125rem; text-align:center; font-size:1rem;
  205. white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
  206. .subnav .active a{color:#e84542;border-bottom:3px #e84542 solid;height:2.0625rem;font-size:1.125rem;}
  207. .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;
  208. -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;}
  209. .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;
  210. -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;}
  211. .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;}
  212. .zst-subnav ul{display:inline-block; float:left; width:100%;}
  213. .zst-subnav li{display:inline-block; width:32%; float:left; text-align:center; height:2.25rem;margin:0 0.5%; overflow:hidden;}
  214. .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;
  215. white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
  216. .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;
  217. -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;}
  218. /*栏目切换*/
  219. .tab-title{padding:.5rem; background-color:#f4f4f4; height:1.625rem; text-align:center;}
  220. nav{width:100%; text-align:center;height:1.625rem; padding:0; background-color:#f4f4f4; margin:.25rem 0 .5rem 0;}
  221. .tab-mune{display:inline-block; overflow:hidden; text-align:center; margin:0 auto;}
  222. .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;
  223. border-radius:0 .25rem .25rem 0; -moz-border-radius:0 .25rem .25rem 0; -webkit-border-radius:0 .25rem .25rem 0; cursor:pointer;}
  224. .tab-mune li a{display:inline-block; width:100%; color:#186ea7; line-height:1.5rem;}
  225. .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; }
  226. .tab-mune .select a,.tab-mune .select{background-color:#186ea7; color:#fff;}
  227. .miss li{width:4.5rem; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
  228. .miss li:last-child{border-radius:0 .25rem .25rem 0; -moz-border-radius:0 .25rem .25rem 0; -webkit-border-radius:0 .25rem .25rem 0;}
  229. /*===========================================footer===============================================*/
  230. .footer{overflow:hidden;background:#f5f7fa;width:100%;position:relative;}
  231. .kcl{position:absolute;top:.5rem;left:.5rem;display:block;width:4.5rem;height:5.5rem;overflow:hidden;}
  232. .kcl i{font-size:.625rem;line-height:.75rem;float:left;}
  233. .kcl img{width:100%;float:left;}
  234. .link,.copyright{width:100%;text-align:center;line-height:1.5rem;color:#666;}
  235. .link{padding-top:1rem;padding-bottom:.5rem;margin-left:2rem;}
  236. .copyright{padding-bottom:1.25rem;font-size:.875rem;padding-top:.25rem;color:#b2b2b2;margin-left:2rem;}
  237. .link a{color:#666;font-size:1rem;}
  238. /*===========================================广告样式===============================================*/
  239. .shadow{
  240. background-color:#fff;overflow:hidden;width:100%;-webkit-box-shadow:0 1px 2px rgba(221, 221, 221, .5) ;
  241. -moz-box-shadow: 0 1px 2px rgba(221, 221, 221, .5);box-shadow: 0 1px 2px rgba(221, 221, 221, .5) ;
  242. margin-bottom:.25rem
  243. }
  244. .banner-text{position:relative;overflow:hidden;-webkit-box-shadow: 0 1px 2px rgba(221, 221, 221, .5) inset ;
  245. -moz-box-shadow: 0 1px 2px rgba(221, 221, 221, .5) inset;box-shadow: 0 1px 2px rgba(221, 221, 221, .5) inset;
  246. border-top:1px #ddd solid;}
  247. .banner-t{overflow:hidden;}
  248. .shadow ul,.banner-t ul{overflow:hidden;text-align:center;width:93.8%;float: left;display:inline-block;}
  249. .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;
  250. }
  251. .shadow li:last-child,.shadow li:nth-last-child(2){border-bottom:0 none;}
  252. .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;}
  253. .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;
  254. }
  255. /*===========================================404样式===============================================*/
  256. .no-found{width:100%;min-height:30rem;background:#f5f9ff url(../images/no_found.jpg)no-repeat center top;background-size:100%;}
  257. .no-found .home-back{padding-top:77%;overflow:hidden;border-bottom:1px #62a0d0 dashed;padding-bottom:2rem;}
  258. .no-found .home-back a{display:inline-block;width:35%;margin-left:5%;float:left;height:4rem;}
  259. .no-found .home-back a:first-child{width:50%;}
  260. .no-found .more-recommend{margin:0 .5rem;overflow:hidden;}
  261. .no-found .more-recommend h1{font-size:1.125rem;line-height:2.5rem;color:#186ea7;}
  262. .no-found .more-recommend h1 span{display:inline-block;width:.125rem;height:1.125rem;margin:0 5px;background-color:#eb4941;position:relative;top:3px;}
  263. .no-found .more-recommend a{display:inline-block;width:40%;float:left;margin-left:5%;font-size:.875rem;line-height:2rem;color:#808080;}
  264. /*===========================================浮标样式===============================================*/
  265. .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;}
  266. .kancla{display:none;position:fixed;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:9999999;}
  267. .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;}
  268. .kancla p span{color:#186ea7;font-weight:bold;}
  269. @charset "utf-8";
  270. /* CSS Document */
  271. @font{src:url(msyh.ttf); src:url(msyhbd.ttf); font-family:Helvetica;}
  272. figure, figcaption, footer, header, hgroup,
  273. menu, nav, output, ruby, section, summary,
  274. time, mark, audio, video,*{
  275. margin: 0;
  276. padding: 0;
  277. border:0 none;
  278. font-size: 100%;
  279. font: inherit;
  280. }
  281. em,s,i{font:normal;}
  282. body{font:1rem Helvetica; background:#f4f4f4; color:#4d4d4d;}
  283. body,html{width:100%;height:auto;font-weight:400;min-width:320px;font-family:Microsoft YaHei; overflow-x:hidden;}
  284. h1{font-size:1.25rem;}
  285. h2{font-size:1.125rem;}
  286. input{border:0; background-color:transparent; cursor:pointer;}
  287. ol,ul,dl,dt,dd{list-style:none;}
  288. table{border-collapse:collapse;border-spacing:0;}
  289. a{color:#333;text-decoration:none; cursor:pointer;}
  290. .wred,.wRed{color:#db5440 !important;}
  291. .wblue,.wBlue{color:#186ea7 !important;}
  292. /*================================页头======================================*/
  293. .topbar{background:#186ea7;height:2.75rem;overflow:hidden;z-index:999;text-align:center;}
  294. .topbar .logo{display:inline-block;float:left;margin:.5rem;width:8.75rem;height:1.75rem;
  295. background:url(../images/logo.png) no-repeat top left;background-size:100%;}
  296. .topbar .kjlogo{display:inline-block;float:left;margin:.5rem;width:8.75rem;height:1.75rem;
  297. background:url(../images/kjlogo.png) no-repeat top left;background-size:100%;}
  298. .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;
  299. -moz-background-size:10.3515rem 1.275rem;-webkit-background-size:10.3515rem 1.275rem;}
  300. .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;
  301. margin-left:.625rem;}
  302. .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;
  303. background-size:1.25rem 1.25rem;margin-right:.5rem;}
  304. .new-lot{right:2rem;background:url(../images/new_lot.png)no-repeat center;background-size:1.5rem 1.25rem;}
  305. .topbar .menu{width:100%;}
  306. .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;}
  307. .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;}
  308. .topbar h1 img{width:1rem;height:1rem;margin-left:.25rem;position:relative;top:.175rem;}
  309. @media (device-width:320px){
  310. .topbar h1,.topbar h1 span{font-size:1rem;}
  311. }
  312. .menubox{overflow:hidden;font-size:1rem;text-align:left;color:#fafafa;z-index:999;}
  313. .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;
  314. -moz-transition:visible 0.8s ease-in;-webkit-transition:visible 0.8s ease-in;}
  315. .menu_nav>ul,.menu_nav .bar{background:#fff;filter:alpha(opacity=1); -moz-opacity:1; opacity:1;overflow:hidden;width:100%;padding:.5rem 0;}
  316. .topbar .menubox .menu_nav .top{padding-top:.5rem;}
  317. .menu_nav{box-shadow:0 0 10px #aaa;}
  318. .menu_nav .lot-whole{padding:.25rem .5rem 1rem .5rem;background:#fff;}
  319. .menu_nav .lot-whole .title{font-size:1.125rem;height:2rem;line-height:2rem;border-bottom:1px #ddd solid;color:#333;position:relative;}
  320. .menu_nav .lot-whole .title span{display:inline-block;position:absolute;width:.125rem;height:1.125rem;background:#dd4444;top:.5rem;left:0;}
  321. .menu_nav .lot-whole ul{overflow:hidden;}
  322. .menu_nav .lot-whole li{display:inline-block;float:left;}
  323. .menu_nav .lot-whole li a{display:inline-block;padding:.5rem .75rem;font-size:1rem;color:#666;}
  324. .menu_nav .equal li{width:30.7%;margin:0 .25rem;overflow:hidden;height:2.5rem;}
  325. .menu_nav .equal li a{width:100%;line-height:2.5rem;}
  326. .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;
  327. line-height:2.25rem;text-align:center;display:block;float:left; background-color:#f4f4f4;}
  328. .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;}
  329. .menu_nav .lot a span{background-position:0 -56px;}
  330. .menu_nav .zst a span{background-position:0 -28px;}
  331. .menu_nav .tool a span{background-position:0 -113px;}
  332. .menu_nav .miss a span{background-position:0 -140px;}
  333. .menu_nav .kaij a span{background-position:0 -84px;}
  334. .menu_nav .table a span{background-position:0 -169px;}
  335. .menu_nav .help a span{background-position:0 -196px;}
  336. .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;}
  337. .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;
  338. border-radius:50%; -moz-border-radius:50%;; -webkit-border-radius:50%;}
  339. .menu_nav .topnav a{color:#333;}
  340. .menu_nav .bar ul{overflow:hidden;color:#333;margin:0 .25rem;}
  341. .menu_nav .bar a{display:inline-block;float:left;line-height:1.75rem;height:1.75rem;padding:0 .5rem; font-size:.875rem;}
  342. .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;}
  343. .menu_nav .topnav .lot>ul{position:absolute;left:0;top:2.125rem;display:inline-block;background-color:#f4f4f4;width:100%;display:none;}
  344. .menu_nav .topnav .lot>ul li{margin:.5rem 0;}
  345. .menu_nav .topnav .lot>ul a{display:inline-block;width:100%;height:1.75rem;line-height:1.75rem;}
  346. .menu_nav .topnav .lot:hover >ul{display:block;}
  347. .menu_nav .topnav .lot:hover{background:#f4f4f4 url(../images/retract.png) no-repeat 90% center;background-size:1rem .5rem;}
  348. .menu_nav .topnav .lot li:hover{background-color:#ddd;}
  349. .menu img{width:2rem;height:2.25rem;position:absolute;top:.25rem;right:0;cursor:pointer;margin-right:.5rem;background:none;}
  350. .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;}
  351. .menu_nav .bbs .title a{color:#dd4444;}
  352. .menu_nav .bbs li{background:url(../images/new.gif) no-repeat right .25rem;background-size:1rem;padding-right:.25rem;}
  353. /*===========================================banner===============================================*/
  354. .wrap{overflow:hidden;}
  355. .content{clear:both; display:inline-block; width:100%; float:left;background-color:#fff;overflow:hidden;}
  356. .banner{width:100vw;overflow:hidden;clear:both;}
  357. .banner li{line-height:0;width:100%;}
  358. .banner a{display:inline-block;width:100%;line-height:0;}
  359. .banner li a img{width:100%;margin: 0;padding:0;}
  360. /*===========================================KJ-NAV===============================================*/
  361. .kj-nav{width:100%;background:#ebf7ff;display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;}
  362. .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;}
  363. .kj-nav a:nth-of-type(3){background:url(../images/new.gif)no-repeat right .25rem;background-size:1.125rem;}
  364. /*===========================================当前开奖号及分类导航图标===============================================*/
  365. .current-lotnum{display:inline-block; width:200%; height: 2.25rem; border-bottom:solid 1px #ddd; border-top:solid 1px #ddd;overflow:hidden;}
  366. .current-lotnum #pmds{float:left; width:900%;overflow: hidden;}
  367. .current-lotnum .pmdlist{float:left;}
  368. /* @-webkit-keyframes marquee {0% { left: 20%; }100% { left: -170%; }}
  369. @-moz-keyframes marquee {0% { left: 20%; }100% { left: -170%; }}
  370. @-ms-keyframes marquee {0% { left: 20%; }100% { left: -170%; }}
  371. @-o-keyframes marquee {0% { left: 20%; }100% { left: -170%; }}
  372. @keyframes marquee {0%{left:20%}100%{left: -170%}} */
  373. .marquee {height:2.25rem; height:40px;overflow: hidden;position: relative;}
  374. /* .marquee div {display: block;height:2.25rem;position: absolute;overflow: hidden;-webkit-animation: marquee 40s linear infinite;-moz-animation: marquee 40s linear infinite;
  375. -ms-animation: marquee 40s linear infinite;-o-animation: marquee 40s linear infinite;animation: marquee 40s linear infinite;} */
  376. .current-lotnum ul{margin:0 .5rem; overflow:hidden; float:left; width:320px;}
  377. .current-lotnum li{display:inline-block; float:left; line-height:2.25rem; color:#5a5d62; font-size:.875rem;}
  378. .current-lotnum .title{font-size:1rem; color:#333; margin-right:.5rem; line-height:2.125rem; font-weight:bold;}
  379. .lotnum{margin-left:.25rem; overflow:hidden;}
  380. .lotnum span{display:inline-block; float:left; margin:0 .125rem; font-weight:bold; font-size:.875rem;}
  381. .lotnum .red{color:#e84542;}
  382. .lotnum .blue{color:#52a8e1;}
  383. /*分类导航图标*/
  384. .lot-nav{display:inline-block; float:left; width:100%;border-bottom:solid 1px #ddd; overflow:hidden;line-height:0;}
  385. .lot-nav ul{display:inline-block; width:100%; overflow:hidden;}
  386. .lot-nav li{display:inline-block; width:24.5%; float:left; border-left:solid 1px #ddd; text-align:center;}
  387. .lot-nav li:first-child{border:0 none;}
  388. .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;
  389. background-size:2.75rem; margin:.625rem 0;}
  390. .lot-nav .tool a{background-position:center -80px;}
  391. .lot-nav .miss a{background-position:center -156px;}
  392. .lot-nav .table a{background-position:center -240px;}
  393. .lot-nav .bbs a{background-position:center -156px;}
  394. /*===========================================全国彩导航===============================================*/
  395. /*导航标题*/
  396. .lot-title{padding:0 .625rem;background:#fafdff;height:2.5rem; line-height:2.5rem; border-bottom:1px #ddd solid;
  397. width:100%;position:relative;}
  398. .lot-title.blue{border-bottom:2px #ef9d91 solid;}
  399. .lot-title span{display:inline-block;width:.5rem;height:.5rem;background:none;background-color:#c3dff1;margin-right:.5rem; margin-top:-4px; vertical-align:middle;
  400. border-radius:50%; -moz-border-radius:50%;; -webkit-border-radius:50%;}
  401. .lot-title span.blue{background-color:#ef9d91;}
  402. .lot-title.nav-list span{width:1.5rem; height:1.75rem; background:url(../images/lot_logo.png) no-repeat top center; background-size:100%;}
  403. .lot-title span.fc3d{background-position:center 4px;}
  404. .lot-title span.ssq{background-position:center -22px;}
  405. .lot-title span.dlt{background-position:center -48px;}
  406. .lot-title span.p3{background-position:center -74px;}
  407. .lot-title span.p5{background-position:center -98px;}
  408. .lot-title span.qlc{background-position:center -122px;}
  409. .lot-title span.qxc{background-position:center -148px;}
  410. .lot-title span.hc1{background-position:center -174px;}
  411. .lot-title span.eexw{background-position:center -200px;}
  412. .lot-title span.ssc{background-position:center -226px;}
  413. .lot-title span.syxw{background-position:center -252px;}
  414. .lot-title span.klsf{background-position:center -278px;}
  415. .lot-title span.qyh{background-position:center -304px;}
  416. .lot-title span.slxq{background-position:center -335px;}
  417. .lot-title span.syxq{background-position:center -362px;}
  418. .lot-title span.swxq{background-position:center -392px;}
  419. .lot-title span.swxw{background-position:center -416px;}
  420. .lot-title span.ljy{background-position:center -441px;}
  421. .lot-title span.qws{background-position:center -466px;}
  422. .lot-title span.klye{background-position:center -493px;}
  423. .lot-title span.ks{background-position:center -522px;}
  424. .lot-title span.klpk3{background-position:center -579px;}
  425. .lot-title span.xysc{background-position:center -611px;}
  426. .lot-title span.ytdj{background-position:center -638px;}
  427. .lot-title span.bjpk10{background-position:center -669px;}
  428. .lot-title span.bjkl8{background-position:center -699px;}
  429. .lot-title span.shssl{background-position:center -730px;}
  430. .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;
  431. background:url(../images/more-128.png)no-repeat center;background-size:1.25rem;background-position:70% center;}
  432. .lot-title h1{font-size:1rem;position:relative;}
  433. .lot-title span.square{background:none;width:.125rem;height:1rem;background:#ff8800;border-radius:0;}
  434. .navlist li .pc-zs{background:#fafdff;border:1px solid #63b4ea;color:#63b4ea;}
  435. .navlist li .cur{color:#ff8800;}
  436. .navlist p{font-size:.875rem;height:1.75rem;text-indent:.5rem;}
  437. .navlist p span{color:#186ea7;font-weight:bold;}
  438. /*主体*/
  439. .content .lot-column{padding:0 .5rem; border-bottom:1px #ddd solid; overflow:hidden;}
  440. .content .column{display:inline-block; float:left; width:100%; padding:.625rem 0; border-bottom:1px #ddd solid; overflow:hidden;}
  441. .content .column ul{display:inline-block; width:49.5%; float:left; border-left:1px #ddd solid; overflow:hidden;}
  442. .content .column ul:first-child{border:0 none;}
  443. .content .column li{display:inline-block; width:50%; float:left; text-align:center;}
  444. .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%;}
  445. .lot-column .column .fc3d span{background-position:center 0px;}
  446. .lot-column .column .ssq span{background-position:center -50px;}
  447. .lot-column .column .dlt span{background-position:center -102px;}
  448. .lot-column .column .p3 span{background-position:center -152px;}
  449. .lot-column .column .p5 span{background-position:center -202px;}
  450. .lot-column .column .qlc span{background-position:center -254px;}
  451. .lot-column .column .qxc span{background-position:center -302px;}
  452. .lot-column .column .hc1 span{background-position:center -356px;}
  453. .lot-column .column .eex5 span{background-position:center -406px;}
  454. .lot-column .column .more span{background-position:center -486px; padding-top:2rem;}
  455. .lot-column .column .title{height:3.5rem; line-height:3rem; font-weight:bold;}
  456. .lot-column .column .mores span{line-height:1.125rem; display:inline-block; width:4em; color:#999; margin-top:1.5rem;}
  457. .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;
  458. border-radius:.75rem; -moz- border-radius:.75rem; -webkit- border-radius:.75rem;}
  459. .lot-column .column .lot-logo a,.lot-column .column .title a{border:0 none;width:100%;line-height:3rem;height:3rem;}
  460. /*分类首页样式*/
  461. .navlist{padding:.5rem .25rem 0 .25rem;background-color:#fff; overflow:hidden;}
  462. .navlist ul{display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;margin-bottom:.5rem;}
  463. .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;}
  464. .navlist .local li{width:49%;}
  465. .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;
  466. overflow:hidden;border:1px #ddd solid;border-radius:.125rem;}
  467. .navlist .hot{background:url(../images/hot.gif) no-repeat top left;}
  468. .navlist .new{background:url(../images/new.gif) no-repeat top left;}
  469. .navlist .hot,.navlist .new{display:inline-block; width:1.125rem; height:.75rem; background-size:100%; position:absolute; top:0; right:0;}
  470. /*===========================================subnav子菜单样式===============================================*/
  471. .subnav{padding:0 .5rem; overflow:hidden; background-color:#fff; position:relative; z-index:9;box-shadow:0 0 4px #ddd;-webkit-box-shadow:0 0 4px #ddd;
  472. -moz-box-shadow:0 0 4px #ddd;-ms-box-shadow:0 0 4px #ddd;margin-bottom:.25rem;}
  473. .subnav ul{display:inline-block; float:left; width:100%;}
  474. .subnav li{display:inline-block; width:32%; float:left; text-align:center; height:2.25rem;margin:0 0.5%; overflow:hidden;}
  475. .subnav li a{display:inline-block; width:94%; line-height:2.125rem; height:2.125rem; padding:0 .125rem; text-align:center; font-size:1rem;
  476. white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
  477. .subnav .active a{color:#e84542;border-bottom:3px #e84542 solid;height:2.0625rem;font-size:1.125rem;}
  478. .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;
  479. -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;}
  480. .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;
  481. -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;}
  482. .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;}
  483. .zst-subnav ul{display:inline-block; float:left; width:100%;}
  484. .zst-subnav li{display:inline-block; width:32%; float:left; text-align:center; height:2.25rem;margin:0 0.5%; overflow:hidden;}
  485. .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;
  486. white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
  487. .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;
  488. -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;}
  489. /*栏目切换*/
  490. .tab-title{padding:.5rem; background-color:#f4f4f4; height:1.625rem; text-align:center;}
  491. nav{width:100%; text-align:center;height:1.625rem; padding:0; background-color:#f4f4f4; margin:.25rem 0 .5rem 0;}
  492. .tab-mune{display:inline-block; overflow:hidden; text-align:center; margin:0 auto;}
  493. .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;
  494. border-radius:0 .25rem .25rem 0; -moz-border-radius:0 .25rem .25rem 0; -webkit-border-radius:0 .25rem .25rem 0; cursor:pointer;}
  495. .tab-mune li a{display:inline-block; width:100%; color:#186ea7; line-height:1.5rem;}
  496. .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; }
  497. .tab-mune .select a,.tab-mune .select{background-color:#186ea7; color:#fff;}
  498. .miss li{width:4.5rem; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
  499. .miss li:last-child{border-radius:0 .25rem .25rem 0; -moz-border-radius:0 .25rem .25rem 0; -webkit-border-radius:0 .25rem .25rem 0;}
  500. /*===========================================footer===============================================*/
  501. .footer{overflow:hidden;background:#f5f7fa;width:100%;position:relative;}
  502. .kcl{position:absolute;top:.5rem;left:.5rem;display:block;width:4.5rem;height:5.5rem;overflow:hidden;}
  503. .kcl i{font-size:.625rem;line-height:.75rem;float:left;}
  504. .kcl img{width:100%;float:left;}
  505. .link,.copyright{width:100%;text-align:center;line-height:1.5rem;color:#666;}
  506. .link{padding-top:1rem;padding-bottom:.5rem;margin-left:2rem;}
  507. .copyright{padding-bottom:1.25rem;font-size:.875rem;padding-top:.25rem;color:#b2b2b2;margin-left:2rem;}
  508. .link a{color:#666;font-size:1rem;}
  509. /*===========================================广告样式===============================================*/
  510. .shadow{
  511. background-color:#fff;overflow:hidden;width:100%;-webkit-box-shadow:0 1px 2px rgba(221, 221, 221, .5) ;
  512. -moz-box-shadow: 0 1px 2px rgba(221, 221, 221, .5);box-shadow: 0 1px 2px rgba(221, 221, 221, .5) ;
  513. margin-bottom:.25rem
  514. }
  515. .banner-text{position:relative;overflow:hidden;-webkit-box-shadow: 0 1px 2px rgba(221, 221, 221, .5) inset ;
  516. -moz-box-shadow: 0 1px 2px rgba(221, 221, 221, .5) inset;box-shadow: 0 1px 2px rgba(221, 221, 221, .5) inset;
  517. border-top:1px #ddd solid;}
  518. .banner-t{overflow:hidden;}
  519. .shadow ul,.banner-t ul{overflow:hidden;text-align:center;width:93.8%;float: left;display:inline-block;}
  520. .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;
  521. }
  522. .shadow li:last-child,.shadow li:nth-last-child(2){border-bottom:0 none;}
  523. .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;}
  524. .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;
  525. }
  526. /*===========================================404样式===============================================*/
  527. .no-found{width:100%;min-height:30rem;background:#f5f9ff url(../images/no_found.jpg)no-repeat center top;background-size:100%;}
  528. .no-found .home-back{padding-top:77%;overflow:hidden;border-bottom:1px #62a0d0 dashed;padding-bottom:2rem;}
  529. .no-found .home-back a{display:inline-block;width:35%;margin-left:5%;float:left;height:4rem;}
  530. .no-found .home-back a:first-child{width:50%;}
  531. .no-found .more-recommend{margin:0 .5rem;overflow:hidden;}
  532. .no-found .more-recommend h1{font-size:1.125rem;line-height:2.5rem;color:#186ea7;}
  533. .no-found .more-recommend h1 span{display:inline-block;width:.125rem;height:1.125rem;margin:0 5px;background-color:#eb4941;position:relative;top:3px;}
  534. .no-found .more-recommend a{display:inline-block;width:40%;float:left;margin-left:5%;font-size:.875rem;line-height:2rem;color:#808080;}
  535. /*===========================================浮标样式===============================================*/
  536. .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;}
  537. .kancla{display:none;position:fixed;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:9999999;}
  538. .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;}
  539. .kancla p span{color:#186ea7;font-weight:bold;}