body { margin: 0; font-family: ����; padding: 0; }
body div.border { border: 1px solid; }
body div.border.radius { border-radius: 5px; }
a { text-decoration: none; }
a:hover {
    /*text-decoration: underline;*/
}
em { font-family: Arial,Helvetica,sans-serif; font-style: normal; }
.container { font-size: 12px; width: 100%; font-family: '����'; }
.hide { display: none; }


.aqi span{    color: #fff; border-radius: 2px; padding: 1px 2px;}
/* icon */
.classic {
    background-image: url(../images/classic.png);
    background-repeat: no-repeat;
    display: block;
    width: 54px;
    height: 54px;
}

.classic.wi-cloudy {background-position: -5px -5px; }
.classic.wi-cloudy-windy {background-position: -69px -5px; }
.classic.wi-day-cloudy {background-position: -133px -5px; }
.classic.wi-day-fog {background-position: -197px -5px; }
.classic.wi-day-rain {background-position: -5px -69px; }
.classic.wi-day-snow {background-position: -69px -69px; }
.classic.wi-day-storm-showers {background-position: -133px -69px; }
.classic.wi-day-sunny {background-position: -197px -69px; }
.classic.wi-fog {background-position: -5px -133px; }
.classic.wi-hail {background-position: -69px -133px; }
.classic.wi-hot {background-position: -133px -133px; }
.classic.wi-night-alt-rain {background-position: -197px -133px; }
.classic.wi-night-alt-snow {background-position: -5px -197px; }
.classic.wi-night-clear {background-position: -69px -197px; }
.classic.wi-night-cloudy {background-position: -133px -197px; }
.classic.wi-night-fog {background-position: -197px -197px; }
.classic.wi-night-storm-showers {background-position: -261px -5px; }
.classic.wi-rain {background-position: -261px -69px; }
.classic.wi-rain-mix {background-position: -261px -133px; }
.classic.wi-snow {background-position: -261px -197px; }
.classic.wi-storm-showers {background-position: -5px -261px; }
.classic.wi-thermometer-exterior {background-position: -69px -261px; }
.classic.wi-windy {background-position: -133px -261px; }

.clear{ zoom:1;}
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}

/*layout1 style*/
/*����ͼ��*/
.layout1 .image { width: 56px; height: 56px; display: inline-block; }

.layout1 .ct-left{float:left;height: 70px;width:90px;padding-top: 6px;float:left; line-height:18px; text-align: center;}

.layout1 .ct-left a{color:#000;}

.layout1 .city .name{ font-weight:bold; font-size:14px;color:#808080;}
.layout1 .city .name{display:inline-block;max-width: 45px;overflow: hidden;white-space: nowrap;}
.layout1 .city>a{vertical-align: top;}
.layout1 .change-city{padding-left:5px; padding-right:3px;}

.layout1 .ct-right{font-family:'Arial'; padding-top:6px;padding-right:20px; float:left;margin-left:5px;}

.layout1 .ct-right .day{float:left; margin-left:5px;}
.layout1 .ct-right .day a{color:#666;}
.layout1 .ct-right .day:hover div{color:red;text-decoration: underline;}

.layout1 .ct-right .day .image{float:left; margin-right:5px;}
.layout1 .ct-right .day .fc-detail{float:right; line-height:18px;*float:none;}
.layout1 .ct-right .day .fc-detail .forecast-txt{white-space:nowrap;width:60px;overflow: hidden;}
.layout1 .ct-right .day2{margin-left: 20px;}

/*ѡ�����*/
.select-city select{min-width:50px;}
.select-city {margin:30px 0px 0px 30px;}

.layout2{font-size:12px;height:24px;line-height: 24px;max-width: 260px;overflow: hidden;}
.layout2 a{margin-left:2px;}

.layout3{
    font-size: 12px;
    line-height: 24px;
    margin-left: 2px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
}
.layout3 a{color:#444;}
.layout3 .wea-icon i{
    font-family: "weathericons";
    text-align: center;
    font-size: 12px;
    color:#666;
}

.layout4{height:85px;overflow:hidden;
	width: 210px;
    position: relative;
}
.layout4 .img{width:60px;    
	margin-top: 16px;
    margin-left: 5px;
}
.layout4 .wea-icon i{
    font-family: "weathericons";
    text-align: center;
    font-size: 38px;
    color:#75b7ef;
}
.layout4 .txt{
	font-family:"microsoft yahei";
	position: absolute;
	left:70px;
	    top: 0;
	    padding-top: 17px;
	    font-size: 13px;
	    color: #666;
}
.layout4 .txt p{
	margin:5px;
}
.layout4 a{
	position: absolute;
	    top: 0;
	    left: 0;
	    display: block;
	    width: 100%;
	    height: 100%;
	    z-index: 10;
}