.atsz-weather-container
{
    box-sizing: border-box;
    position: relative;
    height: 80px;
    background-color: #fff;
    display: inline-block;
}

    .atsz-weather-container:after
    {
        content: "";
        display: table;
        clear: both;
    }

    .atsz-weather-container .lineChat-svg
    {
        width: 80px;
        height: 24px;
        position: absolute;
        bottom: 10px;
        left: 16px;
    }

        .atsz-weather-container .lineChat-svg .path
        {
            stroke: #ccc;
        }

    .atsz-weather-container .weather-item-container
    {
        box-sizing: border-box;
        padding: 10px 12px 10px 11px;
        float: left;
        width: 170px;
        height: 80px;
        border-left: 1px solid #f0f1f5;
        border-right: 1px solid #fff;
        border-top: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
        position: relative;
    }

        .atsz-weather-container .weather-item-container:last-of-type
        {
            border-right: 1px solid #f0f1f5;
        }

        .atsz-weather-container .weather-item-container:first-of-type, .atsz-weather-container .weather-item-container:last-of-type
        {
            width: 175px;
        }

        .atsz-weather-container .weather-item-container:hover
        {
            border: 1px solid #d8d8d8;
        }

    .atsz-weather-container .market-quotecard-container:after
    {
        content: "";
        display: table;
        clear: both;
    }

    .atsz-weather-container .market-quotecard-container .market-quotecard-left
    {
        float: left;
    }

    .atsz-weather-container .market-quotecard-container .market-quotecard-right
    {
        float: right;
    }

    .atsz-weather-container .market-quotecard-container .symbol-name
    {
        font-size: 12px;
        color: #333;
        line-height: 12px;
    }

    .atsz-weather-container .market-quotecard-container .last-price
    {
        font-size: 12px;
        line-height: 12px;
        color: #999;
        padding-top: 6px;
    }

    .atsz-weather-container .market-quotecard-container .change-rate.up, .atsz-weather-container .market-quotecard-container .change.up
    {
        color: #f44242;
    }

    .atsz-weather-container .market-quotecard-container .change-rate.down, .atsz-weather-container .market-quotecard-container .change.down
    {
        color: #1dad55;
    }

    .atsz-weather-container .market-quotecard-container .change
    {
        font-size: 18px;
        line-height: 18px;
    }

    .atsz-weather-container .market-quotecard-container .change-rate
    {
        padding-top: 5px;
        font-size: 12px;
        text-align: right;
    }