.banner {
    /*height: 400px;*/
    height: auto;
    background: url(../img/index_slices/banner.png) no-repeat center;
}

.grey-big {
    height: 56px;
    background-color: #f3f3f3;
}

.grey {
    width: 1200px;
    height: 56px;
    margin: 0 auto;
}

.grey > span {
    color: #666666;
    line-height: 56px;
}

.huiju {
    font-size: 16px;
}

.kuaibao {
    position: relative;
    top: -4px;
    margin-left: 7px;
}

.online {
    margin-left: 73px;
    float: left;
}

.total {
    margin-right: 75px;
    float: right;
}

.bank-big {
    height: 330px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.bank-big:hover .AliCode {
    display: block;
}

.bank-big:hover .yellowcode {
    display: block;
}

.bank {
    width: 1200px;
    height: 180px;
    margin: 57px auto auto auto;
}

.grey-line {
    height: 16px;
    background-color: #f9f9f9;
}

.AliCode {
    display: none;
    position: absolute;
    top: 160px;
    right: 120px;
}

.yellowcode {
    /*display: none;*/
    position: absolute;
    top: 200px;
    right: 46px;
}

.event {
    width: 1200px;
    height: 487px;
    margin: 0 auto;
}

.event-txt {
    float: left;
    margin-top: 200px;
}

.event-txt1 {
    font-size: 36px;
    color: #333333;
    text-align: center;
}

.event-txt2 {
    font-size: 20px;
    color: #333333;
    text-align: center;
    margin-top: 32px;
}

.step-big {
    height: 100px;
    background-color: #F9F9F9;
}

.step {
    width: 1200px;
    height: 100px;
    margin: 0 auto;
}

.latest {
    width: 1200px;
    height: 750px;
    margin: 0 auto;
    overflow: hidden;
}

.latest-txt {
    font-size: 22px;
    color: #333333;
    float: left;
    margin: 0 45px;
}

.line-1 {
    width: 183px;
    height: 1px;
    background: -webkit-linear-gradient(right, #e6e6e6, #ffffff);
    float: left;
    margin-top: 16px;
}

.line-2 {
    width: 183px;
    height: 1px;
    background: -webkit-linear-gradient(left, #e6e6e6, #ffffff);
    float: left;
    margin-top: 16px;
}

.latest-title {
    width: 544px;
    margin: 100px auto auto auto;
}

.latest-left {
    width: 557px;
    float: left;
    margin-top: 60px;
}

.latest-left-title {
    font-size: 20px;
    color: #333333;
    margin-top: 32px;
}

.latest-left-thumb {
    font-size: 14px;
    color: #666666;
    margin-top: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.latest-right {
    width: 557px;
    float: left;
    margin: 56px auto auto 86px;
}

.list-eg {
    width: 557px;
    height: 121px;
    border-bottom: 1px solid #ededed;
}

.date {
    font-size: 32px;
    color: #666666;
    text-align: center;
}

.yandm {
    font-size: 14px;
    color: #666666;
    text-align: center;
}

.time {
    float: left;
    width: 56px;
    margin: 14px auto auto 0;
}

.content {
    float: left;
    width: 461px;
    margin: 22px auto auto 40px;
}

.title {
    font-size: 18px;
    color: #333333;
}

.thumb {
    font-size: 14px;
    color: #666666;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.list-eg.sp {
    border-bottom: none;
}

.latest-left-img {
    position: relative;
}

.timebox {
    position: absolute;
    width: 78px;
    height: 78px;
    background-color: #00E7D2;
    top: 0;
    left: 0;
}

.timebox-date {
    font-size: 32px;
    color: #FFFFFF;
    text-align: center;
    margin-top: 26px;
    line-height: 0;
}

.timebox-ym {
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    margin-top: 19px;
}

.more {
    width: 180px;
    height: 42px;
    background-color: #00E7D2;
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
    line-height: 42px;
    margin-top: 32px;
}

.poster-cotent {
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 0px 20px #DEDEDE;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

.poster-txt {
    font-size: 16px;
    font-weight: initial;
    color: #999;
    margin: 30px 0 36px;
}

.poster-minebtn {
    width: 120px;
    height: 40px;
    background: #00e7d2;
    border-radius: 20px;
    margin: 0 auto;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: initial;
}

.poster-cotent img {
    margin: 56px auto 18px;
}

div.poster-main {
    margin-top: 82px;
    margin-left: 200px;
}

div.poster-main .poster-prev-btn {
    left: -203px;
    background: url(../img/index_slices/left.png) no-repeat center;
}

div.poster-main .poster-next-btn {
    right: -203px;
    background: url(../img/index_slices/right.png) no-repeat center;
}

.poster-item {
    transform-origin: center;
}

.hjkb {
    float: left;
    line-height: 56px;
}

.swiper-container {
    float: left;
    line-height: 56px;
    width: 800px;
    height: 56px;
}

.activity-main-swipper {
    width: 100%;
    height: 100%;
    background: url('../img/index_slices/activity-bg.png') no-repeat center;
}

.poster-item{
    transform-origin:center
}

.activities-modal {
    background: unset;
    border-radius: 25px;
    width: 800px;
}
.activities-modal .modal-body{
    padding: 0;
}
.activities-modal .img-main {
    position: relative;
}
.activities-modal .img-main .line {
    position: absolute;
    top: -37px;
    right: 45px;
    width: 16px;
    height: 37px;
    background: url('../img/activities/line.png') no-repeat;
}
.activities-modal .img-main .close-icon {
    position: absolute;
    top: -74px;
    right: 34px;
    width: 38px;
    height: 37px;
    cursor:pointer;
    background: url('../img/activities/close.png') no-repeat;
}
.activities-modal .img-main .activity-link {
    overflow: hidden;
    width: 800px;
    height: 400px;
    background: url('../img/activities/a3.png') no-repeat;
}
.activities-modal .img-main .title1 {
    position: absolute;
    overflow: hidden;
    width: 368px;
    height: 38px;
    top: 115px;
    left: 50%;
    transform: translateX(-50%);
    background: url('../img/activities/t1.png') no-repeat;
}
.activities-modal .img-main .title2 {
    position: absolute;
    overflow: hidden;
    width: 278px;
    height: 38px;
    top: 115px;
    left: 50%;
    transform: translateX(-50%);
    background: url('../img/activities/t2.png') no-repeat;
}
.activities-modal .img-main .bp1 {
    position: absolute;
    overflow: hidden;
    width: 392px;
    height: 62px;
    top: 165px;
    left: 50%;
    transform: translateX(-50%);
    background: url('../img/activities/bp1.png') no-repeat;
}
.activities-modal .img-main .bp2 {
    position: absolute;
    overflow: hidden;
    width: 397px;
    height: 62px;
    top: 165px;
    left: 50%;
    transform: translateX(-50%);
    background: url('../img/activities/bp2.png') no-repeat;
}
.activities-modal .img-main .bp3 {
    position: absolute;
    overflow: hidden;
    width: 398px;
    height: 62px;
    top: 165px;
    left: 50%;
    transform: translateX(-50%);
    background: url('../img/activities/bp3.png') no-repeat;
}
.activities-modal .img-main .bp4 {
    position: absolute;
    overflow: hidden;
    width: 396px;
    height: 62px;
    top: 165px;
    left: 50%;
    transform: translateX(-50%);
    background: url('../img/activities/bp4.png') no-repeat;
}
.activities-modal .img-main .ac-date {
    margin-top: 230px;
    font-size: 16px;
    color: #333;
    text-align: center;
}
.activities-modal .img-main .activity-btn {
    width: 182px;
    height: 56px;
    margin: 50px auto 0 auto;
    cursor:pointer;
    background: url('../img/activities/activity-btn.png') no-repeat;
}