Blame view

public/scss/home/family/city-swiper.css 1.72 KB
李靖 authored
1 2 3 4 5 6 7
.city-swiper {
    display: none;
    width: 750px;
    height: 430px;
    position: fixed;
    bottom: 0;
    left: 0;
李靖 authored
8 9
    background-color: #d2d5da;
    border-top: solid 1px #939598;
李靖 authored
10 11 12

    .swiper-header {
        height: 70px;
李靖 authored
13
        background-color: #f0f0f1;
李靖 authored
14 15 16

        div {
            line-height: 70px;
李靖 authored
17
            color: #3478f6;
李靖 authored
18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38
            font-size: 30px;
            padding: 0 20px;
        }

        .cancel {
            float: left;
        }

        .ok {
            float: right;
        }
    }

    .swiper-list {
        height: 360px;
        width: 750px;
        overflow: hidden;
        position: relative;
    }

    .swiper-container {
李靖 authored
39
        width: 50%;
李靖 authored
40 41 42 43 44 45 46 47
        height: 360px;
        float: left;
    }

    .swiper-slide {
        text-align: center;
        transform: rotateX(45deg);
        -webkit-transform: rotateX(45deg);
李靖 authored
48
        color: #aeb0b5;
李靖 authored
49 50 51 52 53 54 55 56 57 58 59 60 61
        font-size: 30px;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .swiper-slide-prev {
        transform: rotateX(30deg);
        -webkit-transform: rotateX(30deg);
李靖 authored
62
        color: #888a8e;
李靖 authored
63 64 65 66 67
    }

    .swiper-slide-next {
        transform: rotateX(30deg);
        -webkit-transform: rotateX(30deg);
李靖 authored
68
        color: #888a8e;
李靖 authored
69 70 71 72 73
    }

    .swiper-slide-active {
        transform: rotateX(0);
        -webkit-transform: rotateX(0);
李靖 authored
74
        color: #2a2a2b;
李靖 authored
75 76 77 78 79 80 81
    }

    .swiper-line {
        position: absolute;
        top: 50%;
        left: 0;
        width: 750px;
李靖 authored
82 83
        border-top: solid 1px #a8abae;
        border-bottom: solid 1px #a8abae;
李靖 authored
84 85 86
        z-index: -1;
    }
}