#jm .section1 {
    background-color: #fff;
    padding-top: 2rem;
}
#jm .section2 {
    background: #fff;
}

/*第一屏*/
#banner {
    width: 100%;
    height: 11rem;
}
.banner-pic {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.my-bullet {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    display: inline-block;
    background: #808080;
}
.my-bullet:hover {
    background-color: #fff;
}
.my-bullet-active {
    background: #ffc110;
}
.my-bullet:last-child {
    border-radius: 0 0 6px 0;
}
.banner-text {
    position: absolute;
    height: 3rem;
    top: 50%;
    margin-top: -1.5rem;
    padding: 0 1.6rem;
}
.banner-title {
    font-size: .88rem;
    color: #fff;
    margin-bottom: .5rem;
    font-weight: normal;
}
.btn-b-yellow a:after {
    position: absolute;
    content: '';
    display: block;
    color: #000;
    top: 50%;
    right: -1.12em;
    margin-top: -.22em;
    width: .43em;
    height: .43em;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*第二屏*/
.st2-box {
    margin: 0 1.6rem;
    position: relative;
}
.st2-box .tab {
    margin: .7rem 2rem;
    overflow: hidden;
}
.tab-row {
    width: 50%;
    overflow: hidden;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .2rem;
}
.tab-item {
    width: auto;
    height: .36rem;
    line-height: .36rem;
    padding: 0 .2rem .01rem;
    text-decoration: none;
    color: #999;
    font-size: .36rem;
}

.tab-item:hover, .tab-item.active {
    background: url("../img/text_bg1.png") repeat-x bottom left;
    background-size: .5rem .1rem;
    color: #212126;
}
.activity-list {
    margin: 0 2rem;
    overflow: hidden;
}
.activity-list .card {
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .2rem;
}
.card {
    color: #fff;
    font-size: .32rem;
}
.card-body {
    width: 100%;
    background-color: #212126;
    overflow: hidden;
    border-radius: .6rem;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.1rem;
}
.card-body:hover {
    transform:translate(0, -.2rem);
    -ms-transform:translate(0, -.2rem); 	/* IE 9 */
    -moz-transform:translate(0, -.2rem); 	/* Firefox */
    -webkit-transform:translate(0, -.2rem); /* Safari 和 Chrome */
    -o-transform:translate(0, -.2rem); 	/* Opera */
    -webkit-box-shadow: 5px 5px 10px #ddd;
    -moz-box-shadow: 5px 5px 10px #ddd;
    box-shadow: 5px 5px 10px #ddd;
}
.card .marks {
    width: 1.17rem;
    height: 1.08rem;
    background: url("../img/card_yh1.png") no-repeat right bottom;
    background-size: cover;
    position: absolute;
    left: 1.1rem;
    top: 1.1rem;
}
.card .card-right-corner {
    width: 2.76rem;
    height: 4.78rem;
    background: url(../img/card_bg1_r_b.png) no-repeat center;
    background-size: cover;
    position: absolute;
    right: -1px;
    bottom: -1px;
}
.card-body h1 {
    overflow: hidden;
    padding-top: 1.2rem;
    font-size: .6rem;
    height: 3em;
    line-height: 1.5em;
}
.card-body .time {
    color: #999;
}
.card-body .p-title {
    position: relative;
    padding-bottom: .15rem;
    margin: .5rem 0 .3rem;
}
.card .p-title:after {
    position: absolute;
    left: 0;
    bottom: -.05em;
    content: '';
    width: 1.2rem;
    height: 0;
    border-bottom: 1px solid #fecf1d;
}
.card .p-name {
    color: #fecf1d;
    height: 1em;
}
.card:nth-child(even) .marks {
    background-image: url("../img/card_yh2.png");
}
.card:nth-child(even) .card-right-corner {
    background-image: url("../img/card_bg2_r_b.png");
}
.card:nth-child(even) .p-title:after {
    border-bottom: 1px solid #ffc110;
}
.card:nth-child(even) .p-name {
    color: #ffc110;
}
.footer {
    padding-top: 2rem;
}

@media (max-width: 1080px) {
    #banner {
        height: 6rem;
    }
    .banner-text {
        padding: 0 .7rem;
    }
    .banner-title {
        font-size: .6rem;
    }

    .st2-box {
        margin: 0;
        padding: 0;
    }
    .st2-box .tab {
        font-size: .36rem;
        margin: 0;
    }
    .tab-row {
        width: 100%;
        white-space: nowrap;
        padding: 1em .6rem;
        border-bottom: 1px solid #eee;
    }
    .tab-item {
        display: inline-block;
        float: none;
    }
    .tab-item:hover {
        background: none;
        color: #999;
    }

    .activity-list {
        margin: 0 .7rem;
    }
    .activity-list .card {
        width: 100%;
    }
    .card-body {
        padding: .8rem;
    }
    .card .marks {
        width: .6rem;
        height: .56rem;
        left: .8rem;
        top: .8rem;
    }
    .card-body h1 {
        padding-top: .5rem;
    }
}
/*

*/
.card a {
    display: block;
}
.card-body:hover {
    transform:translate(0, -.2rem);
    -ms-transform:translate(0, -.2rem); 	/* IE 9 */
    -moz-transform:translate(0, -.2rem); 	/* Firefox */
    -webkit-transform:translate(0, -.2rem); /* Safari 和 Chrome */
    -o-transform:translate(0, -.2rem); 	/* Opera */
    -webkit-box-shadow: 5px 5px 10px #ddd;
    -moz-box-shadow: 5px 5px 10px #ddd;
    box-shadow: 5px 5px 10px #ddd;
}