@charset "utf-8";

/* 公共样式 */
body {
  font-size: $font-size-base;
  font-weight: 500;
  font-family: "PingFangSC-Regular", "Microsoft YaHei", "微软雅黑";
  color: $font-color-base;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  margin: 0;
  padding: 0
}

input,
select,
textarea {
  font-size: 100%
}

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

fieldset,
img {
  border: 0
}

abbr,
acronym {
  border: 0;
  font-variant: normal
}

del {
  text-decoration: line-through
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal
}

ol,
ul {
  list-style: none
}

caption,
th {
  text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal
}

q:before,
q:after {
  content: ''
}

button {
  outline: 0;
  border: none;
}

a:hover {
  text-decoration: none
}

ins,
a {
  text-decoration: none;
  cursor: pointer;
}

button {
  cursor: pointer;
}

textarea {
  resize: none;
}

iframe,
img {
  border: 0;
}

ul,
ol {
  list-style: none;
}

a {
  color: $font-color-base;
  text-decoration: none;
}

input[type="text"],
[type="password"],
[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
  outline: none;
}

// input  type="number" 去除上下箭头
// 谷歌
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

// 火狐
input[type="number"] {
  -moz-appearance: textfield;
}

// 禁止左键选中页面内容
* {
  -webkit-touch-callout: none;
  /*系统默认菜单被禁用*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -khtml-user-select: none;
  /*早期浏览器*/
  -moz-user-select: none;
  /*火狐*/
  -ms-user-select: none;
  /*IE10*/
  user-select: none;
}

input {
  -webkit-user-select: auto;
  /*webkit浏览器*/
}

textarea {
  -webkit-user-select: auto;
  /*webkit浏览器*/
}

select {
  /*-webkit-appearance: none;去掉select的下箭头*/
  outline: none;
}

textarea {
  -webkit-appearance: none;
}

// * {
//   -webkit-box-sizing: border-box;
//   -moz-box-sizing: border-box;
//   box-sizing: border-box;
// }

// input::-webkit-input-placeholder {
//   /* WebKit, Blink, Edge */
//   color: rgba(255, 255, 255, 0.25) !important;
// }

// input:-moz-placeholder {
//   /* Mozilla Firefox 4 to 18 */
//   color: rgba(255, 255, 255, 0.25) !important;
// }

// input::-moz-placeholder {
//   /* Mozilla Firefox 19+ */
//   color: rgba(255, 255, 255, 0.25) !important;
// }

// input:-ms-input-placeholder {
//   /* Internet Explorer 10-11 */
//   color: rgba(255, 255, 255, 0.25) !important;
// }

textarea::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: rgba(255, 255, 255, 0.25) !important;
}

textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(255, 255, 255, 0.25) !important;
}

textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(255, 255, 255, 0.25) !important;
}

textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(255, 255, 255, 0.25) !important;
}

/***滚动条 - 谷歌 - 开始***/
// *::-webkit-scrollbar {
//   width: 7px;
//   /*对垂直流动条有效*/
//   height: 7px;
//   /*对水平流动条有效*/
// }

// // 滚动条的轨道（里面装有Thumb）
// *::-webkit-scrollbar-track {
//   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
//   background-color: rgba(255, 255, 255, 0.45);
//   border-radius: 3px;
// }

// // 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）
// *::-webkit-scrollbar-thumb {
//   border-radius: 5px;
//   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
//   background-color: rgba(0, 0, 0, 0.65);
// }

// // 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。
// *::-webkit-scrollbar-button {
//   background-color: rgba(255, 255, 255, 0.75);
//   height: 0px;
// }

// // 内层轨道，滚动条中间部分
// *::-webkit-scrollbar-track-piece {
//   background-color: rgba(255, 255, 255, 0.45);
//   border-radius: 3px;
// }

/***滚动条 - 谷歌 - 结束***/

/***全局公共样式 - 开始***/
.h_10 {
  height: 10px;
}

.h_30 {
  height: 30px;
}

.h_55 {
  height: 55px;
}

.h_500 {
  height: 500px !important;
}

.no_mr {
  margin-right: 0px !important;
}

.no_mb {
  margin-bottom: 0px !important;
}

.no_bb {
  border-bottom: 0px !important;
}

.no_br {
  border-right: 0px !important;
}

.no_bl {
  border-left: 0px !important;
}

iframe {
  display: block;
  border: 0px;
}

img {
  display: block;
}

/***框架样式 - 开始***/
html,
body,
#app {
  height: 100%;
  width: 100%;
  position: relative;
}

.comReport{
  width: 100%;
  height: 100%;
}

/***框架样式 - 结束***/



/***ElUI - 公共调整 - 开始***/

/***ElUI - 公共调整 - 结束***/
