@charset "utf-8";

.m-ba-190812m {position:relative; line-height:0; font-size:0;}

.m-ba-190812m .header {
    padding-bottom: 20px;
}

.m-ba-190812m .header .title {
    display: block;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
}

.m-ba-190812m .header img {
    max-width: 100%;
}

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

.m-ba-190812m .block li.not {}
.m-ba-190812m .block li.not > div {position:relative;}
.m-ba-190812m .block li.not > div:before {display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#dddddd;}
.m-ba-190812m .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-190812m .block li.not .layer .bg {background-color:#ffffff;}
.m-ba-190812m .block li.not .subimg {z-index:1; display:block; position:absolute; left:10px; top:-25px; width:50px; height:50px;}
.m-ba-190812m .block li.not .subimg:before {display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#a1a1a1;}
.m-ba-190812m .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-190812m .num {display:block; position:absolute; left:0; bottom:0; width:100%; height:20px; text-align:center;}
.m-ba-190812m .num span {position:relative; display:inline-block; width:20px; height:20px; cursor:pointer;}
.m-ba-190812m .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;}