.content-container .middle-container .land-name {
    min-width: 35%;
    width: auto !important;
    height: 15%;
    margin-left: 10vw;
    margin-top: 1vh;
    font-family: "Microsoft YaHei UI";
    font-size: 1vw;
    color: #FFFFFF;
    text-align: center;
    border: 0px solid red;
    float: left;
}

.content-container .middle-container .air-quality-container {
    width: 96%;
    height: 15%;
    margin-left: 1.5%;
    margin-top: 1.8%;
    font-family: "Microsoft YaHei UI";
    font-size: 1vw;
    color: #FFFFFF;
    text-align: left;
    font-weight: 700;
    text-indent: 1%;
    border: 0px solid red;
    float: left;
}

    .content-container .middle-container .air-quality-container img {
        width: 9.5%;
        height: 85%;
        margin-left: 3.5%;
        margin-top: 0.2%;
        float: left;
    }

.content-container .middle-container .weather-info-container {
    width: 96%;
    height: 35%;
    margin-left: 1.5%;
    margin-top: 1.8%;
    border: 0px solid red;
    float: left;
}

    .content-container .middle-container .weather-info-container .temperature {
        min-width: 25%;
        width: auto !important;
        height: 96%;
        float: left;
        font-family: 'Microsoft YaHei UI';
        font-size: 3vw;
        color: #FFFB00;
        font-weight: 700;
        margin-top: -1%;
        margin-left: 3.8%;
    }

        .content-container .middle-container .weather-info-container .temperature sup {
            font-family: 'Microsoft YaHei UI';
            font-size: 1vw;
            color: #FFFB00;
        }

    .content-container .middle-container .weather-info-container .weather-situation {
        min-width: 10%;
        width: auto !important;
        height: 59%;
        border: 0px solid red;
        float: left;
        font-family: 'Microsoft YaHei UI';
        font-size: 1.5vw;
        color: #14F1F2;
        text-align: center;
        margin-left: 6%;
        margin-top: 7%;
    }

    .content-container .middle-container .weather-info-container .update-time {
        min-width: 10%;
        height: 38%;
        border: 0px solid red;
        float: left;
        font-family: 'Microsoft YaHei UI';
        font-size: 1vw;
        color: #FFFFFF;
        text-align: center;
        margin-left: 5%;
        margin-top: 10%;
    }

.content-container .middle-container .weather-tips {
    width: 91%;
    height: 25%;
    margin-left: 5%;
    margin-top: 1.8%;
    color: #14F1F2;
    border: 0px solid red;
    cursor: pointer;
    float: left;
}

    .content-container .middle-container .weather-tips .weather-tips-title {
        width: 23%;
        height: 52%;
        margin-left: 1%;
        margin-top: 1%;
        font-family: 'Microsoft YaHei UI';
        font-size: 0.8vw;
        font-weight: 700;
        border: 0px solid red;
        float: left;
    }

    .content-container .middle-container .weather-tips .weater-tips-container {
        width: 72%;
        height: 6vh;
        margin-left: 1%;
        margin-top: 1%;
        font-family: 'Microsoft YaHei UI';
        font-size: 0.8vw;
        font-weight: 700;      
        overflow: hidden;
        display: -webkit-box; /* 仅适用Chrome浏览器内核 */
        -webkit-line-clamp: 3; /* 需要在第n行换行 */
        -webkit-box-orient: vertical;
        word-break: break-all; /* 遇到英文也进行换行 */
        text-align: left;
        border: 0px solid red;
        float: left;
    }

@media (max-width:1917) and (min-width:1605) {
    .content-container .middle-container .weather-tips .weater-tips-container {
        overflow: hidden;
        display: -webkit-box; /* 仅适用Chrome浏览器内核 */
        -webkit-line-clamp: 3; /* 需要在第n行换行 */
        -webkit-box-orient: vertical;
        word-break: break-all; /* 遇到英文也进行换行 */
    }
}

@media (max-width:1605) and (min-width:1105) {
    .content-container .middle-container .weather-tips .weater-tips-container {
        overflow: hidden;
        display: -webkit-box; /* 仅适用Chrome浏览器内核 */
        -webkit-line-clamp: 4; /* 需要在第n行换行 */
        -webkit-box-orient: vertical;
        word-break: break-all; /* 遇到英文也进行换行 */
    }
}

    .content-container .middle-container .weater-parameter-container {
        width: 43%;
        height: 21%;
        line-height: 198%;
        border: 0px solid red;
        margin-left: 5%;
        margin-top: 6%;
        text-indent: 6%;
        float: left;
        font-size: 0.8vw;
        color: #14DADF;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .content-container .middle-container .weater-parameter-container img {
        width: 15%;
        height: 55%;
        margin-left: 8%;
        margin-top: 5%;
        float: left;
    }

.middle-container .map-container {
    width: 98%;
    height: 65.5%;
    margin-left: 1%;
    margin-top: -0.2%;
    border: 1px solid #00bbff;
    float: left;
}

.middle-container .today-airTemperature {
    width: 101.3%;
    height: 31.5%;
    margin-left: -0.4%;
    margin-top: 2.3%;
    background-image: url(/images/newhome/middle.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 98% 98%;
    border: 0px solid red;
    float: left;
}

    .middle-container .today-airTemperature .title-text {
        width: 15%;
        height: 16%;
        line-height: 172%;
        margin-top: 1%;
        margin-left: 4%;
        border: 0px solid red;
        font-family: 'Microsoft YaHei';
        font-size: 2vh;
        font-weight: 700;
        text-align: left;
        color: #DDEAFE;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .middle-container .today-airTemperature .button-container {
        width: 21%;
        height: 15%;
        margin-left: 82%;
        margin-top: 1%;
        border: 0px solid red;
    }

        .middle-container .today-airTemperature .button-container .button-click {
            min-width: 28%;
            width: auto !important;
            height: 57%;
            line-height: 183%;
            margin-top: 2%;
            margin-left: 3%;
            font-family: 'Microsoft YaHei';
            font-size: 1vh;
            color: #00F0FF;
            text-align: center;
            font-weight: 700;
            cursor: pointer;
            float: left;
            box-shadow: 4px 5px 5px 1px #377dd557 inset, -3px -4px 5px 1px #377dd557 inset, -1px -5px 5px 1px #377dd557 inset;
            border: 1px solid #008cff;
        }

        .middle-container .today-airTemperature .button-container .button-normal {
            min-width: 28%;
            width: auto !important;
            height: 57%;
            line-height: 183%;
            margin-top: 2%;
            margin-left: 3%;
            font-family: 'Microsoft YaHei';
            font-size: 1vh;
            color: #f6eeee;
            text-align: center;
            font-weight: 700;
            cursor: pointer;
            float: left;
            box-shadow: 4px 5px 5px 1px #377dd557 inset, -3px -4px 5px 1px #377dd557 inset, -1px -5px 5px 1px #377dd557 inset;
            border: 1px solid #008cff;
        }

#todayAirTemperatureChart {
    width: 95%;
    height: 51%;
    margin-top: 0.2%;
    margin-left: 2.3%;
    border: 0px solid red;
    float: left;
}

.WeatherWarning-icon-container {
    width: 33%;
    height: 85%;
    margin-top: 3.5%;
    margin-left: 6%;
    border: 0px solid red;
    float: left;
}

    .WeatherWarning-icon-container .icon {
        width: 57%;
        height: 43%;
        margin-top: 12%;
        margin-left: 21.5%;
    }

    .WeatherWarning-icon-container .btnViewRecord {
        min-width: 65%;
        width: auto !important;
        height: 18%;
        line-height: 235%;
        FONT-WEIGHT: 100;
        margin-top: 12%;
        margin-left: 15%;
        font-family: 'Microsoft YaHei';
        font-size: 1vh;
        color: #00F0FF;
        text-align: center;
        font-weight: 700;
        cursor: pointer;
        float: left;
        box-shadow: 4px 5px 5px 1px #377dd557 inset, -3px -4px 5px 1px #377dd557 inset, -1px -5px 5px 1px #377dd557 inset;
        border: 1px solid #008cff;
    }

#weatherWarningRecordListContent {
    width: 100%;
    height: 100%;
    margin-top: 0%;
    margin-left: 0%;    
    border: 0px solid red;
    float: left;
}

.weatherWarning-recordList {
    width: 57%;
    height: 85%;
    margin-top: 3%;
    margin-left: 1%;
    overflow: hidden;
    border: 0px solid red;
    float: left;
}

    .weatherWarning-recordList .recordItem {
        width: 98%;
        height: 32%;
        margin-left: 1%;
        margin-top: 1%;
        cursor:pointer;
        border: 0px solid red;
        float: left;
    }

        .weatherWarning-recordList .recordItem .datetime-container {
            width: 45%;
            height: 97%;
            line-height: 173%;
            font-family: 'Microsoft YaHei UI';
            font-size: 0.5vw;
            color: #57D0E3;
            text-align: center;
            font-weight: 700;
            margin-top: 1%;
            margin-left: 1%;
            border: 0px solid red;
            float: left;
        }

        .weatherWarning-recordList .recordItem .record-content {
            width: 53%;
            height: 97%;
            line-height: 275%;
            margin-top: 1%;
            margin-left: 1%;
            font-family: 'Microsoft YaHei UI';
            font-size: 0.6vw;
            color: #f7eeee;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: left;
            text-indent:0.5%;
            font-weight: 700;
            border: 0px solid red;
            float: left;
        }

.futureWeatherList {
    width: 87%;
    height: 86%;
    margin-top: 3%;
    margin-left: 6.2%;
    border: 0px solid red;
    float: left;
}

    .futureWeatherList .singular {
        width: 98%;
        height: 12%;
        line-height: 197%;
        margin-top: 2%;
        margin-left: 1%;
        border-radius: 7px;
        background-color: #020D4F;
        float: left;
    }

        .futureWeatherList .singular .weaterDate {
            width: 21%;
            height: 85%;
            font-family: 'Microsoft YaHei UI';
            font-size: 1vw;
            color: #f6f1f1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: center;
            margin-left: 1%;
            margin-top: 1%;
            border: 0px solid red;
            float: left;
        }

        .futureWeatherList .singular .weartherIcon {
            width: 10%;
            height: 65%;
            margin-left: 1.5%;
            margin-top: 2.3%;
            border: 0px solid red;
            float: left;
        }

        .futureWeatherList .singular .weatherState {
            width: 15%;
            height: 85%;
            font-family: 'Microsoft YaHei UI';
            font-size: 0.8vw;
            color: #14DADF;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: center;
            margin-left: 1%;
            margin-top: 2%;
            border: 0px solid red;
            float: left;
        }

        .futureWeatherList .singular .weatherTemperature {
            width: 18%;
            height: 85%;
            font-family: 'Microsoft YaHei UI';
            font-size: 0.8vw;
            color: #E2DA78;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: center;
            margin-left: 1%;
            margin-top: 0.7%;
            border: 0px solid red;
            float: left;
        }

    .futureWeatherList .evenNumbers {
        width: 98%;
        height: 12%;
        line-height: 197%;
        margin-top: 2%;
        margin-left: 1%;
        float: left;
    }

        .futureWeatherList .evenNumbers .weaterDate {
            width: 21%;
            height: 85%;
            font-family: 'Microsoft YaHei UI';
            font-size: 1vw;
            color: #f6f1f1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: center;
            margin-left: 1%;
            margin-top: 1%;
            border: 0px solid red;
            float: left;
        }

        .futureWeatherList .evenNumbers .weartherIcon {
            width: 10%;
            height: 65%;
            margin-left: 1.5%;
            margin-top: 2.3%;
            border: 0px solid red;
            float: left;
        }

        .futureWeatherList .evenNumbers .weatherState {
            width: 15%;
            height: 85%;
            font-family: 'Microsoft YaHei UI';
            font-size: 0.8vw;
            color: #14DADF;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: center;
            margin-left: 1%;
            margin-top: 2%;
            border: 0px solid red;
            float: left;
        }

        .futureWeatherList .evenNumbers .weatherTemperature {
            width: 18%;
            height: 85%;
            font-family: 'Microsoft YaHei UI';
            font-size: 0.8vw;
            color: #E2DA78;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: center;
            margin-left: 1%;
            margin-top: 0.7%;
            border: 0px solid red;
            float: left;
        }

/*.middle-container .location-dropdownlist {
    min-width: 15%;
    position: absolute;
    width: auto !important;
    height: 5%;
    line-height: 4vh;
    top: 2vh;
    font-family: "Microsoft YaHei UI";
    font-size: 1vw;
    color: #51B0E8;
    font-weight: 700;
    left: 48vw;
    border: 1px solid #51B0E8;
    border-radius: 23px;
    z-index: 200;
    text-align: center;
    cursor:pointer;
    box-shadow: -9px 6px 10px 1px #98b4d757, 7px 0px 5px 4px #d4e3d72e, -8px -7px 8px 4px #82aba526;
    float: left;
}*/

.middle-container .location-dropdownlist {
    min-width: 15%;
    position: absolute;
    width: auto !important;
    height: 5%;
    line-height: 4vh;
    top: 2vh;
    left: 48vw;
    z-index: 200;
    font-family: 'Microsoft YaHei';
    font-size: 2vh;
    color: #15aae1fc;
    text-align: center;
    cursor: pointer;
    border-radius: 27px;
    border: 2px solid #15aae1fc;
    float: left;
}

/*.middle-container .location-list {
    width: 15%;
    position: absolute;
    min-height: 35px;
    height: auto !important;
    top: 6.3vh;
    font-family: "Microsoft YaHei UI";
    font-size: 1vw;
    color: #51B0E8;
    font-weight: 700;
    display:none;
    left: 48vw;
    background: linear-gradient(to bottom, #36d1dc75, #5b86e561);
    border: 1px solid #51B0E8;
    border-radius: 5px;
    z-index: 200;
    box-shadow: -9px 6px 10px 1px #98b4d757, 7px 0px 5px 4px #d4e3d72e, -8px -7px 8px 4px #82aba526;
    text-align: center;
    float: left;
}*/

/*.middle-container .location-list {
    width: 15%;
    position: absolute;
    min-height: 35px;
    height: auto !important;
    top: 6.3vh;
    font-family: "Microsoft YaHei UI";
    font-size: 1vw;
    color: #51B0E8;
    font-weight: 700;
    display: none;
    left: 48vw;
    border-radius: 27px;
    border: 2px solid #15aae1fc;
    background-color: #00165a;
    z-index: 50;
    float: left;
}*/

.middle-container .location-list {
    width: 15%;
    position: absolute;
    min-height: 35px;
    height: auto !important;
    top: 6.3vh;
    font-family: "Microsoft YaHei UI";
    font-size: 1vw;
    /*color: #51B0E8;*/
    font-weight: 700;
    display: none;
    left: 48vw;
    border-radius: 27px;
    border: 2px solid #15aae1fc;
    background-color: #00165a;
    z-index: 50;
    float: left;
}

    /*.middle-container .location-list .location-item {
        width: 98%;
        height: 5%;
        font-family: "Microsoft YaHei UI";
        font-size: 1vw;
        color: #11e9e9;
        margin-top: 0.5%;
        margin-left: 1%;
        margin-bottom: 0.6%;
        font-weight: 700;
        text-align: center;
        cursor: pointer;
        float: left;
    }*/

    .middle-container .location-list .location-item {
        width: 98%;
        height: 5%;
        margin-top: 0.5%;
        margin-left: 1%;
        margin-bottom: 0.6%;
        font-family: 'Microsoft YaHei';
        font-size: 1.1vw;
        color: #11b1e1a6;
        cursor: pointer;
        text-align: center;
        font-weight: 700;
        margin: 0 auto;
    }

        /*.middle-container .location-list .location-item:hover {
            color: #fbf6f6;
            background-color: #0f4a9587;
            border-radius: 5px;
        }*/

        .middle-container .location-list .location-item:hover {
            color: #e42020;
        }

#dialogTriggersInfo {
    width:100%;
    height:100%;
}

.triggersId{
    width:15vw;
    height:3vh;
    font-family:"Microsoft YaHei UI";
    font-size:1.6vh;
    color:#f7f0f0;
    background-color:transparent;
    text-align:left;
    text-indent:1%;
    border:0px solid red;
}

#triggersDialog {
    width: 210vw;
    height: 113vh;
    margin: 0px auto 0px -55vw;
    z-index: 2001;
}

.AMapLocation {
    min-width:195px;
    width:auto !important;
    height:75px;
    border:0px solid red;
    float:left;
}

    .AMapLocation .locationName {
        width: 25vw;
        height: 32px;
        font-family: "Microsoft YaHei UI";
        font-size: 0.7vw;
        color: #FFFFFF;
        text-align: center;
        cursor:pointer;
        border: 0px solid red;
        float: left;
    }

#alertDiv-container {
    width: 100%;
    height: 30rem;
    border: 0px solid red;
}

    #alertDiv-container .line-container {
        width: 96%;
        min-height: 37px;
        height: auto !important;
        margin-left: 2%;
        margin-top: 1%;
        border: 0px solid red;
    }

    #alertDiv-container .alert-content {
        width: 96%;
        height: 313px;
        margin-left: 2%;
        margin-top: 1%;
        word-break: break-all;
        overflow-x: hidden;
        overflow-y: auto;
        border-radius: 10px;
        text-indent: 5%;
        font-family: STSong;
        font-size: 17px;
        font-weight: 700;
        border: 1px solid #3651bc;
        color: #ebe4e4d1;
        line-height: 25px;
    }

.page-alert-content {
    width: 10vw;
    height: 5vh;
    line-height: 6vh;
    font-family: "Microsoft YaHei UI";
    font-size: 0.7vw;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.el-table__row {
    cursor: pointer;
}

/*.amap-layer {
    width:15vw;
    height:25vh;
}*/

/*chrome滚动条颜色设置*/

*::-webkit-scrollbar {
    width: 7px;
    height: 10px;
    background-color: transparent;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
*::-webkit-scrollbar-track {
    background-color:transparent;
}
/*定义滚动条轨道 内阴影+圆角*/
*::-webkit-scrollbar-thumb {
    background-color: rgba(10, 126, 209, 1);
    border-radius: 6px;
}
/*定义滑块 内阴影+圆角*/
.scrollbarHide::-webkit-scrollbar {
    display: none
}

.scrollbarShow::-webkit-scrollbar {
    display: block
}

#weatherWarningRecordListNull {
    width: 10vw;
    height: 17.3vh;
    line-height: 16vh;
    text-align: center;
    font-family: 'Microsoft YaHei UI';
    font-size: 1.5vw;
    color: white;
    border: 0px solid red;
    margin-top: 3vh;
    margin: 0 auto;
}