body { background-image: none; background-color: transparent; } .alert_content { width: 7.322917rem; height: 4.1875rem; background-image: url("../images/alert_bgi.png"); background-size: 100% 100%; margin: 0 auto; } .alert_content .alert_title { height: .3125rem; line-height: .416667rem; overflow: hidden; } .alert_content .alert_title .left { float: left; font-size: .125rem; color: #b5e1fc; margin-left: .3125rem; } .alert_content .alert_title .right { float: right; width: 2.538542rem; overflow: hidden; } .alert_content .alert_title .right .alert_type { float: left; width: .875rem; height: .125rem; line-height: .125rem; background-color: transparent; border: solid 1px #009dfe; margin-top: .130208rem; overflow: hidden; border-radius: .015625rem; } .alert_content .alert_title .right .btn-group { margin: 0; } .alert_content .alert_title .right .btn-group .btn { height: .125rem; line-height: .125rem; font-size: .072917rem; padding: 0; width: .291667rem; background-color: transparent; border-color: #009dfe; color: #257fb7; } .alert_content .alert_title .right .btn-group .btn.active { color: #fff; background-color: #009dfe; } .alert_content .alert_title .right .alert_time { float: right; margin-right: .263958rem; color: #b5e1fc; font-size: .072917rem; } .alert_content .alert_title .right .alert_time input { width: 1.041667rem; height: .135417rem; background-color: #051f33; border: solid 1px #009dfe; margin-left: .078125rem; padding: 0; text-align: center; background-image: url("../images/icon_rili1.png"); background-repeat: no-repeat; background-size: .072917rem .067708rem; background-position: .052083rem center; } .alert_content .alert_title .right .alert_time input:hover { border: solid 1px #009dfe!important; } .alert_content .alert_title .right .alert_time input:active { border: solid 1px #009dfe!important; } .alert_content .alert_title .right .alert_time input:focus { border: solid 1px #009dfe!important; } .alert_content .alert_people { padding-left: .260417rem; padding-right: .260417rem; margin-top: .078125rem; } .alert_content .alert_people > div { width: 1.677083rem; height: .239583rem; line-height: .239583rem; background-image: url("../images/people_bgi.png"); background-size: 100% 100%; } .alert_content .alert_people > div span { color: #b5e1fc; display: inline-block; } .alert_content .alert_people > div span:nth-of-type(1) { font-size: .104167rem; margin-left: .364583rem; } .alert_content .alert_people > div span:nth-of-type(2) { font-size: .135417rem; margin-left: .130208rem; } .alert_content .alert_people > div span:nth-of-type(3) { font-size: .083333rem; } .alert_chart { padding-left: .260417rem; padding-right: .260417rem; margin-top: .1025rem; } .alert_chart .left { height: 2.848958rem; width: 2.15625rem; background-image: url("../images/quxian-bgi.png"); background-size: 100% 100%; } .alert_chart .left_2 { height: 3.057292rem; width: 2.15625rem; } .alert_chart .left_2 ul { width: 1.036458rem; } .alert_chart .left_2 ul li { background-color: rgba(5, 31, 51, 0.75); } .alert_chart .left_2 ul li.title { box-shadow: inset 1px 0px 20px 6px #004b7a; border: 1px solid #009dfe; } .alert_chart .left_2 ul li.title div { height: .21875rem; line-height: .21875rem; } .alert_chart .left_2 ul li div { height: .239583rem; line-height: .239583rem; text-align: center; color: #b5e1fc; border: solid 1px #004b7a; width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .alert_chart .right { width: 4.583333rem; } .alert_chart .right .top > div { width: 1.479167rem; height: 1.380208rem; background-image: url("../images/top_bgi.png"); background-size: 100% 100%; } .alert_chart .right .top > div.bingfa2 { width: 3.005208rem; background-image: url("../images/right-chart-bgi.png"); } .alert_chart .right .top .nianling_2 { width: 2.255208rem; height: 1.4375rem; background-image: url("../images/nianling_2.png"); } .alert_chart .right .top .xingbie_2 { width: 2.255208rem; height: 1.4375rem; background-image: url("../images/nianling_2.png"); } .alert_chart .right .bottom { height: 1.380208rem; margin-top: .088542rem; background-image: url("../images/bottom_bgi.png"); background-size: 100% 100%; position: relative; } .alert_chart .right .bottom .btn-group { position: absolute; top: 0; right: .078125rem; z-index: 5; } .alert_chart .right .bottom_2 { height: 1.588542rem; margin-top: .088542rem; background-image: url("../images/bottom_bgi.png"); background-size: 100% 100%; position: relative; } .alert_chart .right .bottom_2 .btn-group { position: absolute; top: 0; right: .078125rem; z-index: 5; } .alert_content .alert_close { width: .260417rem; height: .260417rem; margin: .308333rem auto 0; display: block; cursor: pointer; } .laydate-main-list-0 .layui-laydate-content .layui-laydate-list { background: #051f33; box-shadow: inset 7px -8px 20px 0px #053b5c; } .laydate-main-list-1 .layui-laydate-content .layui-laydate-list { background: #051f33; box-shadow: inset -11px -11px 20px 0px #053b5c; } .laydate-theme-molv .layui-laydate-content { border: none!important; } .laydate-theme-molv .layui-laydate-footer { background-color: #051f33; border: none!important; } .layui-laydate-list li { color: #b5e1fc; } .layui-laydate-list li.layui-this { color: #009dfe!important; } .layui-laydate-list li:hover { color: #009dfe!important; background: #051f33!important; } .layui-laydate-footer .laydate-footer-btns span { background-color: transparent!important; color: #257fb7!important; border-color: #009dfe!important; } .layui-laydate-footer .laydate-footer-btns span:hover { background-color: #009dfe!important; color: #fff!important; } .layui-laydate { left: 4.454125rem!important; font-size: .072917rem!important; border: solid 1px #009dfe!important; box-sizing: border-box; } .layui-laydate .laydate-disabled, .layui-laydate .laydate-disabled:hover { color: #0c324f!important; } .chart-no-data { text-align: center; color: #b5e1fc; } .chart-no-data p { font-size: .083333rem; padding-top: .052083rem; font-weight: bold; } .chart-no-data img { display: block; margin: .208333rem auto .078125rem; } .layui-laydate-header i { font-size: .09375rem!important; } .laydate-theme-molv.layui-laydate-range { width: 2.86742rem !important; } .laydate-theme-molv .layui-laydate-main { width: 1.427083rem!important; } .table_select { background-color: #009dfe!important; border-left: solid 1px #004b7a; border-right: solid 1px #004b7a; } .table_select div { border: none!important; color: #fff!important; } .click { cursor: pointer; }