html, body {
    margin: 0;
    height: 100%;
    width: 100%;
    /*background: url('/Images/背景.jpg');*/
    background: url('../image/bg.jpg');
    position: relative;
    background-size: cover;
    overflow: hidden;
}

.MainBody {
    position: relative;
    margin: 0px;
    height: 100%;
    width: 100%;
    padding: 0px;
    overflow: hidden;
    font-family: "Microsoft YaHei", Arial, sans-serif;
}

.TitleInfo {
    font-family: "Microsoft YaHei", Arial, sans-serif;
    color: white;
    margin-top: 20px;
    margin-left: 40px;
    width: 100%;
    height: 40px;
    padding: 0;
    vertical-align: middle;
}

.Turn {
    font-family: "Microsoft YaHei", Arial, sans-serif;
    color: white;
    position: absolute;
    font-weight: normal;
    font-size: 15px;
    color: white;
    margin-left: 30px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
}

.Exit {
    font-family: "Microsoft YaHei", Arial, sans-serif;
    color: white;
    position: absolute;
    right: 30px;
    font-weight: normal;
    font-size: 15px;
    color: white;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    margin: auto;
}

.PeopleNum {
    width: 100%;
    height: 65px;
    margin-left: 90px;
    margin-top: 20px;
    position: absolute;
    display: block;
    color: white;
    float: left;
}

.Num {
    width: 15%;
    /*display: inline-block;*/
    overflow: hidden;
    float: left;
}

.NumIcon {
    float: left;
}

.NumTitle {
    float: left;
    margin-left: 10px;
    color: RGB(255,198,0);
    font-family: "Microsoft YaHei", Arial, sans-serif;
    height: 50px;
}

.TitleTxt {
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0;
}

.Number {
    font-size: 18px;
    font-weight: bold;
    color: white;
    margin: 0 auto;
    position: absolute;
}

.ChartBody {
    top: 10%;
    height: 88%;
    width: 100%;
    position: absolute;
    overflow: hidden;
}



.LeftView {
    margin-left: 20px;
    margin-top: 10px;
    width: 15%;
    height: 100%;
    position: absolute;
}

.CenterView {
    width: 65%;
    height: 100%;
    margin-top: 10px;
    margin-left: 17%;
    position: absolute;
}

.RightView {
    margin-left: 82.3%;
    margin-top: 10px;
    width: 17%;
    height: 100%;
    position: absolute;
}

.divMap {
    margin-bottom: 5px;
    height: 95%;
    width: 100%;
    background-color: RGBA(8,46,56,0.3);
}

.ChartView {
    margin: 0px;
    height: 100%;
    display: block;
}

.ChartBottom {
    height: 44%;
    width: 100%;
    position: relative;
}

.ChartView.ChartDog {
    height: 100%;
    width: 54%;
    float: left;
}

.ChartView.ChartBI {
    height: 100%;
    float: left;
    left: 55%;
    right: 0;
    position: absolute;
}

.ChartView.ChartGrid {
    height: 100%;
    width: 100%;
    margin-bottom: 2px;
}

.ChartContent {
    border-radius: 10px; /*圆角*/
    width: 100%;
    background-color: RGBA(39,56,90,0.5);
    color: white;
    font-size: 12px;
    border: solid 1px #076977;
}

.ChartTitle {
    border-radius: 10px;
    width: 100%;
    height: 35px;
    background-color: RGBA(32,82,142,0.48);
    color: white;
    font-size: 14px;
    font-weight: bold;
    line-height: 35px;
    background-size: cover;
}

.ChartContent.ChartContent1 {
    height: 75%;
    width: 100%;
    position: relative;
    color: white;
    font-size: 12px;
}

.ChartContent.ChartContent3, .ChartContent.ChartContent4 {
    height: 75%;
    color: white;
    font-size: 12px;
}

.percentBody {
    vertical-align: middle;
    height: 75%;
    width: 87%;
    float: left;
    margin-left: 2px;
}

.percentPie {
    width: 20%;
    height: 100%;
    position: relative;
    float: left;
    margin: 2px auto;
}

.Change {
    margin: auto 2px;
    float: left;
    vertical-align: middle;
    height: 150px;
    line-height: 150px;
}

.CanvasInfo {
    font-size: 10.5px;
    margin: auto;
}

    .CanvasInfo.CanvasInfo_left {
        color: RGBA(0,255,252,1);
        font-weight: bold;
        margin-left: 5px;
    }

.TurnUp {
    margin-left: 15px;
}

#Month1, #Month0 {
    border: 1px solid #506D88;
    background-color: #506D88;
    width: 100px;
    border-radius: 5px;
    color: white;
}

/*左右布局   display: inline-block;*/
.col {
    display: inline-block;
    /**display: inline;*/
    *zoom: 1;
    /*//ie6、7hack width:25%;*/
    /*height: 30px;*/
    /*border: 1px solid #999;*/
    font-size: 14px;
    vertical-align: middle;
    font-weight: 600;
    font-family: 'Microsoft YaHei';
}


.contenttext {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Microsoft YaHei';
}

.spanText {
    color: rgb(255,198,0);
}


.leftText {
    vertical-align: middle;
    margin-left: 5px;
    height: 20px;
    margin-top: 10px;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 900;
}

.leftImg {
    height: 22px;
    width: 22px;
    vertical-align: bottom;
}