Blame view

public/scss/layout/_common.css 3.83 KB
yyq authored
1 2 3 4 5 6
@use postcss-clearfix ;

.clearfix {
    clear: fix;
}
yyq authored
7 8 9 10
*,
*:before,
*:after {
    box-sizing: border-box;
ccbikai authored
11
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
yyq authored
12
}
王水玲 authored
13
yyq authored
14 15 16 17
html,
body {
    width: 100%;
    font-size: 24px;
ccbikai authored
18
    font-family: helvetica, Arial, "黑体";
yyq authored
19 20
    line-height: 1.4;
}
王水玲 authored
21
22 23
.width750 {
    font-size: 28px;
王水玲 authored
24
25 26 27
    .main-wrap {
        max-width: 750px;
    }
王水玲 authored
28
29 30 31 32
    .good-failure {
        background-size: 155px !important;
    }
}
yyq authored
33 34 35 36 37 38

button,
input,
select,
textarea {
    margin: 0;
ccbikai authored
39
    font-size: 100%;
yyq authored
40 41 42 43 44
}

img {
    display: block;
    margin: 0 auto;
ccbikai authored
45 46
    max-width: 100%;
    border: 0;
yyq authored
47 48 49 50 51
}

a {
    outline: none;
    color: #000;
ccbikai authored
52
    text-decoration: none;
yyq authored
53 54
}
陈轩 authored
55 56 57 58 59
button {
    border: 0;
    outline: 0;
}
yyq authored
60 61 62 63
*:focus {
    outline: none;
}
ccbikai authored
64
.main-wrap {
ccbikai authored
65
    position: relative;
ccbikai authored
66
    margin-right: auto;
ccbikai authored
67
    margin-left: auto;
ccbikai authored
68
    max-width: 640px;
ccbikai authored
69
    width: 100%;
ccbikai authored
70 71
}
陈轩 authored
72 73 74 75
.width750 .main-wrap {
    max-width: 750px;
}
76
/* 字体名称勿改的,APP做IP直连有使用到 */
yyq authored
77 78
@font-face {
    font-family: "iconfont";
王水玲 authored
79 80
    src: resolve("iconfont.eot"); /* IE9 */
    src: resolve("iconfont.eot?#iefix") format("embedded-opentype"), resolve("iconfont.woff") format("woff"), resolve("iconfont.ttf") format("truetype"), resolve("iconfont.svg#iconfont") format("svg"); /* iOS 4.1- */
yyq authored
81 82 83 84
}

.iconfont {
    text-decoration: none;
ccbikai authored
85
    font-style: normal;
王水玲 authored
86
    font-size: 24px;
ccbikai authored
87
    font-family: "iconfont" !important;
yyq authored
88 89 90 91 92 93 94
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.4px;
    -moz-osx-font-smoothing: grayscale;
}

.yoho-tip {
    position: fixed;
ccbikai authored
95
    display: none;
96
    text-align: center;
王水玲 authored
97 98
    width: 50%;
    padding: 15PX;
99 100
    top: 50%;
    left: 50%;
王水玲 authored
101
    margin-left: -25%;
102
    margin-top: -45PX;
yyq authored
103 104
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
105 106
    font-size: 18PX;
    border: none;
107
    z-index: 100;
王水玲 authored
108
    box-sizing: border-box;
王水玲 authored
109
    border-radius: 10PX;
yyq authored
110 111
}
biao authored
112
.order-failure {
王水玲 authored
113
    background-image: resolve("common/order-good.jpg");
biao authored
114 115 116 117
    background-size: 100%;
}

.good-failure {
王水玲 authored
118
    background-image: resolve("common/order-good.jpg");
biao authored
119
    background-position-x: 40%;
ccbikai authored
120
    background-size: 132px !important;
biao authored
121
}
郭成尧 authored
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 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199

/* rich-tip */
.yoho-order-bg {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.7);
    z-index:4;
    display: none;

    .order-tip-box {
        background-color: #fff;
        margin-left: auto;
        margin-right: auto;
        border-radius: 10px;
        width: 420px;
        margin-top: 400px;
        vertical-align: center;
        position: relative;

        .order-tip-msg {
            font-size: 1.1em;
            padding: 40px 20px;
            text-align: center;

            p:last-child {
                margin-bottom: 50px;
            }
        }

        .order-tip-btn-group {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 60px;
            line-height: 60px;

            a {
                width: 209px;
                box-shadow: none;
                background-color: #fff;
                font-size: 1.2em;
                text-align: center;
                float: left;
                display: inline-block;

                span {
                    display: block;
                    width: 100%;
                    height: 100%;
                }
            }

            a:first-child {
                border-top: 1px solid #ccc;
                border-right: 1px solid #ccc;
                border-radius: 0 0 0 8px;
            }

            a:last-child {
                border-top: 1px solid #ccc;
                border-radius: 0 0 8px 0;
            }

            .order-tip-btnred {
                color: #d0021b;
            }

            .order-tip-btn1 {
                width: 418px;
                border-right: none;
                border-radius: 0 0 8px 8px!important;
            }
        }
    }
}