.main-area {
    padding-top: 40px;
    margin-bottom: 60px;
}
.visi-hiden {
    visibility: hidden;
}
.hide {
    display: none!important;
}
.text-center {
    text-align: center;
}
.banner-item {
    width: 580px;
    height: 358px;
    display: inline-block;
    background: #fff;
    /* padding: 23px 40px 23px 23px; */
    /* margin-bottom: 24px; */
    margin: 0 10px 42px 10px;
}
.border-gray {
    border: 1px solid #eee;
}
.relative {
    position: relative;
}
.img-box, .a-img-box {
    width: 100%;
    height: 238px;
    display: inline-block;
}
.banner-img-area {
    width: 100%;
    height: 238px;
    /* background: #f0f; */
}
.banner-desc-area {
    width: 100%;
    /* height: 192px; */
    position: relative;
    padding-left: 22px;
    /* background: #ccc; */
}
.corner-mark {
    width: 88px;
    height: 88px;
    right: -5px;
    top: -5px;
    display: inline-block;
}
.auto {
    min-width: 1200px;
    padding: 0!important;
    margin: 0 auto;
    max-width: 1220px;
}
.banner-title {
    font: 500 22px/46px 'microsoft yahei';
    color: #333;
    display: inline-block;
}
.desc-text {
    margin-bottom: 10px;
}
.font-color-gray {
    color: #999;
}
.auto * {
    box-sizing: border-box;
}
.operate-area .join-btn {
    width: 160px;
    height: 40px;
    background: #00aaff;
    font: 16px/40px 'microsoft yahei';
    color: #fff;
    text-align: center;
    border: 0;
    display: inline-block;
    right: 22px;
    bottom: 7px;
    position: absolute;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.no-act-default {
    height: 120px;
    text-align: center;
    margin: 80px 0 100px;
}
.default-img-box {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(../image/no_act.png) no-repeat center center / 40px 40px;
}
.tip-words {
    color: #999;
    margin-top: 12px;
}