DER2021102201/public/admin/static/css/common.css

body,
div,
span,
header,
footer,
nav,
section,
aside,
article,
ul,
dl,
dt,
dd,
li,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
i,
em,
b,
textarea,
button,
input,
select,
figure,
figcaption,
{
	padding: 0;
	margin: 0;
	list-style: none;
	font-style: normal;
	text-decoration: none;
	border: none;
	font-weight: normal;
	font-family: "Microsoft Yahei";
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: antialiased;
	&:hover {
		outline: none;
	}
}

article,aside,footer,header,nav,section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,figure,main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit;
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
  display: block;
  border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto;
    resize: vertical
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],template {
    display: none
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

*,:after,:before {
    box-sizing: border-box
}

.clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: ".";
    height: 0
}

.clearfix {
    *zoom:1}

body {
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif;
    font-size: 12px;
    line-height: 1.5;
    color: #495060;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

article,aside,blockquote,body,button,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,section,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

ol,ul {
    list-style: none
}

input::-ms-clear,input::-ms-reveal {
    display: none
}

a {
    color: #3a8ee6;
    background: transparent;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    transition: color .2s ease
}

a:hover {
    color: #3a8ee6
}

a:active {
    color: #3a8ee6
}

a:active,a:hover {
    outline: 0;
    text-decoration: none
}

a[disabled] {
    color: #ccc;
    cursor: not-allowed;
    pointer-events: none
}

code,kbd,pre,samp {
    font-family: Consolas,Menlo,Courier,monospace
}

/*color*/
.c_main{ color: #3a8ee6;}
.orange{ color: #ff6f06;}
.white{ color: #FFFFFF;}
.red{ color: red;}
.blue{ color: #3a8ee6;}
.green{ color: #67C23A;}
.gray{ color: #CCCCCC;}
.gray3{ color: #333333;}
.gray6{ color: #666666;}
.gray9{ color: #999999;}


/*background*/
.bg-blue{ background: #3a8ee6;}
.bg-green{ background: #67C23A;}
.bg-orange{ background: #E6A23C;}
.bg-red{ background: #F56C6C;}
.bg-gray{ background: #909399;}

/*font*/
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}

.fb{ font-weight: bold;}

.text-d-line{ text-decoration: line-through;}

/*position*/
.pr{ position: relative;}
.pa{ position: absolute;}

/*float*/
.fl{ float: left;}
.fr{ float: right;}

/*width*/
.max-w460{ max-width: 460px;}
.w-auto{ width: auto;}
.percent-w50{ width: 50%;}
.percent-w100{ width: 100%;}

/*margin*/
.mt10{ margin-top: 10px;}
.mt16{ margin-top: 16px;}
.mt30{ margin-top: 30px;}
.mt50{ margin-top: 50px;}
.mb16{ margin-bottom: 16px;}
.ml4{ margin-left: 4px;}
.ml10{ margin-left: 10px;}
.ml20{ margin-left: 20px;}
.ml30{ margin-left: 30px;}
.mr10{ margin-right: 10px;}

/*padding*/
.p2{ padding: 2px;}
.p10{ padding: 10px;}
.p20{ padding: 20px;}
.p30{ padding: 30px;}
.p-4-0{ padding: 4px 0;}
.p-10-0{ padding: 10px 0;}
.p-20-0{ padding: 20px 0;}
.p-30-0{ padding: 30px 0;}
.p-0-10{ padding: 0 10px;}
.p-0-20{ padding: 0 20px;}
.p-0-30{ padding: 0 30px;}
.pt16 {padding-top: 16px;}
.pl16 {padding-left: 16px;}
.pr16{padding-right: 16px;}
.pb16{padding-bottom: 16px;}
.pb50{padding-bottom: 50px;}

/*line height*/
.lh18{ line-height: 18px;}
.lh24{ line-height: 24px;}
.lh30{ line-height: 30px;}

/*text-align*/
.tr{ text-align: right;}
.tc{ text-align: center;}

/*display*/
.d-c-c{ display: flex; justify-content: center; align-items: center;}
.d-s-c{ display: flex; justify-content: flex-start; align-items: center;}
.d-s-s{ display: flex; justify-content: flex-start; align-items: flex-start;}
.d-e-c{ display: flex; justify-content: flex-end; align-items: center;}
.d-b-c{ display: flex; justify-content: space-between; align-items: center;}
.d-a-c{ display: flex; justify-content: space-around; align-items: center;}

.d-c{ flex-direction: column;}
.d-r{ flex-direction: row;}

.flex-1{ flex: 1;}

.text-d-line-through{ text-decoration: line-through;}

/*width*/
.ww100{ width: 100%;}

/*ellipsis*/
.text-ellipsis{
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.text-ellipsis-2{
      display: -webkit-box;
      word-break: break-all;
      text-overflow: ellipsis;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
}

/*border*/
.border{border: 1px solid #DDDDDD;}
.border-b{border-bottom: 1px solid #DDDDDD;}
.border-b-d{border-bottom: 1px dashed #DDDDDD;}

.radius{ border-radius: 50%;}