*{margin:0px;padding:0px;list-style: none;font-family: "Microsoft Yahei";}
body{background: rgb(2, 3, 27);}

@font-face {font-family: 'LCdd';    src: url('../fonts/LCdd.TTF');}

header{height: 60px;padding: 0px 20px;background: rgba(0,0,0,.75);border-bottom: 2px solid #19a6fe;position: relative;z-index: 10;}
.logo-title{color: #41caff;line-height: 60px;font-size: 28px;font-family: "黑体";font-weight: bold;float: left;}
.menu-tab{float: left;margin-left: 20px;}
.menu-tab ul li{padding: 0px 20px;float: left;cursor: pointer;}
.menu-tab ul li.active{background: linear-gradient(to bottom, #000, #0d5480);}
.menu-tab img{width: 24px;height: 24px;margin-top: 18px;float: left;}
.menu-tab .menu-text{display: inline-block;color: #fff;line-height: 60px;float:left;padding: 0 0 0 10px;font-size: 20px;}

.tool-bar{float: right;height: 100%;padding-right: 20px;}
.tool-bar .time{color: #19a7ff;line-height: 60px;font-size: 16px;}

.data-left{position: absolute;width: 20%;top: 80px;bottom: 20px;background: rgba(9,36,69,.8);left: 20px;z-index: 10;}
.data-right{position: absolute;width: 20%;top: 80px;bottom: 20px;background: rgba(9,36,69,.8);right: 20px;z-index: 10;}
.data-center{width: calc(60% - 60px);position: absolute;top: 80px;width: -moz-calc(60% - 60px);width: -webkit-calc(60% - 60px);left: calc(20% + 30px);left: -moz-calc(20% + 30px);left: -webkit-calc(20% + 30px);z-index: 10;}
.data-center ul li{float: left;margin: 0px 10px;width: calc(25% - 20px);width: -moz-calc(25% - 20px);width: -webkit-calc(25% - 20px);}
.data-center ul li .t{color: #fff;font-size: 18px;}
.data-center ul li .b{height: 70px;box-shadow: 0 0 10px rgb(8,45,105) inset,0 0 0 rgb(8,45,105);background: rgba(8,45,105,.2);margin-top: 5px;}
.data-center ul li .c{color: #05f4fd;float: left;line-height: 70px;font-size: 1.0cm;font-family: 'LCdd';}
.data-center ul li .dw{color: #fff;float: right;line-height: 70px;margin-right: 15px;font-size: 18px;}
.data-center ul li img{width: 32px;margin: 19px 15px;float: left;}

.data-box{height: 33.333333%;width: 100%;position: relative;}
.data-box-title{height: 32px;background: rgba(9,36,69,.85);overflow: hidden;padding: 0px 12px;}
.data-box-title img{width: 24px;margin-top: 4px;float: left;}
.data-box-title span{color: #18a3fb;line-height: 32px;float: left;font-size: 17px;margin-left: 10px;}
.data-box-title span b{font-weight: normal;padding-left: 7px;font-size: 14px;}
.data-content{position: absolute;width: 100%;bottom: 0px;top:32px;}

.data-right .data-content .r-t-b{padding: 10px 15px;height: 50px;}
.data-right .data-content .r-t{color: #fff;font-size: 14px;float: left;width: 70px;text-align: right;}
.data-right .data-content .r-l{float: left;}
.data-right .data-content .r-l > div{color: #28ebeb;font-size: 14px;margin-bottom: 5px;}
.data-right .data-content .r-l > div > span{display: inline-block;width: 16px;height: 16px;border: 1px solid #28ebeb;color: #fff;font-size: 12px;text-align: center;line-height: 16px;margin-right: 5px;}
.data-right .data-content .tt{color: #fff;font-size: 14px;padding: 0px 15px;}
.data-right .data-content .tt > span{color: #28ebeb;padding: 0px 3px;}
.data-right .data-content .line{border-bottom: 1px solid #144fa2;width: calc(100% - 30px);width: -moz-calc(100% - 30px);width: -webkit-calc(100% - 30px);margin: 10px auto;}

.data2,.data3,.data4{display: none;}
.data2 ul{margin-top: 20px;display: block;padding: 0px 5px;position: relative;z-index: 10;}
.data2 ul li{width: calc(6.25% - 10px);height: 50px;margin: 0px 5px;float: left;background: rgba(68,82,95,.85);color: #5ee1ff;text-align: center;line-height: 50px;font-size: 14px;position: relative;}
.data2 ul li.c{font-size: 24px;}
.data2 ul li.m{line-height: 24px;}
.data2 ul li > span{position: absolute;font-size: 12px;right: 5px;}

.data-screen .tt{width: 90%;margin: 15px auto 0;position: relative;}
.data-screen .tt img{width: 24px;position: absolute;left: -30px;}
.data-screen .tt > div{color: #19a7ff;font-size: 15px;border-bottom: 1px solid rgba(25,167,255,.5);width: 50%;padding-bottom: 3px;}
.data-screen .search-box{width: 90%;margin: 0px auto;padding: 20px 0px;height: 30px;}
.data-screen .search-box > div{display: inline-block;}
.data-screen label{line-height: 30px;color: #fff;font-size: 16px;margin-left: 0px;}
.data-screen label.ft{margin-left: 0px;}
.data-screen select{border: 1px solid #0d5d93;background: transparent;height: 30px;box-sizing: border-box;color: #16a8d3;width: 120px;text-indent: 10px;margin-right: 30px;margin-bottom: 20px;}
.data-screen button{border: 1px solid #0a2570;background: transparent;color: #fff;height: 30px;box-sizing: border-box;padding: 0px 20px 0px 40px;background-repeat: no-repeat;background-size: 18px;background-position: 16px center;cursor: pointer;margin-right: 10px;}
.data-screen .cdt-time{margin-right: 30px;display: inline-block;height: 30px;border: 1px solid #0d5d93;box-sizing: border-box;background-image: url(../images/time.png);background-repeat: no-repeat;background-size: 16px;background-position: 15px center;width: 230px;position: relative;top: 10px;}
.data-screen .cdt-time span{color: rgba(255,255,255,.7);font-size: 14px;float: left;line-height: 28px;}
.data-screen .cdt-time .start{margin-left: 50px;margin-right: 20px;}
.data-screen .cdt-time .end{margin-left: 20px;}
.data-screen .search-btn{background-image: url(../images/search.png);}
.data-screen .reset-btn{background-image: url(../images/reset.png);}
.data-screen .confirm-btn{background-image: url(../images/warning.png);}
.data-screen button > .down{display: inline-block;width: 15px;height: 15px;background-image: url(../images/down.png);background-size: 15px;background-position: center;position: relative;top: 3px;left: 7px;}
.data-screen .data-list{width: 90%;margin: 0px auto;}
.data-screen .data-list .head{height: 50px;background: #082b4c;overflow: hidden;}
.data-screen .data-list .head .checkbox{display: block;width: 16px;height: 16px;border: 1px solid #fff;margin: 17px auto;}
.data-screen .data-list .head li{float: left;color: #10a7ff;font-size: 16px;font-weight: bold;text-align: center;line-height: 50px;text-align: center;width: 22.5%;position: relative;cursor: pointer;}
.data-screen .data-list li.mini{width: 5% !important;}
.data-screen .data-list .head li .sort{position: relative;width: 16px;height: 16px;background-image: url(../images/sort.png);background-size: 16px;background-position: center;top: 2px;display: none;}
.data-screen .data-list .head li .sort.show{display: inline-block;}
.data-screen .data-list .body{background: #021327;position: relative;height: 560px;}
.data-screen .data-list .body ul{height: 50px;overflow: hidden;}
.data-screen .data-list .body ul li{float: left;color: #10a7ff;font-size: 14px;text-align: center;line-height: 50px;text-align: center;width: 22.5%;position: relative;cursor: pointer;}
.data-screen .data-list .body ul.active li{color:yellow;}
.data-screen .data-list .body ul li.action{color:#fff;}
.data-screen .data-list .body ul li .checkbox{display: block;width: 16px;height: 16px;border: 1px solid #0b9add;margin: 17px auto;background: #0b9add;}
.data-screen .data-list .body ul.active li .checkbox{border: 1px solid #fff;background: transparent;}
.data-screen .data-list .body ul li img{width: 20px;margin-top: 15px;}

.data-screen .data-list .navigate{margin-top: 15px;float: right;}
.data-screen .data-list .left{display: inline-block;width: 30px;height: 30px;float: left;background-image: url(../images/left.png);background-size: 18px;background-position: center;background-repeat: no-repeat;}
.data-screen .data-list .pageno{width: 40px;height: 30px;display: inline-block;background: #0a2570;color: #fff;text-align: center;line-height: 30px;border-radius: 5px;font-size: 14px;font-weight: bold;float: left;margin: 0px 15px;}
.data-screen .data-list .right{display: inline-block;width: 30px;height: 30px;float: left;background-image: url(../images/right.png);background-size: 18px;background-position: center;background-repeat: no-repeat;}
.data-screen .data-list select{float: left;margin-left: 30px;}
.data-screen .data-list .total{display: inline-block;height: 30px;color: #fff;line-height: 30px;float: left;font-size: 14px;}

.data4.data-screen .search-box{height: 90px;}
.data4.data-screen .data-list .head li{width: 9%;}
.data4.data-screen .data-list .body ul li{width: 9%;}
.data4.data-screen .data-list .body{height: 500px;}

.ps__thumb-y {background-color: #1487d0 !important;}
.iframe{position: absolute;border: 0px;width: 100%;height: 100%;top: 0;z-index: 1;left: 0;overflow: hidden;}