body,
html {
    background-color: #EFF3F4;
}
body {
    width: 100%;
}
#container {
    position: relative;
    overflow-x: hidden;
    min-height: 100vh;
    box-sizing: border-box;
    background: #EFF3F4 url(../images/page-top-bg.png?01) no-repeat top center;
    background-size: 100% auto;
    font-size: .32rem;
    max-width: unset;
    margin: 0 auto;
    width: 100%;
}
button {
    width: 2rem;
    height: 1rem;
}
.confirm-toast {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 99;
    display: none;
}
.btn-box {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: .42rem;
}
.authorize-content {
    font-size: .28rem;
    width: 100%;
    background: #FFFFFF;
    border-radius: .24rem .24rem 0 0;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: .5rem .48rem calc(1.6rem + env(safe-area-inset-bottom));
    box-sizing: border-box;
}
.authorize-title {
    width: 100%;
    text-align: center;
    font-size: .36rem;
    font-weight: normal;
    color: #121212;
    margin-bottom: .32rem;
}
.authorize-desc {
    width: 100%;
    font-size: .28rem;
    font-weight: normal;
    color: #121212;
    line-height: .44rem;
    margin-bottom: .24rem;
}
.authorize-desc span {
    color: #0D8BF8;
}
.xieyi {
    color: #0D8BF8;
    display: flex;
    color: #121212;
}
.xieyi span {
    color: #0D8BF8;
}
.checkbox {
    width: .24rem;
    height: .24rem;
    background: url(../images/check.png) no-repeat center;
    background-size: 100% 100%;
    margin-right: .12rem;
    flex-shrink: 0;
    margin-top: 3px;
}
.checkbox.checked {
    background: url(../images/checked.png) no-repeat center;
    background-size: 100% 100%;
}
.btn-box div {
    width: 2.84rem;
    height: .88rem;
    border-radius: .08rem;
    border: 1px solid #666666;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .32rem;
    font-weight: normal;
    color: #666666;
}
.btn-box .btn-ok {
    color: #0D8BF8;
    border: 1px solid #0D8BF8;
}

/* 全屏顶部 */
#title {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    display: none;
}
#title-bottom {
    height: 44px;
    line-height: 44px;
    position: relative;
    text-align: center;
    display: flex;
    padding: 0 .24rem;
    justify-content: space-between;
    align-items: center;
}

#title-top {
    height: 38px;
}

.btn-back {
    width: 0.48rem;
    height: .5rem;
    display: flex;
    align-items: center;
}

.btn-back img {
    width: .36rem;
    height: auto;
    display: block;
}
.open-share {
    width: .8rem;
    height: .6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.open-share img {
    width: .78rem;
    height: .56rem;
    display: block;
}
.topic_name {
    display: none;
}
.topic_name img {
    width: 3.62rem;
    height: .52rem;
    display: block;
    margin: 0 auto;
}
/*  */
.top-swiper {
    width: 100%;
    padding: 0 .24rem;
    box-sizing: border-box;
    margin-bottom: .24rem;
}
.top-swiper .swiper-container {
    width: 100%;
    height: 3.92rem;
    border-radius: .2rem;
}
.top-swiper .swiper-slide {
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.top-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: .2rem;
}
.hot-title {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: normal;
    color: #FFFFFF;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    border-radius: 0;
}
.top-swiper .swiper-pagination-bullet{
    width: 1.16rem;
    height: 2px;
    background: rgba(228,228,228,0.4);
    opacity: 1;
    border-radius: unset;
}
.top-swiper .swiper-pagination-bullet-active{
    background: #DBDBDB;
    opacity: 1;
    border-radius: unset;
}
/*  */
.the-wrapper {
    width: 100%;
    padding: 0 .24rem;
    box-sizing: border-box;
    margin-bottom: .24rem;
}
.top-nav-wrapper {
    width: 100%;
}
.top-nav-swiper {
    width: 100%;
    background: #FFFFFF;
    border-radius: .2rem;
    padding: .24rem .48rem .1rem;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: center;
}
.top-nav-swiper .swiper-container-horizontal>.swiper-scrollbar {
    background: #CEDCE7;
    height: 3px;
    width: .5rem;
}
.top-nav-swiper .swiper-container {
    padding-bottom: .24rem;
}
.top-nav-swiper .swiper-scrollbar-drag {
    height: 3px;
    background: #93AABD;
}
.top-nav {
    width: 100%;
    cursor: pointer;
}
.nav-item {
    width: 100%;
    font-size: .24rem;
    font-weight: normal;
    color: #666666;
    margin-bottom: .24rem;
    flex-shrink: 0;
    text-align: center;
}
.nav-item div {
    width: 100%;
}
.nav-item:nth-of-type(4n) {
    margin-right: 0;
}
.nav-item img {
    width: .86rem;
    height: .86rem;
    display: block;
    margin: 0 auto .02rem;
}
.nav-item:hover img {
    transform:scale(1.06);
}
/*  */
.data-module{
    width: 100%;
    height: 5.84rem;
    border-radius: .2rem;
    background: url(../images/data-bg.png) no-repeat center;
    background-size: 100% 110%;
    padding: .32rem .32rem 0;
    box-sizing: border-box;
}
.data-module-title {
    width: 100%;
    font-size: .36rem;
    font-weight: normal;
    color: #121212;
    line-height: .44rem;
    margin-bottom: .26rem;
}
.data-ruzhu {
    width: 4.56rem;
    height: .62rem;
    background: linear-gradient(270deg, rgba(238,238,238,0) 0%, rgba(223,75,47,0.1) 52%, rgba(216,216,216,0) 100%);
    font-size: .4rem;
    color: #121212;
    text-align: center;
    margin: 0 auto;
    line-height: .62rem;
    margin-bottom: .3rem;
}
.rz-num {
    font-weight: 600;
}
.ruzhu-user {
    font-size: .32rem;
    margin-right: .14rem;
}
.data-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.data-item {
    width: 1.86rem;
    height: 1.86rem;
    
    text-align: center;
    box-sizing: border-box;
    flex-shrink: 0;
    margin-right: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.data-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.data-hover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/data-item-bg.png) no-repeat center;
    background-size: 100% 100%;
}
.data-item:nth-of-type(3n) {
    margin-right: 0;
}
.data-item:last-child {
    margin-right: 0;
}
.data-num {
    width: 100%;
    font-size: .32rem;
    font-weight: 600;
    color: #008BFF;
}
.data-name {
    width: 100%;
    font-size: .24rem;
    font-weight: normal;
    color: #343A41;
}
/*  */
.banner-image {
    width: 100%;
    /* height: 1.92rem; */
    height: auto;
    border-radius: 10px;
    display: block;
    cursor: pointer;
}
/*  */
.yunshang-module,.zhengqi-info-module {
    width: 100%;
    /* height: 4.96rem; */
    background: #FFFFFF;
    border-radius: .2rem;
    padding: .32rem .24rem 0;
    box-sizing: border-box;
}
.module-title {
    width: 100%;
    height: .46rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .36rem;
    font-weight: normal;
    color: #121212;
}
.module-more {
    height: 100%;
    font-size: .24rem;
    font-weight: normal;
    color: #666666;
    display: flex;
    align-items: center;
}
.module-more::after {
    content: "";
    display: block;
    width: .2rem;
    height: .2rem;
    background: url(../images/more.png) no-repeat center;
    background-size: 100% 100%;
}
.fawu-nav {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: .4rem;
}
.fawu-item {
    flex-shrink: 0;
    font-size: .22rem;
    font-weight: normal;
    color: #121212;
    margin-bottom: .38rem;
    /* white-space: nowrap; */
    width: 25%;
    text-align: center;
}
.fawu-item img {
    width: 1rem;
    height: 1rem;
    display: block;
    margin: 0 auto .12rem;
}
/*  */
.xhh-item {
    width: 2.1rem;
    height: 3.04rem;
    /* border-radius: .2rem; */
    background-color: #fff;
    padding: .28rem .24rem 0;
    box-sizing: border-box;
    margin-right: .14rem;
    background: url(../images/xhh-bg.png?01) no-repeat center;
    background-size: 100% 100%;
}
.xhh-module .swiper-slide .xhh-item:last-child {
    margin-right: 0;
}
.xhh-cover {
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    position: relative;
    margin: 0 auto .12rem;
}
.xhh-image {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: block;
    object-fit: cover;
}
.xhh-live {
    width: .32rem;
    height: .2rem;
    position: absolute;
    right: 0;
    top: 0;
}
.xhh-v {
    width: .24rem;
    height: .24rem;
    position: absolute;
    bottom: 0;
    right: 0;
}
.xhh-name {
    width: 100%;
    font-size: .28rem;
    font-weight: normal;
    color: #343A41;
    text-align: center;
    height: .74rem;
}
.xhh-name .limit-line2{
    text-align: center!important;
}
.xhh-attention {
    width: 1.2rem;
    height: .48rem;
    display: block;
    /* background: url(../images/guanzhu.png) no-repeat center;
    background-size: cover; */
    margin: .24rem auto 0;
    cursor: pointer;
}
/* .attentioned {
    background: url(../images/guanzhued.png) no-repeat center;
    background-size: cover;
}  */
.xhh-wrapper {
    width: 100%;
    margin-bottom: .24rem;
}
.xhh-module .swiper-container {
    width: 100%;
    height: 3rem;
    padding: 0 .24rem .48rem;
    box-sizing: border-box;
}
.xhh-module .swiper-slide {
    width: 100%;
    display: flex;
}
/*  */
.ssgs-module {
    width: 100%;
    height: 4.82rem;
    background: #FFFFFF;
    border-radius: .2rem;
    padding: .32rem .24rem 0;
    box-sizing: border-box;
}
.ssgs-list {
    margin-top: .2rem;
    display: flex;
}
.ssgs-item {
    width: 2.06rem;
    height: 3.5rem;
    border-radius: .12rem;
    font-size: .28rem;
    font-weight: normal;
    color: #FFFFFF;
    padding: .38rem .2rem 0;
    box-sizing: border-box;
    position: relative;
    margin-right: .18rem;
}
.ssgs-item:last-child {
    margin-right: 0;
}
.ssgs-desc {
    width: 100%;
    font-size: .22rem;
    color: rgba(255,255,255,0.8);
    margin-top: .2rem;
}
.ssgs-ri {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .62rem;
    height: .62rem;
    background: rgba(255,255,255,0.2);
    backdrop-filter: blur(12px);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: .28rem;
}
.ssgs-ri img{
    width: .34rem;
    height: .34rem;
    display: block;
}
/*  */
.fuwu-module {
    width: 100%;
    /* height: 2.96rem; */
    border-radius: .2rem;
    background: #FFFFFF;
    padding: .32rem .24rem .12rem;
    box-sizing: border-box;
}
.fuwu-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .24rem;
}
.fuwu-item {
    width: 3.18rem;
    height: 1.64rem;
    background: #eaf7fb;
    border-radius: .12rem;
    font-size: .28rem;
    font-weight: normal;
    color: #212120;
    padding: .32rem .24rem 0;
    box-sizing: border-box;
    flex-shrink: 0;
    margin-bottom: .2rem;
}
.fuwu-ri {
    width: .34rem;
    height: .34rem;
    display: block;
    margin-top: .18rem;
    display: none;
}
/*  */
.hd-module {
    padding: .32rem .24rem;
    width: 100%;
    background: #FFFFFF;
    border-radius: .2rem;
    box-sizing: border-box;
}
.hd-content {
    width: 100%;
    /* height: 4.56rem; */
    padding: .26rem .2rem .12rem;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .22rem;
    border-radius: .2rem;
}
.bg1 {
    background: url(../images/hd-bg1.png) no-repeat center;
    background-size: 100% 100%;
}
.bg2 {
    background: url(../images/hd-bg2.png) no-repeat center;
    background-size: 100% 100%;
}
.bg3 {
    background: #195CE7 url(../images/hd-bg3.png?01) no-repeat top center;
    background-size: 100% auto;
}
.hd-item {
    width: 2.94rem;
    height: 1.2rem;
    background: url(../images/hd-item-bg.png) no-repeat center;
    background-size: 100% 100%;
    flex-shrink: 0;
    font-size: .26rem;
    font-weight: normal;
    color: #13257E;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: .14rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hd-adress {
    width: 100%;
    font-size: .2rem;
    font-weight: normal;
    color: #354AAF;
    margin-top: .1rem;
}
.hd-more {
    font-size: .24rem;
    height: .4rem;
    font-weight: normal;
    color: rgba(53,74,175,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
}
.hd-item-more {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.hd-more::after {
    content: "";
    width: .24rem;
    height: .24rem;
    background: url(../images/hd-ri.png) no-repeat center;
    background-size: 100% 100%;
    margin-left: .16rem;
}
/*  */
.china-module {
    width: 100%;
    height: 5.04rem;
    background: url(../images/china-bg.png?01) no-repeat center;
    background-size: 100% 100%;
    padding: .32rem .24rem 0;
    box-sizing: border-box;
}
.china-title {
    width: 100%;
    height: .54rem;
    font-size: .36rem;
    font-weight: normal;
    color: #121212;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .36rem;
}
.btn-apply,.learn-more {
    width: 1.56rem;
    height: .52rem;
    /* background: rgba(1,38,143,0.8); */
    border-radius: .26rem;
    font-size: .24rem;
    font-weight: normal;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-apply::after,.learn-more::after {
    content: "";
    width: .2rem;
    height: .2rem;
    background: url(../images/china-ri.png) no-repeat center;
    background-size: 100% 100%;
}
.china-name {
    width: 100%;
    font-weight: normal;
    margin-bottom: .2rem;
    font-size: .32rem;
    font-weight: normal;
    color: #008BFF;
}
.china-card {
    width: 100%;
    height: 100%;
    /* background: rgba(45,55,161,0.9); */
    background: rgba(255,255,255,0.5);
    border-radius: .12rem;
    border: 1px solid rgba(255,255,255,0.5);
    padding: .32rem .34rem 0;
    box-sizing: border-box;
}
.c-item {
    width: 100%;
    height: .36rem;
    display: flex;
    align-items: center;
    margin-bottom: .24rem;
}
.label {
    font-size: .28rem;
    font-weight: normal;
    width: 1.3rem;
    margin-right: .12rem;
    flex-shrink: 0;
    color: #121212;
}
.value {
    font-size: .28rem;
    font-weight: normal;
    color: #666666;
}
.china-module .swiper-container {
    width: 100%;
    height: 3.4rem;
    padding-bottom: .42rem;
}
.china-module .swiper-slide {
    width: 100%;
    height: 3.4rem;
}
.china-module .swiper-pagination-bullet{
    width: .28rem;
    height: 3px;
    background: #CEDCE7;
    border-radius: 3px;
    opacity: 1;
    border-radius: unset;
}
.china-module .swiper-pagination-bullet-active{
    background: #93AABD;
    opacity: 1;
    border-radius: unset;
}
/*  */
.jinrong-module {
    width: 100%;
    height: 5.84rem;
    background: #FFFFFF;
    border-radius: .2rem;
    padding: .32rem .24rem 0;
    box-sizing: border-box;
}
.jr-top {
    width: 100%;
    height: 1.58rem;
    background: url(../images/jr-bg.png) no-repeat center;
    background-size: 100% 100%;
    font-size: .28rem;
    font-weight: normal;
    color: #121212;
    padding: .24rem;
    box-sizing: border-box;
    margin: .34rem 0 .2rem;
}
.jr-desc {
    width: 4.3rem;
    font-size: .24rem;
    font-weight: normal;
    color: #999999;
    line-height: 20px;
    margin-top: .1rem;
}
.jr-bottom {
    display: flex;
}
.jr-item {
    width: 2.06rem;
    height: 2.6rem;
    background: url(../images/jr-image1.png?01) no-repeat center;
    background-size: 100% 100%;
    padding-top: .4rem;
    box-sizing: border-box;
    margin-right: .18rem;
}
.jr-item:nth-of-type(2) {
    background: url(../images/jr-image2.png?02) no-repeat center;
    background-size: 100% 100%;
}
.jr-item:nth-of-type(3) {
    background: url(../images/jr-image3.png?03) no-repeat center;
    background-size: 100% 100%;
}
.jr-item:last-child {
    margin-right: 0;
}
.jr-type {
    font-size: .28rem;
    font-weight: normal;
    color: #ED5B36;
    height: .36rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.jr-type::after {
    content: "";
    width: .24rem;
    height: .24rem;
    background: url(../images/jr-ri.png) no-repeat center;
    background-size: 100% 100%;
    margin-left: .14rem;
}
/*  */
.footer-module {
    width: 100%;
    background: #FFFFFF;
    border-radius: .2rem;
    padding: .32rem .24rem .38rem;
    box-sizing: border-box;
}
.f-module-title {
    height: .46rem;
    font-size: .32rem;
    font-weight: normal;
    color: #121212;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-bottom: .22rem; */
}
.f-module-title::before,.f-module-title::after {
    content: "";
    display: block;
    width: 2.16rem;
    height: 2px;
    background: linear-gradient(270deg, rgba(248,248,248,0) 0%, #EEEEEE 100%);
    
}
.f-module-title::before {
    background: linear-gradient(270deg, #EEEEEE 0%, rgba(248,248,248,0) 100%);
    margin-right: .24rem;
}
.f-module-title::after {
    margin-left: .24rem;
}
.f-module {
    margin-bottom: .54rem;
}
.module2 {
    margin-bottom: 0;
}
.f-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.f-list img {
    width: 2.08rem;
    height: 0.96rem;
    display: block;
    margin-right: .14rem;
    /* margin-bottom: .22rem; */
    margin-top: .26rem;
}
.f-list img:last-child {
    margin-right: 0;
}
.f-list img:nth-of-type(3n) {
    margin-right: 0;
}
.content-operate {
    display: none;
}
.limit-line2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: center;
}
.ssgs-desc .limit-line3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: center;
}
/*文本超出5行显示...*/
.limit-line5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left !important;
}
.loading {
    width: 2rem;
    position: fixed;
    left: 50%;
    top: 50%;
    padding: .3rem 0;
    transform: translate(-50%,-50%);
    background-color: rgba(0,0,0,0.7);
    border-radius: .2rem;
    display: none;
}
.loading img {
    width: .42rem;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* 溯源中国 */
.suyuan-module {
    width: 100%;
    height: 2.76rem;
    background: url(../images/suyuan-bg.png) no-repeat center;
    background-size: 100% 100%;
    padding: .24rem .24rem 0;
    box-sizing: border-box;
}
.cs-module {
    background: url(../images/cs-bg.png) no-repeat center;
    background-size: 100% 100%;
}
.suyuan-top {
    display: flex;
    height: .6rem;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .16rem;
}
.suyuan-title {
    font-size: .36rem;
    color: #121212;
}
.suyuan-content {
    width: 100%;
    height: 1.44rem;
    background: rgba(255,255,255,0.85);
    border-radius: .12rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .26rem;
    color: #0A75C3;
    line-height: .4rem;
    padding: 0 .12rem 0 .24rem;
    box-sizing: border-box;
}
.suyuan-dn {
    width: 1.44rem;
    height: 1.44rem;
    margin-left: .16rem;
    flex-shrink: 0;
    display: block;
}
.btn-apply,.learn-more {
    width: auto;
    color: #121212;
    font-size: .24rem;
}
.btn-apply::after,.learn-more::after {
    background: url(../images/suyuan-ri.png) no-repeat center;
    background-size: 100% 100%;
}
.xhh-wrapper {
    margin-bottom: 0;
    margin-top: .24rem;
}
.qymp-module {
    width: 100%;
    padding: .32rem .24rem;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: .2rem;
}
.xhh-module .swiper-container {
    height: auto;
    padding: 0;
    padding-bottom: .4rem;
}
.xhh-module .swiper-slide:last-child {
    margin-right: 0;
}
.jingji-module {
    width: 100%;
    padding: .32rem .24rem;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: .2rem;
}
.swiper-jingji-swiper,.swiper-fuwu-swiper{
    position: relative;
    margin-left:-16px;
    margin-right:-16px;
    padding:0 16px;
}
.swiper-fuwu-swiper .swiper-slide {
    width: 100%;
    display: flex;
}
.swiper-jingji .swiper-slide {
    width: 100%;
    color: #0958A0;
    text-align: center;
    box-sizing: border-box;
    display: flex;
}
.swiper-jingji {
    margin-top: .24rem;
    padding-bottom: .4rem;
}
.scroll-wrapper {
    width: .82rem;
    height: .08rem;
    background: #EAEAEA;
    border-radius: .06rem;
    margin: .24rem auto 0;
    position: relative;
}
.scr-bar {
    position: absolute;
    left:0;
    width: .46rem;
    height: .08rem;
    background: #121212;
    border-radius: .06rem;
}
.swiper-container-horizontal>.swiper-scrollbar {
    width: .82rem;
    height: .08rem;
    background: #EAEAEA;
    border-radius: .06rem;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
}
.swiper-scrollbar-drag {
    width: .46rem;
    height: .08rem;
    background: #121212;
    border-radius: .06rem;
}
.bold-font,.suyuan-title,.ruzhu-user {
    /* font-family: 'FZCYSJW'; */
    font-weight: 600;
    letter-spacing: 1px;
}
.article-new-style-1, .article-new-style-5 {
    padding-bottom: .4rem;
}
.article-new-style-1, .article-new-style-2, .article-new-style-3, .article-new-style-4, .article-new-style-5, .article-new-style-6 {
    border-bottom: 1px solid #eff3f4;
}
.article-new-wrapper {
    padding: 0;
}
.open-info {
    display: none;
}
.article-style-1 {
    border-bottom: none;
}
.article-new-wrapper .article-title {
    font-size: .32rem;
    line-height: .46rem;
    margin-bottom: .12rem;
}
.article-new-style-1 .article-cover {
    width: 2.3rem;
    height: 1.32rem;
}
.article-title-1 div {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.zq-zb,.zq-yg,.zq-hf {
    width: 50px;
    height: 20px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
}
.zq-zb {
    width: 60px;
    background: #E72727;
}
.zq-zb::before {
    content: "";
    width: 9px;
    height: 8px;
    background: url('https://my-h5news.app.xinhuanet.com/h5/images/zb-icon.gif') no-repeat center;
    background-size: 100% 100%;
    margin-right: 3px;
}
.zq-yg {
    background:rgba(118,180,248,1);
}
.zq-yg::before {
    content: "";
    width: 10px;
    height: 10px;
    background: url('https://my-h5news.app.xinhuanet.com/h5/images/video-icon.png') no-repeat center;
    background-size: 100% 100%;
    margin-right: 3px;
}
.zq-hf {
    background:rgba(131,211,63,1);
}
.zq-hf::before {
    content: "";
    width: 10px;
    height: 10px;
    background: url('https://my-h5news.app.xinhuanet.com/h5/images/video-icon.png') no-repeat center;
    background-size: 100% 100%;
    margin-right: 3px;
}
.article-new-style-5 {
    border-bottom: none;
}
.pc-logo {
    display: none;
}
@media (min-width: 750px) {
    .container-content {
        width: 1280px;
        margin: 0 auto;
        padding-top: 36px;
    }
    .pc-logo {
        display: block;
        width: 582px;
        height: auto;
        margin: 0 auto 36px;
    }
    .top-module {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 16px;
    }
    .the-wrapper {
        width: auto;
        padding: 0;
        margin-bottom: 0;
    }
    .top-swiper {
        width: 820px;
        height: 460px;
        padding: 0;
        margin-bottom: 0;
        flex-shrink: 0;
    }
    .top-swiper .swiper-button-next {
        background: url(../images/pc/btn-next.png) no-repeat center;
        background-size: 100% 100%;
        right: 0;
        width: 32px;
        height: 76px;
        display: none;
    }
    .top-swiper .swiper-button-prev {
        background: url(../images/pc/btn-prev.png) no-repeat center;
        background-size: 100% 100%;
        left: 0;
        width: 32px;
        height: 76px;
        display: none;
    }
    .top-swiper:hover .swiper-button-next {
        display: block;
    }
    .top-swiper:hover .swiper-button-prev {
        display: block;
    }
    .top-swiper .swiper-container {
        height: 100%;
        border-radius: unset;
    }
    .top-swiper .swiper-slide img {
        border-radius: unset;
    }
    .zhengqi-info-module {
        width: 462px;
        height: 460px;
        flex-shrink: 0;
        border-radius: unset;
        padding: 0 16px;
        box-sizing: border-box;
    }
    .then-module {
        width: 100%;
        padding: 16px;
        box-sizing: border-box;
        background: #fff;
    }
    .then-item {
        width: 188px;
        margin-right: 12px;
        flex-shrink: 0;
    }
    .then-item:last-child {
        margin-right: 0;
    }
    .then-cover {
        width: 100%;
        height: 107px;
        position: relative;
    }
    .then-img {
        width: 100%;
        height: 100%;
        display: block;
    }
    .then-title {
        font-weight: 400;
        font-size: 16px;
        color: #121212;
        line-height: 22px;
        margin: 6px 0;
        min-height: 44px;
    }
    .ear {
        width: 24px;
        height: 24px;
    }
    .then-list {
        width: 100%;
        display: flex;
    }
    .article-bottom-detail {
        height: 20px;
        display: flex;
        align-items: center;
    }
    .article-item .article-bottom-detail .source_name,.article-item .article-bottom-detail .time-info {
        font-weight: 400;
        font-size: 12px;
        color: #999999;
    }
    .first-module {
        width: 100%;
        padding: 16px;
        box-sizing: border-box;
        background: #fff url(../images/pc/first-pc-bg.png) no-repeat top center;
        background-size: 100% auto;
    }
    .first-module .article-new-wrapper {
        background: unset;
    }
    .first-module .article-style-1,.first-module .article-new-style-5 {
        border-bottom: 1px solid #EEEEEE;
        padding-bottom: 16px;
    }
    .first-module .article-new-wrapper {
        padding-top: 16px;
        box-sizing: border-box;
    }
    .zq-info-wrapper {
        width: 462px;
        height: 460px;
        flex-shrink: 0;
        background: #fff;
    }
    .zhengqi-info-module .module-title {
        width: 100%;
        height: 56px;
        font-size: 20px;
        border-bottom: 1px solid #EEEEEE;
    }
    .module-more {
        font-size: 14px;
        cursor: pointer;
    }
    .module-more::after {
        width: 10px;
        height: 10px;
    }
    .fawu-nav {
        margin-top: 16px;
    }
    .article-style-1 {
        padding-bottom: 24px;
        cursor: pointer;
    }
    .article-new-style-1 .article-cover {
        width: 188px;
        height: 104px;
        margin-right: 16px;
    }
    .article-new-style-1 .article-inner-1 {
        width: 226px;
    }
    .first-module .article-new-style-1 .article-inner-1 {
        width: 100%;
    }
    .article-title-1 {
        min-height: 66px;
    }
    .article-new-wrapper .article-title {
        font-weight: 400;
        font-size: 16px;
        color: #333333;
        line-height: 22px;
        margin-bottom: 8px;
    }
    .article-info {
        font-size: 14px;
        height: 24px;
    }
    .top-nav-wrapper {
        margin-bottom: 16px;
    }
    .top-nav-swiper {
        padding: 20px;
        box-sizing: border-box;
        border-radius: unset;
    }
    .top-nav-swiper .swiper-container {
        padding-bottom: 6px;
    }
    .nav-item {
        font-weight: 400;
        font-size: 14px;
        color: #333333;
        margin-bottom: 0;
    }
    .nav-item img {
        width: 56px;
        height: 56px;
    }
    .article-bottom {
        width: 100%;
        display: flex;
        justify-content: space-between;
        /* overflow: hidden; */
    }
    .module-left {
        width: 820px;
        /* float: left; */
        margin-right: 14px;
    }
    .module-right {
        width: 446px;
        background: #fff;
        padding: 0 16px;
        /* padding: 16px; */
        box-sizing: border-box;
        /* float: left; */
    }
    .data-module {
        width: 100%;
        height: 214px;
        border-radius: unset;
        padding: 16px;
    }
    .data-module-title {
        font-weight: 600;
        font-size: 20px;
        color: #333333;
        line-height: 28px;
        margin-bottom: 0;
    }
    .data-ruzhu {
        width: 292px;
        height: 34px;
        line-height: 34px;
        background: linear-gradient( 270deg, rgba(238,238,238,0) 0%, rgba(223,75,47,0.1) 52%, rgba(216,216,216,0) 100%);
        font-size: 20px;
        margin-bottom: 14px;
    }
    .ruzhu-user {
        font-size: 18px;
    }
    .data-content {
        flex-wrap: nowrap;
    }
    .data-item {
        width: 120px;
        height: 120px;
        margin-right: 32px;
    }
    .data-item:nth-of-type(3n) {
        margin-right: 32px;
    }
    .data-num {
        font-size: 24px;
    }
    .data-name {
        font-size: 14px;
        color: #333333;
    }
    .module-left .the-wrapper {
        margin-bottom: 16px;
    }
    .module-left .the-wrapper:last-child {
        margin-bottom: 0;
    }
    .jinrong-module {
        height: 214px;
        border-radius: unset;
        padding: 16px;
    }
    .jr-wrapper {
        width: 100%;
        display: flex;
    }
    .jr-item {
        width: 124px;
        height: 142px;
        margin-right: 12px;
        padding-top: 24px;
    }
    .jr-type {
        font-size: 16px;
        height: 24px;
    }
    .jr-type::after {
        width: 16px;
        height: 16px;
        margin-left: 12px;
    }
    .jr-top {
        width: 380px;
        height: 141px;
        font-size: 16px;
        padding: 20px 16px;
        margin: 0 0 0 12px;
    }
    .jr-desc {
        width: 100%;
        font-size: 14px;
    }
    .module-title {
        width: 100%;
        height: auto;
        margin-bottom: 12px;
        font-size: 20px;
    }
    .fuwu-module,.ssgs-module,.hd-module,.jingji-module {
        height: 214px;
        border-radius: unset;
        padding: 16px;
        box-sizing: border-box;
    }
    .fuwu-module,.jingji-module {
        height: auto;
    }
    .swiper-fuwu-swiper .swiper-container {
        padding-bottom: 32px;
    }
    .one-slide .swiper-container {
        padding-bottom: 0;
    }
    .swiper-jingji-swiper .swiper-container {
        padding-bottom: 32px;
    }
    .fuwu-list {
        flex-wrap: nowrap;
        margin-top: 0;
    }
    .fuwu-item {
        width: 188px;
        height: 98px;
        font-size: 16px;
        padding: 12px 12px 20px;
        border-radius: 16px;
        margin-bottom: 0;
        margin-right: 12px;
    }
    .swiper-fuwu-swiper .swiper-slide .fuwu-item:last-child {
        margin-right: 0;
    }
    .ssgs-list {
        margin-top: 0;
    }
    .ssgs-item {
        border-radius: 16px;
        width: 254px;
        height: 143px;
        font-size: 16px;
        padding: 22px 16px;
    }
    .ssgs-desc {
        font-size: 12px;
        color: rgba(255,255,255,0.8);
        line-height: 18px;
        margin-top: 5px;
    }
    .hd-content {
        width: 100%;
        margin-top: 0;
        border-radius: unset;
        padding: 12px;
        box-sizing: border-box;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
    }
    .hd-item {
        width: 142px;
        height: 118px;
        font-size: 14px;
        color: #13257E;
        line-height: 18px;
        margin-bottom: 0;
        margin-right: 12px;
        background: url(../images/pc/hd-bg.png) no-repeat center;
        background-size: 100% 100%
    }
    .hd-item:last-child {
        margin-right: 0;
    }
    .hd-adress {
        font-size: 10px;
        color: #354AAF;
        line-height: 18px;
    }
    .hd-more {
        font-size: 16px;
    }
    .hd-more::after {
        margin-left: 6px;
        width: 20px;
        height: 20px;
    }
    .hd-content::-webkit-scrollbar {
        width: auto;
        height: auto;
        background: unset;
        height: 12px;
    }
    .hd-content::-webkit-scrollbar-track{
        background-color: #f1f1f1;
    }
    .hd-content::-webkit-scrollbar-thumb{
        background-color: #c1c1c1;
        border-radius: 10px;
    }
    .fuwu-module .module-title,.jingji-module .module-title{
        margin-bottom:3px;
    }
    .swiper-jingji {
        margin-top: 0;
        padding-bottom: 0;
        padding-top:9px;
        padding-bottom:9px;
    }
    .swiper-fuwu{
        padding-top:9px;
        padding-bottom:9px;
    }
    .swiper-jingji .swiper-slide {
        display: flex;
    }
    .swiper-jingji .jingji-item {
        width: 147px;
        height: 142px;
        font-size: 16px;
        padding-top: 97px;
        border-radius: 16px;
        box-sizing: border-box;
    }
    .swiper-jingji .article-item {
        margin-right: 12px;
    }
    .swiper-jingji .swiper-slide .article-item:last-child {
        margin-right: 0;
    }
    .banner-wrapper {
        width: 100%;
        padding: 24px 0;
        border-bottom: 1px solid #EEEEEE;
    }   
    .suyuan-module {
        width: 100%;
        padding: 0;
        height: 124px;
        padding: 12px;
        box-sizing: border-box;
        cursor: pointer;
    }
    .suyuan-top {
        height: 30px;
        margin-bottom: 12px;
    }
    .suyuan-title {
        font-size: 20px;
        color: #333333;
    }
    .btn-apply,.learn-more {
        font-size: 14px;
        cursor: pointer;
    }
    .btn-apply::after,.learn-more::after {
        width: 10px;
        height: 10px;
    }
    .suyuan-content {
        height: 100px;
        padding: 16px;
        box-sizing: border-box;
        border-radius: unset;
        font-weight: 400;
        font-size: 16px;
        color: #0A75C3;
        line-height: 22px;
    }
    .suyuan-dn {
        width: 70px;
        height: 70px;
        margin-left: 30px;
    }
    .module-ri-wrapper {
        padding: 24px 0;
        border-bottom: 1px solid #EEEEEE;
    }
    .yunshang-module {
        width: 100%;
        padding: 0;
        border-radius: unset;
    }
    .ys-wrapper {
        padding: 24px 0 6px;
    }
    .fawu-item img {
        width: 48px;
        height: 48px;
        margin: 0 auto 6px;
    }
    .fawu-item {
        font-size: 12px;
        color: #333333;
        margin-bottom: 18px;
        cursor: pointer;
    }
    .qymp-module {
        padding: 0;
        border-radius: unset;
    }
    .xhh-wrapper {
        margin-top: 16px;
    }
    .xhh-item {
        width: 128px;
        height: 140px;
        padding: 12px 15px 0;
        box-sizing: border-box;
        flex-shrink: 0;
        margin-right: 12px;
        margin-bottom: 16px;
        cursor: pointer;
    }
    .xhh-module .swiper-container {
        padding-bottom: 20px;
    }
    .xhh-module .swiper-slide {
        flex-wrap: wrap;
    }
    .xhh-module .swiper-slide .xhh-item:nth-of-type(3n) {
        margin-right: 0;
    }
    .xhh-cover {
        width: 40px;
        height: 40px;
        margin: 0 auto 10px;
    }
    .xhh-v {
        width: 12px;
        height: 12px;
    }
    .xhh-name {
        font-size: 14px;
        color: #333333;
        line-height: 18px;
        height: 36px;
    }
    .xhh-attention {
        width: 60px;
        height: auto;
        margin: 10px auto 0;
    }
    /* .xhh-module .swiper-pagination-bullet{
        width: .28rem;
        height: 3px;
        background: #CEDCE7;
        border-radius: 3px;
        opacity: 1;
        border-radius: unset;
    }
    .xhh-module .swiper-pagination-bullet-active{
        background: #93AABD;
        opacity: 1;
        border-radius: unset;
    } */
     .footer-wrapper {
        width: 100%;
        background: #fff;
        padding: 24px 0;
        margin-top: 42px;
     }
     .footer-module {
        padding: 0;
        width: 1300px;
        border-radius: unset;
        margin-top: 0;
        margin: 0 auto;
     }
     .f-module {
        width: 100%;
        justify-content: center;
        margin-bottom: 14px;
        display: flex;
     }
     .f-module-title {
        font-weight: 600;
        font-size: 18px;
        color: #333333;
        line-height: 25px;
        margin-right: 3px;
        flex-shrink: 0;
        padding-top: 20px;
     }
     .f-module-title::before, .f-module-title::after {
        display: none;
     }
     .f-list {
        justify-content: flex-start;
     }
     .f-list img {
        width: 200px;
        height: auto;
        display: block;
        margin-right: 2px;
        margin-top: 2px;
     }
     .f-list img:nth-of-type(3n) {
        margin-right: 2px;
     }

     .article-style-1:hover .article-title {
        color: #008BFF;
     }
     .article-style-5:hover .article-title {
        color: #008BFF;
     }
     .article-item {
        cursor: pointer;
     }
     /* .data-item, */
     .jr-item,.swiper-jingji .swiper-slide,.ssgs-item,.fuwu-item,
     .hd-item {
        cursor: pointer;
     }
     .jr-item:hover,.swiper-jingji .jingji-item:hover,.ssgs-item:hover,
     .fuwu-item:hover,.hd-item:hover {
         transform: scale(1.06);
     }
     /* .data-item:hover .data-hover {
        transform: scale(1.06);
     } */
     .download-app-toast {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        background: rgba(0,0,0,.4);
        display: none;
     }
     .download-app-content {
        width: 500px;
        /* height: 564px; */
        height: 440px;
        background: url(../images/pc/download-app-pc.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        position: relative;
     }
     .download-app-content img{
        width: 100%;
        height: 100%;        
     }
     .download-app-content .download-app-qrcode{
        font-size: 0;
        position: absolute;
        /* width: 294px;
        height: 294px; */
        width: 176px;
        height: 176px;
        left: 50%;
        top: 195px;
        transform: translateX(-50%);        
     }
     .download-app-content .download-app-text{
        position: absolute;
        left:50px;
        width:400px;
        top:60px;    
     }
     .download-app-content .download-app-text .download-app-text1{
        color:#121212;
        /* font-size:32px; */
        font-size: 27px;
        line-height: 45px;
        text-align: center;
        font-weight: 600;
     }
     .download-app-content .download-app-text .download-app-text2{
        color:#0F8AF0;
        font-size:27px;
        line-height: 38px;
        text-align: center;
        margin-top:12px;
        font-weight: 500;
     }
     .download-app-content .close-app-toast {
        cursor: pointer;
        width: 40px;
        height: 40px;
        right: 20px;
        top:20px;
        position: absolute;
        background: url(../images/pc/download-app-close.png) no-repeat center;
        background-size: 32px 32px;
     }
}
.swiper-num {
    font-weight: 400;
    font-size: 24px;
    color: #FFFFFF;
    position: absolute;
    bottom: 12px;
    right: 16px;
    z-index: 10;
}
.num2 {
    color: rgba(255,255,255,.6);
}
.hd-tit {
    height: 36px;
}
.ssgs-arrow {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 16px;
    bottom: 16px;
    z-index: 10;
}
.top-nav-swiper .swiper-slide {
    width: 85px;
}

.top-nav-swiper .swiper-button-next {
    background: url(../images/pc/arrow-right.png) no-repeat center;
    background-size: 100% auto;
    /* background: red; */
    right: 0;
    width: 24px;
    height: 48px;
}
.top-nav-swiper .swiper-button-prev {
    background: url(../images/pc/arrow-left.png) no-repeat center;
    background-size: 100% auto;
    /* background: red; */
    left: 0;
    width: 24px;
    height: 48px;
}
.article-cover {
    border-radius: unset;
}
.module-right .the-wrapper:last-child {
    border-bottom: none;
}
.xhh-module .swiper-button-next,.swiper-fuwu-swiper .swiper-button-next,.swiper-jingji-swiper .swiper-button-next {
    background: url(../images/pc/arrow-right.png) no-repeat center;
    background-size: 100% auto;
    /* background: red; */
    right: 120px;
    top: unset;
    bottom: 6px;
    width: 16px;
    height: 16px;
    z-index: 999;
}
.swiper-fuwu-swiper .swiper-button-next,.swiper-jingji-swiper .swiper-button-next {
    right: 280px;
    bottom: 0;
}
.xhh-module .swiper-button-prev,.swiper-fuwu-swiper .swiper-button-prev,.swiper-jingji-swiper .swiper-button-prev {
    background: url(../images/pc/arrow-left.png) no-repeat center;
    background-size: 100% auto;
    /* background: red; */
    left: 120px;
    bottom: 6px;
    top: unset;
    width: 16px;
    height: 16px;
    z-index: 999;
}
.swiper-fuwu-swiper .swiper-button-prev,.swiper-jingji-swiper .swiper-button-prev {
    left: 280px;
    bottom: 0;
}
.swiper-fuwu-swiper .swiper-pagination-bullets,.swiper-jingji-swiper .swiper-pagination-bullets {
    bottom: 3px;
}
.hd-ri {
    width: 46px;
    height: 17px;
    display: block;
    margin: 10px auto 0;
}