@charset "UTF-8";
@import url(element.css);
/* @import url(font-awesome.css); */
@import url(font-awesome.min.css);
/*重写AdmineLTE 的部分效果 start*/
html,body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Heiti SC', 'Microsoft Yahei';
    margin: 0px;
    padding: 0px;
}
pre{
  margin: 0px;
}
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.1);
}

/*flex相关*/
/*flex布局相关*/
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex !important;
}

.flex-v {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-2 {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.flex-3 {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.flex-align-center {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-align-stretch {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.flex-pack-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-pack-justify {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-justify-content-start {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.flex-justify-content-end {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.flex-align-items-start {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.flex-align-items-end {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.flex-align-self-center {
  -webkit-align-self: center;
  align-self: center;
}

.flex-align-self-end {
  -webkit-align-self: flex-end;
  align-self: flex-end;
}

/* element */
.el-menu{
  border-right: none;
}

/* a标签 */
a{
  text-decoration: none;
  cursor: pointer;
  color: #3782dc;
}
a:hover{
  color: blue;
}

/* 定位 */
.position-r{
  position: relative;
}

/* 盒子居中 */
.box-center{
  float:left;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
}

/* 清除浮动 */
.clearfix:after{
  content:"";
  height: 0;
  line-height: 0;
  visibility: hidden;
  clear:both;
  display:block;
}
.clear{
  zoom:1;
}

.cursor-pointer{
  cursor: pointer;
}
.align-center{
  text-align: center;
}

/* font */
.f-20{
  font-size: 20px;
}

/* color */
.color-f{
  color: #fff;
}
.color-3782dc{
  color: #3782dc;
}

/* margin */
.margin-t-10{
    margin-top: 10px;
}
.margin-l-10{
    margin-left: 10px;
}
.margin-l-20{
    margin-left: 20px;
}
.margin-r-20{
    margin-right: 20px;
}

/* border */
.border-b{
  border-bottom: 1px solid #ccc;
}