.right-container { position: relative; width: 500px; margin-left: -40px;}
.right-container .left-title { width: 500px; height: 50px; background: url("../img/green_bar.png") no-repeat left; display: flex; align-items: center; color: white; text-align: left; margin-left: 30px;}
.right-container .left-title span { font-size: 24px; margin-left: 24px; line-height: 50px;}
.right-container .device-summary-container { display: flex; justify-content: center; background: url("../img/wireframe_left_1.png") no-repeat right; background-size: 510px 180px; width: 510px; height: 150px; position: absolute; top: 20px; right: 5px;}
.right-container .device-summary-wrapper { display: flex; justify-content: space-between; width: 350px; align-items: center;}
.right-container .device-global-wrapper { background: url("../img/device_china.png") no-repeat center;}
.right-container .device-district-wrapper { background: url("../img/device_district.png") no-repeat center;}
.right-container .device-online-wrapper { background: url("../img/device_online.png") no-repeat center;}
.right-container .device-display-wrapper { height: 125px; width: 130px; background-size: 115px;}
.right-container .display-title { text-align: center; margin-top: 60px; color: lightgrey; font-size: 12px; font-weight: bold;}
.right-container .display-numb { margin-left: 2px; width: 100%; text-align: center; margin-top: 20px; color: white; font-size: 18px;}
.right-container .report-list-container { position: absolute; top: 160px; right: 12px; width: 503px; height: 440px; background: url("../img/wireframe_left_2.png") no-repeat right; background-size: 503px 440px;}
.right-container .report-list-container .left-title { margin-left: 45px; margin-top: 31px;}
.right-container .report-title { text-align: center;}
.right-container .device-list-container { position: absolute; top: 570px; right: -8px; background: url("../img/wireframe_left_3.png") no-repeat right; margin-right: 15px; width: 508px; height: 370px; background-size: 508px 370px; font-size: 12px; color: white;}
.right-container .device-list-container .left-title { margin-left: 45px; margin-top: 31px;}
.right-container .device-list-title { text-align: center;}
.right-container .table-wrapper { position: absolute; width: 420px; height: 300px; left: 55px; padding-top: 20px;}
.right-container .table-wrapper ul { margin-left: -40px; margin-top: 0px;}
.right-container .table-title { width: 420px; height: 30px; display: flex; align-items: center; font-size: 12px; color: #00ccff;}
.right-container .table-title div { text-align: center;}
.right-container .table-title-order { margin-left: 30px; width: 65px;}
.right-container .table-title-location { width: 50px;}
.right-container .table-title-today { width: 70px;}
.right-container .table-title-sevendays { width: 80px;}
.right-container .table-title-recent { width: 80px;}
#reportTitle{ font-size: 14px;}

/*预警栏目*/
.right-container .button-display-wrapper { margin-top:200px; height: 225px; width: 50%; background-size: 100px; float: left; text-align: center;}
.right-container .button-one-wrapper { background: url("../img/yujing.png") no-repeat center; background-size: 200px 140px;}

.right-container .button-two-wrapper { background: url("../img/xiangxi.png") no-repeat center; background-size: 180px 100px; background-position: center 80px;}
.right-container .button-one-wrapper{ font-size: 20px; line-height: 65px;}
.right-container .button-two-wrapper{ font-size: 20px; line-height: 65px;}
.right-container .button-one-wrapper span{ color:#ffffff;}

.right-container .button-two-wrapper span{ color:#ffffff;}
.right-container .button-two-wrapper span a:hover{ color:red;}