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:#333; }
.copyright a { color:#fff; }
h2 { font-size:16px; }
body { background-color:#FBF9FE; font-size:14px; min-width:320px }
body .mainmenu { margin-right: 4px; }
body .mainmenu:after { clear: both; content: " "; display: block; }
body .mainmenu li { overflow:hidden; float:left; width:25%; }
body .mainmenu li a { border-radius:3px; display:block; color:#FFF; margin:4px 0 0 4px; text-align: center; 
	padding:5px; background-color:#333;height:100px;overflow:hidden; }
body .mainmenu li a img { width:65px; height:65px; }
body .mainmenu li a p { }

body .mainmenu li:nth-child(10n+5) {width:50%;}
body .mainmenu li:nth-child(10n+5) a { height:204px;padding:0px;}
body .mainmenu li:nth-child(10n+5) a img{ width:100px; height:90px; margin-top:30px;}

body .mainmenu li:nth-child(10n+6) {width:50%;}
body .mainmenu li:nth-child(10n+6) a { height:100px;padding:0px;height:90px;}
body .mainmenu li:nth-child(10n+6) a img{ width:65px; height:65px;margin-top:5px;}

body .mainmenu li:nth-child(10n+7) {width:50%;}
body .mainmenu li:nth-child(10n+9) {width:50%;}
body .mainmenu li:nth-child(10n+10) {width:50%;}


body .mainmenu li:nth-child(5n+1) a {background-color: #36A1DB;}
body .mainmenu li:nth-child(5n+2) a {background-color: #81B637;}
body .mainmenu li:nth-child(5n+3) a {background-color: #E57E22;}
body .mainmenu li:nth-child(5n+4) a {background-color: #7E54DC;}
body .mainmenu li:nth-child(5n+5) a {background-color:#00B699;}

/* banner */
.banner img {width: 100%;}
/* top_menu */
.top_bar{position:fixed;z-index:999999;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:45px;
	display:-webkit-box;display:box;margin:0;padding:0;-webkit-box-orient:horizontal;background:-webkit-gradient(linear, 0 0, 0 100%, from(#e7e4e7), to(#CAC3C3));}
.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;display:inline-block;width:25%;float:left;}
.top_menu li a label{padding:3px 0 0 3px;font-size:10pt;font-weight:700;color:	#5E5E5E;overflow:hidden;}
.top_menu li a{height:43px;line-height:43px;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_menu li a p{overflow:hidden;margin:0 0 0 0;font-size:10pt;display:block!important;line-height:18px;text-align:center;}
.top_menu li a img{padding:0;height:22px;width:22px;color:#fff;margin-bottom:6px;line-height:45px;vertical-align:middle;}
.top_menu li a:hover,.top_menu li a:active{background-color:#CCCCCC;}	



.share_menu{display:-webkit-box;border-top:1px solid #b3b3b3;display:block;width:100%;background:rgba(255, 255, 255, 0.7);height:55px;
	display:-webkit-box;display:box;margin:0;padding:0;-webkit-box-orient:horizontal;background:-webkit-gradient(linear, 0 0, 0 100%, from(#e7e4e7), to(#CAC3C3));}
.share_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.1)), to(rgba(0, 0, 0, 0.1))), -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;display:inline-block;width:25%;float:left;}
.share_menu li a label{padding:5px 0 0 5px;font-size:12pt;font-weight:700;color:#F0A30A;overflow:hidden;}
.share_menu li a{height:53px;line-height:53px;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;}
.share_menu li a p{overflow:hidden;margin:0 0 0 0;font-size:12pt;display:block!important;line-height:13px;text-align:center;}
.share_menu li a img{padding:0;height:28px;width:28px;color:#fff;margin-bottom:5px;line-height:45px;vertical-align:middle;}
.share_menu li a:hover,.top_menu li a:active{background-color:#CCCCCC;}	

.top_title{display:-webkit-box;border-top:0px solid #b3b3b3;display:block;width:100%;height:40px;display:-webkit-box;display:box;margin:0;padding:0;
	-webkit-box-orient:horizontal;background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#969696), to(#EBEBEB));-webkit-linear-gradient(top,rgba(215,75,40,1),rgba(215,75,40,0.8));}
.top_title li{-webkit-box-flex:1; 
	background-repeat:no-repeat;position:relative;text-align:center;display:inline-block;float:left;}		
.top_title li a{padding:10px 0 0 0; height:40px;line-height:15px;display:inline-flex;
	text-align:center;color:white;text-decoration:none;border-top:none;-webkit-box-flex:1;}