#cma-weather{margin:0 auto;position: relative;}
#changeCityDiv{position: absolute; left: 15px; right: 15px; top: 15px; z-index: 9999999999; display:none;}
#changeCityDiv.select select{height:32px; line-height:32px;float:left; margin-right:3px; width:100px;}
#changeCityDiv.select button{height:32px; line-height:32px;float:left;}

#mask{position: absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.4);z-index: 999999999; display:none;}


.custom-city-weather{display:block; color: #252525; text-decoration: none; color:#333; font-size:14px;}
.custom-city-weather span{display:inline-block; height:24px; line-height:24px; float:left; padding: 0 5px;}
.custom-city-weather span > img{width:28px; height:20px;float:left; margin-top:2px;}

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


.my_city{background:url('/assets/cma/img/index_mycity_bg.png') no-repeat center;width:100%;height:100%;color:#fff; background-size: cover; margin: 0;}
.city_name{height:40px;line-height:40px;color:#fff;text-align:center;font-size:18px; overflow: hidden;}
.city_name > .col-lg-4{font-size:24px;}
.city_name > .col-lg-8{text-align:left;}
.city_name > div, .temperatrue,.city_detail > div{color:#fff;}
.city_name > div > i{margin-right:5px;font-size:18px;}
.city_name .lastupdate > i{font-size:12px;}
.city_detail > div > div.row{height:24px;color:#fff;line-height:24px;}
.city_detail > div > div.row > i{display:inline-block;font-size:24px;}
.temperatrue{height:100px; font-size:76px; line-height:100px; margin-bottom: 15px; text-align:center; position: relative;}
.temperatrue sup{font-size: 24px; top: -40px; left:10px; font-weight: normal;}
.temperatrue .alarm{position: absolute; left: 15px; top: 20px; font-size: 14px; line-height: normal;}
.temperatrue .alarm a{display: block; }


#current-station{font-size: 16px; display: block; overflow: hidden;}
#day7Div{overflow: hidden; padding: 0;}
#day7Div .day-item{float: left; text-align: center; border-left: 1px solid rgba(255,255,255,0.1);}
#day7Div .day-item div{color: #fff; height: 30px; line-height: 30px;}
#day7Div .day-item div.day-icon{height: 45px; line-height: 45px;}
#day7Div .day-item div.day-date{height: 64px; line-height: 24px; padding: 8px 0;}
#day7Div .day-item.today,#day7Div .day-item:hover{background:url('/assets/cma/img/my_city_today.png') no-repeat center; background-size: cover;}
#day7Div .day-item img{width: 38px; height: 38px;}


.city_detail{text-align:center;padding:0 15px;padding-bottom: 5px;}
.seven_day > div{height:280px;text-align:center;padding:10px 0;color:#fff;}
.seven_day > div.today, .seven_day > div:hover{background:url('/assets/cma/img/my_city_today.png') no-repeat center; background-size: cover;}
.seven_day > div > div {color:#fff; height:36px;line-height:36px;}
.seven_day > div > div.day-date{height: 50px; line-height: 25px; margin-bottom: 10px;}
.seven_day > div > div.day-icon{height: 45px; line-height: 45px;}
.seven_day > div > div.day-icon img{height: 100%; padding: 5px;}





.cma-weather5{font-size:12px;}
.cma-weather5 .city_detail > div > div.row > i{font-size:18px;}
.cma-weather5 #day7Div .day-item img{width:32px; height:32px;}
.cma-weather5 #day7Div .day-item div.day-icon{height:32px; line-height:32px;}
.cma-weather5 #day7Div .day-item div.day-date{height:56px;}
.cma-weather5 .temperatrue{font-size: 56px; height:80px; line-height:80px;margin-bottom: 10px;}
.cma-weather5 .temperatrue sup{top:-20px;}