html,body{
|
height:100%;
|
}
|
*{
|
box-sizing: border-box;
|
margin:0px;
|
padding:0px;
|
}
|
.page-container{
|
max-width:1920px;
|
/*padding:31px 30px 0px 30px;*/
|
min-height: calc(100vh - 40px);
|
padding: 20px;
|
}
|
.g-sitn-top{
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
background:#fff;
|
padding:11px 17px;
|
border-radius:10px;
|
width:100%;
|
}
|
.g-sitn-top .info{
|
/* min-width:760px; */
|
width:100%;
|
background:#EEF0F1;
|
padding:8px 27px;
|
border-radius:10px;
|
|
}
|
.g-sitn-top .info .company-name {
|
/*font-size: 20px;*/
|
/*line-height: 40px;*/
|
/*color: #314250;*/
|
/*font-weight: 500;*/
|
/*display: flex;*/
|
/*align-items: center;*/
|
/*cursor: pointer;*/
|
/*transition: .2s all linear;*/
|
font-size: 18px;
|
line-height: 40px;
|
color: #314250;
|
font-weight: bold;
|
}
|
|
.g-sitn-top .info .company-name:hover {
|
opacity: .8;
|
}
|
|
.g-sitn-top .info .company-name .icon-ddl {
|
width: 18px;
|
height: 18px;
|
background: url('../../images/ddl_icon.png') no-repeat;
|
margin-left: 10px;
|
transition: .2s all linear;
|
}
|
|
.g-sitn-top .info .company-name .icon-ddl:hover {
|
opacity: .8;
|
}
|
.g-sitn-top .info .user{
|
background:url('../../images/grain/icon_user.png') no-repeat;
|
/*background-position:left;*/
|
padding-left:27px;
|
background-size:17px 19px;
|
font-size:18px;
|
margin-bottom:5px;
|
}
|
.g-sitn-top .info .local{
|
background:url('../../images/grain/icon_loc.png') no-repeat;
|
/*background-position:left;*/
|
padding-left:27px;
|
background-size:16px 18px;
|
font-size:18px;
|
}
|
.g-sitn-top .statistics{
|
display: flex;
|
align-items: center;
|
min-width:880px;
|
}
|
.g-sitn-top .statistics .sti-item{
|
padding:0px 54px;
|
}
|
.g-sitn-top .statistics .sti-item span{
|
display: block;
|
text-align: center;
|
white-space: nowrap;
|
}
|
.g-sitn-top .statistics .sti-item .num{
|
font-size:34px;
|
font-weight:bold;
|
line-height:30px;
|
}
|
.g-sitn-top .statistics .sti-item .name{
|
font-size:16px;
|
line-height:30px;
|
}
|
.g-sitn-ctit{
|
background:url('../../images/grain/tit_bg1.png') no-repeat;
|
/*margin:22px 0px;*/
|
margin: 15px 0px;
|
font-size:18px;
|
line-height: 37px;
|
padding-left:39px;
|
min-width:158px;
|
}
|
.gas-num-box .num-tit{
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
padding-right:80px;
|
margin-bottom:10px;
|
}
|
.gas-num-box .num-tit .t{
|
font-size:22px;
|
font-weight:bold;
|
color:#328ed2;
|
}
|
|
.gas-num-box .num-tit .more{
|
color:#9199A1;
|
font-size:16px;
|
line-height:20px;
|
cursor: pointer;
|
}
|
.gas-num-box .num-tit .more:hover{
|
text-decoration: underline;
|
}
|
.gas-sitn-bottom{
|
/*display: flex;*/
|
flex-wrap: wrap;
|
justify-content: space-between;
|
}
|
.gas-sitn-bottom .gas-num-box{
|
/*width:517px;*/
|
border-radius:10px;
|
/*padding:22px;*/
|
/*background:#fff;*/
|
position: relative;
|
overflow: hidden;
|
margin-bottom:20px;
|
}
|
|
.num-box-div {
|
padding: 20px;
|
background: #fff;
|
margin: 0 10px;
|
border-radius: 8px;
|
}
|
.gas-sitn-bottom .gas-num-box:nth-child(4),.gas-sitn-bottom .gas-num-box:nth-child(5),.gas-sitn-bottom .gas-num-box:nth-child(6){
|
/* margin-left:1%; */
|
/*margin-bottom:0px;*/
|
}
|
.gas-num-box .basic-info{
|
display: flex;
|
width:100%;
|
}
|
.basic-info .bifo-field{
|
/* text-align: center; */
|
width:33.3%;
|
}
|
.bifo-field span{
|
display: block;
|
line-height:30px;
|
}
|
.bifo-field .t {
|
font-size: 16px;
|
font-style: italic;
|
}
|
.bifo-field .val{
|
font-size: 20px;
|
}
|
.basic-info-sub{
|
margin:16px 0px;
|
display: flex;
|
justify-content: space-between;
|
align-items: flex-end;
|
}
|
.basic-info-sub .more{
|
color:#9199A1;
|
font-size:18px;
|
line-height:20px;
|
cursor: pointer;
|
}
|
.basic-info-sub .more:hover{
|
text-decoration: underline;
|
}
|
.numbox-bot{
|
/*display: flex;*/
|
}
|
.numbox-bot .main-stn{
|
background:url('../../images/grain/wk_bg1.png') no-repeat;
|
/*width:418.88px;*/
|
/*height:243px;*/
|
background-size:cover;
|
/*margin-right:20px;*/
|
border-radius: 6px;
|
}
|
.main-stn>.tit{
|
font-size:20px;
|
text-align: center;
|
line-height:110px;
|
background:url('../../images/grain/liangshibg.png') no-repeat;
|
background-position: center;
|
color:#fff;
|
|
margin-top:10px;
|
}
|
.main-stn .values{
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
margin-top:15px;
|
}
|
.main-stn .values .value-item{
|
padding-right:17px;
|
color:#fff;
|
}
|
.main-stn .values .value-item span{
|
display:block;
|
text-align: center;
|
}
|
.main-stn .values .value-item .val{
|
line-height:20px;
|
font-size:34px;
|
}
|
.main-stn .values .value-item .tit{
|
line-height:60px;
|
font-size:16px;
|
}
|
.rig-stn{
|
|
}
|
.rig-stn .sub{
|
width:309px;height:116px;
|
color:#fff;
|
padding:10px 41px;
|
}
|
.rig-stn .sub>div{
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
line-height:55px;
|
}
|
.rig-stn .sub>div span:last-child{
|
font-size:34px;
|
}
|
.rig-stn .sub1{
|
background:url('../../images/grain/wk_bg2.png') no-repeat;
|
margin-bottom:11px;
|
}
|
.rig-stn .sub2{
|
background:url('../../images/grain/wk_bg3.png') no-repeat;
|
}
|
.rig-stn .sub i{
|
font-style: normal;
|
}
|
|
.status-succ{
|
position: absolute;
|
font-size: 20px;
|
background: #78B365;
|
color: #fff;
|
transform: rotate(45deg);
|
right: -35px;
|
top: 25px;
|
text-align: center;
|
line-height: 20px;
|
width: 150px;
|
padding:5px 0px;
|
}
|
.status-danger{
|
position: absolute;
|
font-size: 20px;
|
background: #D24C4C;
|
color: #fff;
|
transform: rotate(45deg);
|
right: -35px;
|
top: 25px;
|
text-align: center;
|
line-height: 20px;
|
width: 150px;
|
padding:5px 0px;
|
}
|
|
.gas-numbox-bot{
|
display: flex;
|
justify-content: space-between;
|
}
|
.gas-numbox-bot .gnitem{
|
width:171.44px;height:101.09px;
|
color:#fff;
|
padding-top:10px;
|
position: relative;
|
}
|
.gas-numbox-bot .gnitem i{
|
font-style: normal;
|
font-size:24px;
|
}
|
.gas-numbox-bot .gnitem .tit{
|
position: absolute;
|
bottom:0px;
|
right:0px;
|
left:0px;
|
text-align:center;
|
line-height:35px;
|
}
|
.gas-numbox-bot .gnitem .val{
|
line-height:35px;
|
text-align: center;
|
font-size:36px;
|
}
|
.gas-numbox-bot .gnitem.co2{
|
background:url('../../images/grain/bg_co2.png') no-repeat;
|
}
|
.gas-numbox-bot .gnitem.ph3{
|
background:url('../../images/grain/bg_ph3.png') no-repeat;
|
}
|
.gas-numbox-bot .gnitem.o2{
|
background:url('../../images/grain/bg_o2.png') no-repeat;
|
}
|
.gas-numbox-bot .gnitem.n2{
|
background:url('../../images/grain/bg_n2.png') no-repeat;
|
}
|
|
|
.pest-check-result{
|
line-height:68px;
|
border-radius:10px;
|
color:#fff;
|
/* padding:0px 10px; */
|
font-size:26px;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
padding-right:17px;
|
padding-left:16px;
|
}
|
.pest-check-result.no-pest{
|
background:linear-gradient(to right,#22A6B0,#24A9AF 2%,#30C0AA);
|
}
|
.pest-check-result.no-pest .pest-icon{
|
background:url('../../images/grain/no_pest.png') no-repeat;
|
width:49px;height:50px;
|
display: inline-block;
|
}
|
.pest-check-result.pest{
|
background:linear-gradient(to right,#EC5353,#EF5757 2%,#FC6666);
|
}
|
.pest-check-result.pest .pest-icon{
|
background:url('../../images/grain/pest.png') no-repeat;
|
width:39px;height:39px;
|
display: inline-block;
|
}
|
.qual-time{
|
line-height:34px;
|
background:#fff;
|
border-radius:34px;
|
color:#000;
|
font-size:16px;
|
font-weight:normal;
|
/* min-width:249px; */
|
min-width:225px;
|
text-align: center;
|
/* background-image: url('../images/grain/icon_time.png'); */
|
background-repeat: no-repeat;
|
background-position:10px;
|
/* padding-left:15px; */
|
}
|
@media (max-width:1440px){
|
.g-sitn-top .statistics{
|
min-width:inherit !important;
|
}
|
.basic-info .bifo-field{
|
margin-right:30px !important;
|
}
|
.g-sitn-top .statistics .sti-item{
|
padding:0px 10px !important;
|
}
|
}
|
|
.j-copyright{
|
/* position: absolute;
|
bottom:0px;
|
left:220px;
|
right:0px; */
|
display: inline-block;
|
width:100%;
|
text-align: center;
|
font-size:18px;
|
line-height:40px;
|
}
|
