@charset "utf-8";
/* CSS Document */

body { background:url(../images/body_bg.png)}
.header{ width:100%; height:90px; background:#bb353c;}
.header .warp{ width:900px; margin:0 auto;}
.warp_content{ width:900px; margin:0 auto 60px;}
.crumb{ color:#bb353c; height:60px;  background: url(../images/line.gif) repeat-x left bottom;}
.nav_list{ padding-top:8px;}
.nav_list li{font:18px/50px "微软雅黑"; margin-right:10px; cursor:pointer; width:150px; float:left; text-align:center;  border:1px solid #CCC;-moz-border-radius: 10px 10px 0 0 ;  
    -webkit-border-radius: 10px 10px 0 0 ;  
    border-radius: 10px 10px 0 0 ; border-bottom:none}
.nav_list li.on{  background:#C30; color:#FFF;}

.app_list{ width:100%; margin-top:15px; margin-left:15px; clear:both }
.app_list li{ width:150px; height:190px; float:left; margin:20px 30px 15px 0; display:inline-block; text-align:center; position: relative}
.app_list li .pic{ width:90px; height:90px; margin:20px auto 0; z-index:99}
.app_list li p{ width:100%;font:18px/40px "微软雅黑"; color:#FFF; position:absolute; bottom:40px; height:40px; left:0; z-index:100;background:rgba(56, 56, 56, 0.8) none repeat scroll 0 0 !important;
filter:Alpha(opacity=80); background:#333; }
.app_list li.color1{ background:#92cf68;}
.app_list li.color2{ background:#58b5e1;}
.app_list li.color3{ background:#fcc954;}
.app_list li.color4{ background:#68c9cf;}
.app_list li.color5{ background:#fa6567;}
.app_list li.color6{ background:#f7774a;}
.app_list li.color7{ background:#c066a6;}
.app_list li.color8{ background:#fa659c;}
.app_list li.color9{ background:#e68c00;}
.app_list li.color10{ background:#336699;}
.app_list li .name{position:absolute; bottom:0; width:100%; height:40px; background:url(../images/body_bg.png);font:14px/22px "微软雅黑"; color:#333;}
.app_list li a:hover .name{ color:#900}

.page_list{ width:100%; background: url(../images/line.gif) repeat-x left top; height:40px; padding-top:20px; text-align:center; clear:both}
.page_list  a{ width:20px; height:20px; background:url(../images/page_ico.png) no-repeat center center; display:inline-block; margin-right:10px; color:#253551}
.page_list  a.on{background:url(../images/page_ico_on.png) no-repeat center center; color:#d40000 }
.help_btn{ position:fixed; right:0; top:40%;}
.help_info{ width:100%; margin-top:15px;font:14px/40px "微软雅黑"; color:#333; padding-bottom:40px;}
.help_info h2{font: bold 16px/50px "微软雅黑"; color:#bb353c;}
.fotter{ width:100%; height:40px; position:fixed; bottom:0; background:#bb353c; text-align:center; color:#FFF; font:12px/40px "微软雅黑"; z-index:1000 }