body {
|
padding: 0;
|
margin:0;
|
background:#000
|
}
|
|
.my_container {
|
position:relative;
|
margin:0 20px 0 30px;
|
/*margin:0;*/
|
border:2px solid #a00;
|
background:#FFF;
|
}
|
|
.nav_btn a{
|
background-color:transparent;
|
color:white;
|
}
|
.nav_btn a:focus{
|
background-color:#86ACD3 !important;
|
color:#32507C;
|
}
|
.nav_btn a:hover{
|
background-color:#86ACD3 !important;
|
color:#32507C;
|
}
|
|
.status-yellow {
|
background-color: #fbee03;
|
}
|
|
.status-blue {
|
background-color: #0096f8;
|
}
|
|
.status-red {
|
background-color: #fe0b04;
|
}
|
.status-red:hover {
|
border:4px solid black;
|
}
|
|
|
.status-red2 {
|
background-color: #D00007;
|
}
|
.status-red2:hover {
|
border:4px solid black;
|
}
|
.status-green {
|
background-color: #3ad40e;
|
}
|
.status-green:hover {
|
border:4px solid black;
|
}
|
.status-gray {
|
background-color: #a4aaaa;
|
}
|
|
.status-white {
|
background-color: #FFFFFF;
|
}
|
.status-white:hover {
|
border:4px solid black;
|
}
|
|
.status-red3 {
|
background-color: #F83032;
|
}
|
|
.status-red3:hover {
|
border:4px solid black;
|
}
|
.status-orange {
|
background-color: orange;
|
}
|
.status-orange:hover {
|
border:4px solid black;
|
}
|
|
.status-green2 {
|
background-color: #A5FFA7;
|
}
|
.status-green2:hover {
|
border:4px solid black;
|
}
|
|
.status-green3 {
|
background-color: #82FEFE;
|
}
|
.status-green3:hover {
|
border:4px solid black;
|
}
|
.status-blank {
|
background-color: transparent;
|
}
|
|
.status-blank2 {
|
background-color: #86ACD3;
|
}
|
.status-blank3 {
|
background-color: black;
|
}
|
.ng {
|
width:30px;
|
height:30px;
|
background:url(../images/ng.png) no-repeat;
|
position:absolute;
|
bottom:0;
|
right:0;
|
color:#FFF;
|
}
|
|
/*.status-red2 {
|
background-color: #fe0b04;
|
}
|
|
.status-green {
|
background-color: #3ad40e;
|
}
|
|
.status-gray {
|
background-color: #a4aaaa;
|
}
|
|
.status-white {
|
background-color: #FFFFFF;
|
}
|
|
.status-white-border {
|
background-color: #FFFFFF;
|
border:#a4aaaa solid 2px;
|
}*/
|
|
.gate-info, .srm-info{
|
border-radius:2px;border: solid 2px #575757;margin-left:0px;float:left;color:#fff;overflow:hidden;
|
}
|
|
.gate-info span, .srm-info span{
|
font-family:'KaiTi', Calibri, Candara, Arial, sans-serif;
|
color:white;
|
font-size:24px;
|
font-weight:bold;
|
|
}
|
.gate-info input, .srm-info input{
|
width:250px;
|
height:35px;
|
background-color:#222222;
|
border:1px solid #3F4143;
|
border-radius:4px;
|
box-shadow:0 0 2px #fff;
|
font-size:22px;
|
/*color:#fff;*/
|
|
}
|
|
|
|
|
|
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
|
color:#fff !important;
|
background-color:black !important;
|
}
|
|
.nav-tabs li>a {
|
color: #999999 !important;
|
text-decoration: none;
|
}
|
|
|
.item_stp, .item_sheet, .item_text, .item_crane {
|
color:#FFF;
|
position:absolute;
|
width:30px;
|
height:20px;
|
left:100px;
|
/*top:0;*/
|
background:#FFD0FF;
|
text-align: center;
|
font-size: 18px;
|
font-weight: bolder;
|
}
|
|
.item_text {
|
color: #000;
|
text-align: left;
|
background: #FFF;
|
border:1px solid #222;
|
font-size: 12px;
|
font-weight: bolder;
|
/*overflow: hidden;*/
|
}
|
|
.item_sheet {
|
border:1px solid #FFF;
|
cursor:pointer;
|
}
|
|
.item_crane {
|
width:120px;
|
height:50px;
|
}
|
|
.item_hint, .item_door {
|
position:absolute;
|
color: #000;
|
text-align: left;
|
background: #FFF;
|
border:1px solid #222;
|
font-size: 12px;
|
font-weight: bolder;
|
/*width:300px;*/
|
/*height:180px;*/
|
}
|
|
.item_door {
|
color: #FFF;
|
text-align: center;
|
padding-top:5px;
|
}
|
|
.container,.top_head,.bottom_foot, .device_head{
|
width:100%
|
}
|
|
.top_head {
|
position: absolute;
|
height:90px;
|
border-bottom: 1px solid #575757;
|
padding-top:15px;
|
left:0;
|
top:0;
|
}
|
|
.device_head {
|
border-bottom: 1px solid #575757;
|
height:48px;
|
position:absolute;
|
top:90px;
|
}
|
|
.bottom_foot {
|
|
position: absolute;
|
height:40px;
|
border-top: 1px solid #575757;
|
text-align: center;
|
font-size:18px;
|
padding-top: 5px;
|
left:0;
|
bottom:0;
|
}
|
|
.device_table {
|
position: absolute;
|
top:110px;
|
width:100%;
|
}
|
|
.device_table, .device_table td {
|
border:1px solid #FFF;
|
font-size:24px;
|
font-weight: bold;
|
}
|
|
.btn_logo,.btn_wb {
|
position: relative;
|
width:75px;
|
height:70px;
|
float:right;
|
margin-right: 5px;
|
color:#FFF;
|
padding-top: 3px;
|
font-weight: bold;
|
font-size:16px;
|
text-align: center;
|
cursor: pointer;
|
border-radius:5px;
|
}
|
|
.btn_logo:hover {
|
background-color:#6C97C8;
|
color:#32507C;
|
}
|
|
.btn_wb {
|
margin:15px 0 0 20px;
|
float:left;
|
width:1029px;
|
height:45px;
|
padding-left: 119px;
|
padding-top: 1px;
|
color:#D00;
|
font-size:36px;
|
}
|
|
.btn_logo img, .btn_wb img {
|
position: absolute;
|
width: 100%;
|
height:100%;
|
left:0;
|
top:0;
|
}
|
|
.head_text {
|
text-align:center;
|
font-size:36px;
|
font-weight:bold;
|
}
|
|
.text {
|
width:25%;
|
font-size:24px;
|
font-weight:bold;
|
float:left;
|
text-align:left;
|
padding-left:20px;
|
}
|
|
.text1 {
|
font-size:24px;
|
font-weight:bold;
|
/*float:left;*/
|
text-align:left;
|
padding-left:20px;
|
}
|
|
button {
|
width:120px;
|
color:#800000;
|
}
|
|
|
.machine_btn {
|
position:relative;
|
float:left;
|
width:25%;
|
text-align:center;
|
color:white;
|
font-size:24px;
|
font-weight:bold;
|
margin-top:30px;
|
}
|
|
.absolute {
|
position:absolute;
|
}
|
|
.clear {
|
clear:both;
|
}
|
|
.red {
|
color:#A00;
|
}
|
|
.transparent {
|
color:transparent;
|
}
|
|
.white {
|
color :#FFF;
|
}
|
|
.cyan {
|
color : #32507C;
|
background-color:#87ADD5;
|
}
|
|
.black {
|
color: #000;
|
}
|
|
.gray {
|
color: #AAA;
|
}
|
|
.left {
|
float:left;
|
}
|
|
.right {
|
float:right;
|
}
|
|
.border {
|
border: 1px solid #a00;
|
}
|
|
|
.task-div{
|
margin-left:15px;font-size:18px;
|
|
/*border-radius:5px;*/
|
}
|
|
.big_bak{
|
/*background:url(../images/xybk.png) right bottom no-repeat,url(../images/szbk.png) left top no-repeat, url(../images/111.png) no-repeat ;*/
|
|
background-image: url(../images/xybk.png),url(../images/szbk.png),url(../images/111.png);
|
background-position: right bottom,left top,center;
|
background-repeat: no-repeat,no-repeat,no-repeat;
|
background-size: auto,auto,100% 100%;
|
}
|
.small_bak{
|
/*background:url(../images/xybk.png) right bottom no-repeat,url(../images/szbk.png) left top no-repeat, url(../images/111.png) no-repeat ;*/
|
|
background-image: url(../images/xbkyx.png),url(../images/xbkzs.png),url(../images/xbkys.png),url(../images/xbkzx.png),url(../images/111.png);
|
background-position: right bottom,left top,right top,left bottom,center;
|
background-repeat: no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
|
background-size: auto,auto,auto,auto,100% 100%;
|
}
|
|
.task-div input{
|
background-color:#222222;
|
border:1px solid #3F4143;
|
border-radius:4px;
|
box-shadow:0 0 2px #fff;
|
color:#fff;
|
}
|
|
|
.task-div input:focus{
|
box-shadow:0 0 8px #9ABCDE;
|
}
|
|
.task-div button{
|
height:40px !important;
|
font-size:20px;
|
/*width:130px;*/
|
/*background-color:#4B89DA;*/
|
background:url(../images/search.png) no-repeat;
|
/*background-size:100%;*/
|
height:100%;width:100%;background-size:cover;
|
/*background-color:transparent;*/
|
/*border:1px solid #fff;*/
|
border:none;
|
border-radius:3px;
|
color:#32507C;
|
}
|
|
.task-div button:hover{
|
/*color: #15d9db;*/
|
color:#001682;
|
|
border: 1px solid #15d9db;
|
|
transition: all .5s linear
|
}
|
|
.task-div button:disabled{
|
/*color: #15d9db;*/
|
color:gray;
|
/*background-color:gray;*/
|
/*border: 1px solid #15d9db;*/
|
|
/*transition: all .5s linear*/
|
}
|
|
|
.ddl-sm{
|
position: relative;
|
padding:2px;
|
cursor: pointer;
|
/*background:url(../images/下拉框.png) no-repeat;*/
|
width:200px;
|
float: left;
|
}
|
|
.ddl-md{
|
position: relative;
|
padding:2px;
|
cursor: pointer;
|
/*background:url(../images/下拉框.png) no-repeat;*/
|
width:250px;
|
float: left;
|
}
|
.ddl-lg{
|
position: relative;
|
padding:2px;
|
cursor: pointer;
|
/*background:url(../images/下拉框.png) no-repeat;*/
|
width:400px;
|
float: left;
|
}
|
.ddlTitle{
|
background:url(../images/xialakuang.png) no-repeat;
|
width:100%;
|
height:100%;
|
background-size:100%;
|
height: 35px;
|
line-height: 35px;
|
padding: 2px;
|
padding-left: 5px;
|
padding-right: 5px;
|
border-radius: 3px;
|
/*border: solid #cccccc 1px;*/
|
font-size: 18px;
|
}
|
.ddlTitle-up{
|
width:45px;
|
height:35px !important;
|
background-color:white;
|
position:absolute;
|
right:2px;
|
top:2px;
|
border-radius: 0 3px 3px 0;
|
background:url(../images/xiala-btn.png) no-repeat;
|
}
|
|
.ddlTitle span{
|
margin-right: 10px;
|
color: #fff;
|
padding-left: 5px;
|
}
|
.ddl-sm ul li, .ddl-md ul li, .ddl-lg ul li{
|
list-style:none;
|
/*border-top: dotted #cccccc 1px;*/
|
line-height: 40px;
|
padding-left: 0px;
|
font-size: 18px;
|
}
|
.ddl-sm ul{
|
position:absolute;
|
top:40px;
|
width:200px;
|
color:white;
|
border: solid #363637 1px;
|
border-radius: 3px;
|
z-index: 3;
|
background-color: #222222;
|
padding:2px;
|
}
|
|
.ddl-md ul{
|
position:absolute;
|
bottom:30px;
|
width:250px;
|
color:white;
|
border: solid #363637 1px;
|
border-radius: 3px;
|
z-index: 3;
|
background-color: #222222;
|
padding:2px;
|
}
|
|
.ddl-lg ul{
|
position:absolute;
|
top:40px;
|
width:400px;
|
color:white;
|
border: solid #363637 1px;
|
border-radius: 3px;
|
z-index: 3;
|
background-color: #222222;
|
padding:2px;
|
}
|
|
.children-ul{
|
position:absolute;
|
bottom:30px;
|
left:253px;
|
width:400px;
|
color:white;
|
border: solid #363637 1px;
|
border-radius: 3px;
|
z-index: 3;
|
background-color: #222222;
|
padding:2px;
|
}
|
|
.ddli{
|
font-size: 25px;
|
float: right;
|
margin-top: 5px;
|
}
|
.ddl-sm li:hover,.ddl-md li:hover,.ddl-lg li:hover{
|
border-radius: 2px;
|
background-color: #9ABCDE;
|
color:#415B79;
|
}
|
.table-query{
|
border:none;
|
}
|
|
.place-info{
|
width:650px;
|
height:160px;
|
border-radius:5px;
|
position:absolute;
|
border:solid 1px #575757;
|
background-color:black;
|
color:#fff;
|
font-family:'KaiTi', Calibri, Candara, Arial, sans-serif;
|
font-weight:bold;
|
|
}
|
|
.place-info table{
|
font-size:18px;
|
width:100%;
|
line-height:34px;
|
margin-left:10px;
|
border-collapse:separate; border-spacing:5px;
|
}
|
|
.place-info input{
|
background-color:#222222;
|
border:1px solid #3F4143;
|
border-radius:4px;
|
box-shadow:0 0 2px #fff;
|
color:#fff;
|
|
}
|
|
|
.search-table{
|
margin-left:5px;font-size:15px;
|
}
|
.search-table tr{
|
line-height:28px;
|
}
|
.search-table tr>td{
|
border:none !important;padding:5px;font-weight:bold;color:#fff;
|
}
|
|
.search-table tr>td>input{
|
width:130px;
|
background-color:#222222;
|
border:1px solid #3F4143;
|
border-radius:4px;
|
box-shadow:0 0 2px #fff;
|
color:#fff;
|
}
|
|
|
.search-table tr>td>input:focus{
|
box-shadow:0 0 8px #9ABCDE;
|
}
|
|
.search-table tr>td>button{
|
height:40px;
|
font-size:20px;
|
width:100px;
|
/*background-color:#4B89DA;*/
|
background:url(../images/search.png) no-repeat;
|
width:100%;
|
height:100%;
|
/*background-size:100%;*/
|
/*background-color:transparent;*/
|
/*border:1px solid #fff;*/
|
border:none;
|
border-radius:3px;
|
color:#32507C;
|
}
|
|
.search-table tr>td>button:hover{
|
color: #15d9db;
|
|
border: 1px solid #15d9db;
|
|
transition: all .5s linear
|
}
|
|
|
.list-table{
|
width:99%;margin-top:10px;margin-left:10px;font-size:14px;padding-right:80px;color:white;
|
border:1px solid #2A2A2D;
|
/*border-radius:2px;*/
|
/*border:1px solid #fff;*/
|
}
|
|
.list-table th{
|
padding-left:10px;
|
text-align:left;
|
font-size:14px;
|
/*border:1px solid #333333;*/
|
}
|
.list-table tr{
|
line-height:45px;
|
padding:10px;
|
}
|
|
.list-table tr:nth-child(odd){
|
border:1px solid #2A2A2D;
|
background-color:#222222;
|
}
|
|
.list-table tr:nth-child(even){
|
background-color:#1A1A1A;
|
border:1px solid #2A2A2D;
|
}
|
|
.list-table tr:nth-child(1){
|
/*background-color:#fff;*/
|
background:url(../images/table-title1.png) no-repeat;
|
width:100%;
|
height:100%;
|
border-bottom:2px solid black;
|
/*background-size:100%;*/
|
line-height:40px;
|
/*border-top-left-radius: 30px;
|
border-top-right-radius: 30px;*/
|
}
|
/*.list-table th:nth-child(1) {
|
border-top-left-radius: 12px;
|
}
|
.list-table tr:nth-child(1) th:first-child {
|
border-top-left-radius: 12px;
|
}*/
|
|
.list-table td{
|
padding-left:10px;
|
font-size:14px;
|
font-weight:normal;
|
/*border:1px solid #333333;*/
|
}
|
|
.paging ul{
|
margin-left:-40px;
|
height:40px;
|
}
|
.paging ul li{
|
height:40px;
|
float:left;
|
/*li去掉旁边的点*/
|
list-style-type:none;
|
}
|
|
.paging ul li button{
|
/*background-color:#fff;*/
|
background:url(../images/page-btn.png) no-repeat;
|
background-size:100%;
|
border:1px solid #333333;
|
color:#fff;
|
font-size:20px;
|
width:35px;height:35px;
|
margin-left:-1px;
|
}
|
|
.paging ul li button:hover{
|
/*width:35px;height:35px;
|
background-color:#DDDDDD;*/
|
}
|
.paging ul li div{
|
background:url(../images/page-btn.png) no-repeat;
|
background-size:100%;
|
/*background-color:#fff;*/
|
border:1px solid #333333;
|
color:#fff;
|
font-size:20px;
|
width:130px;height:35px;
|
margin-left:-1px;
|
text-align:center;
|
padding-top:1px;
|
}
|
.op_btn{
|
height:10px;
|
font-size:20px;
|
width:20px !important;
|
/*background-color:#4B89DA;*/
|
background:url(../images/btn-lv.png) no-repeat !important;
|
width:100% !important;
|
height:100% !important;
|
/*background-size:100%;*/
|
/*background-color:transparent;*/
|
/*border:1px solid #fff;*/
|
border:none !important;
|
font-weight:bold !important;
|
border-radius:3px !important;
|
color:#496732 !important;
|
}
|
|
.op_btn:hover{
|
color:#000 !important;
|
}
|
|
.op_btn-red{
|
height:10px !important;
|
font-size:15px;
|
width:20px !important;
|
/*background-color:#4B89DA;*/
|
background:url(../images/btn_red.png) no-repeat !important;
|
width:100% !important;
|
height:100% !important;
|
/*background-size:100%;*/
|
/*background-color:transparent;*/
|
/*border:1px solid #fff;*/
|
border:none;
|
font-weight:bold;
|
border-radius:3px;
|
color:#7B2321;
|
}
|
|
.op_btn-red:hover{
|
color:#000;
|
}
|
|
|
.table_ul ul{
|
line-height:35px;
|
padding:10px;
|
}
|
|
.table_ul ul:nth-child(odd){
|
border:1px solid #2A2A2D;
|
background-color:#222222;
|
}
|
|
.table_ul ul:nth-child(even) {
|
background-color: #1A1A1A;
|
border: 1px solid #2A2A2D;
|
}
|
|
.table_ul li{
|
list-style:none;
|
/*border-top: dotted #cccccc 1px;*/
|
line-height: 40px;
|
padding-left: 0px;
|
font-size: 18px;
|
}
|
|
.gradient-text-one{
|
font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important;font-size:28px !important;
|
background-image:-webkit-linear-gradient(bottom,#A1C1E0,#D3DCE5,white);
|
|
-webkit-background-clip:text;
|
|
-webkit-text-fill-color:transparent;
|
|
}
|
.gradient-text-two{
|
font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important;font-size:23px !important;
|
background-image:-webkit-linear-gradient(bottom,#A1C1E0,#D3DCE5,white);
|
|
-webkit-background-clip:text;
|
|
-webkit-text-fill-color:transparent;
|
|
}
|
.jb_lvla{
|
background-image:-webkit-linear-gradient(bottom,#A3CE90,#9EC4BC,#9ABCDD);
|
|
-webkit-background-clip:text;
|
|
-webkit-text-fill-color:transparent;
|
}
|
|
.jb_lv{
|
background-image:-webkit-linear-gradient(bottom,#A3CE90,white);
|
|
-webkit-background-clip:text;
|
|
-webkit-text-fill-color:transparent;
|
}
|
|
.sm-margin{
|
margin-left:10px;
|
}
|
|
.cov-margin{
|
margin-left:45%;
|
}
|
.div_style_touming{
|
background: url(../images/div_bak_touming.png) no-repeat;
|
background-size: 100% 100%;
|
|
}
|
.vertical_line{
|
float:left;width:5px;height:30px;background-color:#779FCD;margin-left:20px;margin-top:5px;
|
}
|
|
.black_div{
|
background-color:#222222;margin-left:10px;margin-top:5px;width:95%;color:#fff;font-family:'KaiTi', Calibri, Candara, Arial, sans-serif;font-size:25px;font-weight:bold;
|
}
|
