#container{

}
#container .banner{
    height:405px;
    background: url("../img/waterDealBanner.png")no-repeat bottom center;
    background-size: cover;
    width:100%;
    min-width: 1280px;
}
#container .page-nav{
    width:100%;
    padding:70px 0;
    background:rgba(244,244,244,1);
}
#container .page-nav ul{
    width:1280px;
    margin:0 auto;
    background:rgba(244,244,244,1);
    text-align: center;
}
#container .page-nav ul li{
    display: inline-block;
    background:rgba(255,255,255,1);
    border-radius:17px;
    height:34px;
    line-height: 34px;
    font-size:14px;
    font-family:PingFang-SC-Regular;
    color:rgba(25,25,25,1);
    width:113px;
    margin:0 15px;
}
#container .page-nav ul li.active{
    background:rgba(0,2,154,1);
    color:#fff;
}
#container .content{
    width:1280px;
    margin:0 auto;
    padding:100px 0;
}
#container .content .deal-wrap{
    display: flex;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin:0 50px;
    padding: 30px 0;
}
#container .content .deal-wrap:last-child{
    border-bottom: none;
}
#container .content .deal-wrap .deal-item{
    flex: 1;
    display: flex;
    padding-right:100px;
}
#container .content .deal-wrap .deal-item:last-child{
    padding-right:0;
}
#container .content .deal-wrap .deal-item .deal-item-left{
    flex:1;
    padding-right:50px;
}
#container .content .deal-wrap .deal-item .deal-item-right{
    flex:1;
}
#container .content .deal-wrap .deal-item .deal-item-left h2{
    font-size:18px;
    font-family:PingFang-SC-Bold;
    color:rgba(0,0,0,1);
    margin-bottom: 20px;
}
#container .content .deal-wrap .deal-item .deal-item-left .text{
    font-size:14px;
    font-family:PingFang-SC-Regular;
    color:#666;
    line-height:24px;
}
#container .content .deal-wrap .deal-item .deal-item-right img{
    display: block;
}