html, body {
color:#222;
font-family:Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;
margin:0;
padding: 0;
text-decoration: none;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
img {
border:0;
}
ol, ul {
list-style: none outside none;
margin:0;
padding: 0;
}
a {
color:#000000;
text-decoration: none;
}
.clr {
display:block;
clear:both;
height:0;
overflow:hidden;
}
.copyright{padding:8px;text-align:center;font-size:14px;color:#666;}
.copyright a{color:#666;}
body { background-color:#eee; font-size:16px; }
body .mainmenu {margin:6px;border-radius:5px; overflow:hidden; border:1px solid #d8e0cb;}
body .mainmenu li { border-bottom:1px solid #CCC; background:-webkit-gradient(linear, 55% 100%, 55% 0%, from(#f1f1f1), to(#ffffff)); overflow:hidden }
body .mainmenu li a { display:block; padding:6px 30px 6px 20px; position:relative;box-shadow:0 -1px 1px rgba(255, 255, 255, 1) inset;}
body .mainmenu li a em { display:block; width:8px; height:100%; position:absolute; left:0px;top: 0;}
body .mainmenu li a p{ color:#858585;}
body .mainmenu li a span { line-height:24px; color:#4a4a4a }
body .mainmenu li a i{ display:block; line-height:24px; font-size:12px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#b0b0b0; font-style: normal;}
body .mainmenu li a b{ display:block; width:15px; height:19px; position:absolute; top:50%; margin-top:-10px; right:10px; background:url(../image/jt.png) no-repeat; background-size:15px 19px;}
body .mainmenu li:last-child{ border-bottom:none}
body .mainmenu li:nth-child(8n+1) a em {background-color:#36A1DB}
body .mainmenu li:nth-child(8n+2) a em {background-color:#678ce1}
body .mainmenu li:nth-child(8n+3) a em {background-color:#8c67df}
body .mainmenu li:nth-child(8n+4) a em {background-color:#84d018}
body .mainmenu li:nth-child(8n+5) a em {background-color:#14c760}
body .mainmenu li:nth-child(8n+6) a em {background-color:#f3b613}
body .mainmenu li:nth-child(8n+7) a em {background-color:#ff8a4a}
body .mainmenu li:nth-child(8n+8) a em {background-color:#fc5366}
body { background-color:#222; }
body .mainmenu {border:0; overflow: hidden;}
body .mainmenu {margin:8px;}
body .mainmenu li { border:0; margin-bottom:8px; border-radius:5px; background:none;}
body .mainmenu li a{ box-shadow: none;background-color: #3F3F3F;}
body .mainmenu li a i { color: #888;}
body .mainmenu li a b { opacity: 0.3;-moz-opacity: 0.3;filter:alpha(opacity=30);}
body .mainmenu li a span {color:#fff}
body .mainmenu li:last-child{ border-bottom:none;}
.slider{
width: 100%;
height:200px;
margin-bottom: 10px;
}
.slider .swiper-container {
width: 100%;
height: 100%;
color: #fff;
text-align: center;
}
.slider .swiper-container .swiper-wrapper .swiper-slide .title img{
width: 100%;
height:200px;
}
.slider .pagination ,
.slider .pagination1 {
position: absolute;
z-index: 20;
/*left: 26%;*/
width:100%;
text-align: center;
bottom: 10px;
}
.slider .pagination1 {
position: absolute;
z-index: 20;
/*left: 45%;*/
width:100%;
text-align: center;
bottom: -5px;
}
.slider .swiper-pagination-switch {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 8px;
background: #fff;
margin-right: 5px;
opacity: 0.8;
border: 1px solid #aaa;
cursor: pointer;
}
.slider .swiper-visible-switch {
background: #2DB6FF;
}
.slider .swiper-active-switch {
background: #2DB6FF;
border:1px solid #2DB6FF;
}
body { margin-bottom:60px !important; }
a, button, input { -webkit-tap-highlight-color:rgba(255, 0, 0, 0); }
ul, li { list-style:none; margin:0; padding:0 }
.top_bar { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto; font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; }
.top_menu { display:-webkit-box; border-top: 1px solid #3D3D46; display: block; width: 100%; background: rgba(255, 255, 255, 0.7); height: 48px; display: -webkit-box; display: box; margin:0; padding:0; -webkit-box-orient: horizontal; background: -webkit-gradient(linear, 0 0, 0 100%, from(#697077), to(#3F434E), color-stop(60%, #464A53)); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset; }
.top_bar .top_menu>li { -webkit-box-flex:1; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.4))), -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.15))); ; -webkit-background-size:1px 100%, 1px 100%; background-size:1px 100%, 1px 100%; background-position: 1px center, 2px center; background-repeat: no-repeat; position:relative; text-align:center; }
.top_menu li:first-child { background:none; }
.top_bar .top_menu>li>a { height:48px; display:block; text-align:center; color:#FFF; text-decoration:none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); -webkit-box-flex:1; }
.top_bar .top_menu>li>a label { overflow:hidden; margin: 0 0 0 0; font-size: 12px; display: block !important; line-height: 18px; text-align: center; }
.top_bar .top_menu>li>a img { padding: 3px 0 0 0; height: 24px; width: 24px; color: #fff; line-height: 48px; vertical-align:middle; }
.top_bar li:first-child a { display: block; }
.menu_font { text-align:left; position:absolute; right:10px; z-index:500; background: -webkit-gradient(linear, 0 0, 0 100%, from(#697077), to(#3F434E), color-stop(60%, #464A53)); border-radius: 5px; width: 120px; margin-top: 10px; padding: 0; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }
.menu_font.hidden { display:none; }
.menu_font { top:inherit !important; bottom:60px; }
.menu_font li a { height:40px; margin-right: 1px; display:block; text-align:center; color:#FFF; text-decoration:none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); -webkit-box-flex:1; }
.menu_font li a { text-align: left !important; }
.top_menu li:last-of-type a { background: none; }
.menu_font:after { top: inherit!important; bottom: -6px; border-color: #3F434E rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width: 6px 6px 0; position: absolute; content: ""; display: inline-block; width: 0; height: 0; border-style: solid; left: 80%; }
.menu_font li { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.menu_font li:first-of-type { border-top: 0; }
.menu_font li:last-of-type { border-bottom: 0; }
.menu_font li a { height: 40px; line-height: 40px !important; position: relative; color: #fff; display: block; width: 100%; text-indent: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.menu_font li a img { width: 20px; height:20px; display: inline-block; margin-top:-2px; color: #fff; line-height: 40px; vertical-align:middle; }
.menu_font>li>a label { padding:3px 0 0 3px; font-size:14px; overflow:hidden; margin: 0; }
#menu_list0 { right:0; left:10px; }
#menu_list0:after { left: 20%; }
#sharemcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; }
#sharemcover img { position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; border:0; }
.top_bar .top_menu>li>a:hover, .top_bar .top_menu>li>a:active { background-color:#333; }
.menu_font li a:hover, .menu_font li a:active { background-color:#333; }
.menu_font li:first-of-type a { border-radius:5px 5px 0 0; }
.menu_font li:last-of-type a { border-radius:0 0 5px 5px; }
#plug-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index:800; }
#cate18 .device {bottom: 49px;}
#cate18 #indicator {bottom: 240px;}
#cate19 .device {bottom: 49px;}
#cate19 #indicator {bottom: 330px;}
#cate19 .pagination {bottom: 60px;}
/*εΊι¨θε*/
.footer-menu{
position: fixed;
bottom:0;
width:100%;
height:48px;
overflow: hidden;
background-color: #555;
}
.footer-menu ul li{
height: 48px;
width:25%;
float:left;
}
.footer-menu ul li a{
display:inline-block;
width:100%;
height:48px;
color:#fff;
font-size:14px;
text-align: center;
}
.footer-menu ul li a img{
width:100%;
height:48px;
}