.whitebg {
    background: #fff;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 1px;
    overflow: hidden;
}
.htitle1 {
    font-size: 16px;
    line-height: 20px;
    border-bottom: 1px solid #eee;
    color: #484848;
    font-weight: normal;
    position: relative;
    margin-bottom: 10px;
}
.con_nav {
    float: right;
    font-size: 14px;
    color: #666;
}
.cloud ul a {
 line-height: 24px;
height: 24px;
display: block;
background: #999;
float: left;
padding: 0px 5px;
margin: 10px 5px 0 0;
border-radius: 3px;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color: #FFF;
text-align: center;
font-size: 15px;
  }

.cloud ul a:nth-child(8n-7){background:#8A9B0F}
.cloud ul a:nth-child(8n-6){background:#EB6841}
.cloud ul a:nth-child(8n-5){background:#3FB8AF}
.cloud ul a:nth-child(8n-4){background:#FE4365}
.cloud ul a:nth-child(8n-3){background:#FC9D9A}
.cloud ul a:nth-child(8n-2){background:#EDC951}
.cloud ul a:nth-child(8n-1){background:#C8C8A9}
.cloud ul a:nth-child(8n){background:#83AF9B}
.cloud ul a:first-child{background:#036564}
.cloud ul a:last-child{background:#3299BB}
.cloud ul a:hover{border-radius:0;text-shadow:#000 1px 1px 1px}

}