
#citys {

    float: left;
    width: 5rem;
    list-style-type: none;
    color: #666;
    border-top: 0px solid #6899CA;
    border-bottom: 0rem solid #6899CA;
    z-index: 999;
    font-size: 1.2rem;
}
}
#citys a {
    display: block;  text-align:right;padding-left:1rem;    padding-left: 0rem!important;
}
#citys a:link  {
     text-decoration:none;
}
#citys a:visited  {
    text-decoration:none;
}
#citys a:   {
    text-decoration:none;font-weight:bold;
}
#citys li {
    float: left; 
 text-align: center;
height:4rem;


}
#citys li a:hover{

}
#citys li ul {
    margin: 0rem!important;
    padding: 0rem!important;
    list-style-type: none;
    text-align: left;
    left: -150em;
    position: absolute;
    width: 37.5rem;
    background: #eeeeee;
    top: 4rem;
    z-index: 22;
}
#citys li ul li{
    float: left;
    width: 10%;
    height: 3rem;
    line-height: 3rem;
    margin: 0 auto;
    border-top: 1px solid #333333;
    text-align: center;
}
#citys li ul a{
    display: block;text-align: center;
}
#citys li ul a:link  {
    color:#333333; text-decoration:none;
}
#citys li ul a:visited  {
    color:#333333;text-decoration:none;
}
#citys li ul a:hover  {
    color:#333333;text-decoration:none;font-weight:normal;

}
#citys li:hover ul {
    left: auto;
}
#citys li.sfhover ul {
    left: auto;
}
#citys li .updown {

}
#citys li:hover .updown {
    transform: rotate(180deg);
    transform-origin: 50% 43.5%;
    /*animation: roll 1s;*/
}


.menu {
float: left;
    left: 0;
    top: 0;
    display: block;
    width: 4rem;
 
    padding: 1.7rem 0 0 1rem;



}


.menu span {
   width: 2rem;
    display: block;
    height: 0.3rem;
 margin: 0.2rem;
    background: #2095f2;
    -webkit-transition: all;
    -moz-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}