{:__('TERMS')}

/*文字排版*/

.f163{
    font-size: 50px!important;
}

.f72{
    font-size: 36px;
}

.f60 {
    font-size: 40px !important;
}

.f42{
    font-size: 28px!important;
}

.f35{
    font-size: 20px!important;
}

.f30{
    font-size: 16px!important;
}

.f26{
    font-size: 16px!important;
}

.f16-mobile{
    font-size: 16px!important;
}

.f20-mobile{
    font-size: 20px!important;
}

/*颜色*/
.color1 {
    color: #299af5 !important;
}

.color2 {
    color: red !important;
}

/*间距*/
.mb0 {
    margin-bottom: 0 !important;
}

/*定位*/
.fl {
    float: left;
}

.fr {
    float: right;
}

.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.vt {
    vertical-align: top;
}

.vm {
    vertical-align: middle;
}

.vb {
    vertical-align: bottom;
}

/*视觉*/
.hidden-mobile {
    display: none !important;
}

.show-mobile {
    display: block !important;
}

.mb0-mobile{
    margin-bottom: 0!important;
}

/*清除浮动*/
.clearfix {
    *zoom: 1;
    clear: both
}

.clearfix:after {
    content: '';
    display: block;
    clear: both
}

/*布局*/
.body-scroll {
    overflow: auto !important;
}

.btn-link {
    border: 2px solid black;
    padding: 10px;
    min-width: 150px;
    display: inline-block;
    margin-top: 20px;
    color: #299af5!important;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}

.contain {
    width: 100%;
    margin: 0 auto
}

.contain2 {
    width: 100%;
    margin: 0 auto
}

.z-time-info {
    position: relative;
    display: inline-block;
    padding-right: 12px;
}

.z-time-info:after {
    content: '+';
    position: absolute;
    top: 8px;
    right: 0;
    font-size: 20px;
    color: black;
    line-height: 0;
}

.z-time-info2 {
    position: relative;
    display: inline-block;
    padding-right: 12px;
}

.z-time-info2:after {
    content: '+';
    position: absolute;
    top: 8px;
    right: 0;
    font-size: 20px;
    color: black;
    line-height: 0;
}

.z-time-info3 {
    position: relative;
    display: inline-block;
    padding-right: 12px;
}

.z-time-info3:after {
    content: '+';
    position: absolute;
    top: 11px;
    right: 0;
    font-size: 16px;
    color: black;
    line-height: 0;
}

.z-time-info4 {
    position: relative;
    display: inline-block;
    padding-right: 12px;
}

.z-time-info4:after {
    content: '+';
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 20px;
    color: #299af5;
    line-height: 0;
}

.z-full-row {
    height: 100vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    background-size: cover !important;
    background-position: center center;!important;
    overflow: hidden;
}

.z-full-column {
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: cover !important;
    background-position: center center;!important;
    overflow: hidden;
}

.z-title {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
}

.z-title h1 {
    font-weight: 700;
    position: relative;
    font-size: 36px;
    margin-bottom: 10px;
    display: inline-block;
}

.z-title-sub {
    position: absolute;
    bottom: -30px;
    right: -50px;
    font-size: 16px;
    font-weight: 500;
    color: #299af5 !important;
}

/*公共头部*/     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
.z-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: white;
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    z-index: 99999999;
}

.z-header-logo {
    width: 50px;
    height: 50px;
    display: block;
    flex: none;
    margin-right: 10px;
}

.z-header-title {
    padding-right: 5px;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    align-items: center;
    overflow-x: auto;
}

.z-header-title a {
    margin: 0 8px;
    position: relative;
    color: #0f1f63;
    border-bottom: 4px solid transparent;
    line-height: 40px;
}

.z-header-title a:hover {
    color: #ff695a;
}

.z-head-in {
    color: #ff695a !important;
    border-bottom: 4px solid #ff695a!important;
}

.z-header-en {
    color: black;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 15px;
}

.z-header-en a {
    color: black;
    position: relative;
}

.z-header-en a:first-child:after{
    content: '';
    height: 20px;
    width: 2px;
    background: black;
    position: absolute;
    right: -9px;
    top: 50%;
    margin-top: -10px;
}

/*公共底部*/
.z-bottom {
    background: #0A3875 url(../images/mobile/footer-bg.jpg) no-repeat;
}

.z-bottom-wrap {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px;
}

.z-bottom-item {
    display: flex;
    flex-direction: row;
    margin-bottom: 60px;
    width: 100%;
    align-items: baseline;
    font-weight: 600;
}

.z-bottom h1 {
    font-size: 18px;
    margin-bottom: 10px;
    width: 110px;
    flex: none;
}

.z-bottom-item>div{
    display: flex;
    flex-wrap: wrap;
}

.z-bottom p {
    font-size: 18px;
    margin: 6px 0;
    min-width: 50%;
}

.z-bottom a {
    font-size: 18px;
    margin: 6px 0;
    display: block;
    min-width: 50%;
}

/*所有模块背景*/
.z-index-page1 {
    background: #ffffff url(../images/mobile/index-bg-1.jpg) no-repeat;
    background-size: cover !important;
}
.z-index-page2 {
    background: #ffffff url(../images/mobile/index-bg-2.jpg) no-repeat;
    background-size: cover !important;
}
.z-index-page3 {
    background: #ffffff url(../images/mobile/index-bg-3.jpg) no-repeat;
    background-size: cover !important;
}
.z-index-page4 {
    background: #ffffff url(../images/mobile/index-bg-4.jpg) no-repeat;
    background-size: cover !important;
}
.z-index-page5 {
    background: #ffffff url(../images/mobile/index-bg-5.jpg) no-repeat;
    background-size: cover !important;
}

.z-fund-page1 {
    background: #ffffff url(../images/mobile/fund-bg-1.jpg) no-repeat;
    background-size: cover !important;
}
.z-fund-page2 {
    background: #ffffff url(../images/mobile/fund-bg-2.jpg) no-repeat;
    background-size: cover !important;
}
.z-fund-page3 {
    background: #ffffff url(../images/mobile/fund-bg-3.jpg) no-repeat;
    background-size: cover !important;
}
.z-fund-page4 {
    background: #ffffff url(../images/mobile/fund-bg-4.jpg) no-repeat;
    background-size: cover !important;
}

.z-token-page1 {
    background: #ffffff url(../images/mobile/token-bg-1.jpg) no-repeat;
    background-size: cover !important;
}
.z-token-page2 {
    background: #ffffff url(../images/mobile/token-bg-2.jpg) no-repeat;
    background-size: cover !important;
}
.z-token-page3 {
    background: #ffffff url(../images/mobile/token-bg-3.jpg) no-repeat;
    background-size: cover !important;
}
.z-token-page4 {
    background: #ffffff url(../images/mobile/token-bg-4.jpg) no-repeat;
    background-size: cover !important;
}
.z-token-page5 {
    background: #ffffff url(../images/mobile/token-bg-5.jpg) no-repeat;
    background-size: cover !important;
}

.z-eco-page1 {
    background: #ffffff url(../images/mobile/eco-bg-1.jpg) no-repeat;
    background-size: cover !important;
}
.z-eco-page2 {
    background: #ffffff url(../images/mobile/eco-bg-2.jpg) no-repeat;
    background-size: cover !important;
}
.z-eco-page3 {
    background: #ffffff url(../images/mobile/eco-bg-3.jpg) no-repeat;
    background-size: cover !important;
}
.z-eco-page4 {
    background: #ffffff url(../images/mobile/eco-bg-4.jpg) no-repeat;
    background-size: cover !important;
}
.z-eco-page5 {
    background: #ffffff url(../images/mobile/eco-bg-5.jpg) no-repeat;
    background-size: cover !important;
}

.z-com-page1 {
    background: #ffffff url(../images/mobile/com-bg-1.jpg) no-repeat;
    background-size: cover !important;
}
.z-com-page2 {
    background: #ffffff url(../images/mobile/com-bg-2.jpg) no-repeat;
    background-size: cover !important;
}
.z-com-page3 {
    background: #ffffff url(../images/mobile/com-bg-3.jpg) no-repeat;
    background-size: cover !important;
}
.z-com-page4 {
    background: #ffffff url(../images/mobile/com-bg-4.jpg) no-repeat;
    background-size: cover !important;
}
.z-com-page5 {
    background: #ffffff url(../images/mobile/com-bg-5.jpg) no-repeat;
    background-size: cover !important;
}

/*首页*/
.z-index-page1 {
    color: black;
    font-size: 18px;
    padding: 20px;
    text-align: center;
}
.z-index-page1 img{
    width: 100px;
    display: block;
}

.z-index-page1 h1 {
    margin: 10px 0;
}

.z-index-page1 h2{
    margin: 20px 0;
}

.z-index-page1 h2>span{
    margin: 0 15px;
}

.z-index-page1 p {
    margin: 5px 0;
    line-height: 35px;
}

.z-index-page1-btn {
    margin-top: 30px;
    border: 1px solid #ccc;
    font-weight: 700;
    color: #ccc;
    padding: 10px 35px;
    border-radius: 2px;
    display: block;
}

.z-index-page2 p {
    font-size: 18px;
    color: black;
    margin: 6px 0;
    font-weight: 500;
}

.z-index-page2 h2 {
    font-size: 26px;
    margin: 20px 0;
}

.z-index-page2-num {
    display: inline-block;
    min-width: 30px;
    font-family: 'UnidreamLED';
}

.z-index-page2-detail {
    font-size: 16px;
    margin-top: 10px;
    padding: 0 30px;
}

.z-index-page3 {
    color: black;
    justify-content: space-between;
}

.z-index-page3-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    margin-bottom: 15px;
}

.z-index-page3-item h1 {
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 700;
}

.z-index-page3-item img {
    display: block;
    width: 200px;
    height: 200px;
    margin-bottom: 30px;
}

.z-index-page3-item p {
    line-height: 30px;
}

.z-index-page4 {
    color: black;
}

.z-index-page4-item {
    font-size: 16px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 50px;
}

.z-index-page4-item:last-child{
    margin-bottom: 0;
}

.z-index-page4-item h1 {
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: 700;
    position: relative;
    display: inline-block;
}

.z-index-page4-item img {
    display: block;
    width: 200px;
    height: 200px;
    margin-bottom: 30px;
}

.z-index-page4-item p {
    line-height: 30px;
}

.z-index-page4-text {
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.z-index-page5 {
    overflow-y: hidden;
    overflow-x: hidden;
}

.product-wrapper{
    font-size: 18px;
    width: 100%;
    max-width: 100%!important;
}

.features-item{
    width: 100%!important;
    /*width: 180px!important;*/
}

/*基金会*/
.z-fund-page1 {
    color: black;
    padding-left: 20px;
    padding-right: 20px;
    align-items: flex-start!important;
}

.z-fund-page1 h1 {
    margin: 16px 0;
    font-size: 32px;
    font-weight: 700;
}

.z-fund-page1 h3 {
    font-size: 22px!important;
    margin: 0 0 20px 0;
}

.z-fund-page1 p {
    margin: 6px 0;
    line-height: 30px;
}

.z-fund-page2 {
    overflow: auto;
    color: black;
}

.z-fund-page2-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    overflow: hidden;
    padding: 0 10px;
}

.z-fund-page2-item {
    width: 47%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 15px;
    margin-bottom: 20px;
    padding: 5px;
    color: black!important;
    border-radius: 5px;
    background: white;
    overflow: hidden;
}

.z-fund-page2-item h1 {
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 700;
}

.z-fund-page2-item img {
    display: block;
    width: 100%;
    height: 120px;
    margin-bottom: 10px;
    border-radius: 3px;
    object-fit: cover;
}

.z-fund-page2-item p {
    line-height: 25px;
    height: 50px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 100%;
}

.z-fund-page2-item p:last-child{
    line-height: 25px;
    height: 25px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: 100%;
}

/*token*/
.z-token-page2-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
}

.z-token-page2-map {
    width: 100%;
    display: block;
    margin-top: 10px;
}

.z-token-page2-table {
    display: flex;
    flex-direction: column;
}

.z-token-page2-table h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
}

.z-token-page2-table p {
    font-size: 16px;
    margin: 5px 0;
    text-align: center;
}

.z-token-page2-table table {
    margin-top: 30px;
}

.z-token-page2-table a {
    color: black;
}

.z-token-page2-table a > span {
    color: #299af5;
}

.z-token-page2-table th, .z-token-page2-table td {
    padding: 5px;
    font-size: 16px;
}

.z-token-page2-table a{
    text-decoration: underline;
    color: #299af5;
}


.z-token-node {
    height: 50vh;
    position: relative;
    width: 100%;
    background: transparent url(../images/token-4.png) no-repeat center center !important;
    background-size: contain !important;
    overflow: hidden;
}

.z-token-page4-rank {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: black;
    padding: 20px;
}

.z-token-page4-rank .item {
    display: flex;
    flex-direction: row;
}

.z-token-page4-rank h1 {
    font-size: 18px;
}

.z-token-page4-rank h3 {
    font-size: 16px;
    color: orange;
    font-weight: bold;
    margin-top: 5px;
}

.z-token-page4-img {
    width: 50px;
    height: 50px;
    margin-right: 5px;
    flex: none;
}

.z-token-page4-dot1 {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: transparent;
    box-shadow: 378px 148px #e60815, 386px 189px #e60815, 399px 203px #e60815, 496px 221px #e60815, 150px 227px #e60815, 435px 239px #e60815, 436px 170px #e60815, 408px 186px #e60815, 498px 211px #e60815, 522px 204px #e60815, 682px 524px #e60815, 1170px 550px #e60815, 1160px 543px #e60815, 1191px 543px #e60815, 1150px 200px #e60815, 1100px 192px #e60815, 1090px 227px #e60815, 1030px 211px #e60815, 922px 308px #e60815, 816px 278px #e60815, 786px 118px #e60815, 679px 134px #e60815, 652px 124px #e60815, 648px 135px #e60815, 659px 149px #e60815, 649px 149px #e60815, 649px 158px #e60815, 591px 156px #e60815, 569px 126px #e60815, 563px 106px #e60815;
    -webkit-animation: animNode1-jsx-3634339946 2.8s linear infinite;
    animation: animNode1-jsx-3634339946 2.8s linear infinite;
}

.z-token-page4-dot2 {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: transparent;
    box-shadow: 389px 156px #e60815, 526px 192px #e60815, 614px 222px #e60815, 1080px 152px #e60815, 749px 106px #e60815, 599px 121px #e60815, 845px 106px #e60815;
    -webkit-animation: animNode2-jsx-3634339946 2s linear infinite;
    animation: animNode2-jsx-3634339946 2s linear infinite;
}

.z-token-page4-dot3 {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: transparent;
    box-shadow: 672px 187px 3px #e60815, 650px 187px 3px #e60815, 624px 187px 3px #e60815, 1058px 152px 3px #e60815, 1058px 242px 3px #e60815;
    -webkit-animation: animNode3-jsx-3634339946 3.5s linear infinite;
    animation: animNode3-jsx-3634339946 3.5s linear infinite;
}

.z-token-page4-dot4 {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: transparent;
    box-shadow: 722px 60px #e60815, 840px 60px #e60815, 660px 61px #e60815, 626px 45px #e60815, 667px 70px #e60815, 190px 156px #e60815, 360px 161px #e60815, 278px 95px #e60815, 296px 53px #e60815, 296px 76px #e60815, 454px 34px #e60815, 404px 44px #e60815, 587px 36px #e60815, 570px 36px #e60815;
    -webkit-animation: animNode1-jsx-3634339946 2.8s linear infinite;
    animation: animNode1-jsx-3634339946 2.8s linear infinite;
}

@-webkit-keyframes animNode1-jsx-3634339946 {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes animNode1-jsx-3634339946 {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes animNode2-jsx-3634339946 {
    from {
        opacity: 1;
    }
    25% {
        opacity: 0.3;
    }
    50% {
        opacity: 0.8;
    }
    70% {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}

@keyframes animNode2-jsx-3634339946 {
    from {
        opacity: 1;
    }
    25% {
        opacity: 0.3;
    }
    50% {
        opacity: 0.8;
    }
    70% {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes animNode3-jsx-3634339946 {
    from {
        opacity: 1;
    }
    35% {
        opacity: 0.5;
    }
    70% {
        opacity: 0.7;
    }
    to {
        opacity: 1;
    }
}

@keyframes animNode3-jsx-3634339946 {
    from {
        opacity: 1;
    }
    35% {
        opacity: 0.5;
    }
    70% {
        opacity: 0.7;
    }
    to {
        opacity: 1;
    }
}


/*生态*/

.z-eco-page2 {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: black;
}

.z-eco-page2-main {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: black;
}

.z-eco-page2-item {
    width: 340px;
    margin: 0 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 18px;
}

.z-eco-page2-item h1 {
    font-size: 36px;
    margin-bottom: 20px;
    font-weight: 700;
}

.z-eco-page2-item img {
    display: block;
    width: 200px;
    height: 200px;
}

.z-eco-page2-item p {
    line-height: 30px;
}

.z-eco-page2-item a {
    border: 1px solid #7c86ce;
    padding: 15px;
    width: 160px;
    display: inline-block;
    margin-top: 40px;
    border-radius: 5px;
    color: #299af5;
    font-weight: 500;
    font-size: 18px;
}

.z-eco-page2-pdf {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 40px;
    padding: 20px;
}

.z-eco-page2-pdf a {
    width: 100%;
    text-align: center;
    color: #299af5;
    font-size: 16px;
    padding: 20px 0;
    display: block;
    font-family: KaiTi;
}

.z-eco-page3 img {
    width: 100%;
    margin: 20px 0;
}

.z-eco-page3-tips {
    text-align: center;
    color: black;
    font-size: 16px;
    padding: 0 40px;
}

.z-eco-page3-tips p {
    padding: 10px 0;
}

.z-eco-page3-tips span {
    color: red;
    font-weight: bold;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

.z-eco-page4 {
    height: 100vh;
    overflow: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: black;
    padding: 20px;
}

.z-eco-page4-main {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
}

.z-eco-page4-item {
    width: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 20px;
    color: black;
}

.z-eco-page4-item img {
    width: 100%;
    height: 100px;
    object-fit: contain;
    margin-bottom: 10px;
    border-radius: 10px;
}

.z-eco-page4-item p {
    line-height: 30px;
    font-size: 16px;
}

.z-eco-page4-item div {
    line-height: 20px;
    font-size: 12px;
    height: 40px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 100%;
}

/*社区*/

.z-com-page2-main {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.z-com-page2-main img {
    width: 600px;
    margin-top: 80px;
    margin-left: 50px;
}

.z-com-page2-text {
    display: flex;
    flex-direction: column;
    color: black;
    font-size: 16px;
    padding: 0 20px;
}

.z-com-page2-text h2 {
    font-size: 20px;
    font-weight: 700;
    color: red;
    margin-bottom: 10px;
    margin-top: 25px;
}

.z-com-page2-text h2:first-child {
    margin-top: 0;
}

.z-com-page5-main {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.z-com-page5-main img {
    width: 25%;
    margin: 10px;
    flex: none;
    height: 40px;
}

/*文章详情*/
.z-article-header {
    height: 100px;
    width: 100%;
    background: #0A3875 url(../images/index-bg-1.jpg) no-repeat !important;
    background-size: cover;
}

.z-article-nav {
    border-bottom: 1px solid #e0e0e0;
    align-items: center;
    background: white;
    display: flex;
    justify-content: flex-start;
    font-size: 16px;
    padding-left: 20px;
}

.z-article-nav-ul {
    height: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.z-article-nav-ul .link {
    color: #737373;
    display: inline-block;
    padding: 0 15px;
    position: relative;
    height: 60px;
    line-height: 60px;
}

.z-article-nav-ul .link:hover {
    color: red;
}

.z-article-nav-ul .link:before {
    content: '';
    width: 0;
    height: 0;
    top: 50%;
    margin-top: -8px;
    border: 8px solid transparent;
    border-left-color: orange;
    position: absolute;
    left: 0;
}

.z-article-content {
    margin: auto;
    padding: 20px;
}

.z-article-content h1 {
    font-size: 20px;
    display: flex;
    height: 60px;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.z-article-main img {
    max-width: 100%;
}

.z-article-main {
    font-size: 20px;
    line-height: 40px;
    padding: 40px 0;
    border-bottom: 1px solid #e0e0e0;
}

.z-article-next {
    display: flex;
    font-size: 18px;
    align-items: center;
    margin-bottom: 40px;
    flex-wrap: wrap;
    margin-top: 30px;
}

.z-article-next a {
    color: black;
    display: block;
    width: 100%;
    margin-bottom:15px;
}

.z-article-next a:hover {
    color: red;
}

.z-article-sort {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 20px 20px;
}

.z-article-sort .item {
    display: inline-block;
    vertical-align: top;
    color: #999999;
    background: #f2f3f5;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;
    padding: 6px 20px;
    width: auto;
    position: relative;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
    margin-right: 10px;
}

.z-article-sort .item:hover {
    color: white;
    background: crimson;
}

.z-article-sort .item-in {
    color: white;
    background: crimson;
}

.z-article-list {
    margin-bottom: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 20px;
    justify-content: space-between;
}

.z-article-list .item {
    width: 49%;
    height: 260px;
    padding: 10px;
    font-size: 16px;
    -moz-box-shadow: 0px 0px 10px #c4c4c4;
    -webkit-box-shadow: 0px 0px 10px #c4c4c4;
    box-shadow: 0px 0px 10px #c4c4c4;
    border-radius: 5px;
    margin-bottom: 10px;
    display: block;
}

.z-article-list img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    margin-bottom: 10px;
    border-radius: 5px;
}

.z-article-list .item-title {
    line-height: 20px;
    height: 40px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 10px;
}

.z-article-list .item-time {
    font-size: 14px;
    color: #6a6666;
    text-align: center;
}

.z-article-bottom {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.z-article-more {
    border: 1px solid #333;
    box-shadow: none;
    border-radius: 5px;
    font-size: 16px;
    color: #333;
    padding: 10px 40px;
    background: transparent;
    position: relative;
    margin-bottom: 40px;
}

.z-article-more:after {
    content: '';
    position: absolute;
    width: 60px;
    left: 50%;
    margin-left: -30px;
    bottom: -4px;
    height: 4px;
    background: red;
}

.z-feed-content {
    padding: 20px 10px;
    margin: 20px 10px;
    background: url("../images/feed.png") no-repeat 0 0;
    background-size: 100% 100%;
    font-size: 16px;
    width: auto!important;
}

.z-feed-content label{
    min-width: 90px;
}

.z-feed-content ul {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
}

.z-feed-content li {
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.z-feed-content .z-feed-input {
    height: 40px;
    line-height: 40px;
    float: left;
    width: 200px;
    border: 1px solid #ece9e9;
    border-radius: 5px;
}

.z-feed-content textarea {
    display: block;
    width: 200px;
    border: 1px solid #dddddd;
    padding: 10px 20px;
    height: 70px;
}

.z-feed-in {
    position: relative;
}

.z-feed-in:after {
    content: '*';
    font-size: 18px;
    left: -20px;
    top: 0;
    color: #ff6865;
    font-weight: bold;
    position: absolute;
}

.z-feed-btn {
    background: #ff5560;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    font-size: 16px;
    color: white;
    padding: 12px 50px;
    margin-top: 20px;
}/*************新增鼠标悬停内容开始**************/.sjimg img{display:none;/*默认隐藏*/}.sjimg:hover img{	display:block;/*当鼠标hover时展示*/    width: 120px;    height: 120px;    position: absolute;    z-index: 100;    background: rgb(255, 255, 255);    margin-top: -145px;/*距离父元素顶部位置*/}.z-bottom2{	display: inline-block;	margin-top: 16px;	font-size:18px;}.z-bottom2:hover{	display: inline-block;	margin-top: 16px;	font-size:18px;		color:red;}.z-bottom2 img{    width: 120px;    height: 120px;}.z-bottom1{	margin-top: 16px;	font-size:18px;}z-bottom-item2 {    display: flex;    flex-direction: column;}.z-bottom-item2:hover{	color:red;	<div class="z-bottom-item">            <h1 class="f45">{:__('TERMS')}</h1>            <div>                <a class="z-bottom-item2" href="{$site.footer['版权声明_en']}">{:__('Copyright notice')}</a>                <a class="z-bottom-item2" href="{$site.footer['使用条款_en']}">{:__('Terms of use')}</a>                <a class="z-bottom-item2" href="{$site.footer['隐私政策_en']}">{:__('Privacy policy')}</a>                {else /}				                 <div class='z-bottom1'>{:__('Service')}：{$site.footer['客户服务']}</div>                <div class='z-bottom1'>{:__('Feedback')}：{$site.footer['产品反馈']}</div>                <div class='z-bottom1'>{:__('Cooperation')}：{$site.footer['商务合作']}</div>				<div>./*z-bottom1{	margin-top: 16px;	font-size: 18px;}.z-bottom2{	display: inline-block;	margin-top: 16px;	font-size: 18px;}.wechat img{display:none;/*默认隐藏*//*.weibo img{display:none;/*默认隐藏*/}./*wechat:hover img{	display:block;/*当鼠标hover时展示*/    /*width: 121px;    height: 121px;    position: fixed;    z-index: 100;    background: rgb(255, 255, 255);}.weibo:hover img{display:block;/*当鼠标hover时展示*/   /* width: 121px;    height: 121px;    position: fixed;    z-index: 100;    background: rgb(255, 255, 255);}.z-bottom2 img{    width: 120px;    height: 120px;}/*************新增鼠标悬停内容结束**************/