#weather {
  padding-top: 40px;
}

#window-weixin {
    height: 130px;
    background-image: url('/weather/images/window_weixin.gif');
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    border: none;
}

#window-widget {
    height: 130px;
    background-image: url('/weather/images/window_widget.gif');
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    border: none;
}

#window-api {
    height: 130px;
    background-image: url('/weather/images/window_api.gif');
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    border: none;
}

#index
{
    margin:0;
    padding:0;
    color:#eee;
}

#index li 
{
    list-style-type: none;
    padding: 20px 25px 0 30px;
    line-height: 1.1em;
    margin: 0;
}

#index .index_text
{
    float: left;
}

#index .index_title 
{
    font-weight:bold;
    float: left;
}

#index .index_value 
{
    float: left;
    padding-left: 5px;
}

#index .index_content 
{
    float: left;
    line-height: 25px;
    text-align: left;
    width: 100%;
    clear: both;
}

.index_icons
{
	background: url(/weather/images/index.gif) no-repeat;
	width: 40px;
	height: 40px;
	float:left;
	display: block;
	margin-right: 15px;
}

.index_dressing .icon {
	background-position: -6px 0;
}
.index_uv .icon {
	background-position: -6px -50px;
}
.index_air .icon {
	background-position: -6px -100px;
}
.index_flu .icon {
	background-position: -6px -150px;
}
.index_comfort .icon {
	background-position: -6px -200px;
}
.index_carwash .icon {
	background-position: -6px -250px;
}
.index_travel .icon {
	background-position: -6px -300px;
}
.index_drying .icon {
	background-position: -6px -350px;
}