.banner a{
    display: block;}


.banner a img{
    display: block;
    width: 100%;}

.banner .page{
    font-size: 0;
    bottom: 39px;}
.banner .page span{
    width: 14px;
    height: 14px;
    opacity: 1;
    margin: 0 7px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 1);
    position: relative;
    vertical-align: middle;}
.banner .page span:after{
    position: absolute;
    content: '';
    width:22px;
    height:22px;
    border: 1px solid #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    visibility: hidden;
    transition: .5s;}
.banner .page span.active{
    width: 10px;
    height: 10px;
    margin: 0 10px;}
.banner .page span.active:after{
    opacity: 1;
    visibility: visible;}


.banner .btn{
    width: 77px;
    height: 77px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;}