.forecast-nav {
    display: flex;
    justify-content: center;
    margin: 45px 0 24px;
    display: none;
}

.forecast-nav > div {
    width: 145px;
    height: 44px;
    background-color: #ffffff;
    box-shadow: 1px 3px 6px 1px rgba(8, 40, 73, 0.15);
    border-radius: 6px;

    font-size: 20px;
    line-height: 44px;
    color: #1e98d1;
    text-align: center;
    margin: 0 6px;
}

.forecast-nav > div.active {
    background-color: #1e98d1;
    color: #ffffff;
}

.forecast-con {
    display: table;
    width: 100%;
    margin-bottom: 60px;
    margin-top: 26px;
}

.forecast-left {
    display: table-cell;
    vertical-align: top;
    width: 250px;
    background-color: #bdd8f4;
    padding: 50px 17px;
}

.forecast-left ul {
    width: 100%;
}

.forecast-left ul li {
    width: 100%;
    height: 42px;
    background-color: #a5c7ea;
    border-radius: 6px;
    font-size: 16px;
    color: #333333;
    line-height: 42px;
    margin-bottom: 20px;
    padding-left: 15px;
}

.forecast-left ul li:before {
    content: '';
    display: inline-block;
    position: relative;
    margin-top: 16px;
    margin-right: 10px;
    vertical-align: top;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #333333;
}

.forecast-left ul li.active {
    background-color: #5b91c8;
    color: #ffffff;
}

.forecast-left ul li.active:before {
    background-color: #f3c783;
}

.forecast-right {
    display: table-cell;
    vertical-align: top;
    background-color: #fff;
    padding: 50px 55px;
}

.forecast-form {
    text-align: center;
    margin-bottom: 50px;
}

.forecast-form span {
    display: inline-block;
    margin-right: 14px;
}

.forecast-form input, .forecast-form select {
    display: inline-block;
    /*margin-right: 65px;*/
    margin-right: 25px;
    height: 40px;
    line-height: 26px;
}

.forecast-form input:last-child, .forecast-form select:last-child {
    margin-right: 0;
}

.forecast-images {
    width: 840px;
    background-color: #ffffff;
    border: solid 1px #d2d2d2;
    padding: 16px;
}

.forecast-images img {
    width: 100%;
}