app-big-data/page/bigData/css/insurance.css

#app{
    width: 1920px;
    height: 1080px;
    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/biaoti_bg_img.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: .625rem;
	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 17px;
    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: #051f33;
	border: none;
	/* color: #b5e1fc; */
}
.el-date-picker__header button,.el-date-picker__header span{
	color: #f6f6f6!important;
}
.el-month-table td .cell{
	color: #b5e1fc;
}
.chart-legend{
	width: 444px;
	height: 317px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	font-size: 14px;
	color: #b5e1fc;
	line-height: 28px;
}
.table1{
	width: 444px;
	height: 473px;
	position: relative;
	margin-top: 58px;
}
.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;
}
thead{
	background-color: #051f33;
	height: 40px;
	border: solid 1px #009dfe;
	line-height: 40px;
	color: #b5e1fc;
	font-size: 16px;
}
thead th{
	font-weight: 200;
	border: solid 1px #009dfe;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
}
tbody{
	overflow-y:scroll;
	height: 380px;
	border: solid 1px #009dfe;
}
tbody td{
	background-color: #041829;
	font-size: 14px;
	color: #b5e1fc;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
	height: 40px;
	line-height: 40px;
	border: solid 1px #009dfe;
}