.reovews_warp{margin-top: 3%;}
.reovews_warp .title{font-size: 16px;color: var(--conmmonColor);padding-bottom: 4px;border-bottom: 3px solid var(--conmmonColor);display: inline-block;}
.reovews_warp .list{margin-bottom: 3%;}
.reovews_warp .item{display: flex;justify-content: space-between;align-items: start;margin-top: 3%;padding-bottom: 2%;border-bottom: 1px solid #999;}
.reovews_warp .item .avatar{width: 45px;height: 45px;background-color: var(--conmmonColor);border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size:30px;color: #fff;flex-shrink: 0;}
.reovews_warp .item .warp{margin-left: 10px;}
.reovews_warp .item .top{display: flex;justify-content: space-between;align-items: start;color: var(--conmmonColor);}
.reovews_warp .item .top .left{display: flex;flex-direction: column;align-items: start;justify-content: start;}
.reovews_warp .item .top .time{color: #999999;}
.reovews_warp .item .desc{margin: 1% 0;color: #666;}
.reovews_warp .item .desc .c{color: #999;margin-top: 8px;}
.reovews_warp .item .bottom{display: flex;justify-content: space-between;align-items: start;color: #999;}
.reovews_warp .item .bottom .left{display: flex;justify-content: start;align-items: center;}
.reovews_warp .item .bottom .left>span{margin-right: 10px;}
.reovews_warp .item .bottom .left::before{content: ' ';display: inline-block;width: 14px;height: 14px;background: url(../image/fx.webp) no-repeat center/cover;margin-right: 5px;}
.reovews_warp .item .right{display: flex;justify-content: start;align-items: center;}
.reovews_warp .item .right a{display: flex;justify-content: center;align-items: center;color: #999;}
.reovews_warp .item .right .top::before {margin: 0 8px;content: ' ';width: 14px;height: 15px;display: inline-block;background: url(../image/dz.webp) no-repeat center/cover;margin-bottom: 4px;}
.reovews_warp .item .right .down::before{margin: 0 8px;content: ' ';width: 14px;height: 15px;display: inline-block;background: url(../image/dz.webp) no-repeat center/cover;transform: rotate(180deg);}
.reovews_warp .item .right a.active{color: var(--conmmonColor);}


@media only screen and (max-width: 950px) {
	.reovews_warp .item .avatar{display: none;}
	.reovews_warp .item .bottom .left{display: none;}
	.reovews_warp .item .desc{margin: 5% 0;}
	.reovews_warp .item .right{justify-content: end;width: 100%;}
	.reovews_warp .list{margin: 5% 0;}

}