html, body { color:#222; font:14px/22px; 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; }
.clr2 { display:block; clear:both; height:10px; overflow:hidden; }
.copyright { padding:8px; text-align:center; font-size:14px; color:#666; height:30px; line-height:30px; border-top: 3px solid #2b73df; background:#ccc; text-shadow:1px 1px 1px #fff;  }
.copyright a { color:#666; }

h2 { font-size:16px; }

body { max-width:640px; margin:0 auto; padding-bottom:50px; }
body .mainmenu:after { clear: both; content: " "; display: block; }

body .mainmenu li{ float:left;margin-left: 2.5%;
margin-top: 2.5%;
width: 22%; border-radius:3px; overflow:hidden;}

body .mainmenu li a{ display:block;  color:#FFF;   text-align:center }
body .mainmenu li a b{ display:block; height:80px;}
body .mainmenu li a img{ margin: 15px auto 15px;
width: 50px;
height: 50px;}
body .mainmenu li a span{ display:block; height:30px; line-height:30px;background-color:#FFF; color: #999; font-size:14px; }

body .mainmenu li:nth-child(8n+1) {background-color:#36A1DB}
body .mainmenu li:nth-child(8n+2) {background-color:#678ce1}
body .mainmenu li:nth-child(8n+3) {background-color:#8c67df}
body .mainmenu li:nth-child(8n+4) {background-color:#84d018}
body .mainmenu li:nth-child(8n+5) {background-color:#14c760}
body .mainmenu li:nth-child(8n+6) {background-color:#f3b613}
body .mainmenu li:nth-child(8n+7) {background-color:#ff8a4a}
body .mainmenu li:nth-child(8n+8) {background-color:#fc5366}

.hrline { height:1px; line-height:1px; overflow:hidden; border-bottom:1px dotted #ddd; }
.next { line-height:24px; }

header { background:url(../images/topbg.png) repeat-x; }
.logo {  height:70px;  }
.menu { height:48px; padding:6px 0px; }
.navlist li {
width: 25%;
height: 24px;
text-align: center;
line-height: 24px;
float: left;
background: url(../images/menuline.png) no-repeat right center;
}
.navlist li a { color:#fff; }

.w { overflow:hidden; }
.w .wtitle {
height: 36px;
line-height: 36px;
padding-left: 12px;
padding-right:5px;
background:url(../images/titlebg.gif) no-repeat;
color: #fff;
}
.w .wtitle2 {
background:url(../images/titlebg2.gif) no-repeat;
}
.w .wtitle h3 {
font-size: 16px;
color: #fff;
width:200px;
float:left;
line-height: 36px;
}
.w .wtitle .more {
float: right;
}
.w .wtitle h3 a { color:#fff; text-shadow:1px 1px 1px #000; }
.w .wtitle .postion { font-weight:bold; padding-left:12px; color:#2b73df }
.w .wtitle .postion a { color: #2b73df; }
.w .box { padding:5px 10px; text-align:justify; }
.w .box img { float:left; -moz-border-radius: 3px;border-radius: 3px; margin-right:8px; margin-top:3px; box-shadow:1px 1px 2px #777; }
.w .box p { margin-bottom:5px; }

.banner {  overflow:hidden; text-align:center; margin:0 auto; }
.banner img { margin:0 auto; width:100%; max-width:640px; }

.classlist { padding-right:4%; padding-top:8px; }
.classlist li { margin-bottom:5px; width:38%; padding-left:8%; float:left; margin-left:4%; height:30px; line-height:30px; background:url(../images/arrow-white.png) no-repeat 8px center #0071C0; color:#eee; -moz-border-radius: 3px;border-radius: 3px; }
.classlist li a { color:#eee; }
.classlist li.last { width:88%; }

.newslist { padding:5px 8px; }
.newslist li { height:26px; line-height:26px; margin-bottom:2px; border-bottom:1px dashed #ccc; padding-left:12px; background:url(../images/point.gif) no-repeat 0px center; overflow:hidden; }
.newslist li span { float:right; font-weight:normal; color:#999; }

.content { padding:10px 8px; }
.content img { width:100%; box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; -moz-border-radius: 5px;border-radius: 5px;  }
.content p { text-indent:24px; margin-bottom:8px; }
.content p img { margin-left:-24px; }

.content h1.title { font-size:18px; text-align:center; line-height:20px; padding:5px 0px; }

.prolist { padding:20px 0px; }
.prolist ul li { width:45%; height:146px; padding-top:10px; margin-left:3%; float:left; text-align:center; box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; margin-bottom:20px; }
.prolist ul li .pimg { width:150px; margin:0 auto; display:block; }
.prolist ul li .pimg img { width:140px; height:110px; }

.proshowimg { /*box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc;*/ margin-bottom:20px; text-align:center; }

.center { text-align:center; }
.page { text-align:center; }
.bold { font-weight:bold; }
.red { color:#f00; }
/*  share */
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 #b3b3b3; 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(#e7e4e7), to(#b9b9b9)); }
.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.2)), to(rgba(0, 0, 0, 0.2))), -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.1))); -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:#4f4d4f; text-shadow: 0 1px rgba(255, 255, 255, 0.3); text-decoration:none; border-top: 1px solid #f9f9f9; -webkit-box-flex:1; }
.top_bar .top_menu>li>a img {  height: 24px; width: 24px; color: #fff; line-height: 24px; position: absolute; left:20%; top:10px; }
.top_bar li:first-child a { display: block; }
.top_bar .top_menu>li>a span { margin:0px 0px; font-size: 14px; height:46px; line-height: 46px; text-align: center; }

.menu_font { padding: 0; position: absolute; z-index: 500; bottom: 60px; right: 10px; width: 120px; background: #e4e3e2; border: 1px solid #afaeaf; border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }
.menu_font.hidden { display:none; }
.top_menu li:last-of-type a { background: none; }
.top_menu>li:last-of-type>a label { padding: 0 0 0 3px; }
.menu_font li:last-of-type { background: none; }
.menu_font li a { text-align: left !important; }
.top_menu li:last-of-type a { background: none; }
.menu_font:before, .menu_font:after { content:""; display:inline-block; position:absolute; z-index:240; bottom:0; left: 85%; margin-left:-8px; margin-bottom:-16px; width:0; height:0; border:8px solid red; border-color:#afaeaf transparent transparent transparent; }
.menu_font:after { z-index:501; border-color:#e4e3e2 transparent transparent transparent; margin-bottom:-15px; margin-left:-8px; }
.menu_font li { background:-webkit-gradient(linear, 0 0, 100% 0, from(#e4e3e2), to(#e4e3e2), color-stop(50%, #f3f3f2)), -webkit-gradient(linear, 0 0, 100% 0, from(#e4e3e2), to(#e4e3e2), color-stop(50%, #c6c5c5)); background-size:100% 1px, 100% 2px; background-repeat:no-repeat; background-position: center bottom; }
.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; text-decoration:none; color:#4f4d4f; text-shadow: 0 1px rgba(255, 255, 255, 0.3); }
.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:before, #menu_list0:after { left: 15%; }
#menu_list0:after { margin-bottom:-15px; margin-left:-8px; }
#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:#CCCCCC; }
.menu_font li a:hover, .menu_font li a:active { background-color:#CCCCCC; }
.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;}