/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */

 :root {
    --white-color: #ffffff;
    --white-color1: #FBFCFA;
    --white-color2: #F9F9F9;
    --white-color3: #FEFEFF;

    --black-color: #252525;
    --black-color1: #303030;
    --black-color2: #404142;
    --black-color3: #020202;
    --black-color4: #060202;
    --black-color5: #131313;


    --gray-color: #8B8B8B;
    --gray-color1: #F4F5F5;
    --gray-color2: #E7E7E7;
    --gray-color3: #878788;
    --gray-color4: #707070;
    --gray-color5: #4C4B4C;
    --gray-color6: #979797;
    --gray-color7: #E2E2E2;
    --gray-color8: #616361;
    --gray-color9: #D9D9D9;
    --gray-color10: #D1D1D1;
    --gray-color11: #F5F5F8;
    --gray-color12: #F8F8F8;
    --gray-color13: #E4E2E2;
    --gray-color14: #AFAFAF;
    --gray-color15: #EEEEEE;
    --gray-color16: #A4A3A4;
    --gray-color17: #EBEAEA;
    --gray-color18: #F6F5F5;
    --gray-color19: #000000;
    --gray-color20: #161616;


    --yellow-color1: #F7DE69;
    /* --theme-bg-color: #90D12E;
   --theme-bg-color1: #7BB900;
   --theme-bg-color2: #F4FFDF;
   --theme-bg-color3: #E9F1C8;
   --theme-bg-color4: #99C845;
   --theme-bg-color5: #F9F9F9;
   --theme-text-color: #99cc33;
   --yellow-color1: #FFD000;
   --yellow-color2: #F1C63B; */
    --theme-bg-color1: #8CC338;
    --theme-bg-color2: #8CC236;
    --theme-bg-color3: #E2E2E2;
    --theme-bg-color4: #8DC339;
    /* hove */
    --theme-bg-color5: #61A101;
    --theme-bg-color6: #88BA3E;
    --theme-bg-color7: #A8E335;
    --theme-bg-color8: #62941A;
    --theme-bg-color9: #90D12E;
    --theme-bg-color10: #D4FB9A;
    --theme-bg-color11: #A9EC44;
    --theme-bg-color12: #85B53E;
    --theme-bg-color13: #275730;
    --theme-bg-color14: #6A9B31;
    --theme-bg-color15: #91AF57;
    --theme-bg-color16: #497936;
    --theme-bg-color17: #70B501;
    --theme-bg-color18: #FFFFFF;
    --theme-bg-color19: #020202;
    --theme-bg-color20: #88BB3E;
    --theme-bg-color21:#696969;
 }

 /* @font-face {
   font-family: 'Taipei Sans TC Beta';
   src: url("./Alibaba-PuHuiTi-Heavy.ttf");
} */

@font-face {
   font-family: 'Roboto-Regular';
   src: url('./Roboto-Regular.ttf');
}
 html,
 body,
 div,
 span,
 applet,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 pre,
 a,
 abbr,
 acronym,
 address,
 big,
 cite,
 code,
 del,
 dfn,
 em,
 img,
 ins,
 kbd,
 q,
 s,
 samp,
 small,
 strike,
 strong,
 sub,
 sup,
 tt,
 var,
 b,
 u,
 i,
 center,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 fieldset,
 form,
 input,
 button,
 label,
 legend,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td,
 article,
 aside,
 canvas,
 details,
 embed,
 figure,
 figcaption,
 footer,
 header,
 hgroup,
 menu,
 nav,
 output,
 ruby,
 section,
 summary,
 time,
 mark,
 audio,
 video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
 }

 /* HTML5 display-role reset for older browsers */
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section {
    display: block;
 }

 ol,
 ul,
 li {
    list-style: none;
 }

 blockquote,
 q {
    quotes: none;
 }

 blockquote:before,
 blockquote:after,
 q:before,
 q:after {
    content: '';
    content: none;
 }

 table {
    border-collapse: collapse;
    border-spacing: 0;
 }

 /* custom */
 a {
    color: #252525;
    text-decoration: none;
    -webkit-backface-visibility: hidden;
 }

 ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
 }

 ::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
 }

 ::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: rgba(125, 125, 125, 0.7);
    -webkit-border-radius: 6px;
 }

 ::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: rgba(125, 125, 125, 0.7);
    -webkit-border-radius: 6px;
 }

 html,
 body {
    width: 100%;
    height: 100%;
    font-family: 'Roboto-Regular', sans-serif;
 }

 body {
    line-height: 1;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }

 html {
    overflow-y: scroll;
 }

 /*清除浮动*/
 .clearfix:before,
 .clearfix:after {
    content: " ";
    display: inline-block;
    height: 0;
    clear: both;
    visibility: hidden;
 }

 .clearfix {
    *zoom: 1;
 }

 /*隐藏*/
 .dn {
    display: none;
 }