129 lines
1.8 KiB
CSS
129 lines
1.8 KiB
CSS
/* flex布局 */
|
|
.dflexaj{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.dflexj{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.dflexajc{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
flex-direction: column;
|
|
}
|
|
.dflexajcs{
|
|
display: flex;
|
|
justify-content:flex-start;
|
|
}
|
|
.dflexajce{
|
|
display: flex;
|
|
justify-content:flex-end;
|
|
}
|
|
.dflexac{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
}
|
|
.dflexacs{
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
flex-direction: column;
|
|
}
|
|
.dflexacsa{
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
.dflexa{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.dfleac{
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
.dflexs{
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
flex-direction: column;
|
|
}
|
|
/* 怪异盒子 */
|
|
.boxs{
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* 边距 */
|
|
.ml15{
|
|
margin-left: 15px;
|
|
}
|
|
.mr15{
|
|
margin-right: 15px;
|
|
}
|
|
.mt15{
|
|
margin-top: 15px;
|
|
}
|
|
.pd24{
|
|
padding: 24px;
|
|
}
|
|
.pd15{
|
|
padding: 15px;
|
|
}
|
|
.pdr200{
|
|
padding: 200px;
|
|
}
|
|
|
|
.pdtrl15{
|
|
padding: 15px 15px 9px;
|
|
}
|
|
.pdtrl20{
|
|
padding: 20px 20px 14px;
|
|
}
|
|
.mt5{
|
|
margin-top: 5px;
|
|
}
|
|
.mt24{
|
|
margin-top:24px;
|
|
}
|
|
|
|
html,body,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dd,dt,ol,input{
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
/* 颜色 */
|
|
.col31{
|
|
color: #313233;
|
|
}
|
|
|
|
.maincenter{
|
|
width: 98%;
|
|
margin: 0 auto;
|
|
min-height:560px;
|
|
}
|
|
@media screen and (min-width:1700px ){
|
|
.maincenter{
|
|
min-height: 800px;
|
|
}
|
|
}
|
|
|
|
/* 表格状态的图标 */
|
|
.icon{
|
|
display: inline-block;
|
|
width: 6px;
|
|
height: 6px;
|
|
background: #f00;
|
|
border-radius:3px;
|
|
vertical-align: middle;
|
|
/* border: 2px solid rgb(159, 222, 252); */
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.delfilebtn{
|
|
color: #296bef;
|
|
cursor: pointer;
|
|
} |