.banner-columnsbox{position: relative;}
.banner-columnsbox .headerbox.mask-headerbox{background: none !important;}
.banner-columns{position: relative; padding-top: 50%; background-position: center center; background-size: cover; background-repeat: no-repeat;}
.columns-shade{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba(0,0,0,0.35);}
.columns-info{position: absolute; top: 0; left: 0; right: 0; z-index: 2; padding: 14% 1.2rem 0; text-align: center; color: #fff;}
.columns-info h2{position: relative; height: 5.4rem; line-height: 5.8rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 3rem;}
.columns-info h2:after{position: absolute; bottom: 0; left: 50%; margin-left: -0.4rem; display: block; content: ""; width: 0.8rem; height: 0.15rem; background: #fff;}
.columns-info h3{height: 2rem; line-height: 2rem; margin-top: 0.5rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 1.3rem;}

.recommend-listbox{background: #fff;}
.recommend-list{position: relative; z-index: 3; padding: 0 1.2rem 1.5rem; margin-top: -1.8rem;}
.recommend-list li+li{margin-top: 1.5rem;}
.recommend-list .term{display: block; padding: 1rem; border-radius: 0.5rem; background: #fff; box-shadow: 0 2px 10px 0 rgba(202,201,201,0.5);}
.recommend-head{position: relative; }
.recommend-head h2{max-height: 4.6rem; line-height: 2.4rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 1.8rem;}
.recommend-head h2 *{vertical-align: middle;}
.recommend-head .time{position: absolute; right: 0; bottom: 0; display: inline-block; height: 2.2rem; line-height: 2.2rem; background: #fff; color: #9c9fa1; font-size: 1.3rem; padding-left: 1rem;}
.recommend-body{margin-top: 1rem;}

.second-housebox{background: #fff;}