/* 宽度 */
.w-1200 {
    width: 1200px;
    margin: 0 auto;
}

.main-box {
    padding: 40px 0;
    background: linear-gradient(180.00deg, rgba(58, 131, 233, .1) 0%, rgba(255, 255, 255, 1) 40%);
}

.mhww-yjzj {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* 民呼我为list */
.mhww-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 80px 402px 0px 30px;
    background: url(mhww-bg.png) no-repeat left top;
    background-size: 100%;
    margin: 0 0 40px 0;
}

.mhww-list>li {
    width: 236px;
    height: 154px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 3px 20px #389fc529;
    margin-bottom: 30px;
    transition: transform 0.3s ease;
}

.mhww-list>li:hover {
    transform: translateY(-10px);
}

.mhww-list>li>a {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    padding-bottom: 20px;
}

.mhww-list>li:nth-child(1)>a {
    background: url(wyzx-1.png) no-repeat center 20px;
    background-size: 70px auto;
}

.mhww-list>li:nth-child(1)>a:hover {
    background: url(wyzx-1-h.png) no-repeat center 20px;
    background-size: 70px auto;
    background-color: rgba(114, 182, 255, .9);
    border-radius: 8px;
    color: #fff;
}

.mhww-list>li:nth-child(2)>a {
    background: url(wyfy-1.png) no-repeat center 20px;
    background-size: 70px auto;
}

.mhww-list>li:nth-child(2)>a:hover {
    background: url(wyfy-1-h.png) no-repeat center 20px;
    background-size: 70px auto;
    background-color: rgba(114, 182, 255, .9);
    border-radius: 8px;
    color: #fff;
}

.mhww-list>li:nth-child(3)>a {
    background: url(wyjy-1.png) no-repeat center 20px;
    background-size: 70px auto;
}

.mhww-list>li:nth-child(3)>a:hover {
    background: url(wyjy-1-h.png) no-repeat center 20px;
    background-size: 70px auto;
    background-color: rgba(114, 182, 255, .9);
    border-radius: 8px;
    color: #fff;
}

.mhww-list>li:nth-child(4)>a {
    background: url(wyxf.png) no-repeat center 20px;
    background-size: 70px auto;
}

.mhww-list>li:nth-child(4)>a:hover {
    background: url(wyxf-1-h.png) no-repeat center 20px;
    background-size: 70px auto;
    background-color: rgba(114, 182, 255, .9);
    border-radius: 8px;
    color: #fff;
}

.mhww-list>li:nth-child(5)>a {
    background: url(ldxx-1.png) no-repeat center 20px;
    background-size: 70px auto;
}

.mhww-list>li:nth-child(5)>a:hover {
    background: url(ldxx-1-h.png) no-repeat center 20px;
    background-size: 70px auto;
    background-color: rgba(114, 182, 255, .9);
    border-radius: 8px;
    color: #fff;
}

.mhww-list>li:nth-child(6)>a {
    background: url(cxpj-1.png) no-repeat center 20px;
    background-size: 70px auto;
}

.mhww-list>li:nth-child(6)>a:hover {
    background: url(cxpj-1-h.png) no-repeat center 20px;
    background-size: 70px auto;
    background-color: rgba(114, 182, 255, .9);
    border-radius: 8px;
    color: #fff;
}


/* 意见征集-tab切换 */
.yjzj-tab {
    position: relative;
    width: 585px;
}

.yjzj-tab>.title_box>.more {
    position: absolute;
    top: 12px;
    right: 0;
}

.yjzj-tab>.title_box>.more>a {
    font-size: 16px;
    font-weight: 700;
    color: #0068B7;
}

.yjzj-tab>.title_box>.title {
    display: flex;
    border-bottom: 1px solid #C7C7C7;
}

.yjzj-tab>.title_box>.title>li {
    font-size: 24px;
    font-weight: 700;
    color: #333333;
    padding-bottom: 18px;
    margin-right: 30px;
}

.yjzj-tab>.title_box>.title>li.ons {
    color: #0068B7;
    border-bottom: 3px solid #0068B7;
}

.yjzj-tab>.title_box>.title>li.ons>a {
    font-size: 22px;
    line-height: 2;
    font-weight: 700;
    color: #000;
}

.yjzj-tab>.list_box {
    padding-top: 20px;
}

.yjzj-tab>.list_box li {
    padding-left: 20px;
    background: url(hei-dian.png) no-repeat left center;
    background-size: 3px 3px;
    transition: 0.3s;
    box-shadow: 0px 0px 0px transparent;
}

.yjzj-tab>.list_box li a {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    line-height: 36px;
}

.yjzj-tab>.list_box li a span.tab-title {
    display: inline-block;
    width: 70%;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    line-height: 36px;
}

.yjzj-tab>.list_box li a span.time {
    font-size: 16px;
    font-weight: 700;
    color: #999;
    line-height: 36px;
}

.yjzj-tab>.list_box li:hover {
    padding: 0 20px 0 40px;
    box-shadow: 0px 0px 10px #ccc;
    background-position-x: 20px;
}

.yjzj-tab>.list_box li:hover a {
    color: #0068B7;
}

/* 回应关切 */
.hygq-tab {
    position: relative;
    width: 585px;
}

.hygq-tab>.title_box>.more {
    position: absolute;
    top: 12px;
    right: 0;
}

.hygq-tab>.title_box>.more>a {
    font-size: 16px;
    font-weight: 700;
    color: #0068B7;
}

.hygq-tab>.title_box>.title {
    display: flex;
    border-bottom: 1px solid #C7C7C7;
}

.hygq-tab>.title_box>.title>li {
    font-size: 24px;
    font-weight: 700;
    color: #333333;
    padding-bottom: 18px;
    margin-right: 30px;
}

.hygq-tab>.title_box>.title>li.ons {
    color: #0068B7;
    border-bottom: 3px solid #0068B7;
}

.hygq-tab>.title_box>.title>li.ons>a {
    font-size: 22px;
    line-height: 2;
    font-weight: 700;
    color: #000;
}

.hygq-tab>.list_box {
    padding-top: 20px;
}

.hygq-tab>.list_box li {
    padding-left: 20px;
    background: url(hei-dian.png) no-repeat left center;
    background-size: 3px 3px;
    transition: 0.3s;
    box-shadow: 0px 0px 0px transparent;
}

.hygq-tab>.list_box li a {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    line-height: 36px;
}

.hygq-tab>.list_box li a span.tab-title {
    display: inline-block;
    width: 70%;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    line-height: 36px;
}

.hygq-tab>.list_box li a span.time {
    font-size: 16px;
    font-weight: 700;
    color: #999;
    line-height: 36px;
}

.hygq-tab>.list_box li:hover {
    padding: 0 20px 0 40px;
    box-shadow: 0px 0px 10px #ccc;
    background-position-x: 20px;
}

.hygq-tab>.list_box li:hover a {
    color: #0068B7;
}

/* 老年版样式 */

/* tab切换 */
.old_type .yjzj-tab,
.old_type .hygq-tab {
    width: 100%;
    margin-top: 30px;
}

.old_type .yjzj-tab>.title_box>.title>li>a,
.old_type .hygq-tab>.title_box>.title>li>a {
    font-size: 48px;
}

.old_type .yjzj-tab>.title_box>.title>li,
.old_type .hygq-tab>.title_box>.title>li {
    margin-right: 60px;
}

.old_type .yjzj-tab>.title_box>.title>li.ons,
.old_type .hygq-tab>.title_box>.title>li.ons {
    border-bottom: 5px solid #0068B7;
}

.old_type .yjzj-tab>.list_box li a,
.old_type .yjzj-tab>.list_box li a span,
.old_type .yjzj-tab>.title_box>.more>a,
.old_type .hygq-tab>.list_box li a,
.old_type .hygq-tab>.list_box li a span,
.old_type .hygq-tab>.title_box>.more>a {
    font-size: 36px;
    line-height: 2;
}

.old_type .yjzj-tab>.list_box li,
.old_type .hygq-tab>.list_box li {
    padding-left: 30px;
    background-size: 8px 8px;
}

.old_type .yjzj-tab>.list_box li:hover,
.old_type .hygq-tab>.list_box li:hover {
    padding: 0 20px 0 60px;
}

/* 民呼我为 */
.old_type .mhww-list {
    background-size: auto 100%;
}

.old_type .mhww-list>li {
    height: auto;
}

.old_type .mhww-list>li>a {
    font-size: 36px;
    padding: 115px 0 20px;
}


/* 手机端样式 */
.mobile_type .main-box {
    padding: 2vw;
    background: none;
}

.mobile_type .w-1200 {
    width: 100%;
}

/* 民呼我为 */
.mobile_type .mhww-list {
    padding: 2vw;
    background: none;
    margin: 0;
}

.mobile_type .mhww-list>li {
    width: 31%;
    height: auto;
    margin: 0 2vw 2vw 0;
}

.mobile_type .mhww-list>li>a {
    font-size: 4vw;
    background-size: 10vw auto;
    padding: 20vw 0 4vw 0;
}

/* 信息列表 */
.mobile_type .yjzj-tab,
.mobile_type .hygq-tab {
    width: 100%;
    padding: 2vw;
}

.mobile_type .yjzj-tab>.title_box>.title>li,
.mobile_type .hygq-tab>.title_box>.title>li {
    margin: 0 4vw 0 0;
    padding: 0 0 4vw 0;
}

.mobile_type .yjzj-tab>.list_box,
.mobile_type .hygq-tab>.list_box {
    padding-top: 4vw;
}

.mobile_type .yjzj-tab>.list_box li,
.mobile_type .hygq-tab>.list_box li {
    padding-left: 4vw;
    background-size: 1vw 1vw;
}

.mobile_type .yjzj-tab>.title_box>.title>li.ons>a,
.mobile_type .gwy-tab>.title_box>.title>li,
.mobile_type .hygq-tab>.title_box>.title>li.ons>a {
    font-size: 5vw;
}

.mobile_type .zctab>.list_box li,
.mobile_type .zctab>.list_box li>a,
.mobile_type .zctab>.list_box li>a span.tab-title,
.mobile_type .zctab>.list_box li>a span.time,
.mobile_type .yjzj-tab>.list_box li a span.tab-title,
.mobile_type .yjzj-tab>.list_box li a span.time,
.mobile_type .hygq-tab>.list_box li a span.tab-title,
.mobile_type .hygq-tab>.list_box li a span.time,
.mobile_type .hygq-tab>.title_box>.more>a,
.mobile_type .yjzj-tab>.title_box>.more>a {
    font-size: 4vw;
    line-height: 2;
}


/* 调整 */
.mobile_type.UseInMobile .yjzj-tab>.list_box li,
.mobile_type.UseInMobile .hygq-tab>.list_box li {
    background: none;
}

.mobile_type.UseInMobile .yjzj-tab>.list_box li>a,
.mobile_type.UseInMobile .hygq-tab>.list_box li>a {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.mobile_type.UseInMobile .yjzj-tab>.list_box li>a .tab-title,
.mobile_type.UseInMobile .hygq-tab>.list_box li>a .tab-title {
    width: 100%;
    word-wrap: break-word;
    word-break: normal;
    white-space: pre-line;
}


/* 调整4-1 */
.hygq-tab>.list_box li a span.tab-title,
.hygq-tab>.list_box li a span.time,
.yjzj-tab>.list_box li a span.tab-title,
.yjzj-tab>.list_box li a span.time,
.yjzj-tab>.title_box>.title>li.ons>a,
.yjzj-tab>.title_box>.more>a,
.hygq-tab>.title_box>.title>li.ons>a,
.hygq-tab>.title_box>.more>a,
.mhww-list>li>a {
    font-weight: normal;
}

.hygq-tab>.list_box li,
.yjzj-tab>.list_box li {
    padding-left: 16px;
}

.hygq-tab>.list_box,
.yjzj-tab>.list_box {
    padding-top: 12px;
}

.main-box {
    padding-bottom: 32px;
}