@charset "utf-8";

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

body {
    background: #F1F5F8;
}

html {
    height: 100%;
    width: 100%;
    color: #333;
    /* background: #fff; */
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html * {
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 32rem;
    min-height: 100%;
}

a, a:active, a:hover, a:focus, a:visited {
    text-decoration: none
}

a, img {
    -webkit-touch-callout: none
}

fieldset, img {
    border: 0
}

ol, ul, li {
    list-style: none
}

b {
    font-weight: normal
}

textarea, input[type="password"], input[type="text"] {
    resize: none;
    outline: 0;
    -webkit-appearance: none;
    white-space: pre-wrap;
    word-wrap: break-word;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

/** 定义 10px ~ 40px */
.fs-bold {
    font-weight: bold
}

/*字体加粗*/
/** 常用颜色 */
.main-color {
    color: #0072cf;
}

.ellipsis-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.ellipsis-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.ellipsis-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

div {
    outline: 0 !important;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
    color: #333;
}

/* flex 布局相关 */
.u-flex {
    display: flex;
}

/* 换行 */
.u-flex-wrap {
    flex-wrap: wrap;
}

/* 反向换行 */
.u-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}

/* 主轴起点对齐 */
.u-flex-start {
    justify-content: flex-start
}

/* 主轴中间对齐 */
.u-flex-center {
    justify-content: center
}

/* 主轴终点对齐 */
.u-flex-end {
    justify-content: flex-end
}

/* 主轴等比间距 */
.u-flex-between {
    justify-content: space-between
}

/* 主轴均分间距 */
.u-flex-around {
    justify-content: space-around
}

/* 交叉轴起点对齐 */
.u-flex-items-start {
    align-items: flex-start
}

/* 交叉轴中间对齐 */
.u-flex-items-center {
    align-items: center
}

/* 交叉轴终点对齐 */
.u-flex-items-end {
    align-items: flex-end
}

/* 交叉轴第一行文字基线对齐 */
.u-flex-items-baseline {
    align-items: baseline
}

/* 交叉轴方向拉伸对齐 */
.u-flex-items-stretch {
    align-items: stretch
}


/* 以下属于项目(子元素)的类 */

/* 子元素交叉轴起点对齐 */
.u-flex-self-start {
    align-self: flex-start
}

/* 子元素交叉轴居中对齐 */
.u-flex-self-center {
    align-self: center
}

/* 子元素交叉轴终点对齐 */
.u-flex-self-end {
    align-self: flex-end
}

/* 子元素交叉轴第一行文字基线对齐 */
.u-flex-self-baseline {
    align-self: baseline
}

/* 子元素交叉轴方向拉伸对齐 */
.u-flex-self-stretch {
    align-self: stretch
}

/* 多轴交叉时的对齐方式 */

/* 起点对齐 */
.u-flex-content-start {
    align-content: flex-start
}

/* 居中对齐 */
.u-flex-content-center {
    align-content: center
}

/* 终点对齐 */
.u-flex-content-end {
    align-content: flex-end
}

/* 两端对齐 */
.u-flex-content-between {
    align-content: space-between
}

/* 均分间距 */
.u-flex-content-around {
    align-content: space-around
}

/* 全部居中对齐 */
.u-flex-middle {
    justify-content: center;
    align-items: center;
    align-self: center;
    align-content: center
}

/* 是否可以放大 */
.u-flex-grow {
    flex-grow: 1
}

/* 是否可以缩小 */
.u-flex-shrink {
    flex-shrink: 1
}

.cus-content {
    padding: 0 24rem;
}

.cus-content .cus-menu {
    width: 100%;
    margin-bottom: 44rem;
}

.cus-content .cus-menu .content-box {
    background-color: #fff;
    box-sizing: border-box;
}

.cus-content .cus-menu .content-box .content-item {
    display: flex;
    flex-direction: column;
    padding: 32rem;
    box-sizing: border-box;
    border-bottom: 1rem solid #EEEEEE;
}

.cus-content .cus-menu .content-box .content-item .content-text {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 40rem;
    color: #333333;
}

.cus-content .cus-menu .content-box .content-item .content-time {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 32rem;
    color: #707D89;
    margin-top: 16rem;
}

.cus-content .cus-panel-2 {
    background: #FFFFFF;
    border-radius: 8rem;
    margin-bottom: 24rem;
}

.cus-content .cus-panel-2 .cus-caring-content .cus-content-item-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 32rem 0;
    margin: 0 32rem;
    border-bottom: 2rem solid #EEEEEE;
}

.cus-content .cus-panel-2 .cus-caring-content .cus-content-item-2 p {
    width: 90%;
    font-size: 40rem;
    color: #333333;
}

.cus-content .cus-panel-2 .cus-caring-content .cus-content-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 32rem 0;
    border-bottom: 2rem solid #EEEEEE;
    margin: 0 32rem;
}

.cus-content .cus-panel-2 .cus-caring-content .cus-content-item p {
    width: 90%;
    font-size: 40rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cus-content .cus-panel-2 .cus-caring-title {
    width: 100%;
    height: 128rem;
    border-radius: 8rem 8rem 0rem 0rem;
    display: flex;
    align-items: center;
    padding-left: 32rem;
}


.cus-panel {
    background: #FFFFFF;
    padding: 40rem 24rem;
    margin-bottom: 24rem;
}

.cus-panel .cus-panel-title {
    font-size: 44rem;
    font-weight: bold;
    margin-bottom: 40rem;
}

.cus-panel .cus-panel-sub-title div {
    font-size: 36rem;
    color: #333333;
    font-weight: bold;
}

.cus-panel .cus-panel-sub-title .line {
    width: 1px;
    height: 38rem;
    background: #D3D3D3;
    margin: 0 32rem;
}

.cus-panel .cus-panel-sub-title .checked {
    color: #005293;
}

.cus-panel .cus-panel-more-btn {
    width: 100%;
    height: 88rem;
    border: 1px solid rgba(0, 90, 168, 0.35);
    font-size: 30rem;
    margin-top: 24rem;
}

.cus-panel .cus-panel-more-btn div {
    color: #005AA8;
}

.cus-panel .cus-panel-more-btn i {
    width: 24rem;
    height: 24rem;
    background-size: 100% 100%;
    background-image: url('/globalstatic/szmz/mobile/images/arrow_right.png');
    margin-left: 8rem;
}

.cus-button {
    width: 100%;
    box-sizing: border-box;
    padding: 32rem;
}

.cus-button .button-orange {
    width: 638rem;
    height: 104rem;
    background: #F48022;
    border-radius: 8rem;
    font-size: 36rem;
    color: #FFFFFF;
    border-color: #F48022;
}

.cus-button .button-blue {
    width: 638rem;
    height: 104rem;
    background: #087CD6;
    border-radius: 8rem;
    font-size: 36rem;
    color: #FFFFFF;
    border-color: #087CD6;
}

.mui-btn-blue, .mui-btn-primary, input[type=submit] {
    border-color: #096DD9;
    background-color: #096DD9;
}

/* 分页样式 */
.pagenation-container {
    padding-top: 40rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
}

.pagenation-container .first {
    color: #005293;
    padding-left: 0;
}

.pagenation-container .last {
    color: #005293;
    padding-right: 0;
}

.pagenation-container .prev {
    color: #005293;
}

.pagenation-container .next {
    color: #005293;
}

.pagenation-container .current {
    background: #005293;
    color: #FFFFFF;
    /* border-color: #087CD6; */
    padding: 5rem 16rem;
    border-radius: 6rem;
    margin: 0 4rem;
    /* border: 1px solid #DCDCDC; */
}

.pagenation-container .layui-laypage-spr {
    border-color: transparent;
    color: rgba(0, 0, 0, 0.9);
    font-size: 13px;
    padding: 2px 11px;
}

.pagenation-container #page-sum {
    font-size: 26rem;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 8rem;
}

.pagenation-container a {
    /* border-radius: 6rem; */
    /* border: 1px solid #DCDCDC; */
    color: #000000;
    /* background: #FFFFFF; */
    padding: 8rem 14rem;
    font-size: 28rem;
}

.pagenation-container .layui-laypage {
    margin: 0;
}

.pagenation-container .layui-laypage a {
    margin-bottom: 0;
    font-size: 28rem;
    padding: 6rem 20rem;
    border: 0;
}

.pagenation-container .layui-laypage-curr {
    font-size: 28rem;
    background: #005293;
    color: #FFFFFF;
    border-radius: 6rem;
    padding: 0rem 16rem;
    margin: 0 4rem;
    height: 56rem;
    line-height: 56rem;
}

.pagenation-container .layui-laypage-next {
    padding-right: 0 !important;
}

.pagenation-container.style-1 {
    flex-flow: column;
    align-items: end;
    padding-top: 26rem;

}

#xwzx-box {
    padding-bottom: 0;
}

#xwzx-box .xwzx-item {
    padding: 32rem 0;
    border-bottom: 1px solid #EEEEEE;
}

#xwzx-box .xwzx-item:last-child {
    border-bottom: none;
}

#xwzx-box .xwzx-item .title {
    width: 90%;
}

#xwzx-box .xwzx-item img {
    width: 148rem;
    height: 140rem;
    object-fit: cover;
    border-radius: 8rem;
}

#xwzx-box .xwzx-item .long-item {
    width: 100%;
}

#xwzx-box .xwzx-item .long-item .title {
    width: 100%;
}

#xwzx-box .xwzx-item .date {
    font-size: 26rem;
    color: #707D89;
    margin-top: 16rem;
}

.set-top {
    width: 60rem;
    height: 32rem;
    background: #E1251B;
    border-radius: 4rem;
    margin-right: 12rem;
    font-size: 22rem;
    color: #FFFFFF;
    line-height: 32rem;
    text-align: center;
}

#caring-type .set-top {
    margin-bottom: 8rem;
}

.cus-card-actived:active {
    opacity: 0.9;
    transform: scale(0.98);
}

.cus-three-cols {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cus-three-cols::after {
    content: '';
    width: 224rem;
}

.cus-two-cols {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cus-two-cols::after {
    content: '';
    width: 344rem;
}

.change-titles-box {
    background: #FFFFFF;
    position: absolute;
    z-index: 99;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    width: 440rem;
    padding: 32rem;
    right: 0;
    top: 50rem;
    display: none;
}

.change-titles-box-title div {
    font-weight: bold;
    font-size: 32rem;
    color: #242424;
}

.change-titles-box-title .change-titles-box-close {
    width: 32rem;
    height: 32rem;
}

.change-titles-box-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.change-titles-box-items::after {
    content: '';
    width: 176rem;
}

.change-titles-box-item {
    min-width: 176rem;
    height: 68rem;
    border: 1px solid #DDDDDD;
    font-size: 28rem;
    color: #333333;
    line-height: 68rem;
    text-align: center;
    margin-top: 24rem;
    display: block;
    padding: 0 34rem;
}

.change-titles-box-item.actived {
    color: #005293;
    border-color: #005293;
}

.cus-news-list-items .cus-news-list-item {
    padding: 24rem 0;
    border-bottom: 1px solid #EEEEEE;
}

.cus-news-list-item-line {
    flex-shrink: 0;
    align-items: flex-start;
}

.cus-news-list-items .cus-news-list-item-date {
    font-size: 24rem;
    color: #999999;
    text-align: right;
}

.cus-news-list-items .cus-news-list-item-info {
    font-size: 24rem;
    color: #999999;
}

.cus-news-list-item-line-left {
    margin-top: 8rem;
    height: 32rem;
}

.cus-news-list-items .cus-news-list-item-dot {
    width: 12rem;
    height: 12rem;
    background: #D9D9D9;
    border-radius: 12rem;
    margin-right: 16rem;
}

.cus-news-list-items .cus-news-list-item-title {
    font-size: 32rem;
    color: #333333;
    margin-bottom: 16rem;
    line-height: 48rem;
    flex: 1;
}

.cus-router-box {
    padding: 26rem 24rem;
    font-size: 26rem;
    color: #999999;
}

.cus-router-box a {
    color: #999999;
    font-size: 28rem;
}