#app{ width: 1920px!important; height: 1080px!important; background-size: 100% 100%; background-image: url(../images/insurance-bg.png); } .btn.focus, .btn:focus, .btn:hover { color: #fff } .btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default { background-color: #009DFE; border-color: #009DFE; } .btn-default:hover, .btn-default.active:hover { color: #fff; background-color: #009DFE; border-color: #009DFE; } .btn-default { background: #051829; border-color: #009DFE; color: #009DFE; } .btn.focus, .btn:focus, .btn:hover { color: #fff } .text-right{ text-align: right; } .mb-20{ margin-bottom: 20px; } .mt-20{ margin-top: 20px; } .w-210{ width: 210px; } .w-120{ width: 120px; } .w-110{ width: 110px; } .div-header { background: url(../images/yibao-header-bg.png) no-repeat; width: 10rem; height: 0.39rem; background-size: 10rem 0.39rem; z-index: 50; position: relative; top: 0; } .div-title { height: 0.271rem; line-height: 0.271rem; text-align: center; font-size: .104167rem; color: #fff; width: 1.453125rem; background: url(../images/dashujuyingyongfuwupingtai.png) no-repeat; background-size: 100% 100%; position: relative; z-index: 99; cursor: pointer; } .div-skip { width: 0; height: 0; opacity: 0; overflow: hidden; background-image: url("../images/tc1.png"); background-size: 100% 100%; position: fixed; top: 0.271rem; z-index: 5; transition: all .5s cubic-bezier(0.68, -0.55, 0.27, 1.55) } .div-skip-active { height: .9375rem; opacity: 1; top: 0.35rem; /*margin-left: 0.1rem;*/ width: 1.458333rem; } .div-skip div { height: .3125rem; line-height: .3125rem; color: rgb(179, 223, 251); text-align: center; font-size: 0.1rem; } .div-skip div a{ color: rgba(213, 230, 255) } .div-skip div a:hover { color:rgb(4, 128, 211); } .sanjiao { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .sanjiao:checked~img { transform: rotate(180deg) } #app>.left{ width: 444px; margin: 0 20px 0 20px; height: 500px; float: left; } #app>.middle{ width: 950px; float: left; height: 500px; color: rgba(213, 230, 255); } #app>.right{ width: 444px; margin-right: 16px; /* background-color: #f00; */ height: 500px; float: right; } #app>.left>.chart{ width: 444px; height: 317px; background-size: 100% 100%; background-image: url(../images/mjzrcdibu-1.png); position: relative; } #app>.middle{ width: 950px; height: 983px; background-size: 100% 100%; background-image: url(../images/middle-bg.png); position: relative; } .dropdown-menu { background: rgba(5,31,51, 0.6); border: 1px solid #009dfe; } .open .dropdown-toggle.btn-default { background-color: #009DFE; border-color: #009DFE; } .Mapselect { position: absolute; top: .114583rem; width: .677083rem; left: 0.46875rem; } .diqu-label{ position: absolute; top: 0.135rem; left: -0.21rem; font-size: 0.073rem; } .el-cascader,.el-date-editor--month{ margin-top: 15px; height: 34px;line-height: 34px; } .el-input--suffix{ height: 34px;line-height: 34px; } .el-input__inner { background-color:transparent; background: url(../images/mjzfwqktoubukuang.png) center center / 100% 100% no-repeat; height: 34px; padding: 6px 35px; color: rgba(213, 230, 255); border: solid 1px #009dfe; } .el-cascader__label{ color: rgba(213, 230, 255); } #time{ background: url(../images/mjzfwqktoubukuang.png) center center / 100% 100% no-repeat; height: 34px; padding: 6px 35px; margin-top: 0.1rem; width: 130px; border: none; } .pick-time{ position: absolute; top: .114583rem; left: 1.46875rem; } .pick-time .caret{ position: absolute; right: 20px; top: 35px; } #app>.middle>.shuju{ width: 810px;margin:112px auto 0; } #app>.middle>.shuju>div{ width: 237px; height: 98px; background-size: 100% 100%; } #app>.middle>.shuju>div p{ text-align: center;width: 100%; } #app>.middle>.shuju>div p span{ font-size: 36px; } #app>.middle>.shuju>div:nth-of-type(1){ background-image: url(../images/shuju-1.png); color: #19e0f2; } #app>.middle>.shuju>div:nth-of-type(2){ background-image: url(../images/shuju-2.png); color: #ffba11; } #app>.middle>.shuju>div:nth-of-type(3){ background-image: url(../images/shuju-3.png); color: #f61d06; } #app>.middle>.map{ height: 680px; position: relative; } .el-picker-panel{ background-color: rgba(5,31,51, 0.6); border: none; /* color: #b5e1fc; */ } .el-date-picker__header button,.el-date-picker__header span{ color: rgba(213, 230, 255)!important; } .el-month-table td .cell{ color: #b5e1fc; } .el-month-table .disabled a{ background-color: transparent!important; } .el-year-table td .cell{ color: #b5e1fc; } .el-year-table .disabled a{ background-color: transparent!important; } .chart-legend{ width: 444px; height: 317px; position: absolute; top: 0; left: 0; text-align: center; font-size: 14px; color: #b5e1fc; line-height: 28px; } .right .table1{ width: 444px; height: 473px; position: relative; margin-top: 58px; } .right .table2{ width: 444px; height: 380px; position: relative; margin-top: 30px; } .right .boxTitle { width: 100%; background: url(../images/icon_biaoti.png) no-repeat; background-size: 100% 100%; height: .260417rem; color: #fff; font-weight: bold; line-height: 0.198rem; font-size: 0.104rem; position: absolute; top: -0.4375rem; left: -0.1302rem; } .right thead{ height: 40px; line-height: 40px; color: #b5e1fc; font-size: 16px; background-size: 100% 100%; background-image: url("../images/mjzfwqktoubukuang.png"); } .right thead th{ font-weight: 200; box-sizing: border-box; padding-left: 15px; padding-right: 15px; border-right: 1px solid #009DFE; } .right .tbody{ overflow-y:scroll; height: 380px; display: block; box-sizing: border-box; width: 444px; } .right tbody tr:nth-of-type(1) td{ border-top: none; } .right tbody td{ background-color: #041829; font-size: 14px; color: #b5e1fc; box-sizing: border-box; height: 40px; border: solid 1px #009dfe; line-height: 20px; padding: 10px 15px; } .right tbody td:nth-of-type(3){ padding-left: 0; } .el-cascader-menu{ background-color: rgba(5,31,51, 0.6); } .el-cascader-menus{ border: solid 1px #009dfe;background-color: transparent; } .el-cascader-menu__item{ color: rgba(213, 230, 255); } .el-cascader-menu__item:hover{ background-color: #f5f5f5; color: rgba(5,31,51, 0.6);; } .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: .408333rem auto .078125rem; } .div-mask-layer{ width: 100%;height: 1080px;background: black;opacity: 0.5;position: absolute;z-index: 200;overflow: hidden; } .ibox-content{ position: absolute;top:50%;margin-top: -117.5px;background-color: transparent;left: 50%;margin-left: -45px;border: 0; } .tableNoData{ height: 317px;border: 1px solid #009dfe; width: 441px; } .tableNoData .chart-no-data img{ margin-top: 0; } .set_all_city{ top: .10833rem; } #full{ position:absolute; display: block; right: 23px; top: 27px; width: 36px; height: 60px; /* background-color: #f00; */ z-index: 999; cursor:pointer }