@charset "utf-8";

.m-bbs-190701r {position:relative; line-height:0; font-size:0;}
.m-bbs-190701r .header {z-index:1; position:relative; display:table; table-layout:fixed; width:100%;}
.m-bbs-190701r .header ul {display:table-row;}
.m-bbs-190701r .header li {padding-bottom:15px; position:relative; display:table-cell; vertical-align:middle;}
.m-bbs-190701r .header .title {font-weight:bold; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m-bbs-190701r .header .title img {max-width:100%;}

.m-bbs-190701r .swiper-container {margin:-10px 0 0 0; position:relative; overflow:hidden;}
.m-bbs-190701r .swiper-container ul {}
.m-bbs-190701r .swiper-container li {margin:10px 0 0 0; position:relative; display:inline-block; vertical-align:top; cursor:pointer;}

.m-bbs-190701r.w5 .swiper-container li {width:20%;}
.m-bbs-190701r.w4 .swiper-container li {width:25%;}
.m-bbs-190701r.w3 .swiper-container li {width:33.333%;}
.m-bbs-190701r.w2 .swiper-container li {width:50%;}
.m-bbs-190701r.w1 .swiper-container li {width:100%;}

.m-bbs-190701r .swiper-container .image {position:relative;}
.m-bbs-190701r .swiper-container .image .box {position:relative; overflow:hidden;}

.m-bbs-190701r .swiper-container .thumb {z-index:1; display:block; position:relative; margin-top:-10%; margin-bottom:-10%;}
.m-bbs-190701r .swiper-container .thumb:before {z-index:-2; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#dddddd; opacity:1;}
.m-bbs-190701r .swiper-container .thumb img {border:0;}
.m-bbs-190701r .swiper-container .thumb img:nth-child(1) {width:100%; height:100%;}
.m-bbs-190701r .swiper-container .thumb img:nth-child(2) {margin:auto; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:auto; border:0;}
.m-bbs-190701r .swiper-container .thumb .noimg {z-index:3; display:block; position:absolute; left:calc(50% - 25px); top:calc(50% - 25px); width:50px; height:50px; background:url('../img/btn.png') no-repeat; background-position:-350px 0px; opacity:0.5;}

.m-bbs-190701r .swiper-container .block {padding:25px 20px 10px 20px;}

.m-bbs-190701r .swiper-container .icon {z-index:2; display:block; position:absolute; left:20px; bottom:-15px; width:70px; height:70px; background-color:#ffffff; text-align:center;}
.m-bbs-190701r .swiper-container .icon p {margin-top:45px;}
.m-bbs-190701r .swiper-container .icon p {font-weight:bold; line-height:18px; font-size:13px; color:#ffffff;}

.m-bbs-190701r .swiper-container .content {}
.m-bbs-190701r .swiper-container .content {display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}
.m-bbs-190701r .swiper-container .content {line-height:20px; font-size:14px; color:#666666;}

.m-bbs-190701r .swiper-container .name {margin-top:10px; display:block; white-space:nowrap; overflow:hidden;}
.m-bbs-190701r .swiper-container .name span {position:relative; display:inline-block; vertical-align:top;}
.m-bbs-190701r .swiper-container .name span:nth-child(1) {line-height:17px; font-size:13px; color:#999999;}
.m-bbs-190701r .swiper-container .name span:nth-child(1) span {max-width:110px; position:relative; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m-bbs-190701r .swiper-container .name span:nth-child(2) {margin-left:10px; padding-left:10px;}
.m-bbs-190701r .swiper-container .name span:nth-child(2) {line-height:17px; font-size:13px; color:#999999;}
.m-bbs-190701r .swiper-container .name span:nth-child(2):before {display:block; content:''; position:absolute; left:0; top:3px; width:0; height:13px; border-left:1px solid #eff0f0;}

.m-bbs-190701r .swiper-container .score {margin-top:10px; display:block;}
.m-bbs-190701r .swiper-container .score span {margin-left:2px; display:inline-block; vertical-align:top; width:13px; height:12px; opacity:0.1;}
.m-bbs-190701r .swiper-container .score span.s-b-score1 {opacity:1;}
.m-bbs-190701r .swiper-container .score span:first-child {margin-left:0;}

.m-bbs-190701r .swiper-container .product {position:relative; margin-top:15px; text-decoration:none; padding:13px 40px 13px 0; display:block; border-top:1px solid #eff0f0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m-bbs-190701r .swiper-container .product {line-height:18px; font-size:14px; color:#000000;}
.m-bbs-190701r .swiper-container .product:before {display:block; content:''; position:absolute; right:0; top:calc(50% - 15px); width:30px; height:30px; border:1px solid #eff0f0; border-radius:100%;}
.m-bbs-190701r .swiper-container .product:after {display:block; content:''; position:absolute; right:12px; top:calc(50% - 5px); opacity:1;}

.m-bbs-190701r .swiper-pagination {z-index:5; display:block; position:absolute; left:0; bottom:0; width:100%; height:20px; text-align:center;}
.m-bbs-190701r .swiper-pagination span {position:relative; display:inline-block; width:16px; height:20px; cursor: pointer;}
.m-bbs-190701r .swiper-pagination span:before {display:block; content:''; position:absolute; left:calc(50% - 4px); top:calc(50% - 4px); width:7px; height:7px; border-radius:100%; border:1px solid #cccccc; background-color:#ffffff;}
.m-bbs-190701r span.swiper-pagination-bullet-active {background-color:transparent;}
.m-bbs-190701r span.swiper-pagination-bullet-active:before {border-color:#000000; background-color:#000000;}