﻿.Is_show {
    display: none;
}

.layui-tab {
    margin: 0;
}

.ul {
    padding-bottom: 0;
}

.info-title label, .info-val label {
    font-size: 15px;
}
.info-title{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:center;
}
.info-img{
    width:80px;
    flex-shrink:0;
    flex-grow:0;
}
.info-text{
    line-height:82px;
    flex-grow:1;
}
.info-value{
    line-height:82px;
    text-align:right;
    flex-grow:3;
    padding-right:10px;
}
.li-title {
    font-size: 12px;
}

.li-val {
    font-size: 12px;
    float: right;
    max-width:120px;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}

.date-input {
    width: 160px;
    height: 25px;
    padding-left: 5px;
    padding-right: 5px;
}

.chart-nodata {
    font-size: 28px;
    text-align: center;
    position: relative;
    top: 240px;
}

.title_o {
    height: 50%;
    text-align: center;
    background-color: #ded8d8;
    padding-top: 20px;
    border-radius: 10px 10px 0px 0px;
}

.title_t {
    height: 50%;
    text-align: center;
    background-color: #e3dede;
    padding-top: 20px;
    border-radius: 0px 0px 10px 10px;
}

.text_size {
    font-weight: 700;
}

.grad {
    background-color: #aa3c3c;
}

.text_show {
    font-weight: 700;
    /*font-size:250%;*/
}

.text_font {
    font-size: 20px;
}

.weather-info_today {
    height: 130px;
    width: 100%;
    display: flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center;
}

    .weather-info_today img {
        height: 100%;
        width: 60%;
        /*position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;*/
    }

.weather-today_icon {
    height: 78px;
    flex-grow:1;
    /*flex-shrink:0;*/
    text-align:center;
}

.weather-today_info {
    height: 130px;
    flex-grow:2;
    padding-top: 5px;
    overflow:hidden;
}

    .weather-today_info p {
        margin: 5px 0 0 0;
        line-height: 1;
        font-size: 14px;
        width: 178px;
        word-break: keep-all;
        display:block;
        white-space: nowrap;
        text-overflow: ellipsis;
    }


.weather-info_daily {
    height: 130px;
    width: 100%;
    position: relative;
    display: inline-block;
}

.weather-daily_item {
    height: 130px;
    width: 33%;
    float: left;
    text-align: center;
}

    .weather-daily_item:first-child {
        width: 34%;
    }

    .weather-daily_item .title {
        font-size: 16px;
        margin: 8px 0;
    }

    .weather-daily_item p {
        margin: 6px 0;
        font-size: 14px;
        line-height: 1;
    }

    .weather-daily_item img {
        height: 50px;
    }

.layout-toolbar .btn-toolbar {
    vertical-align: middle;
    margin: 2px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 3px;
    width: 30px;
    height: 30px;
    float: left;
}

/*.none {
            display: none;
        }*/
/*水平翻转*/
.flipx {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    /*IE*/
    filter: FlipH;
}

/*jrange*/
.layout {
    position: relative;
    top: 5px;
    font-family: Georgia, serif;
    height: 130px;
    width: 100%;
    padding-top: 60px;
}

.layout-slider {
    width: 80%;
    margin: auto 10%;
}
.ul-info li label{
    line-height:39px;
}