html,body{
  font-family:PingFang-SC-Medium,PingFang-SC;
}
ul,li{
  list-style: none;
}
.clear{
  clear: both;
}
button{
  background-color: #00aaff;
  font-size: 12px;
  color: #fff;
  line-height: 19px;
  border: none;
  outline: none;
  vertical-align: top;
  border-radius: 4px;
  cursor: pointer;
}
input[type="checkbox"] {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  cursor: pointer;
}
.con{
  background-color: #F6F6F6;
  padding: 10px 30px 40px;

}
.con nav{
  position: relative;
  color: #2A2A2A;
  font-size: 16px;
  line-height: 40px;
  padding-left: 15px;
  border-bottom: 1px solid #E0E0E0;
}
.con nav:before{
  position: absolute;
  left: 0px;
  top: 50%;
  content: '';
  height: 18px;
  width: 3px;
  background-color: #FA6900;
  transform: translate(-50%, -50%);
}
.con .select-con{
  margin: 37px 0px;
}
.con .select-con input{
  width: 180px;
  height: 34px;
  padding-left: 10px;
  font-size: 12px;
  color: #2a2a2a;
  margin-right: 15px;
  box-sizing: border-box;
  border-radius: 4px;
  outline: none;
  border-style: none;
  border: 1px solid #DADEE0;
}
.select-con input::-webkit-input-placeholder {
  color:#B5B9BC;
}
.select-con input:-moz-placeholder {
  color:#B5B9BC;
}
.select-con input:-ms-input-placeholder {
  color:#B5B9BC;
}
.con .select-con select{
  width: 120px;
  height: 34px;
  padding-left: 10px;
  font-size: 12px;
  color: #B5B9BC;
  margin-right: 15px;
  box-sizing: border-box;
  border-radius: 4px;
  outline: none;
  background: #fff;
  border-style: none;
  border: 1px solid #DADEE0;
}
.con .select-con button{
  padding: 7px 16px;
}
.con .select-check{
  line-height: 34px;
  margin-bottom: 22px;
}
.con .select-check .left{
  float: left;
}
.con .select-check label{
  color: #2A2A2A;
  font-size: 14px;
  font-weight:500;
}
.con .select-check span{
  color: #666666;
  font-size: 14px;
  font-weight:500;
  margin-right: 35px;
}
.con .select-check .right{
  float: right;
}
.con .select-check .right span{
  margin-right: 10px;
}
.con .select-check .right button{
  padding: 7px 12px;
  margin-left: 15px;
}
#tableCon {
  width: 100%;
  overflow-x: scroll;
}
#tableCon table{
  width: 100%;
  border-collapse: collapse;
  background-color: #fff;
  table-layout: fixed;
}
#tableCon  table > tbody > tr > td:last-child{
  text-align: left;
  padding-left: 10px;
}
#tableCon  table > tbody > tr > td:last-child span{
  color: #00aaff;
  cursor: pointer;
}
#tableCon table > tbody > tr > td:last-child span:after{
  display: inline-block;
  content: ' ';
  height: 15px;
  width: 1px;
  margin: -2px 10px;
  background-color: #00aaff;
}
#tableCon  table > tbody > tr > td:last-child span:last-child:after{
  display: none;
}
#tableCon  table > thead > tr > td, #tableCon  table tbody > tr > th{
  text-align: center;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #ddd;
}
#tableCon table tbody > tr > td{
  text-align: center;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  word-break: break-all;
  border: 1px solid #ddd;
}
#tableCon  table tbody > tr > th{
  color: #2A2A2A;
  background: #F0F0F0 !important;
}
#tableCon  table tbody > tr > td.success{
  color: #00AAFF;
}
#tableCon  table tbody > tr > td.fair{
  color: #FE4343;
}

.smart-table.stb-cust-middle thead{
  font-size: 14px !important;
}
.mark{
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 111;
}
.mark .contaner{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 400px;
  height: auto;
  background: #fff;
  transform: translate(-50%, -50%);
  padding: 20px;
}
.mark .contaner nav{
  color: #2A2A2A;
  line-height: 40px;
  padding: 0px 20px;
  font-size:16px;
  font-weight:500;
  border-bottom: 1px solid #E0E0E0;
}
.mark .contaner nav span{
  float: right;
  cursor: pointer;
  color: #000000;
  font-size: 20px;
  font-weight: 400;
}
.mark .contaner ul{
  padding: 0px;
}
.mark .contaner ul li{
  line-height: 36px;
  color: #666666;
  font-size:14px;
  font-family:PingFang-SC-Medium,PingFang-SC;
  font-weight:500;
  display: flex;
  justify-content: space-between;
}
.mark .contaner ul li span{
  font-size:14px;
  font-weight:500;
  color: #2A2A2A;
  vertical-align: top;
}
.mark .contaner ul li span:nth-child(1){
  min-width: 100px;
  width: 100px;
  text-align: right;
}

.mark .contaner ul li span:nth-child(2){
  flex: 1;
  word-wrap: break-word;
  word-break: normal;
  white-space: normal;
  word-break: break-all;
}