@charset "utf-8"; 
/* 
@名称: base 
@功能: 重设浏览器默认样式 
*/ 
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */ 
html { 
  color:black; 
  background:white; 
} 
/* 内外边距通常让各个浏览器样式的表现位置不同 */ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
  margin:0; 
  padding:0; 
} 
/* 要注意表单元素并不继承父级 font 的问题 */ 
body,button,input,select,textarea { 
  font:12px/1.5 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif; 
  -webkit-font-smoothing: antialiased;/*这个属性可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服*/
  font-family: "Roboto-Regular";
} 
input,select,textarea { 
  font-size:100%; 
} 
/* 去掉各Table cell 的边距并让其边重合 */ 
table { 
  border-collapse:collapse; 
  border-spacing:0; 
} 
/* IE bug fixed: th 不继承 text-align*/ 
th { 
  text-align:inherit; 
} 
/* 去除默认边框 */ 
fieldset,img { 
  border:none; 
} 
/* ie6 7 8(q) bug 显示为行内表现 */ 
iframe { 
  display:block; 
} 
/* 去掉 firefox 下此元素的边框 */ 
abbr,acronym { 
  border:none; 
  font-variant:normal; 
} 
/* 一致的 del 样式 */ 
del { 
  text-decoration:line-through; 
} 
address,caption,cite,code,dfn,em,th,var { 
  font-style:normal; 
  font-weight:500; 
} 
/* 去掉列表前的标识, li 会继承 */ 
ol,ul { 
  list-style:none; 
} 
/* 对齐是排版最重要的因素, 别让什么都居中 */ 
caption,th { 
  text-align:left; 
} 
/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */ 
h1,h2,h3,h4,h5,h6 { 
 
}

q:before,q:after { 
  content:''; 
} 
/* 统一上标和下标 */ 
sub, sup { 
  font-size:75%; 
  line-height:0; 
  position:relative; 
  vertical-align:baseline; 
} 
sup { 
  top:-0.5em; 
} 
sub { 
  bottom:-0.25em; 
} 
/* 让链接在 hover 状态下显示下划线 */ 
a:hover {}

/* 默认不显示下划线，保持页面简洁 */ 
ins,a { 
  text-decoration:none; 
} 

/* IE6,7焦点点状线去除 */ 
a:focus,*:focus { 
  outline:none; 
} 

a {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
/* 清除浮动 */ 
.clearfix:before,.clearfix:after { 
  content:""; 
  display:table; 
} 
.clearfix:after { 
  clear:both; 
  overflow:hidden; 
} 
.clearfix { 
  zoom:1; /* for IE6 IE7 */ 
} 
.clear{ 
  clear:both; 
  display:block; 
  overflow:hidden; 
} 
/* 设置显示和隐藏, 通常用来与 JS 配合 */ 
.hide { 
  display:none !important; 
  visibility:hidden; 
} 
.block { 
  display:block !important; 
} 
/* 设置内联, 减少浮动带来的bug */ 
.fl { 
  float:left; 
  display:inline; 
} 
.fr { 
  float:right; 
  display:inline; 
} 
input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none;
}
input,textarea{-webkit-appearance:none;border-radius: 0px;  }
.button{ border-radius: 0px; } 
.border-1px, .border-bottom-1px, .border-top-1px, .border-left-1px, .border-right-1px {position: relative;}
/*线条颜色 黑色*/
.border-1px::after, .border-bottom-1px::after, .border-top-1px::after, .border-left-1px::after, .border-right-1px::after {background-color: rgba(155,155,155,.5); }
 /*底边边框一像素*/
.border-bottom-1px::after {content:"";position: absolute; left: 0;bottom: 0;width: 100%;height: 1px;transform-origin: 0 0;}
 /*上边边框一像素*/
.border-top-1px::after {content:"";position: absolute; left: 0;top: 0;width: 100%;height: 1px;transform-origin: 0 0;}
 /*左边边框一像素*/
.border-left-1px::after {content:"";position: absolute; left: 0;top: 0;width: 1px;height: 100%;transform-origin: 0 0;}
/*右边边框1像素*/
.border-right-1px::after {content: "";box-sizing: border-box;position: absolute; right: 0;top: 0;width: 1px;height: 100%;transform-origin: 0 0;}
/*边框一像素*/
.border-1px::after {content: "";box-sizing: border-box;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid rgba(155,155,155,.5);}
/*设备像素比*/
@media only screen and (-webkit-min-device-pixel-ratio: 2.0), only screen and (min-resolution: 2dppx) {
    .border-bottom-1px::after, .border-top-1px::after {transform: scaleY(0.5);}  
   .border-left-1px::after, .border-right-1px::after {transform: scaleX(0.5);} 
   .border-1px::after {width: 200%;height: 200%;transform: scale(0.5);transform-origin: 0 0;}
}
/*设备像素比*/
@media only screen and (-webkit-min-device-pixel-ratio: 3.0), only screen and (min-resolution: 3dppx) {
   .border-bottom-1px::after, .border-top-1px::after {
      transform: scaleY(0.333);
   } 
   .border-left-1px::after, .border-right-1px::after {
     transform: scaleX(0.333);
   } 
  .border-1px::after {
      width: 300%;
      height: 300%;
      transform: scale(0.333);
      transform-origin: 0 0;
  }
}

/************************* Roboto *************************/

@font-face {
  font-family: "Roboto-Regular";
  src: url("../../common/font/Roboto-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Medium";
  src: url("../../common/font/Roboto-Medium.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Bold";
  src: url("../../common/font/Roboto-Bold.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Light";
  src: url("../../common/font/Roboto-Light.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Black";
  src: url('../../common/font/Roboto-Black.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Thin";
  src: url("../../common/font/Roboto-Thin.ttf");
  font-weight: normal;
  font-style: normal;
}

/************************* Avenir *************************/

@font-face {
  font-family: Avenir-Black;
  src: url('../../common/font/Avenir_Black.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Avenir-Book;
  src: url('../../common/font/Avenir_Book.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Avenir-Heavy;
  src: url('../../common/font/Avenir_Heavy.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Avenir-Medium;
  src: url('../../common/font/Avenir_Medium.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Avenir-Light;
  src: url('../../common/font/Avenir_Light.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Avenir-Roman;
  src: url("../../common/font/Avenir_Roman.ttf");
  font-weight: normal;
  font-style: normal;
}

:root{
	--background:rgb(236,245,255);
	--withdrawal-card:rgba(0,74,188, 0.1);
	--text:rgb(102,102 ,102);
	--link:rgb(0,107,255);
	--border:rgb(102,102,102);
  --board:rgb(253,254,255);
  --disabled-text:rgb(187,187,187);
  --requiredError:rgb(238,82,83);
  --requiredSuccess:rgb(29,209,61);
  --buttonText:rgb(0,74,188);
  --buttonText2:rgb(102,102,102);
  --layerBG:rgb(236,245,255);
  --line:rgba(191,220,255,0.3);
  --smsBtn:rgb(0,74,188);

  --shadow: rgb(0 0 0 / 0.15);

  --input-text: black;
}

.darkmode{
	--background:rgb(0,21,53);
	--withdrawal-card:rgb(253,254,255);
	--text:rgb(187,187,187);
	--link:rgb(0,107,255);
	--border:rgb(187,187,187);
  --board:rgb(0,36,89);
  --disabled-text:rgb(102,102,102);
  --requiredError:rgb(238,82,83);
  --requiredSuccess:rgb(29,209,61);
  --buttonText:#bfdcff;
  --buttonText2:#bfdcff;
  --layerBG:rgb(0,21,53);
  --line:rgba(191,220,255,0.3);
  --smsBtn:rgb(191,220,255);

  --shadow: rgb(255 255 255 / 0.15);
  --input-text: white;

}