/*支付成功、失败关联产品*/
.related-products-box .related-title{text-align: center;padding: 50px 0 40px;}
.related-products-box .related-title p{line-height: 40px;width: auto; display: inline-block;vertical-align: middle;height: 1px;background-color: #C7C7C7;}
.related-products-box .related-title p span{display: inline-block;vertical-align: middle;background-color: #fff;line-height: 40px;margin: 0 50px;padding: 0 20px;font-size: 20px;color: #999;margin-top: -40px;}
.related-products-box { width: 70%;margin: 0 auto;position: relative;padding-left: 48px;padding-right: 48px;display: block;}
.related-products-box .box-btn {opacity: 0.6; position: absolute; top: 50%;margin-top: -20px; display: block; width: 25px;height: 45px; background-repeat: no-repeat; background-position: center; }
.related-products-box .box-btn.prev { left: 0px; background-image: url("../images1/jtl1.png"); }
.related-products-box .box-btn.next { right: 0px; background-image: url("../images1/jtr1.png"); }
.related-products-box .box-btn:hover{opacity: 1;}
.related-products-box .box-bd {position: relative; overflow: hidden;}
.related-products-box .list {width: 1000%; overflow: hidden;margin-top: 0px; letter-spacing: 0;font-size: 0;}
.related-products-box .list li {margin-left: 0; position: relative; display: inline-block;vertical-align: top; margin-right: .15% !important; width: 1.54% !important; }
.related-products-box ul li .item-img{text-align: center;border: 1px solid #dcdcdc;margin-bottom: 20px;}
.related-products-box ul li .item-img img{max-width: 100%;}
.related-products-box ul li .item-title{font-size: 16px;color: #333;line-height: 26px;margin-bottom: 10px;}
.related-products-box ul li .item-text{font-size: 18px;color: #F5222D;line-height: 26px;}
.related-products-box ul li .item-text span{margin-left: 20px;font-size: 14px;color: #999999;line-height: 26px; }
.self-ellipsis-1 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.self-ellipsis-2 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.self-ellipsis-3 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;}
.self-ellipsis-4 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: break-all;}
.related-products-box .self-ellipsis-1 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.related-products-box .self-ellipsis-2 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.related-products-box .self-ellipsis-3 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;}
.related-products-box .self-ellipsis-4 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: break-all;}

@media screen and (max-width: 959px){
    .related-products-box .list li{margin-right: .2% !important;width: 2.35% !important;}
}
@media screen and (max-width: 767px){
    .related-products-box .list li{margin-right: .2% !important;width: 3.2% !important;}
}
@media screen and (max-width: 520px){
    .related-products-box .list li{margin-right: .2% !important;width: 4.9% !important;}
    .related-products-box .related-title p span{    margin:0px;padding: 0px;font-size: 18px;margin-top: -40px;}
}
@media screen and (max-width: 380px){
    .related-products-box .list li{margin-right: .2% !important;width: 10% !important;}
}