@import "common.css";

/*首页右侧内容样式*/
.showTotalInfo{
}
.showTotalInfo li{
    width:23.5%;
    margin:0px 1% 15px 1%;
    float: left;
    height:122px;
    border-radius:10px;
}
.showTotalInfo li.first{
    margin-left:0px;
    background: url("../imgs/iconbgs.png") repeat-x left top;
}
.showTotalInfo li.second{
    background: url("../imgs/iconbgs.png") repeat-x left -136px;
}
.showTotalInfo li.three{
    background: url("../imgs/iconbgs.png") repeat-x left -272px;
}
.showTotalInfo li.last{
    background: url("../imgs/iconbgs.png") repeat-x left -407px;
    margin-right:0px;
}
.showTotalInfo li .showCon{
    padding-left:96px;
    color:#fff;
    padding-top:26px;
}
.showTotalInfo li .showCon .num{
    font-family:Arial;
    font-size: 30px;
}
.showTotalInfo li div.fl{
    width:80px;
    float: left;
    height:122px;
    text-align: center;
    position: relative;
}
.showTotalInfo li div.fl .bg{
    background:#ffffff;
    opacity: 0.08;
    filter:alpha(opacity=8);
    position: absolute;
    width:100%;
    height: 100%;
}
.showTotalInfo li div.fl .icon{
    width:45px;
    height:45px;
    display: inline-block;
    margin-top:37px;
}
.showTotalInfo li div.fl .icon.iconUser{
    background: url("../imgs/icon.png") no-repeat 0px -172px;
}
.showTotalInfo li div.fl .icon.iconCommpany{
    background: url("../imgs/icon.png") no-repeat -50px -173px;
}
.showTotalInfo li div.fl .icon.iconVisiter{
    background: url("../imgs/icon.png") no-repeat 0px -238px;
}
.showTotalInfo li div.fl .icon.iconTotalUser{
    background: url("../imgs/icon.png") no-repeat -50px -233px;
}

/*快速链接样式*/
.quickLinks li{
    float: left;
    width:10%;
    margin:0px 0.5%;
    text-align: center;
    padding-top:15px;
}
.quickLinks li .imgBox{
    background: #fff;
    width:60px;
    height:60px;
    border:1px solid #e2e2e2;
    box-shadow: 0px 0px 10px 10px #f9f9f9;
    border-radius: 15px;
    margin:0 auto;
    margin-bottom:20px;
}
.quickLinks li .imgBox .img{
    width:30px;
    height:30px;
    margin-top:15px;
    margin-left:15px;
}
.quickLinks li .imgBox .img.img1{
    background: url("../imgs/icon.png") no-repeat 1px -324px;
}
.quickLinks li .imgBox .img.img2{
    background: url("../imgs/icon.png") no-repeat -34px -324px;
}
.quickLinks li .imgBox .img.img3{
    background: url("../imgs/icon.png") no-repeat -71px -325px;
}
.quickLinks li .imgBox .img.img4{
    background: url("../imgs/icon.png") no-repeat 2px -365px;
}
.quickLinks li .imgBox .img.img5{
    background: url("../imgs/icon.png") no-repeat -34px -366px;
}
.quickLinks li .imgBox .img.img6{
    background: url("../imgs/icon.png") no-repeat -70px -366px;
}
.quickLinks li .imgBox .img.img7{
    background: url("../imgs/icon.png") no-repeat 1px -403px;
}
.quickLinks li .imgBox .img.img8{
    background: url("../imgs/icon.png") no-repeat -35px -402px;
}
.quickLinks li .imgBox .img.img9{
    background: url("../imgs/icon.png") no-repeat -69px -403px;
}
.quickLinks li a{
    color:#222222;
}
.quickLinks li a:hover{
    color:#0992fc;
}
.echartBox1{}
.echart1{padding-right:272px; height:390px;}
.echart2{width:250px; border-left:1px solid #eeeeee; text-align: center; height:390px; padding-left:20px;}

.echart3{ padding-right:370px; height:503px; text-align: center;}
.echart4{width:350px; text-align: center;}
.echart1 img,.echart2 img,.echart3 img,.echart4 img{
    margin:0 auto;
}
.echart1 img,.echart3 img{
    width:100%;
    height:100%;
}

.lookMod{
    width:47%;
    padding:0px 0.5%;
    color:#222222;
}
.lookMod ul{ font-size: 12px; color:#555555;}
.lookMod ul li{
    padding-top:13px;
}
.lookMod ul .intro{
    padding-bottom: 3px;
}
.lookMod ul span{
    padding-left:15px;
}
.lookMod ul i.fr{
    font-family: Arial;
}
.lookMod ul .progressbox{ background: #d5ebfe; height:12px; border-radius: 6px; position:relative;}
.lookMod ul .progressbox .value{height:12px; position:absolute; top:0px; left:0px; background: #0995fd; border-radius: 6px;}
.lookMod ul.otherTrae .progressbox{ background: #d9f1e1; }
.lookMod ul.otherTrae .progressbox .value{background: #56cc7d; }

.echart4 .title{ background: #007dff; line-height: 50px; color:#ffffff; padding:0px; height:50px;}
.echart4 .title th{ text-align: center}
.echart3{ text-align: left;}

/*地图右侧自定义滚动条*/
.page_cont_wrap{ width:348px;  position:relative; overflow: hidden; border:1px solid #007dff; border-top:none; top:-1px;}
.page_cont_wrap,.page_scrollbar{ height:453px; }
.page_scrollbar{ width:10px; height:450px; background: #ece6e6; border-radius: 5px; position:absolute; right:1px; z-index: 100; top:2px;}
.page_cont_wrap .page_cont{ position:relative;}
.page_cont_wrap table{margin-bottom:-1px; border-collapse: collapse;}
.page_cont_wrap td{
    padding:10px 0px;
    border-bottom:1px solid #e9e8e8;
}
.page_cont_wrap td span{padding-right:15px;}
.page_scrollblock {
    position: absolute;
    border-radius: 5px;
    top: 0px;
    left: 0px;
    background: #c4c4c4;
    height: 60px;
    width: 10px;
    cursor: pointer;
}

/*账户设置*/
.accountInfo .accountBox{width:104px; height:104px; background: #fff; border:3px solid #0988f9; box-shadow: 0px 0px 5px 5px #e8f3fc; border-radius: 50%; padding:6px;}
.accountInfo .accountBox .box{overflow: hidden;}
.accountInfo .accountBox .box img{border-radius: 50%; width:100%; height:100%;}
.btnUpload{ width:100px; margin-top:16px; margin-bottom:20px;}
.btnUpload .webuploader-pick{padding:0px;}
.btnUpload .upload{color:#007dff; background:url("../imgs/icon.png") no-repeat -75px -433px  #fff; border:1px solid #007dff; padding:6px 8px; cursor: pointer; padding-left:30px; border-radius: 3px;}

/*系统设置*/
table.systemInfo{
    border:1px solid #e8ebf2;
    border-collapse: collapse;
    color:#333;
    margin:20px auto;
    margin-bottom:150px;
}
table.systemInfo th,table.systemInfo td{padding:15px 20px; border:1px solid #e8ebf2;}
table.systemInfo th{ background:#f4f8f9; text-align: left; font-weight: normal;}
.con.pd0{padding:0px;}
.mod.minH{min-height: 500px;}