.recommend-block {
    position: relative;
}
.recommend-block .top-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 14px;
}
.recommend-block .top-wrapper .title {
    font-size: 30px;
    color: #222222;
    font-weight: 600;
}
.recommend-block .top-wrapper .see-more-box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.recommend-block .top-wrapper .see-more-box .see-more-btn {
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    text-decoration: underline;
    margin-right: 16px;
}
.recommend-block .top-wrapper .see-more-box .btn-box {
    display: flex;
    justify-content: center;
    align-items: center;
}
.recommend-block .top-wrapper .see-more-box .btn-box .btn-index {
    margin: 0 8px;
    font-size: 16px;
}
.recommend-block .top-wrapper .see-more-box .prev-page, .see-more-box .next-page {
    cursor: pointer;
}
.recommend-block .m-pdt-mini {
    margin-bottom: 0;
}
/*.recommend-block .prev-page {*/
/*    position: absolute;*/
/*    left: 20px;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    width: 32px;*/
/*}*/
/*.pre-btn {*/
/*    position: relative;*/
/*    left: 2px;*/
/*    width: 20px;*/
/*    height: 20px;*/
/*    cursor: pointer;*/
/*    transform: rotate(45deg);*/
/*    border-left: 2px solid #222;*/
/*    border-bottom: 2px solid #222;*/
/*}*/
/*.recommend-block .next-page {*/
/*    position: absolute;*/
/*    right: 20px;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    width: 32px;*/
/*}*/
/*.next-btn {*/
/*    position: relative;*/
/*    right: 2px;*/
/*    width: 20px;*/
/*    height: 20px;*/
/*    cursor: pointer;*/
/*    transform: rotate(-45deg);*/
/*    border-right: 2px solid #222222;*/
/*    border-bottom: 2px solid #222222;*/
/*}*/
/*.recommend-block .prev-page, .recommend-block .next-page {*/
/*    cursor: pointer;*/
/*    z-index: 1;*/
/*    font-size: 0;*/
/*}*/
/*.recommend-block .prev-page, .recommend-block .next-page {*/
/*    display: block;*/
/*}*/
.recommend-block .change-page-btn.cant-click > div{
    border-color: #CCCCCC;
}
.recommend-block .content-list {
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
    padding: 10px 0;
    margin: 0 -8px;
}
.recommend-block .content-list .m-pdt-mini {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}
.recommend-block .content-list .m-pdt-mini .m-item-box {
    border: none;
    padding-bottom: 12px;
}
.recommend-block .content-list .m-pdt-mini:hover .m-item-box {
    border: none;
}
.m-pdt-mini .pdt-name-ctn>span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (min-width: 1200px) {
	.recommend-block .content-list .m-pdt-mini {
		width: 20%;
	}
}
@media (max-width: 1360px) {
	.recommend-block .content-list .m-pdt-mini {
		width: 25%;
	}
}
@media (max-width: 1120px) {
	.recommend-block .content-list .m-pdt-mini {
		width: calc(100% / 3);
	}
}
.recommend-block .m-pdt-mini .pdt-name-ctn:hover .pdt-name {
    text-decoration: underline;
}
.recommend-block .m-pdt-mini .pdt-name-ctn > span {
    color: #222;
}
.recommend-block .m-pdt-mini .pdt-price-ctn .ori-price {
    color: #999
}
.recommend-block .m-wishlist .wishlist-ctn .wishlist-trigger {
    right: 0;
}