Blame view

public/scss/guang/plusstar/_index.css 4.41 KB
郝肖肖 authored
1 2 3 4
.plusstar-page {
    position: relative;
    margin-right: auto;
    margin-left: auto;
郝肖肖 authored
5
    max-width: 640px;
郝肖肖 authored
6 7
    width: 100%;
郝肖肖 authored
8 9 10 11 12
    .margin-top-0 {
        margin-top: 0;
    }

    .tab-nav {
郝肖肖 authored
13
        width: 100%;
郝肖肖 authored
14
        max-width: inherit;
郝肖肖 authored
15
        height: 80px;
郝肖肖 authored
16
        font-size: 26px;
郝肖肖 authored
17
        text-align: center;
18
        position: relative;
郝肖肖 authored
19 20
        z-index: 10;
        background-color: #fff;
21
        top: 0;
郝肖肖 authored
22
23
        &.isapp {
24 25 26
            position: fixed;
        }
郝肖肖 authored
27 28 29 30
        li {
            display: block;
            float: left;
            height: 100%;
31
            width: 50%;
郝肖肖 authored
32
            line-height: 60px;
郝肖肖 authored
33
            color: #999;
郝肖肖 authored
34 35 36
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
郝肖肖 authored
37
            cursor: pointer;
郝肖肖 authored
38
郝肖肖 authored
39 40
            &:first-child {
                margin-left: -10px;
郝肖肖 authored
41 42
            }
郝肖肖 authored
43 44 45
            &:last-child {
                border-right: none;
            }
郝肖肖 authored
46 47

            &.focus {
郝肖肖 authored
48 49 50 51 52
                color: #000;

                span {
                    border-bottom: 4px solid #000;
                }
郝肖肖 authored
53 54 55
            }
        }
郝肖肖 authored
56 57 58
        span {
            line-height: 80px;
            padding-bottom: 10px;
郝肖肖 authored
59 60 61
        }
    }
62 63 64 65
    .isapp-margin-bottom {
        margin-bottom: 80px;
    }
66
    .empty-height {
郝肖肖 authored
67 68 69
        height: 72px;
    }
郝肖肖 authored
70 71 72 73 74 75 76 77 78 79
    .resources {
        background: #f6f6f6;

        .title-image {
            a {
                display: block;
            }

            .image {
                width: 100%;
80
                height: 310px;
郝肖肖 authored
81 82 83 84
            }

            img {
                width: 100%;
郝肖肖 authored
85
                height: inherit;
郝肖肖 authored
86 87 88 89 90 91
            }
        }

        .header-title {
            position: relative;
            width: 100%;
郝肖肖 authored
92
            height: 80px;
郝肖肖 authored
93
            font-size: 28px;
郝肖肖 authored
94
            line-height: 80px;
郝肖肖 authored
95 96 97 98 99 100 101 102 103 104
            text-align: center;
            font-weight: bold;
            margin: 0;

            .more {
                position: absolute;
                top: 0;
                right: 0;
                width: 100px;
                height: 100px;
郝肖肖 authored
105 106
                color: #b0b0b0;
                font-size: 50px;
郝肖肖 authored
107
            }
郝肖肖 authored
108 109 110 111

            &:first-child {
                margin-top: 0;
            }
郝肖肖 authored
112 113
        }
郝肖肖 authored
114
        .focus {
郝肖肖 authored
115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155
            .swipe {
                height: 100%;
            }

            .swipe-1 {
                .swipe-indicators {
                    display: none;
                }
            }

            .swipe-item {
                a {
                    display: block;
                }

                img {
                    width: 100%;
                    height: 100%;
                }
            }

            .swipe-indicators {
                left: initial;
                right: 20px;
            }

            .swipe-indicator {
                width: 8px;
                height: 8px;
                background: #ccc;
                opacity: 1;
                vertical-align: middle;

                &.active {
                    width: 12px;
                    height: 12px;
                    background: #fff;
                }
            }
        }
郝肖肖 authored
156
        .focus-left-right {
郝肖肖 authored
157 158 159 160 161 162 163 164 165 166 167
            padding: 30px 15px;
            width: 100%;
            overflow-x: auto;
            white-space: nowrap;
            font-size: 0;
            background: #fff;
            border-bottom: 1px solid #eee;
            -webkit-overflow-scrolling: touch;

            /* stylelint-disable */
            &::-webkit-scrollbar {
ccbikai(👎🏻🍜) authored
168
                display: none;
郝肖肖 authored
169 170 171 172 173 174 175 176 177
            }
            /* stylelint-enable */

            a {
                display: inline-block;
                margin: 0 15px;
            }

            img {
178 179
                width: 213px;
                height: 213px;
郝肖肖 authored
180 181 182 183 184
            }
        }

        .recommend-content-five {
            width: 100%;
185
            overflow: hidden;
郝肖肖 authored
186 187 188

            a {
                width: 50%;
189
                float: left;
190 191 192 193 194

                img {
                    width: 320px;
                    height: 320px;
                }
郝肖肖 authored
195 196
            }
        }
郝肖肖 authored
197 198 199

        .goods {
            background-color: #fff;
200
            padding: 0 14px;
201 202 203 204 205 206 207 208 209

            .divide {
                float: left;
                height: 50px;
                width: 100%;
                padding: 10px 0;
                color: #ccc;
                text-align: center;
            }
郝肖肖 authored
210
        }
郝肖肖 authored
211
    }
212 213 214 215 216 217 218

    .banner-top {
        img {
            width: 640px;
            height: 310px;
        }
    }
郝肖肖 authored
219
}