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;
}