common.css

body {
  margin: 0;
  padding: 0;
}

.grey-bg {
  background-color: rgb(250, 250, 250);
}
#app {
  font: 13px/1.75 'Microsoft Yahei', 微软雅黑, Tahoma, Arial, Helvetica, STHeiti;
  color: #343A40;
}

a {
  color: #409eff;
  text-decoration: none;
}

/* WebKit browsers (Chrome, Safari) */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
/* 适用于纵滚动条 */
::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
/* 适用于纵滚动条 */
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.05);
}
/* 适用于纵滚动条 */
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
/* 适用于横滚动条 */
::-webkit-scrollbar-track-x {
  background-color: #f1f1f1;
}
/* 适用于横滚动条 */
::-webkit-scrollbar-thumb-x {
  background-color: rgba(0, 0, 0, 0.05);
}
/* 适用于横滚动条 */
::-webkit-scrollbar-thumb-x:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* Firefox */
/* 适用于纵滚动条 */
::-moz-scrollbar {
  width: 4px;
  height: 4px;
}
/* 适用于纵滚动条 */
::-moz-scrollbar-track {
  background-color: #f1f1f1;
}
/* 适用于纵滚动条 */
::-moz-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.05);
}
/* 适用于纵滚动条 */
::-moz-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
/* 适用于横滚动条 */
::-moz-scrollbar-track-x {
  background-color: #f1f1f1;
}
/* 适用于横滚动条 */
::-moz-scrollbar-thumb-x {
  background-color:  rgba(0, 0, 0, 0.05);
}
/* 适用于横滚动条 */
::-moz-scrollbar-thumb-x:hover {
  background-color:  rgba(0, 0, 0, 0.05);
}

/* Edge and Internet Explorer */
/* 适用于纵滚动条 */
::-ms-scrollbar {
  width: 6px;
  height: 6px;
}
/* 适用于纵滚动条 */
::-ms-scrollbar-track {
  background-color: #f1f1f1;
}
/* 适用于纵滚动条 */
::-ms-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.05);
}
/* 适用于纵滚动条 */
::-ms-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
/* 适用于横滚动条 */
::-ms-scrollbar-track-x {
  background-color: #f1f1f1;
}
/* 适用于横滚动条 */
::-ms-scrollbar-thumb-x {
  background-color: rgba(0, 0, 0, 0.05);
}
/* 适用于横滚动条 */
::-ms-scrollbar-thumb-x:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/*隐藏滚动条*/
.hide-scrollbar ::-webkit-scrollbar {
  display: none;
}
/*隐藏滚动条*/
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.center-card {
  width: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-top: 0px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 0px;
  box-sizing: border-box;
  border-radius: 4px;
}

/* 水平居中的卡片 */
.hor-center-card {
  width: 700px;
  margin: 20px auto;
  padding-top: 0px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 0px;
  box-sizing: border-box;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.el-dropdown-link {
  cursor: pointer;
  color: #409eff;
}

li {
  list-style-type: none;
}

.markdown-body ul li {
  list-style-type: disc;
}

.markdown-body ol li {
  list-style-type: decimal;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.block {
  display: block;
}

.el-message-box {
  max-width: 80vw;
}

.cursor-click {
  cursor: pointer;
}

/* 3.0开始，找设计师重定义UI ，这里根据新UI定义一些类，方便复用 */

.v3-font-size{
  font-size: 13px;
}
.v3-font-size-lg{
  font-size: 24px;
}
.v3-font-size-sm,.v3-font-size-s{
  font-size: 11px;
}
.v3-color-primary{
  /* 主要文本颜色 */
  color: #343A40;
}
.v3-color-aux{
  /* 辅助文本颜色 */
  color: #9B9B9B;
}
.v3-color-sec{
  /* 次要文本颜色 */
  color: rgba(0, 0, 0, 0.05);
}
.v3-bg-color-primary{
  color: #f9f9f9;
}
.v3-btn-primary{
  color: #343A40;
}
.v3-accent-color-blue{
  /* 如特别需要强调的按钮背景色、文字链 */
  color: #007BFF;
}
.v3-color-blue{
  color: #007BFF;
}
.v3-color-yellow{
  color: #ffc107;
}
.v3-color-red{
  color: #DC3545;
}
.v3-color-green{
  color: #28A745;
}
.v3-lg-btn{
  width: 160px;
  height: 50px;
  border-radius: 8px;
}
.v3-text-link{
  color: #9B9B9B;
  cursor: pointer;
  text-decoration:underline ;

}

.tips-text{
  /* 辅助文本颜色 */
  color: #9B9B9B;
  font-size: 11px;
  line-height: 1.5rem;

}