@charset "UTF-8";
/**
 *
 * @authors Lincoln (875482941@qq.com)
 * @date    2017-09-07 20:32:11
 * @version $Id$
 */

@import "../../../css/var.scss";

.do-sliders {position: relative;height: 100%;width: 100%;overflow: hidden;

    .box {height: 100%;width: 100%;transition: .4s;}

    .slider-btn {position: absolute;top: 50%;margin-top: -15px;width: 30px;height: 30px;text-decoration: none;font-size: 30px;line-height: 30px;text-align: center;border-radius: 100%;background: rgba(0,0,0,.2);color: #fff;z-index: 1;}
    .slider-btn:nth-of-type(1){margin-left: 20px;}
    .slider-btn:nth-of-type(2){right: 0;margin-right: 20px;}

    .btn {position: relative;bottom: 50px;width: 50%;height: 50px;margin: 0 auto;line-height: 50px;text-align: center;

        span {display: inline-block;width: 10px;height: 10px;margin: 20px 10px;border-radius: 100%;background: rgba(255,255,255,0.8);cursor: pointer;transition: .4s;}
        span:hover{background:nth($cg, 1);}
        .act{background:nth($cg, 3);}
    }

    section {display: inline-block;height: 100%;vertical-align: middle;

        img {width: 100%;height: 100%;object-fit: cover;}

    }
}