*,

*:before,

*:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  outline: 0;

}

body,

div,

span,

h1,

h2,

h3,

h4,

h5,

h6,

p,

em,

img,

strong,

b,

small,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

sub,

sup,

tt,

var,

del,

dfn,

ins,

kbd,

q,

s,

samp,

strike,

applet,

object,

iframe,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

mark,

audio,

video,

input,

textarea,

select {

  margin: 0;

  padding: 0;

}

body {

  font-family: arial, "microsoft yahei";

  font-size: 12px;

}

a {

  transition: all 0.2s;

}

a:link,

a:visited {

  text-decoration: none;

  outline: none;

  color: #333;

}



.d-flex {
  display: flex;
}

.flex-just-between {
  justify-content: space-between;
}

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

.mr-b {
  margin-bottom: 20px;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

img {

  border: 0;

}

table {

  border-collapse: collapse;

  width: 100%;

}

input[type='reset'],

input[type='button'],

input[type='submit'],

input[type='radio'] {

  cursor: pointer;

  outline: none;

}

input[type='checkbox'],

input[type='radio'] {

  position: relative;

  vertical-align: middle;

  margin: -2px 5px 1px;

}

textarea,

input[type='email'],

input[type='date'],

input[type='password'],

input[type='text'] {

  padding: 0 10px;

  outline: none;

}

.f-l {

  float: left;

}

.f-r {

  float: right;

}

/*清楚浮动*/

.clearfix:after {

  clear: both;

  height: 0;

  content: "";

  line-height: 0;

  font-size: 0;

  display: block;

}

/*图片垂直水平居中*/

.vcenter {



  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  max-width: 100%;

  max-height: 100%;

  display: block;

  vertical-align: middle;

  text-align: center;

  margin: auto;

}