@font-face{font-family:iconfont;src:url("https://filealiyun.geeker.com.cn/ued/font/weatherFont/weather_icon.eot");src:url("https://filealiyun.geeker.com.cn/ued/font/weatherFont/weather_icon.eot?#iefix") format("embedded-opentype"),url("https://filealiyun.geeker.com.cn/ued/font/weatherFont/weather_icon.woff") format("woff"),url("https://filealiyun.geeker.com.cn/ued/font/weatherFont/weather_icon.ttf") format("truetype"),url("https://filealiyun.geeker.com.cn/ued/font/weatherFont/weather_icon.svg#iconfont") format("svg")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.weater-wrap,.weaterBg,body,html{position:relative;width:100%;height:938px}.weaterBg{position:absolute;left:0;top:0;bottom:0;right:0}.canvas{position:relative;z-index:1;width:100%;height:100%}.loading{position:absolute;top:50%;margin:-15px 0 0}.weaterBg01{background:url(../resource/01.jpg) top no-repeat;background-size:100% 100%}.weaterBg02{background:url(../resource/02.jpg) top no-repeat;background-size:100% 100%}.weaterBg03{background:url(../resource/03.jpg) top no-repeat;background-size:100% 100%}.weaterBg04{background:url(../resource/04.jpg) top no-repeat;background-size:100% 100%}.weaterBg05{background:url(../resource/05.jpg) top no-repeat;background-size:100% 100%}.weaterBg06{background:url(../resource/06.jpg) top no-repeat;background-size:100% 100%}.weaterBg07{background:url(../resource/07.jpg) top no-repeat;background-size:100% 100%}.weaterBg08{background:url(../resource/08.jpg) top no-repeat;background-size:100% 100%}.weaterBg09{background:url(../resource/09.jpg) top no-repeat;background-size:100% 100%}.weaterBg10{background:url(../resource/10.jpg) top no-repeat;background-size:100% 100%}.weater{position:absolute;left:50%;top:50%;z-index:10;width:1200px;height:610px;margin:-305px 0 0 -600px;color:#fff;overflow:hidden}.weater-hd{padding-bottom:30px;overflow:hidden;font-size:16px}.weater-hd .fr{text-align:right}.weater-hd .rows{overflow:hidden}.weater-hd .name{float:left;padding-right:10px;font-size:26px;display:inline-block}.weater-hd .select{vertical-align:middle;width:110px;height:34px;line-height:34px;border-radius:17px;font-size:14px;text-align:center;cursor:pointer;display:inline-block}.weater-hd .select a{color:#fff}.weater-hd .select .daq-icon{font-size:10px;vertical-align:middle}.weater-hd .today{position:relative;top:-5px;font-size:36px;line-height:1;padding-right:10px}.weater-hd .degree{font-size:50px;font-family:Arial;font-weight:400}.weater-hd .degree span{font-size:25px;vertical-align:super}.weater-hd .mass,.weater-hd .temperature,.weater-hd .wind{padding:0 15px;line-height:1;border-left:1px solid #fff;border-left:1px solid hsla(0,0%,100%,.2)}.weater-hd .mass .daq-icon,.weater-hd .temperature .daq-icon,.weater-hd .wind .daq-icon{padding-right:10px}.weater-hd .mass{border:none;padding-left:0}.weater-hd .info{margin:24px 0 20px;*margin-top:28px;display:inline-block;padding:0 15px;line-height:48px;font-size:20px;border-radius:24px;border:1px solid #fff;border:1px solid hsla(0,0%,100%,.5)}.weater-bd .thead{overflow:hidden}.weater-bd .thead li{float:left;width:199px;height:95px;text-align:center;margin-right:1px;background:#45ac2f}.weater-bd .tbody{overflow:hidden}.weater-bd .tbody li{float:left;padding:10px 20px;height:90px;margin-right:1px;width:559px;background:url(../resource/weatherBg.png) repeat}.weater-bd td{vertical-align:top;padding:10px 20px}.weater-bd .sub{font-size:14px;vertical-align:sub}.weater-bd .name,.weater-bd .value{font-family:Arial;font-weight:400}.weater-bd .name{padding-top:25px;font-size:20px}.weater-bd .value{color:#ff0;font-size:16px}.weater-bd .value .num{font-size:22px}.weater-bd .title{padding-bottom:5px;font-size:16px}.weater-bd .content{font-size:14px;line-height:24px}.weater-ft{width:1205px;margin-top:10px}.weater-ft li{float:left;margin-right:1px;width:171px;height:230px;text-align:center;background:url(../resource/weatherBg.png) repeat}.weater-ft p{padding-bottom:10px;line-height:1}.weater-ft .title{padding-top:30px;font-size:16px}.weater-ft .ic{text-align:center;font-size:44px;color:#fff000}.weater-ft .data,.weater-ft .degree{font-size:15px}.weater-ft .weather-text,.weater-ft .wind-direction{font-size:14px}.rain{background:url(../resource/rain.png) no-repeat}.snow{background:url(../resource/snow.png) no-repeat}.cloud{background:url(../resource/cloud.png) no-repeat}