.content{
    width:100%;
    padding-bottom:30px;
    background-color: #F9F9F9;
}
.content>img{
    width: 100%;
    min-width: 1200px;
 }
.hotst{
    min-width: 1200px;
    margin-top:-15%;
    box-sizing: border-box;
}
.hotst>div:first-child{
    display:flex;
    justify-content: space-between;
}
.flex-item{
    width:49%;
    height:221px;
    position: relative;
}
.flex-item>div{
    width:145px;
    height:40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    border-radius: 20px;
    position: absolute;
    bottom:12%;
    left:4%;
}
.flex-item>img{
    width:100%;
    height:100%
}
.flex-item>div::after{
    content: ' ';
    display: inline-block;
    -webkit-transform: rotate(314deg);
    -ms-transform: rotate(314deg);
    transform: rotate(314deg);
    height: 12px;
    width: 12px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    position: absolute;
    top: 14px;
    right: 28px;
}
.flex-item:first-child>div{
    color:#7ECFD8;
}
.flex-item:nth-child(2)>div{
    color:#D9B66F
}
.flex-item:first-child>div::after{
    border-color:#7ECFD8;
}
.flex-item:nth-child(2)>div::after{
    border-color:#D9B66F
}
.placard-banner{
    margin:30px 0;
}
.placard-banner>a>img{
    width:100%;
}
.container-list{
    padding:20px;
    box-sizing: border-box;
    background: linear-gradient(to bottom, #15AABC, #5EDBEA);
}
.container-list>ul{
    box-sizing: border-box;
    display:flex;
    justify-content: space-between;
    color: #fff;
}
.container-list>ul>li>a{
    padding:4px 15px;
    box-sizing: border-box;
    cursor: pointer;
    line-height:29px;
}
.show,.li-tag:hover{
    color:#24ADBD;
    background-color: #fff;
}
.city-list{
    display: flex;
    justify-content: space-between;
    margin-top:10px;
}
.city-list>div:first-child{
    width:75%;

}
.city-list>div:nth-child(2){
    width:24%;
}
.active-module>img{
    width:100%;
    height:170px;
}
.active-module>div{
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
}
.active-module>div>a{
    font-size: 16px;
    color: #525252;
}
.active-module{
    margin-bottom:10px;
}
.city-name{
    display:block;
    padding:30px;
    box-sizing: border-box;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom:10px;
}
.city-name>a:first-child{
    width:14%;
}
.city-name>a:first-child,.time{

    font-size:14px;
    color:#C6C6C6;
}
.city-name>div>a:first-child{
    color:#333333;
    font-size:18px;
    font-weight: bold;
}
.city-name>div>a:nth-child(2){
    font-size:14px;
    margin-top:30px;
    color:#C1C1C1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.city-name>div>a:hover,.city-name>a:hover,.active-module>div>a:hover{
    color:#AE0001
}

.city-name>div:nth-child(2)>div{
    align-items: center;
}
.active-module>div>div{
    align-items: flex-end;
}
.city-name>div:nth-child(2)>div,.active-module>div>div{
    margin-top:20px;
    display: flex;
    justify-content: space-between;
}
.city-name>div:nth-child(2){
    width:85%;
}
.region{
    font-size:14px;
    padding:4px 14px;
    background-color: #F7F7F7;
    color:#CECECE;
}
.icon>a{
    color:#A1A1A1;
    font-size:2rem;
}
.block{
    display:block
}
.none{
    display:none;
}
.li-tag>a{
    color: #FFFFFF;
}
.show>a,.li-tag>a:hover{
    color:#24ADBD;
}