.tem24-button .interval{padding:0 8px;}
.tem24-button .col-xs-6{padding:0 7px;}
.tem24-button .more{margin:7px 0;}
.tem24-button .more a{display:block;padding:28px 15px;text-align:center;color:#fff;background-color:rgba(255,255,255,0.1);border-radius:2px;position:relative;z-index:2;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.tem24-button .more a::after{content:"";position:absolute;width:100%;height:90%;background:#fff;z-index:-1;left:0;bottom:0;opacity:0;-o-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-ms-transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;}
.tem24-button .more a:hover{color:#333!important;}
.tem24-button .more a:hover::after{height:100%;opacity:1;}

/* style2 */
.tem24-button .flexBoxWrap .item{margin:15px 0;}
.tem24-button .flexBoxWrap .more{height: 100%;}
.tem24-button .flexBoxWrap .more a{height: 100%;white-space: normal;}

@media (max-width:767px){
.tem24-button .interval{padding: 0;}
.tem24-button .box{padding: 0 2%;}
.tem24-button .flexBoxWrap .item{margin:5px 0;}
.tem24-button .more a{padding:10px;font-size:14px;}
.tem24-button.full-screen-spacing .box{padding: 0 3%;}
.tem24-button .flexBoxWrap .item.col-xs-12{margin:0;}
.tem24-button .flexBoxWrap .col-xs-12 .more,
.tem24-button .flexBoxWrap .col-xs-12 .more a{height: auto;}
}
@media (max-width:480px){
.tem24-button .flexBoxWrap .item{max-width: 100%;width: 100%;margin:0;}
.tem24-button .flexBoxWrap .more,
.tem24-button .flexBoxWrap .more a{height: auto;}
}