.image-index .fmxy{height: 681px;width: 100%;margin-top: 30px;}
.image-index .fmxy .s-btn{width: 40px;height: 40px;border-radius:50%;position: absolute;top:50%;margin-top: -25px;cursor: pointer;}
.image-index .fmxy #btn1{background: url(../images/classroom/hdleft.png) no-repeat;left:15px;}
.image-index .fmxy #btn2{background: url(../images/classroom/hdright.png) no-repeat;right:15px;}
.image-index .fmxy .pagination{position: absolute;bottom:-4px;text-align:right;width: 100%;z-index: 3;}
.image-index .fmxy .pagination .swiper-pagination-bullet{width: 10px;height: 10px;border-radius:50%; display: inline-block;margin: 0px 5px;background: #737373;}
.image-index .fmxy .pagination .swiper-pagination-bullet-active{background: #c0dc44;}
.image-index .fmxy .recommend-mask {
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#00222222',endColorStr='#ff222222',gradientType='0');
    background: rgba(0, 0, 0, 0.4);
    background: -webkit-linear-gradient(rgba(34, 34, 34, 0),rgba(34, 34, 34, 1));
    background: -o-linear-gradient(rgba(34, 34, 34, 0),rgba(34, 34, 34, 1));
    background: -moz-linear-gradient(rgba(34, 34, 34, 0),rgba(34, 34, 34, 1));
    background: linear-gradient(rgba(34, 34, 34, 0),rgba(34, 34, 34, 1));
}
.image-index .fmxy h3 {
    color: #fff;
    font-size: 16px;
    padding: 10px;
    position: relative;
    bottom: 76px;
    left: 0;
    width: 380px;
    height:80px;
}
.image-index .fmxy h3 .summary{font-size: 12px;margin-top:8px;word-break: break-all;}

@media (max-width: 420px){    
    .image-index .fmxy{height: 617px;margin-top: 10px;}
    .image-index .fmxy h3{width: 100%;}
}
@media (max-width: 320px){
    .image-index .fmxy{height: 527px;}
}