body{font-size:14px;font-family: "Microsoft YaHei", "open sans", "Helvetica Neue", Helvetica,	Arial, sans-serif;color:#676a6c;}
html,body{height:100%;}
html,body,div,ul,li,ol,dt,dd,dl,h1,h2,h3,h4,h5{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5{font-weight:normal;}
header,footer,main,nav,aside,section,article,details,figcaption,figure,menu,dialog,figure{display:block;}
select,button,input,textarea{font-family:"Microsoft YaHei","iconfont","FontAwesome","arial","STHeiti","Helvetica","sans-serif"!important;}
a{color:#fff;text-decoration:none;color:inherit;outline:none;border:none;}
a:active,a:hover,:focus{outline:none;}
a:hover{-webkit-transition:all 1s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.btn:hover{-webkit-transition:background-color 0.2s ease;-moz-transition:background-color 0.2s ease;-ms-transition:background-color 0.2s ease;-o-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}
p{margin:0;}
.cl:after,.clearfix:after{display:block;height:0;clear:both;visibility:hidden;content:"\20";}
.cl,.clearfix{zoom:1}
.img-responsive{display:block;max-width:100%;height:auto;}
.left{float:left;}
.right{float:right;}
.center{margin: 0px auto;}
.t-left{text-align:left;}
.t-center{text-align:center;}
.t-right{text-align:right}
.hidden,.none{display:none;}
.block{display:block;}
.mb10{margin-bottom:10px;}
.mt10{margin-top:10px;}
.mb20{margin-bottom:20px;}
.mt20{margin-top:20px;}

html,body{max-height:100%;height:100%;overflow:hidden;}

.container{width:100%;height:100%;position:relative;}
.header{position:fixed;right:0;left:0;z-index:100;padding:12px 0;min-height:36px;background-color:#333;}
.logo{line-height:36px;font-size:24px;color:#fff;float:left;}
.logo img{float:left;vertical-align:middle;margin:0 10px 0 15px;height:36px;}
.searchBox{position:relative;display:inline-block;float:right;margin-right:15px;}
.inputSearch{padding:0 10px 0 40px;width:200px;height:36px;color:#c5c5c5;background: url("../images/icon-search.png") no-repeat 15px center;background-size:18px 18px;background-color:rgba(255,255,255,.1);border:0;border-radius:30px;border-top-right-radius:0;border-bottom-right-radius:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition: all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.inputSearch:focus {color:#fff;background-color:rgba(255,255,255,.3);}
.btnSearch{width:60px;height:36px;font-size:14px;color:#fff;background-color:#e60012;border:0;border-radius:30px;border-top-left-radius:0;border-bottom-left-radius:0;cursor:pointer;float:right;}
.btnSearch:hover{background-color:#ea2534;}
.topNav{display:inline-block;overflow:hidden;float:left;margin-left:30px;height:36px;}
.topNav li{float:left;margin:0 5px;}
.topNav li a{display:inline-block;padding:8px 15px;font-size:14px;color:#ddd;}
.topNav li i{margin-right:8px;width:20px;height:20px;display:inline-block;float:left;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.topNav li i.icon-return{background:url(../images/icon-return.png) no-repeat;}
.topNav li i.icon-reset{background:url(../images/icon-reset.png) no-repeat;}
.topNav li p{float:left;line-height:20px;}
.topNav li a:hover{background-color:rgba(255,255,255,.1);border-radius:35px;}
.topNav li a:hover i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}

.leftSide{position:relative;z-index:1;float:left;margin-top:60px;padding-bottom:60px;width:280px;height:100%;background-color:#f6f6f6;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow-y:auto;}
.infoBox{position:relative;width:100%;float:left;}
.tabs-list{float:left;display:block;width:100%;height:40px;background-color:#555;}
.tabs-list h3{float:left;margin-left:15px;line-height:40px;font-size:16px;color:#fff;}
.tabs-list li{float:left;width:50%;line-height:40px;color:#fff;text-align:center;}
.tabs-list li a{font-size:16px;color:#fff;display:block;}
.tabs-list li.active{color:#fff;background-color:#e60012;}
.tabs-list li.active a{color:#fff;}
.info-con{overflow:hidden;clear:both;position:relative;padding:10px;}
.subNav{cursor:pointer;line-height:20px;font-size:15px;color:#666;background:url(../images/dian1.png) no-repeat 5px 18px;padding:10px 0 10px 20px;border-bottom:1px solid rgba(255,255,255,.1);}
.subNav:hover,.subNav.active{color:#333;background:#eaeaea url(../images/dian1.png) no-repeat 5px 18px;-webkit-transition:all 1s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.navContent{display:none;padding:10px 0;line-height:20px;color:#999;}
.info-con .textBox{height:300px;overflow:hidden;}
.info-con .intro{line-height:22px;height:242px;color:#999;clear:both;display:block;overflow:hidden;}
.info-con .page{clear:both;margin-top:10px;text-align:center;}
.info-con .page a{padding:3px 15px;display:inline-block;line-height:20px;color:#999;background-color:#f0f0f0;border-radius:5px;}
.info-con .page a:first-child{border-top-right-radius:0;border-bottom-right-radius:0;}
.info-con .page a:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid rgba(255,255,255,.05);background-color:#fafafa;}

.stasticsBox{clear:both;float:left;width:100%;}
.stastic-list{overflow:hidden;clear:both;padding:10px;}
.stastic-list li{background:url(../images/dian.png) no-repeat 5px 12px;padding:5px 0 5px 20px;line-height:20px;font-size:14px;color:#999;}
.stastic-list li .num{padding:0 5px;color:#ea2534;}

.scroll-box{float:left;width:260px;}
.scroll-box .div_scroll{overflow:auto;float:left;width:260px;height:300px;}
.scroll-box .scroll_container{overflow:hidden;position:relative;}
.scroll-box .scroll_absolute{position:absolute;}
.scroll-box .scroll_vertical_bar{position:absolute;top:0;right:0;width:4px;height:100%;}
.scroll-box .scroll_track{position:relative;background-color:#555;}
.scroll-box .scroll_drag{position:relative;top:0;left:0;background-color:#999;border-radius:5px;cursor:pointer;}

.mainContent{margin-left:280px;padding-top:60px;height:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.chart-box{width:100%;height:100%;display:inline-block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; -webkit-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}


/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{
    width: 4px;
    height: 4px;
}
/*定义滚动条的轨道，内阴影及圆角*/
::-webkit-scrollbar-track{
    border-radius: 5px;
    background-color: #2d4574;
}
/*定义滑块，内阴影及圆角*/
::-webkit-scrollbar-thumb{
    height: 20px;
    border-radius: 5px;
    background-color: #788db5;
}