作者 anyv
1 个管道 的构建 通过 耗费 0 秒

首页css

  1 +@charset "utf-8";
  2 +
  3 +/* 禁用iPhone中Safari的字号自动调整 */
  4 +
  5 +html {
  6 + -webkit-text-size-adjust: 100%;
  7 + -ms-text-size-adjust: 100%;
  8 + /* 解决IOS默认滑动很卡的情况 */
  9 + -webkit-overflow-scrolling: touch;
  10 + font-family: "微软雅黑";
  11 +}
  12 +
  13 +
  14 +/* 取消链接高亮 */
  15 +
  16 +body,
  17 +div,
  18 +ul,
  19 +li,
  20 +ol,
  21 +h1,
  22 +h2,
  23 +h3,
  24 +h4,
  25 +h5,
  26 +h6,
  27 +input,
  28 +textarea,
  29 +select,
  30 +p,
  31 +dl,
  32 +dt,
  33 +dd,
  34 +a,
  35 +img,
  36 +button,
  37 +form,
  38 +table,
  39 +th,
  40 +tr,
  41 +td,
  42 +tbody,
  43 +article,
  44 +aside,
  45 +details,
  46 +figcaption,
  47 +figure,
  48 +footer,
  49 +header,
  50 +hgroup,
  51 +menu,
  52 +nav,
  53 +section {
  54 + -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  55 +}
  56 +
  57 +
  58 +/* 设置HTML5元素为块 */
  59 +
  60 +article,
  61 +aside,
  62 +details,
  63 +figcaption,
  64 +figure,
  65 +footer,
  66 +header,
  67 +hgroup,
  68 +menu,
  69 +nav,
  70 +section {
  71 + display: block;
  72 +}
  73 +
  74 +
  75 +/* 初始化 */
  76 +
  77 +body,
  78 +div,
  79 +ul,
  80 +li,
  81 +ol,
  82 +h1,
  83 +h2,
  84 +h3,
  85 +h4,
  86 +h5,
  87 +h6,
  88 +input,
  89 +textarea,
  90 +select,
  91 +p,
  92 +dl,
  93 +dt,
  94 +dd,
  95 +a,
  96 +img,
  97 +button,
  98 +form,
  99 +table,
  100 +th,
  101 +tr,
  102 +td,
  103 +tbody,
  104 +article,
  105 +aside,
  106 +details,
  107 +figcaption,
  108 +figure,
  109 +footer,
  110 +header,
  111 +hgroup,
  112 +menu,
  113 +nav,
  114 +section {
  115 + margin: 0;
  116 + padding: 0;
  117 +}
  118 +
  119 +em,
  120 +i {
  121 + font-style: normal;
  122 +}
  123 +
  124 +ul,
  125 +li {
  126 + list-style-type: none;
  127 +}
  128 +
  129 +strong {
  130 + font-weight: normal;
  131 +}
  132 +
  133 +.clearfix:after {
  134 + content: "";
  135 + display: block;
  136 + visibility: hidden;
  137 + height: 0;
  138 + clear: both;
  139 +}
  140 +
  141 +.clearfix {
  142 + zoom: 1;
  143 +}
  144 +
  145 +a {
  146 + text-decoration: none;
  147 + color: #969696;
  148 + font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif;
  149 +}
  150 +
  151 +ul,
  152 +ol {
  153 + list-style: none;
  154 +}
  155 +
  156 +h1,
  157 +h2,
  158 +h3,
  159 +h4,
  160 +h5,
  161 +h6 {
  162 + font-size: 100%;
  163 + font-family: 'Microsoft YaHei';
  164 +}
  165 +
  166 +img {
  167 + border: none;
  168 +}
  169 +
  170 +input {
  171 + font-family: 'Microsoft YaHei';
  172 +}
  173 +
  174 +
  175 +/* 移动端点击a链接出现蓝色背景问题解决 */
  176 +
  177 +a:link,
  178 +a:active,
  179 +a:visited,
  180 +a:hover {
  181 + background: none;
  182 + -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  183 + -webkit-tap-highlight-color: transparent;
  184 +}
  185 +
  186 +
  187 +/* 公共样式 */
  188 +
  189 +
  190 +/* css */
  191 +
  192 +.header {
  193 + display: flex;
  194 + display: -webkit-flex;
  195 + align-items: center;
  196 + width: 100%;
  197 + height: 1.1rem;
  198 + border-bottom: 1px solid #E6E6E6;
  199 +}
  200 +
  201 +.header img {
  202 + width: 4.5rem;
  203 + display: block;
  204 + margin: auto;
  205 +}
  206 +
  207 +.in_box {
  208 + margin: 0 0.52rem;
  209 +}
  210 +
  211 +.in_box ul li a {
  212 + display: flex;
  213 + display: -webkit-flex;
  214 + align-items: center;
  215 + margin-top: 0.5rem;
  216 +}
  217 +
  218 +.in_box ul li img {
  219 + width: 0.84rem;
  220 + border-radius: 50%;
  221 +}
  222 +
  223 +.in_box ul li p {
  224 + font-size: 0.32rem;
  225 + font-weight: 500;
  226 + margin-left: 0.35rem;
  227 + color: rgba(76, 76, 77, 1);
  228 +}
  229 +
  230 +
  231 +/* 關於我們 */
  232 +
  233 +.in1_box,
  234 +.con_box {
  235 + margin: 0 0.45rem;
  236 +}
  237 +
  238 +.in1_box h1,
  239 +.con_box h1,
  240 +.land_box h1 {
  241 + text-align: center;
  242 + font-size: 0.36rem;
  243 + margin: 0.43rem 0;
  244 + color: rgba(76, 76, 77, 1);
  245 +}
  246 +
  247 +.in1_box img,
  248 +.con_box img {
  249 + width: 100%;
  250 + display: block;
  251 +}
  252 +
  253 +.in1_txt {
  254 + margin-top: 0.4rem;
  255 +}
  256 +
  257 +.in1_box p {
  258 + font-size: 0.28rem;
  259 + color: rgba(51, 51, 51, 1);
  260 + line-height: 0.46rem;
  261 +}
  262 +
  263 +
  264 +/* 联系我们 */
  265 +
  266 +.con_txt {
  267 + margin-top: 0.7rem;
  268 +}
  269 +
  270 +.con_txt h2 {
  271 + margin-bottom: 0.26rem;
  272 + font-size: 0.3rem;
  273 + color: rgba(80, 80, 80, 1);
  274 +}
  275 +
  276 +.con_txt p {
  277 + font-size: 0.28rem;
  278 + color: rgba(80, 80, 80, 1);
  279 + line-height: 0.56rem;
  280 +}
  281 +
  282 +
  283 +/* 会员登陆 */
  284 +
  285 +.land_box {
  286 + margin: 0 0.4rem;
  287 +}
  288 +
  289 +.form {
  290 + margin-top: 0.8rem;
  291 +}
  292 +
  293 +.form ul {
  294 + width: 100%;
  295 + border: 1px solid rgba(204, 204, 204, 1);
  296 + border-radius: 0.1rem;
  297 + box-sizing: border-box;
  298 +}
  299 +
  300 +.form ul li {
  301 + width: 100%;
  302 + padding: 0 0.34rem;
  303 + box-sizing: border-box;
  304 + border-bottom: 1px solid #CCCCCC;
  305 +}
  306 +
  307 +.form ul li input {
  308 + width: 100%;
  309 + /* border: 0; */
  310 + outline: none;
  311 + height: 1.2rem;
  312 + display: block;
  313 + border: 0;
  314 + box-sizing: border-box;
  315 + -webkit-user-select: text !important;
  316 +}
  317 +
  318 +.form ul li input::-webkit-input-placeholder {
  319 + color: #B3B3B3;
  320 +}
  321 +
  322 +.form ul li input:-ms-input-placeholde {
  323 + color: #B3B3B3;
  324 +}
  325 +
  326 +.form ul li input::-moz-placeholder {
  327 + color: #B3B3B3;
  328 +}
  329 +
  330 +.land_box button {
  331 + width: 100%;
  332 + height: 1rem;
  333 + border: 0;
  334 + margin-top: 0.7rem;
  335 + background: rgba(226, 156, 109, 1);
  336 + border-radius: 0.1rem;
  337 + font-size: 0.36rem;
  338 + color: rgba(255, 255, 255, 1);
  339 +}
  340 +
  341 +
  342 +/* 会员登陆之后的页面 */
  343 +
  344 +.bg {
  345 + background-color: #F4F4F4;
  346 +}
  347 +
  348 +.land_go_box {
  349 + width: 4.45rem;
  350 + margin: 1.9rem auto;
  351 + background: rgba(255, 255, 255, 1);
  352 + box-shadow: 0.06rem 0.08rem 0.32rem 0px rgba(40, 38, 38, 0.06);
  353 + border-radius: 0.1rem;
  354 +}
  355 +
  356 +.land_go_box2 {
  357 + width: 100%;
  358 + height: 1.92rem;
  359 + border-radius: 0.1rem 0.1rem 0 0;
  360 + background: rgba(226, 156, 109, 1);
  361 +}
  362 +
  363 +.land_go_box3 {
  364 + display: flex;
  365 + display: -webkit-flex;
  366 + align-items: center;
  367 + justify-content: center;
  368 + padding-top: 0.36rem;
  369 +}
  370 +
  371 +.land_go_box3 p {
  372 + font-size: 0.3rem;
  373 + margin: 0 0.15rem;
  374 + color: rgba(255, 255, 255, 1);
  375 +}
  376 +
  377 +.land_go_box3 span {
  378 + width: 0.2rem;
  379 + height: 0.02rem;
  380 + display: block;
  381 + background: rgba(245, 245, 245, 1);
  382 +}
  383 +
  384 +.land_go_price {
  385 + text-align: center;
  386 + font-size: 0.7rem;
  387 + color: rgba(255, 255, 255, 1);
  388 +}
  389 +
  390 +.price_img {
  391 + width: 1.96rem;
  392 + margin: auto;
  393 + display: block;
  394 + padding: 0.69rem 0 0.77rem 0;
  395 +}