@charset "utf-8";

.main {
  width: 100%;
}
.main .main-box{
width: 1180px;
  margin: 0 auto;
}


.main .main-box .f2-right{
width: 95%;margin-left: 8px;float:left;margin-top:20px;background:#fff;border-radius: 5px;
}


.main .main-box .f2-right .f2-right-title{
width: 100%;height:40px;line-height:40px;
float:left;border-bottom:#fafafa 1px solid;
}
.main .main-box .f2-right .f2-right-title h3{
margin-left:10px;font-weight: 700;font-size:1.2em;
}
.main .main-box .f2-right .f2-right-con{
width: 100%;height:auto;
float:left;
}

.main .main-box .f2-right .f2-right-con .city-dh{
width: 92%;height:auto;margin:20px 10px 0px 10px;
float:left;
}

.main .main-box .f2-right .f2-right-con .city-dh span{
width: 95%;height:30px;line-height:30px;margin:0px 0px 0px 0px;
float:left;font-weight: 700;font-size: 1.2em;background: #fafafa;
}

.main .main-box .f2-right .f2-right-con .city-dh span a{
font-size:1.2em;font-weight:700;margin-left:10px;
}

.main .main-box .f2-right .f2-right-con .city-dh ul{
width: 100%;height:auto;margin:10px 0px 0px 0px;
float:left;
}

.main .main-box .f2-right .f2-right-con .city-dh ul li{
width:100%;line-height:39px;float:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align:left;border-bottom: #f0f0f0 1px solid;font-size: 1.3em;
}
.main .main-box .f2-right .f2-right-con .city-dh ul li a{
font-size:1.3em;
}
.ypy {
    position: fixed;  top: 0; right: 0; width: 8%;  height:auto; background-color: #fff;   text-align: center;   padding: 10px 0;  margin-top:80px;margin-right:2px;  z-index: 1000; 
}
.ypy a{
    width: 100%;  height:23px; line-height:23px;  text-align: center; float:left; 
}

@media screen and (max-width:767px){
.main .main-box{
width:100%;
}
.main .main-box .f1-left{
width: 95%; margin:20px 0px 16px 8px;
}



.main .main-box .f1-right{
width: 95%; margin-left: 8px;
}


}

@media screen and (max-width:375px){
}

@media screen and (max-width:360px){
}

@media screen and (max-width:320px){
}