dd_pc/src/assets/css/reset.css

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea {font-size:14px;color: #303133; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }


/* 盒子模型 */
.flex-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

/*盒子模型，竖向自适应,垂直排列  */
.flex-box-v {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  flex-flow: column !important;
}

/* 水平等列排版（容器左右没缝隙，子元素左右两边自适应） */
.flex-d-center {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

/* 水平等列排版（子元素两边有缝隙自己适应） */
.flex-dv-center {
  justify-content: space-around;
  -webkit-justify-content: space-around;
}


/*通过一起使用 box-align 和 box-pack 属性，对 view 框的子元素进行居中，目前没有浏览器支持box-align 和 box-pack 属性，所以需要加上浏览器内核-webkit，-moz等的简写  */
.flex-center-center {
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -moz-align-items: center;
  -moz-box-pack: center;
  -moz-box-align: center;
}

/*对view中的子元素进行居中，并且位于容器的中间位置（flex-box水平;flex-box-v垂直）  */
.flex-v-zhu,
.flex-h-zhu {
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
}

/*对view中的子元素进行居中，并且位于容器的中间位置（flex-box垂直;flex-box-v水平）  */
.flex-v-ce,
.flex-h-ce {
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
}

/*让所有弹性盒模型对象的子元素都有相同的长度，且忽略它们内部的内容：  */
.flex-1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-2 {
  -webkit-box-flex: 2;
  box-flex: 2;
  -moz-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.flex-3 {
  -webkit-box-flex: 3;
  box-flex: 3;
  -moz-box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.flex-4 {
  -webkit-box-flex: 4;
  box-flex: 4;
  -moz-box-flex: 4;
  -webkit-flex: 4;
  -ms-flex: 4;
  flex: 4;
}


.flex-5 {
  -webkit-box-flex: 5;
  box-flex: 5;
  -moz-box-flex: 5;
  -webkit-flex: 5;
  -ms-flex: 5;
  flex: 5;
}

.flex-direction-row-reverse {
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
}

/*超出部分用....表示的公用样式  */
.font-flex-word {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 内容超出部分自动换行 */
.flex-d-wrap {
  flex-wrap: wrap;
}

/* 内容超出部分不换行 */
.flex-no-wrap {
  flex-wrap: nowrap;
}

/* 从右边开始排列 */
.flex-box-end {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
}

/* 字体颜色 */
.blue {
	color: #26A2FF!important;
}

.red {
	color: #F56C6C!important;
}

.yellow {
	color: #E6A23C!important;
}

.green {
	color: #67C23A!important;
}

.fontColorZ {
	color: #303133!important;
}

.fontColorF {
	color: #909399 !important;
}

.fontColorT {
	color: #C0C4CC!important;
}

/* 整体布局样式 */
.all{
	background-color: #fff;
	border-radius: 5px;
	height: 100%;
}