.header-tag {
    display: flex;
    align-items: center;
    margin: .3rem 0 .6rem;
}

.header-tag>span {
    display: flex;
    align-items: center;
    color: #666;
    font-size: .14rem;
    margin-left: .05rem;
    padding-right: .15rem;
    position: relative;
}

.header-tag>span::after {
    content: '';
    width: 1px;
    height: .16rem;
    background: #ccc;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.header-tag span img {
    width: .16rem;
    margin-right: .1rem;
}

.header-tag>a {
    display: flex;
    align-items: center;
    color: #666;
    font-size: .14rem;
    border-radius: .15rem;
    background: #e2e2e2;
    margin-left: .15rem;
    padding: .06rem .14rem;
    transition: all .3s;
}

.header-tag>a:hover {
    color: #fff;
    background: #e62b00;
}

.header-tag>a .hot {
    color: #fff;
    font-size: .09rem;
    border-radius: .02rem;
    background: #fe7e33;
    margin-left: .04rem;
    padding: 0 .02rem;
}

.header-tag>a .iconfont {
    font-size: .12rem;
    margin-left: .05rem;
}

.case-nav {
    display: flex;
    align-items: center;
    color: #999;
    font-size: .16rem;
    margin-left: -.1rem;
}

.case-nav li {
    width: 1.2rem;
    text-align: center;
    /* margin-right: .35rem; */
}

.case-nav li a {
    font-size: 0.16rem;
    display: inline-block;
    padding-bottom: .08rem;
    border-bottom: .04rem solid none;
}

.case-nav li.active a,
.case-nav li:hover a {
    font-size: .2rem;
    font-weight: bold;
    color: #e62b00;
    border-bottom: .04rem solid #e62b00;
}

.header-rec {
    margin-top: .4rem;
    box-shadow: 0px 0px 10px 5px #f7f7f7;
}

.header-rec .rec-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .3rem .3rem 0;
}

.header-rec .rec-title h3 {
    color: #333;
    font-size: .24rem;
    font-weight: bold;
}

.header-rec .rec-title a {
    display: flex;
    align-items: center;
    color: #e1251b;
    font-size: .14rem;
}

.header-rec .rec-title a img {
    width: .2rem;
    margin-right: .05rem;
}

.header-rec .rec-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 .3rem .3rem;
}

.header-rec .rec-list .rec-item {
    width: 47%;
    display: flex;
    margin-top: .3rem;
}

.header-rec .rec-list .rec-item .item-img {
    width: 2.8rem;
    height: 1.85rem;
    border-radius: .06rem;
    margin-right: .2rem;
    flex-shrink: 0;
    overflow: hidden;
}

.header-rec .rec-list .rec-item .item-img a img {
    width: 100%;
    object-fit: cover;
    transition: all 1.5s;
}

.header-rec .rec-list .rec-item .item-img:hover a img {
    transform: scale(1.1);
}

.header-rec .rec-list .rec-item .item-text h3 {
    margin-top: .15rem;
}

.header-rec .rec-list .rec-item .item-text h3 a {
    color: #333;
    font-size: .18rem;
    font-weight: bold;
    transition: all .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.header-rec .rec-list .rec-item .item-text h3 a:hover {
    color: #e1251b;
}

.header-rec .rec-list .rec-item .item-text p {
    color: #666;
    font-size: .14rem;
    line-height: .24rem;
    margin: .15rem 0 .25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.header-rec .rec-list .rec-item .item-text .item-tag {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-rec .rec-list .rec-item .item-text .item-tag .tag {
    color: #e1251b;
    font-size: .12rem;
    border: 1px solid #e1251b;
    border-radius: .04rem;
    padding: .03rem .05rem;
    width: 0.6rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    margin-top: 0;
}

.header-rec .rec-list .rec-item .item-text .item-tag .spans {
    display: flex;
    align-items: center;
}

.header-rec .rec-list .rec-item .item-text .item-tag .spans span {
    display: flex;
    align-items: center;
    color: #999;
    font-size: .12rem;
    margin-left: .15rem;
}

.header-rec .rec-list .rec-item .item-text .item-tag .spans span img {
    width: .16rem;
    margin-right: .1rem;
}

.header-rec .rec-list .rec-item .item-text .item-tag .spans span:nth-child(2) img {
    width: .2rem;
}

.header-rec .rec-list .rec-item .item-text .item-tag .spans span:nth-child(2) img {
    width: .15rem;
}

/* 精选案例 */
.handpick-title {
    margin-top: .65rem;
    margin-bottom: .3rem;
}

.handpick-title h3 {
    color: #333;
    font-size: .4rem;
    font-weight: bold;
}

.handpick-content {
    display: flex;
    justify-content: space-between;
}

.handpick-content .handpick-left {
    width: 69%;
}

.handpick-list {
    display: flex;
    flex-wrap: wrap;
}

.handpick-list .title {
    color: #000;
    font-size: .18rem;
    font-weight: bold;
    margin-bottom: .15rem;
}

.handpick-list .title a {
    font-size: .18rem;
    transition: all .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.handpick-list .title a:hover {
    color: rgb(225, 37, 27);
}

.example {
    width: 3rem;
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: .06rem;
    margin-right: .26rem;
    margin-bottom: .2rem;
}

.example:nth-child(3n) {
    margin-right: 0;
}

.example .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s;
}

.example .img {
    overflow: hidden;
    border-top-left-radius: 0.06rem;
    border-top-right-radius: 0.06rem;
}

.example .img a:hover>img {
    transform: scale(1.1);
}

.example:hover .title a {
    color: #e62b00;
}

.handpick-list .box {
    padding: .2rem;
}

.handpick-list .intro {
    color: rgb(102, 102, 102);
    font-size: .14rem;
    line-height: .24rem;
    margin-bottom: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.handpick-list .label {
    font-size: .12rem;
    color: rgb(225, 37, 27);
    border: 1px solid rgb(225, 37, 27);
    padding: 0.03rem 0.05rem;
    border-radius: 0.06rem;
    width: 0.6rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    transition: all .3s;
}

.handpick-list .bottom {
    display: flex;
    justify-content: space-between;
}

.example:hover .box .label {
    background-color: rgb(225, 37, 27);
    color: #fff;
}

.handpick-list .item {
    font-size: .12rem;
    font-family: "Microsoft YaHei";
    color: rgb(153, 153, 153);
    display: flex;
    align-items: center;

}

.handpick-list .item img {
    margin-right: 0.05rem;
    width: .16rem;

}

.handpick-list .item:nth-child(3) img {
    width: .2rem;
}

.handpick-list .item:nth-child(4) img {
    width: .15rem;
}

.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 {
    /* margin: 0 5px; */
    border: 1px solid #d4d4d4;
    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.2rem 0 0.5rem;
}

.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;

}
.paginator select {
    padding: 5px;
    font-size: .16rem;
    border: 1px solid #d4d4d4;
    margin-left: .27rem;
    background-color: #fff;
  }
  
select:focus {
    outline: none;
}
.other-case>h3{
    color: #333;
    font-size: .4rem;
    font-weight: bold;
    margin-bottom: .35rem;
}
.handpick-content .handpick-right {
    width: 27.142857%;
}

.hot-top {
    padding: .25rem .2rem .15rem .3rem;
    box-shadow: 0px 0px 10px 5px #f7f7f7;
}

.hot-top h3 {
    color: #333;
    font-size: .24rem;
    font-weight: bold;
    margin-bottom: .2rem;
}

.hot-top .hot-list .hot-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .15rem;
}

.hot-top .hot-list .hot-item .left {
    display: flex;
    align-items: center;
}

.hot-top .hot-list .hot-item .left span {
    width: .2rem;
    height: .2rem;
    color: #fff;
    font-size: .12rem;
    line-height: .2rem;
    text-align: center;
    border-radius: .02rem;
    background: #ffd31b;
    flex-shrink: 0;
}

.hot-top .hot-list .hot-item:nth-child(1) .left span {
    background: #f83244;
}

.hot-top .hot-list .hot-item:nth-child(2) .left span {
    background: #fe7e33;
}

.hot-top .hot-list .hot-item:nth-child(3) .left span {
    background: #feaf24;
}

.hot-top .hot-list .hot-item .left a {
    width: 85%;
    color: #333;
    font-size: .14rem;
    margin-left: .1rem;
    transition: all .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.hot-top .hot-list .hot-item .left a:hover {
    color: #e62b00;
}

.hot-top .hot-list .hot-item .right {
    display: flex;
    align-items: center;
    width: 78px;
    justify-content: flex-end;
}

.hot-top .hot-list .hot-item .right img {
    width: .2rem;
    margin-right: .05rem;
}

.hot-top .hot-list .hot-item .right span {
    color: #999;
    font-size: .12rem;
}

/* 侧边栏  热点模型 */
.hot-model {
    box-shadow: 0px 0px 10px 5px #f7f7f7;
    padding: .25rem .2rem .15rem .3rem;
    margin-top: .3rem;
}

.hot-model .hmodel-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .2rem;
}

.hot-model .hmodel-title h3 {
    color: #333;
    font-size: .24rem;
    font-weight: bold;
}

.hot-model .hmodel-title a {
    display: flex;
    align-items: center;
    color: #e1251b;
    font-size: .14rem;
}

.hot-model .hmodel-title a img {
    width: .2rem;
    margin-right: .05rem;
}

.hot-model .hmodel-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 210px;
}

.hot-model .hmodel-list .hmodel-item {
    display: flex;
    align-items: center;
    width: 49%;
    margin-bottom: .15rem;
}

.hot-model .hmodel-list .hmodel-item span {
    width: .2rem;
    height: .2rem;
    color: #fff;
    font-size: .12rem;
    line-height: .2rem;
    text-align: center;
    border-radius: .02rem;
    background: #f83244;
    margin-right: .1rem;
    flex-shrink: 0;
}

.hot-model .hmodel-list .hmodel-item a {
    color: #333;
    font-size: .14rem;
    transition: all .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.hot-model .hmodel-list .hmodel-item a:hover {
    color: #e62b00;
}
/* 3D打印案例-详情 */
.crumbs{color: #999; font-size: .14rem; line-height: .2rem;padding: .3rem 0 .4rem;margin-top: 0.82rem;}
.crumbs img{position: relative;top: .02rem;margin-right:.05rem;}
.crumbs a{color:#999; font-size: .14rem; display: inline-block;margin:0 .05rem;}
.crumbs a:hover{color:#e1251b;}
.crumbs span{color:#e1251b;font-size: .14rem;}
.detail-content{
    display: flex;
    justify-content: space-between;
}
.detail-content .detail-article{
    width: 68.57143%;
}
.article-title{
    padding: 0 0 .3rem;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.3rem;
}
.article-title h1{
    color: #333;
    font-size: .3rem;
    text-align: center;
}
.article-title p{
    text-align: center;
    margin-top: .25rem;
}
.article-title p span{
    color: #999;
    font-size: .14rem;
    margin: 0 .12rem;
}
.article-content {
    font-size: .16rem;
}
.article-content span,.article-content a {
    font-size: .16rem;
}
.article-content p{
    color: #333;
    font-size: .16rem;
    line-height: 1.5;
    /* margin-top: .3rem; */
}
.article-content img{
    max-width: 100%;
    margin-top: .1rem;
    margin-bottom: 0.1rem;
}
.tag{
    color: #666;
    font-size: .14rem;
    margin-top: .35rem;
}
.tag span{
    color: #e1251b;
    font-size: .12rem;
    background: #fce9e8;
    padding: .04rem .07rem;
    margin-left: .1rem;
}
.zan{
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #ddd;
    margin-top: .4rem;
    padding-bottom: .4rem;
}
.zan a{
    display: flex;
    align-items: center;
    color: #999;
    font-size: .16rem;
    border: 1px solid #999;
    border-radius: .2rem;
    padding: .09rem .3rem;
    margin: 0 .2rem;
}
.zan a span {
    font-size: 0.16rem;
}
.zan a.red{
    color: #e1251b;
    border: 1px solid #e1251b;
}
.zan a img{
    margin-right: .1rem;
    margin-left: 0.1rem;
}
.chapter{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: .3rem  0;
}
.chapter li{
    color: #666;
    font-size: .14rem;
}
.chapter li a{
    color: #666;
    font-size: 14px;
}
.chapter li a:hover{
    color: #e1251b;
}
.share{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.share span{
    color: #666;
    font-size: .14rem;
}
.share a{
    margin-left: .1rem;
}
.share a img{
    width: .32rem;
}
.main-review .review-input{
    box-shadow: 0 0 .1rem .05rem #f7f7f7;
}
.other-case{
    margin-top: .6rem;
}
.detail-side{
    width: 27.14286%;
}
.detail-side .detail-hot{
    box-shadow: 0 0 .1rem .05rem #f7f7f7;
    padding: .3rem .2rem .3rem .3rem;
    margin-bottom: .3rem;
}
.detail-hot .hot-title{
    display: flex;
}
.detail-hot .hot-title li{
    color: #333;
    font-size: .24rem;
    font-weight: bold;
    cursor: pointer;
    transition: all .3s;
    margin-right: .4rem;
    position: relative;
}
.detail-hot .hot-title li.active,
.detail-hot .hot-title li:hover{
    color: #e1251b;
}
.detail-hot .hot-title li:first-child::before{
    content: '';
    display: block;
    width: 1px;
    height: .22rem;
    background: #ddd;
    position: absolute;
    top: 50%;
    right: -.2rem;
    transform: translateY(-50%);
}
.detail-hot .hot-list .hot-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .2rem;
}
.detail-hot .hot-list .hot-item a{
    color: #333;
    font-size: .14rem;
    padding-left: .2rem;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.detail-hot .hot-list .hot-item a::before{
    content: '';
    display: block;
    width: .06rem;
    height: .06rem;
    border-radius: 50%;
    background: #666;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.detail-hot .hot-list .hot-item a:hover{
    color: #e1251b;
}
.detail-hot .hot-list .hot-item span{
    display: flex;
    align-items: center;
    color: #999;
    font-size: .12rem;
}
.detail-hot .hot-list .hot-item span img{
    width: .2rem;
    margin-right: .05rem;
}
.detail-cor{
    box-shadow: 0 0 .1rem .05rem #f7f7f7;
    padding: .3rem;
}
.detail-cor h3{
    color: #333;
    font-size: .24rem;
    font-weight: bold;
}
.detail-cor .cor-list{
    display: flex;
    flex-wrap: wrap;
}
.detail-cor .cor-list .cor-item{
    width: 1rem;
    margin-right: .1rem;
    margin-top: .2rem;
}
.detail-cor .cor-list .cor-item:nth-child(3n){
    margin-right: 0;
}
.detail-cor .cor-list .cor-item .item-img{
    width: 100%;
    border-radius: .06rem;
    overflow: hidden;
}
.detail-cor .cor-list .cor-item .item-img img{
    width: 100%;
    object-fit: cover;
    transition: all .3s;
}
.detail-cor .cor-list .cor-item p{
    color: #333;
    font-size: .14rem;
    text-align: center;
    margin-top: .1rem;
    transition: all .3s;
}
.detail-cor .cor-list .cor-item:hover .item-img img{
    transform: scale(1.1);
}
.detail-cor .cor-list .cor-item:hover p{
    color: #e1251b;
}

.detail-rec{
    box-shadow: 0 0 .1rem .05rem #f7f7f7;
    padding: .3rem;
    margin-top: .3rem;
}
.detail-rec h3{
    color: #333;
    font-size: .24rem;
    font-weight: bold;
}
.detail-rec .rec-list{
    display: flex;
    flex-wrap: wrap;
}
.detail-rec .rec-list .rec-item{
    width: 1.5rem;
    margin-right: .2rem;
    margin-top: .18rem;
}
.detail-rec .rec-list .rec-item:nth-child(2n){
    margin-right: 0;
}
.detail-rec .rec-list .rec-item .item-img{
    width: 100%;
    border-radius: .06rem;
    overflow: hidden;
}
.detail-rec .rec-list .rec-item .item-img img{
    width: 100%;
    height: 1.2rem;
    object-fit: cover;
    transition: all .3s;
}
.detail-rec .rec-list .rec-item p{
    color: #333;
    font-size: .16rem;
    margin-top: .1rem;
    margin-bottom: .05rem;
    transition: all .3s;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.detail-rec .rec-list .rec-item span{
    color: #e1251b;
    font-size: .14rem;
}
.detail-rec .rec-list .rec-item:hover .item-img img{
    transform: scale(1.1);
}
.detail-rec .rec-list .rec-item:hover p{
    color: #e1251b;
}
/* 新闻资讯详情 */
.ad-detail{
    display: block;
    width: 100%;
    margin-top: .35rem;
}
.within-title{
    color: #262626;
    font-size: .4rem;
    font-weight: bold;
    margin: .55rem 0 .35rem;
}
.within-rec{
    display: flex;
    justify-content: space-between;
}
.within-rec .item{
    width: 4.7rem;
    display: flex;
    border: 1px solid #e4e4e4;
    border-radius: .06rem;
}
.within-rec .item .img{
    width: 2rem;
    border-radius: .06rem;
    overflow: hidden;
    flex-shrink: 0;
}
.within-rec .item .img img{
    width: 100%;
    object-fit: cover;
    transition: all .3s;
}
.within-rec .item .item-text{
    width: 2.7rem;
    padding: .2rem;
}
.within-rec .item .item-text h4{
    color: #333;
    font-size: .16rem;
}
.within-rec .item .item-text p{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: .2rem 0;
}
.within-rec .item .item-text p .price{
    color: #e1251b;
    font-size: .14rem;
}
.within-rec .item .item-text p .num{
    color: #666;
    font-size: .14rem;
}
.within-rec .item .item-text p .num em{
    color: #e1251b;
    font-style: normal;
    font-weight: normal;
}
.within-rec .item .item-text .bottom{
    display: flex;
    align-items: center;
}
.within-rec .item .item-text .bottom span{
    display: flex;
    align-items: center;
    color: #999;
    font-size: .12rem;
    margin-right: .1rem;
}
.within-rec .item .item-text .bottom span img{
    width: .16rem;
    margin-right: .05rem;
}
.within-rec .item .item-text .bottom span:nth-child(2) img{
    width: .2rem;
}
.within-rec .item .item-text .bottom span:nth-child(3) img{
    width: .14rem;
}
.within-rec .item:hover .img img{
    transform: scale(1.1);
}
.within-rec .item:hover .item-text h4{
    color: #e1251b;
}
.within-rec.related{
    flex-wrap: wrap;
}
.within-rec.related .item{
    border: none;
    margin-bottom: .3rem;
}
.within-rec.related .item .item-text{
    padding-top: .1rem;
}
.within-rec.related .item .item-text h4{
    line-height: .3rem;
    min-height: .6rem;
    margin-bottom: .3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.within-rec.related .item .item-text span{
    color: #999;
    font-size: .14rem;
}
.detail-side .side-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.detail-side .side-title h3{
    display: flex;
    align-items: center;
    color: #333;
    font-size: .24rem;
    font-weight: bold;
}
.detail-side .side-title h3 img{
    width: .23rem;
    margin-right: .15rem;
}
.detail-side .side-title h3 img.rec{
    width: .28rem;
}
.detail-side .side-title h3 img.article01{
    width: .28rem;
}
.detail-side .side-title h3 img.article02{
    width: .28rem;
}
.detail-side .side-title a{
    display: flex;
    align-items: center;
    color: #262626;
    font-size: .14rem;
}
.detail-side .side-title a img{
    width: .2rem;
    margin-left: .1rem;
}
.hot-tag{
    border-radius: .1rem;
    box-shadow: 0 0 .1rem .05rem #f7f7f7;
    padding: .3rem;
    margin-bottom: .3rem;
}
.hot-tag .tag-list{
    display: flex;
    flex-wrap: wrap;
    margin-top: .1rem;
}
.hot-tag .tag-list li{
    margin-right: .1rem;
    margin-top: .1rem;
}
.hot-tag .tag-list li a{
    display: block;
    color: #666;
    font-size: .14rem;
    border-radius: .02rem;
    background: #f7f7f7;
    padding: .06rem .15rem;
    transition: all .3s;
}
.hot-tag .tag-list li a:hover{
    color: #fff;
    background: #e01c26;
}
.side-article{
    border-radius: .1rem;
    box-shadow: 0 0 .1rem .05rem #f7f7f7;
    padding: .3rem;
    margin-bottom: .3rem;
}
.side-article .article-list .item{
    display: flex;
    margin-top: .2rem;
}
.side-article .article-list .item .img{
    width: 1rem;
    border-radius: .06rem;
    overflow: hidden;
}
.side-article .article-list .item .img img{
    width: 100%;
    object-fit: cover;
    transition: all .3s;
}
.side-article .article-list .item .item-text{
    margin-left: .1rem;
}
.side-article .article-list .item .item-text h4{
    color: #333;
    font-size: .16rem;
    margin-top: .05rem;
    margin-bottom: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.side-article .article-list .item .item-text span{
    color: #999;
    font-size: .12rem;
}
.side-article .article-list .item:hover .img img{
    transform: scale(1.1);
}
.side-article .article-list .item:hover .item-text h4{
    color: #e01c26;
}

.main-review .review-input button {
    border: none;
}

.main-review .review-input .review-text {
    resize: none;
}