/* BEM命名规范 ：block__element--modifier*/
/* css重置*/
html, body {
    margin:0px;
    font-size:14px;
    line-height: 24px;
    color:#333;
    overflow-x: visible;
    overflow-y: visible;
    font-family: 微软雅黑;
}
ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#gdcaCom{
    display: none;
}
/* BEM命名规范 ：block__element--modifier*/
/* 宽度类 */
.w--p100{
  width:100%;
}
.w--auto{
  width: auto;
}
.w--284{
  width:284px;
}
.w--340{
  width:340px;
}
.w--480{
  width:480px;
}
/* 高度类 */
.h--p100{
  height:100%;
}
.h--auto{
  height:auto;
}
/* padding类 */
.pd--0{
  padding:0px;
}
.pd--5{
  padding:5px;
}
.pd--10{
  padding:10px;
}
.pd--15{
  padding:15px;
}
.pd--20{
  padding:20px;
  box-sizing: border-box;
}
.pl--0{
  padding-left:0px;
}
.pl--5{
  padding-left:5px;
}
.pl--10{
  padding-left:10px;
}
.pl--15{
  padding-left:15px;
}
.pl--20{
  padding-left:20px;
}
.pl--30{
  padding-left:30px;
}
.pr--0{
  padding-right:0px;
}
.pr--5{
  padding-right:5px;
}
.pr--10{
  padding-right:10px;
}
.pr--15{
  padding-right:15px;
}
.pr--20{
  padding-right:20px;
}
.pr--30{
  padding-right:30px;
}
.pt--0{
  padding-top:0px;
}
.pt--5{
  padding-top:5px;
}
.pt--10{
  padding-top:10px;
}
.pt--15{
  padding-top:15px;
}
.pt--20{
  padding-top:20px;
}
.pb--0{
  padding-bottom:0px;
}
.pb--5{
  padding-bottom:5px;
}
.pb--10{
  padding-bottom:10px;
}
.pb--15{
  padding-bottom:15px;
}
.pb--20{
  padding-bottom:20px;
}
/* margin类 */
.mg--auto{
  margin:auto;
}
.mg--0{
  margin:0px;
}
.mg--5{
  margin:5px;
}
.mg--10{
  margin:10px;
}
.mg--15{
  margin:15px;
}
.mg--20{
  margin:20px;
}
.ml--0{
  margin-left:0px;
}
.ml--5{
  margin-left:5px;
}
.ml--10{
  margin-left:10px;
}
.ml--12{
  margin-left:12px;
}
.ml--15{
  margin-left:15px;
}
.ml--20{
  margin-left:20px;
}
.ml--30{
  margin-left:30px;
}
.mr--0{
  margin-right:0px;
}
.mr--5{
  margin-right:5px;
}
.mr--10{
  margin-right:10px;
}
.mr--15{
  margin-right:15px;
}
.mr--20{
  margin-right:20px;
}
.mt--0{
  margin-top:0px;
}
.test-name .mt--5{
  margin-top:5px;
  width: 100%;
  overflow: hidden;
}
.mt--10{
  margin-top:10px;
}
.mt--15{
  margin-top:15px;
}
.mt--20{
  margin-top:20px;
}
.mt--30{
  margin-top:30px;
}
.mt--40{
  margin-top:40px;
}
.mb--0{
  margin-bottom:0px;
}
.mb--5{
  margin-bottom:5px;
}
.mb--10{
  margin-bottom:10px;
}
.mb--15{
  margin-bottom:15px;
}
.mb--20{
  margin-bottom:20px;
}
.mb--25{
  margin-bottom:20px;
}
.mb--30{
  margin-bottom:30px;
}
.mr--50{
  margin-right: 50px;
}
.mr--30{
  margin-right:30px;
}
/* 浮动三件套 */
.clearfix::after{
  content:"";
  display: block;
  clear:both;
}
.float--left{
  float:left;
}
.float--right{
  float:right;
}
/* 弹性盒子 */
.flex{
  display:flex;
}
.flex--col{
  display:flex;
  flex-direction: column;
}
.flex--justify-between{
  display: flex;
  justify-content: space-between;
}
.flex--justify-around{
  display:flex;
  justify-content: space-around;
}
.flex--items-center{
  display: flex;
  align-items: center;
}
/* 行盒 */
.box--inline-block{
  display: inline-block;
}
.box--inline{
  display:inline;
}
.box--block{
  display: block;
}
.box--sizing{
  box-sizing:border-box;
}
/* 定位 */
.relative{
  position:relative;
}
.absolute{
  position:absolute;
}
.fixed{
  position: fixed;
}
/*隐藏*/
.display--none{
  display: none;
}
.opacity--0{
  opacity: 0;
}
.pointer{
  cursor: pointer;
}
.vertical--middle{
  vertical-align: middle;
}
/*文本对齐方式*/
.text--align--left{
  text-align: left;
}
.text--align--right{
  text-align: right;
}
.text--align--center{
  text-align: center;
}
.bold {
  font-weight: bold;
}
.overflow--auto{
  overflow: auto;
}
html,body,.ieframe{
  height:100%;
  /*background-color: #ffffff;*/
}

/* BEM命名规范 ：block__element--modifier*/
/* 字体大小（浏览器默认大小为16px） */
.font--12{
  font-size:12px;
}
.font--13{
  font-size:13px;
}
.font--14{
  font-size:14px;
}
.font--16{
  font-size:16px;
}
.font--18{
  font-size:18px;
}
.font--20{
  font-size:20px;
}
.font--22{
  font-size:22px;
}
/* 字体加粗 */
.font--weight-300{
  font-weight:300;
}
.font--weight-600{
  font-weight:600;
}
/*字体的水平间距*/
.letter-spacing--1{
  letter-spacing:1px;
}
/* 字体换行 */
.font--wrap{
  word-break: break-all;
}
/* 字体一行显示，溢出隐藏，打点处理 */
.ellipsis{
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
/* 字体两行显示，溢出隐藏，打点处理 */
.ellipsis2{
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* 单行字体俩端对齐 （要有俩行才能起作用，一行的情况下，模拟数据）*/
.single-text--justify{
  text-align:justify;
  position: relative;
}
.single-text--justify::after{
  content:".";
  display:inline-block;
  width:100%;
  height:0px;
  overflow: hidden;
}
/* 字体对齐 */
.text--left{
  text-align:left;
}
.text--right{
  text-align:right;
}
.text--justify{
  text-align:justify;
}
.text--center{
  text-align:center;
}
/* 基线的对齐 */
.vertical--top{
  vertical-align: top;
}
.vertical--text-top{
  vertical-align: text-top;
}
.vertical--middle{
  vertical-align: middle;
}
.vertical--bottom{
  vertical-align: bottom;
}
.vertical--text-bottom{
  vertical-align: text-bottom;
}
/* 鼠标的样式 */
.mouse--pointer{
  cursor:pointer;
}
.mouse--default{
  cursor: default;
}
.mouse--text{
  cursor:text;
}
.mouse--move{
  cursor:move;
}
/* 盒模型 */
.box--ie-modal{
  box-sizing:border-box;
}
/* 特殊前缀 */
.icon--xing:before{
  content:"*";
  color:red;
}
.icon--null::before{
  content:"*";
  color:red;
  opacity: 0;
}

/*下划线*/
.text--underline{
  text-decoration: underline!important;
}
.text--nounderline{
  text-decoration: none!important;
}

/*字体色*/
.color--fff{
  color:#ffffff;
}
.color--333{
  color:#333333;
}
.color--999{
  color:#999999;
}
.color--666{
  color:#666666;
}
.color--000{
  color:#000000;
}
.color--ccc{
  color: #cccccc;
}
.color--fb6145{
  color:#fb6145;
}
.color--dc4040{
  color:#dc4040;
}
.color--f0422c{
  color:#f0422c;
}
.color--1c82d1{
  color:#1c82d1;
}
.color--1b82d1{
  color:#1b82d1;
}
.color--2a68c8{
  color:#2a68c8;
}
.color--3ebe00{
  color:#3ebe00;
}
.color--f00{
  color:#f00;
}
.border--none{
  border:none!important;
}

/*背景色*/
.bg--fff{
  background-color: #fff;
}
.bg--transparent{
  background-color: transparent;
}
.bg--f5f5f5{
  background-color: #f5f5f5;
}
.bg--f6f6f6{
  background-color: #F6F6F6;
}
/*避免vue加载闪烁出现{{}}*/
[v-cloak] {
  display: none;
}

/**
实现文本在html页面的换行符、空格的保留（同标签pre一样的效果）
 */
.pre-wrap{
  white-space: pre-wrap;
}

.inline-block {
    display: inline-block;
}

.inline-block:hover {
    cursor: pointer;
    color: #2a68c8
}

.active {
    color: #2a68c8
}

.active {
    border-bottom: solid 0px #2a68c8;
    color: #2a68c8;
    font-weight: 600;
}

.tabs-all {
    padding: 10px 20px;
    cursor: pointer;
}

.tabs-list li {
    padding: 10px 20px;
    cursor: pointer;
}

.tabs-label {
    margin-top: 4px;
    height: 18px;
    line-height: 18px;
    padding: 0 2px;
    border-radius: 50%;
    background-color: rgba(28, 130, 209, 0.1);
    color: #666666;
    font-style: normal;
    font-size: 14px;
}
.shadow{
    box-shadow: inset 0px 1px 0px 0px
    #ececec;
}
/* BEM命名规范 ：block__element--modifier*/
/* table下的th、td宽高的撑开，依次取决于内容>设置css */
table{
  /* 相当于cellspace=“0” */
  border-collapse:collapse;
  /*table-layout:fixed;!* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。才能使用ellip。。。 *!*/
  /*border-collapse: separate;*/
  /*border-spacing: 20px;*/
}
table td{
  /* 相当于cellpadding=“0” */
  padding:0px;
}

/*讲解*/

/*
1) 在html5中不支持<table>的cellpadding 和 cellspacing ;
2) 如何用css实现 cellpadding, cellspacing ;
3) tr , th 是 有 border, 没有 padding 的.*/

/*border-collapse: collapse; 是针对 <table>元素的.*/
 /*border-spacing 只有在 border-collapse : separate 时 才会起作用.*/
 /*border-collapse,  border-spacing 都是 针对  <table>元素的.*/

/*border-collapse 是针对 <table>元素的.     padding 是针对  td 元素的.*/
/*tr, th  有border . 没有  padding*/