@charset "utf-8";

.m-ba-multi4_5set {position:relative; line-height:0; font-size:0;}
.m-ba-multi4_5set .header {margin-bottom:40px;}
.m-ba-multi4_5set .header .title {z-index:1; position:relative; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m-ba-multi4_5set .header .title:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:calc(50% - 1px); width:100%; height:0; border-top:1px dotted #333333;}
.m-ba-multi4_5set .header .title span {display:inline-block; padding:0 20px; height:100%;}
.m-ba-multi4_5set .header img {max-width:100%;}

.m-ba-multi4_5set .block {position:relative;}
.m-ba-multi4_5set .block ul {display:block; position:absolute; left:-40px; top:-20px; width:calc(100% + 40px);}
.m-ba-multi4_5set .block li {margin:20px 0 0 40px; width:calc(33.333% - 40px); display:inline-block; vertical-align:top;}
.m-ba-multi4_5set .block li:nth-child(1),
.m-ba-multi4_5set .block li:nth-child(2) {width:calc(50% - 40px);}
.m-ba-multi4_5set .block a {display:block; width:100%; height:100%;}
.m-ba-multi4_5set .block img {display:block; width:100%; border:0;}
.m-ba-multi4_5set .block .layer {position:relative; display:block; height:95px;}
.m-ba-multi4_5set .block .layer img {display:block; position:absolute; left:10px; top:-25px; width:50px; height:50px; border:0;}
.m-ba-multi4_5set .block .layer .content {display:block; padding:0 10px; padding-top:25px;}
.m-ba-multi4_5set .block .layer .content.type-subimg {padding-top:35px;}
.m-ba-multi4_5set .block .layer .content > span {width:100%; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.m-ba-multi4_5set .block .layer .content > span:nth-child(1) {}
.m-ba-multi4_5set .block .layer .content > span:nth-child(1) {font-weight:700; line-height:20px; font-size:18px;}
.m-ba-multi4_5set .block .layer .content > span:nth-child(2) {margin-top:7px;}
.m-ba-multi4_5set .block .layer .content > span:nth-child(2) {font-weight:400; line-height:16px; font-size:13px;}

.m-ba-multi4_5set .block li.not {}
.m-ba-multi4_5set .block li.not > div {position:relative;}
.m-ba-multi4_5set .block li.not > div:before {display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#dddddd;}
.m-ba-multi4_5set .block li.not > div:after {z-index:1; display:block; content:''; 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-ba-multi4_5set .block li.not .layer .bg {background-color:#ffffff;}
.m-ba-multi4_5set .block li.not .subimg {z-index:1; display:block; position:absolute; left:10px; top:-25px; width:50px; height:50px;}
.m-ba-multi4_5set .block li.not .subimg:before {display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#a1a1a1;}
.m-ba-multi4_5set .block li.not .subimg:after {z-index:1; display:block; content:''; 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.2;}

.m-ba-multi4_5set .num {display:block; position:absolute; left:0; bottom:0; width:100%; height:20px; text-align:center;}
.m-ba-multi4_5set .num span {position:relative; display:inline-block; width:20px; height:20px; cursor:pointer;}
.m-ba-multi4_5set .num 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;}
