.szxx-til {
    height: 143px;
    margin-top: 40px;
    background: url(../images/wsxf/xx_b.png) center no-repeat;
}
.line {
    height: 10px;
    margin: 15px auto;
    background: url(../images/wsxf/line.png) center no-repeat;
}
.szxx-body {
    height: 297px;
    padding: 0 59px;
    background: linear-gradient(0deg, #E3F2FF 0%, #FFFFFF 100%);
    border: 1px solid #95C9FC;
}
.szxx-body li {
    float: left;
    width: 32%;
    margin-left: 1%;
    margin-top: 50px;
}
.szxx-body li span {
    display: inline-block;
    width: 70px;
    height: 70px;
    text-align: center;
    border-radius: 50%;
    margin-right: 20px;
    vertical-align: middle;
    margin-top: -5px;
    background: linear-gradient(225deg, rgba(54, 134, 255, .5) 32.81%, rgba(125, 194, 255, .5) 79.68%);
}
.szxx-body li span i {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 18px auto;
}
.szxx-body li.xx span i {
    background: url(../images/wsxf/icon_edit.png) center no-repeat;
}
.szxx-body li.sy span i {
    background: url(../images/wsxf/icon_sm.png) center no-repeat;
}
.szxx-body li.cx span i {
    background: url(../images/wsxf/icon_search.png) center no-repeat;
}
.szxx-body li.bl span i {
    background: url(../images/wsxf/icon_bl.png) center no-repeat;
}
.szxx-body li.gz span i {
    background: url(../images/wsxf/icon_rule.png) center no-repeat;
}
.szxx-body li.qx span i {
    background: url(../images/wsxf/icon_xx.png) center no-repeat;
}
.szxx-body li.gz span {
    margin-top: -30px;
}
.szxx-body li p {
    display: inline-block;
    max-width: 200px;
    line-height: 26px;
    font-size: 20px;
}
.xfhf{
    margin-top:30px;
}
/*信件选登*/
.email-list {
    margin-top: 40px;
}
.notice {
    height: 54px;
    line-height: 54px;
    font-size: 20px;
    color: #CC3833;
    padding: 0 24px;
    margin: 20px 0;
    background: linear-gradient(133.76deg, rgba(250, 252, 255, 1) 0%, rgba(242, 247, 255, 1) 100%);
    padding-left: 70px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.notice i {
    display: inline-block;
    width: 26px;
    height: 25px;
    margin-right: 25px;
    vertical-align: middle;
    background: url(../images/wsxf/icon_notice.png) center no-repeat;
    position: absolute;
    left: 24px;
    top:14px;
}
.notice div{
    display:inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.notice div p{
    display:inline-block;
}
.infolist li {
    height: 65px;
    line-height: 65px;
    border-bottom: 1px dashed #D1D1D1;
}
.email-list .infolist.col2 li {
    width: 49%;
    margin-right: 25px;
}
.email-list .infolist.col2 li:nth-child(2n) {
    margin-right: 0;
}
/* 县市区信箱 */
.xsqxx{
    margin-top: 40px;
    box-shadow: 3px 5px 15px  rgba(84, 151, 227, 0.18);
}
.xsqxx .tit{
    padding-left: 55px;
    width: 20.8%;
    line-height: 80px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    background: url(../images/wsxf/xsqbg.png) no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
}
.xsqxx .xsq{
    width: 79.2%;
    height: 80px;
    border: 1px solid #D1E8FF;
    font-size: 0;
    box-sizing: border-box;
}
.xsqxx .xsq span{
    display: inline-block;
    font-size: 20px;
    width: 16.6%;
    line-height: 80px;
    text-align: center;
    background: url(../images/wsxf/arrow.png) no-repeat 40px center;
}
@media (max-width: 1500px){
    .xsqxx .tit{padding-left:10px;}
    .xsqxx .xsq span{background-position:20px center;}
}
@media (max-width: 991px) {
    .szxx-til {width: 100%;background-size: 100% 100%;}
    .szxx-body {height: auto;padding: 2% 3%;}
    .szxx-body li {width: 100%;}
    .notice {height: auto;line-height: 35px;}
    .email-list .infolist.col2 li {width: 100%;}
}
@media (max-width: 450px){
    .szxx-til{height: 35px;}
    .szxx-body li{margin-top: 15px;}
    .szxx-body li span{width: 40px;height: 40px;margin-right: 10px;}
    .szxx-body li p{font-size: 12px;max-width: 240px;vertical-align: middle;}
    .szxx-body li span i{margin:10px 0;background-size:70% !important;width: 25px;height: 25px;}
    .notice{font-size:14px;white-space:wrap;padding: 0 10px;padding-left: 70px;line-height: 30px;}
    .xsqxx .tit{width:100%;font-size:20px;}
    .xsqxx .xsq{width:100%;height:auto;}
    .xsqxx .xsq span{width:50%;font-size:16px;}
    .szxx-body li.gz span{margin-top:0;}
    .notice div{margin-top: 10px;}
}