body {
    box-sizing: border-box;
}
.line_h_30 {
    font-size: 14px;
}
.single-container {
    margin-top: 0.82rem;
}
.news-banner {
    position: relative;
    margin-top: 0.82rem;
}
.news-banner img {
    width: 100%;
}
.news-banner .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    font-family:  "Microsoft YaHei";
}
.news-banner .swiper-pagination {
    bottom: 0.6rem;
}
.news-banner .swiper-pagination-bullet {
    width: 0.12rem;
    height: 0.12rem;
    margin: 0 .08rem !important;
    background: #fff;
}

.news-banner .swiper-pagination-bullet-active {
    background: #fff;
}



@keyframes goDown { 0% { opacity: 0; transform: translate3d(0, -30px, 0); }  to { opacity: 1; transform: translateZ(0); } }



.news-banner .content h3 {
    position: relative;
    font-size: 0.38rem;
    color: #ffffff;
    font-weight: bold;
    padding-bottom: 0.28rem;
    margin-bottom: 0.32rem;
    font-family:  "Microsoft YaHei";
    animation-name: goDown;
    animation-delay: .4s;
    animation-duration: 1s;
}
.news-banner .content h3::after {
    content: '';
    width: 0.54rem;
    height: 0.02rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
}
.news-banner .content h4 {
    margin-bottom: 0.32rem;
    font-size: 0.54rem;
    color: #ffdaa2;
    font-weight: bold;
    animation-name: goDown;
    animation-delay: .5s;
    animation-duration: 1s;
}
.news-banner .content p {
    font-size: 0.24rem;
    color: #ffffff;
    animation-name: goDown;
    animation-delay: .6s;
    animation-duration: 1s;
}
.news-banner .content a {
    margin-top: 0.55rem;
    width: 1.95rem;
    height: 0.45rem;
    line-height: 0.45rem;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    border-radius: 0.06rem;
    font-size: 0.18rem;
    color: #0d0d0d;
    background-color: #ffffff;
    transition: all .3s;
}
.news-banner .content a:hover {
    background-color: #e1251b;
    color: #fff;
}
.news-navs {
    display: flex;
    align-items: center;
    color: #999;
    font-size: .16rem;
    margin-left: -.1rem;
    margin-bottom: 0.35rem;
}

.news-navs.mt30 {
    margin-top: 0.36rem;
}

.news-navs li {
    width: 1rem;
    text-align: center;
    /* margin-right: .35rem; */
}

.news-navs li a {
    display: inline-block;
    padding-bottom: .15rem;
    font-size: .16rem;
    font-weight: bold;
    color: #000000;
}

.news-navs li.active a,
.news-navs li:hover a {
    color: #e62b00;
    box-shadow: 0 -0.02rem 0 #e62b00 inset;
}

.news-top {
    margin-bottom: 0.5rem;
}
.news-top .index-container {
    display: flex;
    justify-content: space-between;
}
.news-top .news-left-swiper {
    width: 7.6rem;
    height: 4.2rem;
    overflow: hidden;
    border-radius: .1rem;
    font-size: 0;
}
.news-top .news-left-swiper .swiper-slide {
    position: relative;
    height: 4.2rem;
    border-radius: .1rem;
    overflow: hidden;
}
.news-top .news-left-swiper .swiper-slide::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    opacity: 0.5;
    width: 100%;
    height: 40%;
    z-index: 0;
}
.news-top .news-left-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-top .news-left-swiper .swiper-slide h3 {
    position: absolute;
    padding: 0 .28rem;
    bottom: .4rem;
    font-size: 0.2rem;
    color: #ffffff;
    font-weight: bold;
    z-index: 1;
}
.news-top .news-left-swiper .swiper-pagination {
    bottom: .2rem;
}
.news-top .news-left-swiper .swiper-pagination-bullet {
    width: 0.3rem;
    height: 0.02rem;
    border-radius: 0;
    opacity: 0.5;
    z-index: 1;
}
.news-top .news-left-swiper .swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: 1;
}
.news-top .news-left-swiper .swiper-button-next,.news-top .news-left-swiper .swiper-button-prev {
    width: 0.36rem;
    height: 0.36rem;
    opacity: 1;
}
.news-top .news-left-swiper .swiper-button-next::after,.news-top .news-left-swiper .swiper-button-prev::after {
    display: none;
}
.news-top .news-left-swiper .swiper-button-next {
    background: url(../images/news/right_arrow.png);
}
.news-top .news-left-swiper .swiper-button-prev {
    background: url(../images/news/left_arrow.png);
}

.news-top .news-right-swiper {
    margin-left: 0.2rem;
    width: 6.2rem;
}
.news-top .news-right-swiper ul {
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
}
.news-top .news-right-swiper ul li {
    position: relative;
    overflow: hidden;
    width: 3rem;
    height: 2rem;
    border-radius: .06rem;
    margin-right: 0.2rem;
    margin-bottom: 0.2rem;
}
.news-top .news-right-swiper ul li:nth-of-type(2n) {
    margin-right: 0;
}
.news-top .news-right-swiper ul li:nth-of-type(n+2) {
    margin-bottom: 0;
}
.news-top .news-right-swiper ul li::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    opacity: 0.5;
    width: 100%;
    height: 40%;
    z-index: 0;
}
.news-top .news-right-swiper ul li a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-top .news-right-swiper ul li:hover a img {
    transform: scale(1.1);
    transition: all .3s;
}
.news-top .news-right-swiper ul li a h3 {
    position: absolute;
    padding: 0 .2rem;
    bottom: 0.2rem;
    font-size: 0.16rem;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1;
}


.news-list {
    margin-top: 0.35rem;
    display: flex;
    justify-content: space-between;
    font-size: 0;
}
.news-list .news-list-left {
    width: 9.6rem;
}
.news-list .news-nav {
    margin-bottom: 0.3rem;
}
.news-list .news-nav ul {
    display: flex;
}
.news-list .news-nav ul li {
    position: relative;
    padding: 0 .24rem;
}
.news-list .news-nav ul li::after {
    content: '';
    position: absolute;
    width: 0.02rem;
    height: 0.2rem;
    background-color: #c0c0c0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.news-list .news-nav ul li:first-child {
    padding-left: 0;
}
.news-list .news-nav ul li:first-child::after {
    display: none;
}

.news-list .news-nav ul li a {
    font-size: 0.22rem;
    color: #262626;
    font-weight: bold;
    transition: all .3s;
}
.news-list .news-nav ul li.current a,.news-list .news-nav ul li:hover a  {
    font-size: 0.26rem;
    color: #e1251b;
}


.news-lists {

}
.news-lists.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.news-lists li {
    margin-bottom: 0.3rem;
    display: flex;
    overflow: hidden;
}
.news-lists.flex li {
    width: 48%;
}
.news-lists li:last-child {
    margin-bottom: 0;
}
.news-lists.flex li:nth-last-child(2) {
    margin-bottom: 0;
}
.news-lists li a.img {
    flex-shrink: 0;
    margin-right: 0.3rem;
    width: 2.6rem;
    height: 1.75rem;
    overflow: hidden;
    border-radius: 0.06rem;
}
.news-lists.flex li a.img {
    width: 2.3rem;
    height: 1.8rem;
    margin-right: 0.2rem;
}
.news-lists li a.img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-lists li .con {
    flex: 1;
    width: 70%;
    text-overflow: ellipsis;
}
.news-lists.flex li .con {
    width: 2.1rem;
}

.news-lists li .con h3 {
    display: flex;
    align-items: center;
}
.news-lists li .con h3 span {
    width: 0.6rem;
    height: 0.24rem;
    margin-right: 0.08rem;
    line-height: 0.28rem;
    text-align: center;
    font-size: 0.12rem;
    color: #ffffff;
    border-radius: 0.04rem;
    background-color: #fe7e33;
}
.news-lists li .con h3 a {
    font-weight: bold;
    font-size: 0.2rem;
    color: #333333;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .3s;
}
.news-lists.flex li .con h3 a {
    flex: 1;
}
.news-lists li:hover .con h3 a {
    color: #e1251b;
}
.news-lists li .con .meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.15rem 0;
    margin-bottom: 0.2rem;
    font-size: 0.12rem;
    color: #999999;
}
.news-lists li .con .meta span {
    font-size: 0.12rem;
}
.news-lists li .con .meta img {
    width: 0.2rem;
    height: 0.12rem;
    margin-right: 0.05rem;
}
.news-lists li .con p.desc {
    margin-bottom: 0.24rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 0.14rem;
    color: #666666;
}
.news-lists.flex li .con p.desc {
    -webkit-line-clamp: 3;
}
.news-lists li .con .items {
    display: flex;
    align-items: center;
}
.news-lists li .con .items .item {
    /* width: 0.6rem; */
    line-height: 0.24rem;
    border-radius: 0.04rem;
    margin-right: 0.05rem;
    padding: 0 .1rem;
    text-align: center;
    font-size: 0.12rem;
    color: #666666;
    background-color: #f7f7f7;
}

.ad {
    margin: .35rem 0;
}
.ad img {
    width: 100%;
}
.other-news {
    margin-bottom: 0.25rem;
}
.other-news .swiper-wrapper {
    padding: 0 0.4rem;
}
.other-news .swiper-slide {
    width: 1.6rem;
    margin-right: 0.22rem;
}
.other-news .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.other-news .swiper-button-next,.other-news .swiper-button-prev {
    width: 0.22rem;
    height: 1.6rem;
    opacity: 1;
    background-color: #efefef;
    margin-top: 0;
    top: 0;
}
.other-news .swiper-button-next::after,.other-news .swiper-button-prev::after {
    color: #b3b3b3;
    opacity: 1;
    font-size: 0.12rem;
}
.other-news .swiper-button-next {
    right: 0;
}
.other-news .swiper-button-prev {
    left: 0;
}
.other-news .swiper-slide .content {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 0.06rem;
    overflow: hidden;
    position: relative;
    display: block;
}
.other-news .swiper-slide .content::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    opacity: 0.5;
    width: 100%;
    height: 40%;
    z-index: 0;
}
.other-news .swiper-slide .content p {
    position: absolute;
    z-index: 1;
    bottom: 0;
    padding: 0.05rem 0.1rem;
    font-size: 0.14rem;
    color: #ffffff;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.other-news .swiper-slide h3 {
    text-align: center;
    margin: 0.14rem 0;
    font-size: 0.16rem;
    font-weight: bold;
    color: #333333;
}



.pagination .pageul .pageli a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: .35rem;
    height: .35rem;
    font-size: .16rem;
    color: #333333;
}
  
.pagination .pageul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination .pageul .pageli {
    border: 1px solid #d4d4d4;
    margin-right: -1px;     
    margin-bottom: -1px;
    transition: all .3s;
}


.pagination .pageul .pageli:hover,
.pagination .pageul .pageli.active {
    background-color: #e01c26;
    border: 1px solid #e01c26;
}

.pagination .pageul .pageli:hover a,
.pagination .pageul .pageli.active a {
    color: #fff;
}

.pagination .pageul .pageli.active a {
    color: #fff;
}

.pagination {
    margin: 0.4rem 0 0.8rem;
}
.pagination .left {
    margin-right: .12rem;
}
.pagination .left a span {
    color: #cdcdcd;
    font-size: .16rem;
}
.pagination .right a span {
    font-size: .16rem;
}
.pagination .right {
    margin-left: .12rem;
}
.pagination a:hover span {
    color: #fff;
}
.paginator select {
    outline: none;
    padding: 0.05rem 0.15rem;
    font-size: .16rem;
    border: 1px solid #d4d4d4;
    margin-left: .27rem;
    box-sizing: border-box;
}
.pagination select::-ms-expand { 
    display: none;
}
.pagination select{
    height: 0.35rem;
    padding-right: 0.25rem;
    color: #333333;
    background:#fff url(../images/news/select_ico.png) no-repeat center;
    background-position-x: 0.9rem;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}


.tcontent-search {
    display: flex;
    align-items: center;
}
.tcontent-search h3 {
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    color:#666;
    line-height: 0.16rem;
    border-right: 1px solid #ccc;
    padding-right: 0.15rem;
    margin-right: 0.15rem;
    font-family: "思源黑体 Normal";
}
.tcontent-search h3 img {
    margin-right: 0.1rem;
    width: 0.16rem;
}
.tcontent-search a {
    padding:0.05rem 0.15rem;
    line-height: 1.5;
    border-radius: 0.99rem;
    background-color: #f7f7f7;
    margin-right:  0.1rem;
    font-size: 0.14rem;
    color: #666666;
    font-family: "思源黑体 Normal";
}
.tcontent-search a img {
    width: 0.07rem;
    margin-left: 0.05rem;
}
.tcontent-search a:hover {
    background-color: #e60012;
    color: #fff;
}
.tcontent-search a:hover img {
    -webkit-filter: grayscale(100%) brightness(1000%);
    filter: grayscale(100%) brightness(1000%);
}
.news-list-right {
    /* padding-top: 0.6rem; */
}
.news-right-box {
    width: 3.8rem;
    margin-bottom: 0.28rem;
    border-radius: 0.1rem;
    padding: .28rem .3rem;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 0.1rem 0.3rem 0 rgba(64, 74, 127, 0.1);
}
.news-right-box-t {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.24rem;
}
.news-right-box-t h3 {
    font-size: 0.24rem;
    color: 333333;
    font-weight: bold;
}
.news-right-box-t img {
    width: 0.2rem;
}
.news-right-box-t a {
    font-size: 0.14rem;
    color: #262626;
}
.news-right-box-t a img {
    margin-left: 0.05rem;
}

.news-right-box1 ul {

}
.news-right-box1 ul li {
    position: relative;
    margin-bottom: 0.2rem;
    padding-left: 0.28rem;
    overflow: hidden;
}
.news-right-box ul li:last-of-type {
    margin-bottom: 0;
}
.news-right-box1 ul li::before {
    content: '';
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 0.2rem;
    height: 0.2rem;
    font-size: 0.12rem;
    color: #ffffff;
    background-color: #ffd31b;
}
.news-right-box1 ul li:nth-child(1)::before {
    content: '1';
    background-color: #f83244;
}
.news-right-box1 ul li:nth-child(2)::before {
    content: '2';
    background-color: #fe7e33;
}
.news-right-box1 ul li:nth-child(3)::before {
    content: '3';
    background-color: #feaf24;
}
.news-right-box1 ul li:nth-child(4)::before {
    content: '4';
}
.news-right-box1 ul li:nth-child(5)::before {
    content: '5';
}
.news-right-box1 ul li:nth-child(6)::before {
    content: '6';
}
.news-right-box1 ul li:nth-child(7)::before {
    content: '7';
}
.news-right-box1 ul li:nth-child(8)::before {
    content: '8';
}
.news-right-box1 ul li:nth-child(9)::before {
    content: '9';
}
.news-right-box1 ul li:nth-child(10)::before {
    content: '10';
}
.news-right-box1 ul li a {
    display: block;
    font-size: 0.14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-right-box.ad {
    position: relative;
    width: 3.8rem;
    height: 2.1rem;
    margin-bottom: 0.28rem;
    padding: 0;
    border-radius: 0.1rem;
    text-align: center;
    font-family: "思源黑体 Normal";
    color: #fff;
    background: url(../images/news/ad_bg.png) no-repeat;
    background-size: contain;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.news-right-box.ad h3 {
    font-size: 0.26rem;
    font-weight: bold;
    margin-bottom: 0.16rem;
    text-align: center;
}
.news-right-box.ad p {
    margin-bottom: 0.2rem;
    font-size: 0.18rem;
}
.news-right-box.ad a {
    display: inline-block;
    width: 1.4rem; 
    line-height: 0.4rem; 
    font-size: 0.18rem;
    color: #0f8ffe;
    border-radius: .2rem;
    background-color: #fff;
}
.news-right-box2 li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.2rem;
}
.news-right-box2 li .img {
    width: 1rem;
    height: 0.68rem;
    overflow: hidden;
    flex-shrink: 0;
}
.news-right-box2 li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-right-box2 li .con {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 2.1rem;
}
.news-right-box2 li .con h3 a {
    font-size: 0.16rem;
    color: #333333;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-right-box2 li .con p {
    font-size: 0.12rem;
    color: #999999;
}

.news-right-box3 li {
    width: 100%;
    height: 2.38rem;
    margin-bottom: 0.23rem;
    position: relative;
    border-radius: 0.04rem;
    overflow: hidden;
}
.news-right-box3 li::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    opacity: 0.8;
    width: 100%;
    height: 40%;
    z-index: 0;
}
.news-right-box3 li a {
    display: block;
    width: 100%;
    height: 100%;
}
.news-right-box3 li a > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s;
}
.news-right-box3 li:hover a > img {
    transform: scale(1.1);
}
.news-right-box3 li .con {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    padding: 0.2rem;
    box-sizing: border-box;
}
.news-right-box3 li .con h3 {
    margin-bottom: 0.1rem;
    font-family: "思源黑体 Normal";
    font-weight: 400;
    font-size: 0.16rem;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-right-box3 li .listbtn {
    display: flex;
    overflow: hidden;
    transform: translateY(5px);
    height: 0;
    opacity: 0;
    transition: all .3s;
}
.news-right-box3 li:hover .listbtn {
    transform: translateY(0);
    margin-bottom: 0.1rem;
    height: 0.28rem;
    opacity: 1;
}
.news-right-box3 li .listbtn .btn {
    width: auto;
    display: flex;
    align-items: center;
    padding: 0 0.12rem;
    height: 0.28rem;
    font-size: 0.12rem;
    color: #fff;
    border-radius: 0.04rem;
}
.news-right-box3 li .listbtn .btn img {
    width: 0.13rem;
    height: auto;
    margin-right: 0.04rem;
}
.news-right-box3 li .listbtn .btn.cart {
    background-color: #d9001b;
    margin-right: 0.08rem;
}
.news-right-box3 li .listbtn .btn.collect {
    background-color: #ff9b35;
}

.news-right-box3 li .con .price {
    display: flex;
    font-size: 0.14rem;
    justify-content: space-between;
}
.news-right-box3 li .con .price span {
    font-weight: bold;
    font-size: 0.14rem;
    color: #ffff;
}
.news-right-box3 li .con em {
    font-style: normal;
    font-size: 0.14rem;
    color: #fff;
}
.news-right-box3 li .con b {
    font-style: normal;
    color: #e1251b;
    vertical-align: text-bottom;
}
.news-right-box.bbs {
    padding: 0;
}
.bbs img {
    width: 100%;
}


ul.news-tag {
    display: flex;
    margin-bottom: 0.45rem;
}
ul.news-tag li {
    position: relative;
    width: 1.78rem;
    height: 1.6rem;
    border-radius: 0.06rem;
    overflow: hidden;
    margin-right: 0.15rem;
}
ul.news-tag li:last-of-type {
    margin-right: 0;
}
ul.news-tag li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
ul.news-tag li h3 {
    padding: .12rem .16rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 0.14rem;
    color: #ffffff;
    z-index: 1;
}
ul.news-tag li::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    opacity: 0.8;
    width: 100%;
    height: 40%;
    z-index: 0;
}

.news-list-left .tabs .tab {
    display: none;
}
.news-list-left .tabs .tab:first-of-type {
    display: block;
}

.within-rec {
    flex-wrap: wrap;
}
.within-rec .item {
    margin-bottom: 0.15rem;
}
.side-article .article-list .item .item-text {
    width: 2.1rem;
}
.threed-con {
    height: 2.35rem;
    margin: .25rem 0;
    padding: .24rem .3rem;
    box-sizing: border-box;
    background-color: #f7f7f7;
    border-radius: 0.06rem;
}
.threed-con h4 {
    font-size: 0.16rem;
    color: #333333;
    margin-bottom: 0.05rem;
    font-weight: bold;
}
.threed-con p {
    font-size: 0.14rem;
    color: #b9b9b9;
    line-height: 2;
}
.btnns {
    margin-bottom: 0.2rem;
    display: flex;
    justify-content: space-between;
}
.btnns a {
    width: 1.35rem;
    height: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48%;
    font-size: 0.14rem;
    color: #ffffff;
    border-radius: 0.06rem;
    background-color: #d7001b;
}
.btnns a:last-of-type {
    background-color: #ff9c36;
}
.btnns a img {
    margin-right: 0.06rem;
}
.yonghu {
    font-size: 0.14rem;
    color: #333333;
    text-align: center;
}
.yonghu span {
    color: #d7001b;
    font-weight: bold;
    font-size: 0.32rem;
}