/*通用*/
.a{color:#018af8;font-size:12px;}
.a:hover{color: #027bde;}
table tr.bg{background: #f5f5f5;}
table tr.bd{border:2px solid #e2e2e2;border-width: 2px 0; }
.sch{float: right;padding:0 0 0 10px;position:relative;}
.sch .search-form{display:flex;}
.sch .input-box{position:relative;display:inline-block;}
.sch .input-box input[type="text"]{background:#fff;border: 1px solid #e2e2e2;height: 28px;line-height: 28px;padding: 0 35px 0 10px;width:190px;}
.sch .input-box .sbtn{position: absolute;right:10px;top:6px;color:#1696fb;cursor: pointer;}
.sch .order-select{margin-left: 10px;}
.sch .order-select-wrapper{z-index:999;box-sizing: border-box;top:0;font-size:12px;margin-left:10px;}
.sch .order-select-wrapper .select_main{box-sizing: border-box;}
.sch .order-select-wrapper .select_list li{line-height: 22px;}
.sch .order-select-wrapper .select_list li:hover{background:#1696fb;color:#fff;}
hat-content-middle .hat-content-right {
  width: 910px;
  float: right;
  display: inline;
}
.hat-content-right .sub-title {
  *zoom: 1;
 /* padding: 28px 0;*/
}
.hat-content-right .sub-title:before,
.hat-content-right .sub-title:after {
  display: table;
  content: "";
  line-height: 0;
  overflow: hidden;
}
.hat-content-right .sub-title:after {
  clear: both;
}
.hat-content-right .sub-title h1 {
  font-size: 20px;
  padding-left: 12px;
  border-left: 3px solid #01d1b6;
  line-height: 1;
  float: left;
  display: inline;
}
.hat-content-right .sub-title h1 a {
  font-size: 14px;
  margin-left: 8px;
  text-decoration: underline;
}
.hat-content-right .sub-title h1 a:hover {
  color: #01d1b6;
}
.hat-content-right .sub-title .sub-nav {
  float: right;
  display: inline;
  font-size: 12px;
}

.main-project {
  line-height: 1;
  font-size: 16px;
}
.main-project h3 {
  color: #666;
  font-size: 16px;
  margin: 20px 0;
  padding: 0 0 8px;
  border-bottom: 1px #ddd solid;
  font-weight: 700;
}
.main-project h3 span {
  display: block;
  padding-left: 9px;
  border-left: 2px solid #3dc478;
}
.main-project .sedit{padding:3px 0 0 24px;color: #1e85e0;font-size: 14px;float: right;font-weight: normal;background: url('https://p0.ssl.qhimg.com/t0125a9e6cc30a1a880.png') no-repeat 0 center;}
.main-project .project-content {
  *zoom: 1;
  padding-left:10px;
}
.main-project .project-content:before,
.main-project .project-content:after {
  display: table;
  content: "";
  line-height: 0;
  overflow: hidden;
}
.main-project .project-content:after {
  clear: both;
}
.main-project .project-info {
  float: left;
  display: inline;
}
.main-project .project-info .title {
    font-size: 18px;
    line-height: 1;
    width: 605px;
    height: 36px;
    vertical-align: middle;
    overflow: hidden;
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
    /* text-overflow: ellipsis; */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;   
    word-break: break-all;
}
.main-project .project-info .serial {
  color: #959595;
  margin: 10px 0;
  line-height: 24px;
}
.main-project .project-info .serial span {
  margin-right: 5px;
}
.main-project .project-info .tool {
  border-left: #ddd 3px solid;
  padding: 5px 0 5px 10px;
  font-size: 14px;
  color: #888;
}
.main-project .project-info .tool a {
  margin-right: 5px;
}
.main-project .project-tool {
  /*修改详情页面的bug*/
 /* float: right;*/
  display: inline;
  text-align: right;
}
.main-project .project-tool .prize {
  font-size: 16px;
  line-height: 35px;
}
.main-project .project-tool .prize span {
  font-size: 20px;
}
.main-project .project-tool .prize .font-red{
  color:red;
}
.main-project .project-text {
  padding: 8px 11px;
  color: #666;
  font-size: 14px;
  line-height: 26px;
  word-wrap: break-word;
}
.main-project .project-text p {
  text-indent: 2px;
}
.main-project .project-text pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}
.main-project .project-text pre .font-red{color:red;}
.main-project .project-text pre .mr30{margin-right: 30px;}
.main-project .project-text img{
  width:100%;
}
.panel {
  padding: 12px;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  overflow: hidden;
  margin-bottom: 20px;
  background-color: #FFF;
}
.panel-admin{font-size: 14px;overflow: visible;border-width: 0;}
.panel-admin .a{margin:0 20px;*margin-left:-50px;font-size: 14px;color:#018af8;}
.panel-admin .a:hover{color: #027bde;}
.panel-admin .btn,.panel-admin a.btn{margin-top: 0;}
.main-tab {
  padding: 0;
}
.main-tab .load-more {
  margin: 18px 0 0;
}
.main-tab-nav ul {
  display: block;
  *zoom: 1;
  background: #f8f8f8;
  height: 40px;
  border-bottom: 1px solid #dddddd;
}
.main-tab-nav ul:before,
.main-tab-nav ul:after {
  display: table;
  content: "";
  line-height: 0;
  overflow: hidden;
}
.main-tab-nav ul:after {
  clear: both;
}
.main-tab-nav .btn {
  margin-right: 8px;
  line-height: 22px;
}
.main-tab-nav li {
  float: left;
  display: inline;
}
.main-tab-nav li a {
  display: block;
  background: #f8f8f8;
  line-height: 40px;
  border-right: 1px solid #dddddd;
  padding: 0 30px;
  text-align: center;
  border-bottom: 1px solid #dddddd;
  margin-bottom: -1px;
  color: #999;
}
.main-tab-nav li.on a {
  background: #FFF;
  border-bottom-color: #FFF;
  color: #1f2630;
}
.main-tab-content {
  padding: 12px 24px;
}
.main-tab-content .main-item {
  border: 1px solid #dddddd;
  border-left: none;
  border-right: none;
  margin-bottom: -1px;
}
.main-tab-content .main-item:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.main-tab-content .main-item .tool {
  border-top: 1px #ccc dashed;
}
.main-tab-content .main-item:nth-child(odd) {
  background: #f8f8f8;
}
.main-filter {
  padding: 10px;
  font-size: 12px;
}
.main-filter .row {
  line-height: 24px;
  padding: 5px 0;
}
.main-filter a {
  display: inline-block;
  padding: 0 37px 0 12px;
  text-align: center;
  overflow: hidden;
  vertical-align: middle;
  margin: 0 3px;
  position: relative;
  top: -1px;

}

.main-filter a:after {
  content:'';
  color:#fff;
  border:1px solid #fff;
  border-left:1px solid #fff;
  position: absolute;
  width: 24px;
  height: 22px;
  right: 0;
  background:#fff;
}

.main-filter a:hover,
.main-filter a.on {
 background: #01d1b6;
  color: #333;
}
.main-filter a.on2 {
 background: #01d1b6;
  color: #333;
  position: relative;
  padding-right: 38px;

}
.main-filter a.on2:after {
  content:'X';
  color:#fff;
  border:1px solid #61cebf;
  border-left:1px solid #fff;
  position: absolute;
  width: 24px;
  height: 22px;
  right: 0;
  background:#61cebf;
 
}

.main-item .serial {
  font-size: 16px;
  color: #666;
  margin: 0 5px;
}
.main-item .title {
  display: block;
  font-size: 20px;
  line-height: 1;
  margin: 0 0 8px 0;
  padding-left: 10px;
  border-left: 3px solid #1f2630;
}
.main-item .content {
  padding: 10px;
  font-size: 14px;
  color: #959595;
  line-height: 25px;
  text-indent: 2em;
}
.main-item .content a {
  color: #01d1b6;
}
.main-item .content a:hover {
  text-decoration: underline;
}
.main-item .tool {
  *zoom: 1;
  border-top: 1px solid #ddd;
  padding: 8px 5px 0;
  font-size: 12px;
}
.main-item .tool:before,
.main-item .tool:after {
  display: table;
  content: "";
  line-height: 0;
  overflow: hidden;
}
.main-item .tool:after {
  clear: both;
}
.main-item .tool .text {
  line-height: 20px;
  float: left;
  display: inline;
}
.main-item .tool .status {
  float: right;
  display: inline;
}
.main-item:hover {
  -webkit-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.1);
}
.main-item:hover .title {
  color: #01d1b6;
  border-color: #01d1b6;
}
.main-item:hover .title span {
  color: #01d1b6;
}
.project-vulSubmit {
  font-size: 14px;
  line-height: 30px;
  padding: 40px 20px;
}
.project-vulSubmit input,
.project-vulSubmit textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
}
.project-vulSubmit input[type='text'],
.project-vulSubmit textarea {
  border: none;
  height: 35px;
  background: #FFF;
  border: 1px solid #d9dfe3;
  border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 5px 10px;
  line-height: 20px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  font-size: 12px;
  float: left;
  display: inline;
  display: block;
  width: 100%;
}
.project-vulSubmit input[type='text']:focus,
.project-vulSubmit textarea:focus {
  border-color: #ddd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.project-vulSubmit textarea {
  line-height: 24px;
  height: 150px;
}
.project-vulSubmit td {
  padding: 8px 3px;
}
.project-vulSubmit td.label {
  text-align: right;
  width: 62px;
  padding-right: 8px;
}
.project-vulSubmit .code-img {
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
}
.project-vulSubmit .btn {
  margin-top: 0;
}
.project-vulSubmit .vul-error {
  font-size: 12px;
  color:red;
}
.project-vulSubmit .labelarea label {
  margin-right: 8px;
  display: inline-block;
}
.vul-list .list-item {
  *zoom: 1;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  padding: 12px;
  line-height: 1;
  margin-bottom: -1px;
}
.vul-list .list-item:before,
.vul-list .list-item:after {
  display: table;
  content: "";
  line-height: 0;
  overflow: hidden;
}
.vul-list .list-item:after {
  clear: both;
}
.vul-list .list-item .item-content {
  /*margin-right: 72px;
  padding-left: 30px;*/
  position:relative;
  height: 90px;
  padding-bottom: 15px;
}
.vul-list .list-item .item-content-notice {
  margin-right: 144px;
  padding-left: 30px;
}
.my-hat-sys-pic01 {
  position: absolute;
  left: 9px;
  top: 36px;
}
.vul-list .list-item .item-tool {
  float: right;
  margin-top: 30px;
}
.vul-list .list-item .title {
  line-height: 20px;
  margin-bottom: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vul-list .list-item .title a:hover {
  color: #01d1b6;
}
.vul-list .list-item .title:hover .item-tip {
  display: block;
}
.vul-list .list-item .title .item-tip {
  display: none;
  white-space: nowrap;
  border: 1px #ddd solid;
  border-radius: 5px;
   border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #f4f4f4;
  padding: 6px 8px;
  position: absolute;
  min-width: 84px;
  font-size: 12px;
  margin-top: 6px;
  margin-left: 47px;
}
.my-hat-right-change315{
  font-size: 12px;
    color: #01d1b6 !important;
    position: absolute;
    right: 28px;
    top: 16px;
}
.vul-list .list-item .title .item-tip b,
.vul-list .list-item .title .item-tip b:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: -7px;
  left: 42px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ddd;
}
.vul-list .list-item .title .item-tip b:after {
  border-bottom-color: #f4f4f4;
  top: 1px;
  left: -7px;
}
.vul-list .list-item .info {
  font-size: 12px;
  color: #999;
  *zoom: 1;
}
.vul-list .list-item .info:before,
.vul-list .list-item .info:after {
  display: table;
  content: "";
  line-height: 0;
  overflow: hidden;
}
.vul-list .list-item .info:after {
  clear: both;
}
.vul-list .list-item .info p {
  display: inline-block;
    float: left;
    display: inline;
    width: 33%;
    line-height: 20px;
}
.vul-list .list-item .info2 p {
  display: block;
    float: left;
    display: inline;
    width: 50%;
    line-height: 20px;
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vul-list .list-item .info a {
  color: #01d1b6;
}
.vul-list .list-item .btn {
  margin: 10px 0 0;
  font-size: 12px;
  padding: 0 8px;
}
.vul-list .list-item:nth-child(even){
  background: #f8f8f8;
}
.vul-list .list-item .list-item-tip{
      position: absolute;left:auto;right:0;top:-84px;background: #effdfb;color: #6ace91;padding:10px;width: 600px;height:auto;max-height:200px;line-height: 26px;display: none;z-index: 999;
      transition: top 0.2s;
      -moz-transition: top 0.2s; 
      -webkit-transition: top 0.2s;
      -o-transition: top 0.2s;
      border:1px solid #6ace91;
      -moz-border-radius: 5px; 
      -webkit-border-radius: 5px; 
      border-radius: 5px; 
      -moz-box-shadow: 1px 2px 3px #bbb; 
      -webkit-box-shadow: 1px 2px 3px #bbb; 
      box-shadow: 1px 2px 3px #bbb;
      white-space: normal;
      word-break: break-all;
      word-wrap: break-word;;
    }
    .vul-list .list-item .list-item-tip:before{
        position: absolute;
        left:100px;
        bottom:-15px;
        width: 0;
        height: 0;
        content: '';
        border-top: 15px solid #6ace91;
        border-right: 15px solid transparent;
    }
    .vul-list .list-item .list-item-tip:after{
        position: absolute;
        left:101px;
        bottom:-13px;
        width: 0;
        height: 0;
        content: '';
        border-top: 15px solid #effdfb;
        border-right: 15px solid transparent;
    }
.vulInfo-line {
  padding: 20px 20px 10px;
  text-align: center;
  color: #999;
  *zoom: 1;
}
.vulInfo-line:before,
.vulInfo-line:after {
  display: table;
  content: "";
  line-height: 0;
  overflow: hidden;
}
.vulInfo-line:after {
  clear: both;
}
.vulInfo-line .line-item {
  float: left;
  display: inline;
  position: relative;
  font-size: 12px;
  margin-top: 10px;
  margin-right: 35px;
  line-height: 16px;
  width: 100px;
}
.vulInfo-line .line-item span {
  display: block;
  width: 2em;
  padding: 12px;
  font-size: 14px;
  background: #f8f8f8;
  border-radius: 50%;
   border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin: 0 auto 8px;
  line-height: 1;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.vulInfo-line .line-item .line {
  position: absolute;
  right: -48px;
  top: 19px;
  height: 15px;
  width: 60px;
  background: url("https://p0.ssl.qhimg.com/t01fee928e6ef0c169e.png") no-repeat right bottom;
}
.vulInfo-line .line-item i {
  width: 16px;
  height: 16px;
  display: none;
  position: absolute;
  background: url("https://p0.ssl.qhimg.com/t0147f122dde64b8293.png") no-repeat;
  right: 22px;
  top: 0;
}
.vulInfo-line .line-item .item-tip {
  display: none;
  white-space: nowrap;
  border: 1px #ddd solid;
  border-radius: 5px;
   border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #f4f4f4;
  padding: 6px 8px;
  position: absolute;
  top: 60px;
  left: 0;
  min-width: 84px;
}
.vulInfo-line .line-item .item-tip b,
.vulInfo-line .line-item .item-tip b:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: -7px;
  left: 42px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ddd;
}
.vulInfo-line .line-item .item-tip b:after {
  border-bottom-color: #f4f4f4;
  top: 1px;
  left: -7px;
}
.vulInfo-line .line-item .item-tip-auto {
  display: none;
  width: 630px;
  position: absolute;
  top: 60px;
  left: 0;
  min-width: 84px;
  max-width: 630px;
  height: auto;
  z-index: 999;
  text-align: left;
}
.vulInfo-line .line-item .item-tip-auto b,
.vulInfo-line .line-item .item-tip-auto b:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: -7px;
  left: 42px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ddd;
  z-index: 998;
}
.vulInfo-line .line-item .item-tip-auto b:after {
  border-bottom-color: #f4f4f4;
  top: 1px;
  left: -7px;
}
.vulInfo-line .line-item .item-tip-auto-con{
  text-align: left;
  width: auto;
  white-space:normal;
  word-wrap: break-word;
  word-break: break-all;
  border: 1px #ddd solid;
  border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #f4f4f4;
  padding: 6px 10px;
  display:inline-block;
  min-width: 74px;
  position: relative;
}
.vulInfo-line .line-item.success span {
  background: #01d1b6;
  color: #fff;
}
.vulInfo-line .line-item.success .line {
  background-position: right top;
}
.vulInfo-line .line-item.success i {
  background-position: left center;
  display: block;
}
.vulInfo-line .line-item.on span {
  background: #01d1b6;
  color: #FFF;
}
.vulInfo-line .line-item.on i {
  background-position: -27px center;
  display: block;
}
.vulInfo-line .line-item.error span {
  background: #01d1b6;
  color: #fff;
}
.vulInfo-line .line-item.error i {
  background-position: right center;
  display: block;
}
.vulInfo-line .line-item:hover .item-tip {
  display: block;
}
.status-icon {
  display: inline-block;
  padding: 3px;
  background: #ddd;
  color: #FFF;
  font-size: 12px;
  vertical-align: middle;
  position: relative;
  top: -2px;
  border-radius: 3px;
   border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  overflow: hidden;
  line-height: 1;
  margin-right: 5px;
}
.status-icon.type-1 {
  color: #c446ff;
  background: #fae4ff;
  border: 1px solid #e9aeff;
}
.status-icon.type-2 {
  color: #37c201;
  background: #e3fed8;
  border: 1px solid #94e575;
}
.status-icon.type-3 {
   color: #f59000;
  background: #ffebcf;
  border: 1px solid #ffbe61;
}
.status-icon.type-4 {
  color: #008aff;
  background: #d7edff;
   border: 1px solid #89c8fe;
}
.status-icon.type-5 {
  color: #00bfeb;
  background: #d4f7ff;
  border: 1px solid #83e8ff;
}
.status-icon.type--1 {
  color: #00bfeb;
  background: #d4f7ff !important;
  border: 1px solid #83e8ff;
}



.status-icon.type-6 {
  background: #5f4ceb;
}
.status-icon.type-7 {
  background: #aa4ceb;
}
.status-icon.type-8 {
  background: #eb4cc0;
}
.status-icon.type-9 {
  background: #eb4c4c;
}
.status-icon.type-10 {
  background: #4ceb6a;
}
.status-icon.type--1 {
  background: #999;
}
.status-icon.grave {
  background: #632523;
}
.status-icon.high {
  background: #d31312;
}
.status-icon.mind {
  background: #facd2c;
}
.status-icon.low {
  background: #88bb57;
}
.apply-content .apply-limit,
.apply-content .apply-success {
  text-align: center;
}
.apply-content .type-img {
  padding: 20px;
}
.apply-content .type-text {
  font-size: 18px;
  line-height: 30px;
  padding-bottom: 20px;
}
.apply-content .type-text a {
  color: #01d1b6;
}
.apply-content .type-text a:hover {
  text-decoration: underline;
}
.apply-content .type-btn {
  margin-bottom: 20px;
  padding: 0 20px;
}
.apply-content .notes-list {
  padding: 20px;
  font-size: 14px;
}
.apply-content .notes-list h3 {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 16px;
}
.apply-content .notes-list ul {
  padding-left: 12px;
  line-height: 24px;
}
.apply-content .nda-wrap {
  height: 260px;
  overflow: auto;
  background: #f8f8f8;
  padding: 10px;
}
.apply-content .box {
  margin: 10px 0;
}

.user-list {
  padding: 20px 0;
  *zoom: 1;
}
.user-list:before,
.user-list:after {
  display: table;
  content: "";
  line-height: 0;
  overflow: hidden;
}
.user-list:after {
  clear: both;
}
.user-list .item {
  float: left;
  display: inline;
  width: 33.3333%;
  margin-bottom: 20px;
}
.user-list .panel {
  width: 85%;
  padding: 7px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  overflow: visible;
  background: #fff;
  position: relative;
  font-size:16px;
  line-height: 28px;
}
.user-list .face {
  float: left;
  display: inline;
  height: 48px;
  width: 48px;
  padding: 5px;
}
.user-list .face img {
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
  height: 48px;
  width: 48px;
  background: #fff;
  padding: 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.user-list .user-info {
  *zoom: 1;
}
.user-list .user-info:before,
.user-list .user-info:after {
  display: table;
  content: "";
  line-height: 0;
  overflow: hidden;
}
.user-list .user-info:after {
  clear: both;
}
.user-list .info {
  float: left;
  display: inline;
  padding: 0px 5px 5px 10px;
  font-size: 14px;
}
.user-list .info strong {
  font-weight: 900;
  font-size: 16px;
}
.user-list .info strong a {
  color: #25b0de;
}
.user-list .info .vul-all {
  background: url("http://p7.qhimg.com/t01eff94c055404e8e6.png") no-repeat 0px 0px;
  width: 24px;
  padding-left: 18px;
  margin-left: 3px;
  padding-right: 6px;
}
.user-list .info h2,.user-list .info p{width:140px;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}
.user-list .info p{padding-top: 6px;}
.user-list .info p .profession{width:98px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;float: left;}
.user-list .info p a{float: right;padding-top: 4px;height: 18px;cursor: default;}
.user-list .info h2{font-size:18px;height: 28px;}
.user-list .info p{font-size: 16px;line-height: 31px;height: 31px;}
.user-list .lock{font-size:12px;position: absolute;right: 5px;top: 8px;width: 20px;height: 22px;}
.user-list .lock a{display:inline-block;width:100%;height:100%;background: url(https://p0.ssl.qhimg.com/t012c18741782969fe3.png) no-repeat 0 0;}
.user-list .lock a:hover{background: url(https://p0.ssl.qhimg.com/t0191ef4aa7289a1d7c.png) no-repeat 0 0;}
.user-list .lock a .bubble{width:84px;padding:0 2px;z-index:9999;display: none;background: #effdfd;border: 1px solid #8ae2b0;color:#8ae2b0;position: absolute;left:-40px;top:-42px;height: 28px;line-height: 28px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.user-list .lock a .before{z-index:10000;display:none;position: absolute;left:0px;top:-13px;width:0;height: 0;border: 6px solid #effdfd;border-color: #effdfd transparent transparent transparent; }
.user-list .lock a .after{z-index:9999;display:none;position: absolute;left:0px;top:-12px;width:0;height: 0;border: 6px solid #8ae2b0;border-color: #8ae2b0 transparent transparent transparent; }
.user-list .lock a:hover .before{display:block;}
.user-list .lock a:hover .after{display:block;}
.user-list .lock a:hover .bubble{display:block;}
.user-list .medal {
  font-size: 13px;
  border-top: 1px dashed #ddd;
  margin: 8px 8px 0;
  height: 28px;
  overflow: hidden;
  font-size:14px;
  white-space: nowrap;
}
.user-list .medal span{display: inline-block;padding:0 4px 0 0;overflow:hidden;white-space: nowrap;}
.user-list .medal span.first{width: 40%;}
.user-list .medal span.last{width:60%;}
.user-list .medal i{color:#01d3b8;font-style:normal;}
.center-syslist {
  padding: 0;
}
.center-sysinfo .title {
  text-align: center;
  font-size: 12px;
  color: #999;
  padding-bottom: 12px;
  border-bottom: 1px solid #ddd;
}
.center-sysinfo .title h1 {
  font-size: 18px;
  margin: 12px 0;
  color: #505050;
}
.center-sysinfo .content {
  line-height: 26px;
  font-size: 14px;
  padding: 10px;
}
.center-sysinfo .content p {
  text-indent: 2em;
}
.center-info h3 {
  font-size: 16px;
  margin-bottom: 8px;
}
.center-info h3 span{
  font-size: 12px;
}
.center-info .item {
  *zoom: 1;
  padding: 18px 0;
  font-size: 14px;
}
.center-info .item:before,
.center-info .item:after {
  display: table;
  content: "";
  line-height: 0;
  overflow: hidden;
}
.center-info .item:after {
  clear: both;
}
.center-info .item label {
  width: 100px;
  text-align: right;
  float: left;
  color: #666;
}
.center-info .item .item-content {
  padding-left: 100px;
}
.center-info .item .font-red {
  font-size: 14px;
  color:red;
}
.center-info .text {
  font-size: 14px;
  padding: 10px 20px;
}
.center-info .item-wrap {
  margin-bottom: 20px;
}
.center-info.user-info {
  line-height: 28px;
}
.center-info.user-info .item {
  padding: 10px 0;
}
.center-info.user-info input[type='text'],
.center-info.user-info textarea {
  color: #000;
  display: inline-block;
  line-height: 28px;
  border-radius: 3px;
   border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  padding: 0 6px;
  -webkit-transition: none;
  transition: none;
  font-size: 12px;
  border: 1px solid #ddd;
  width: 330px;
}
.center-info.user-info input[type='text'].mind {
  width: 155px;
}
.center-info.user-info input[disabled],
.center-info.user-info textarea[disabled] {
  background: #f6f6f6;
}
.center-info.user-info textarea {
  height: 100px;
}
.center-info .item-wrap-admintor .item{padding-left:50px;}
.center-info .item-wrap-admintor .item label{width: 86px;}
.center-info .item-wrap-admintor a{display: inline-block;*zoom:1;*display:inline;padding:0 30px 0 15px;line-height: 30px;}
.center-info .item-wrap-admintor a .ico-del{display:inline-block;*zoom:1;*display:inline;width:20px;height:30px;background: url('https://p0.ssl.qhimg.com/t01fc0b9d5dc280400b.png') no-repeat 9px center;}
.center-info .item-wrap-admintor a:hover .ico-del{background-position:-191px center;}
.center-info .item-wrap-admintor input[type="text"]{border: 1px solid #eee;width: 214px;height: 30px;line-height: 30px;padding: 0 5px;}

/*修改密码样式*/
.pwdclass{
  border:1px solid #909090;
  height: 30px;
  width: 300px;
  font-size: 30px;
}

#editpwd{
  display: none;
  background-color:rgba(0,0,0,0.45);
  filter: alpha(opacity=45);
  height:100% ;
  width:100%;
  top:0;
  bottom:0;
  position:absolute;
}
.my-hole-export{
  padding-left: 20px;
  height:48px;
  background:#f5f5f5;
  border-top:1px solid #e2e2e2;
  border-bottom:1px solid #e2e2e2;
}
.my-hole-export .my-hole-selected{
  float:left;
  font-size:12px;
  line-height:48px;
  color:#020202;
}
.my-hole-export .my-hole-selected img{
  vertical-align:middle;
  margin-bottom: 4px;
}
.my-hole-export .my-hole-selected span{
  margin-left:20px;
}
.my-hole-export .my-hole-selected-export{
  margin-left:30px;
  float:left;
  font-size:12px;
  line-height:48px;
  color:#767676;
}
.my-hole-export a{
  margin: 0 6px;
  width:76px;
  height:24px;
  background:#1696fb;
  color:#fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
    text-align: center;
    padding: 6px 4px;
}

.changeBox{height:30px;line-height:30px;padding:10px 10px 0;}
.changeBox span{float:left;width:100px;font-size: 14px;text-align: right;}
.changeBox label{float:left;}
.changeBox input{display: block;width: 240px;height:24px;line-height:24px;border:1px solid #ddd;padding:2px;}
.changeContent{background-color: white;position:absolute;top:50%;left:50%;width: 400px;margin-left:-250px;height:220px;margin-top:-110px;}
.changeError{padding:0 10px;line-height:30px;font-size: 12px;}
/**/
#verifyImg{margin-right:5px;}
.new-font-323 a {
  font-size:14px;
}
.clearfix{
  zoom:1;
}
.clearfix:hover{
  content:"";
  clear:both;
  display:block;
  overflow:hidden;
}
/*select*/
.vertical {
  width: 200px;/*元素的宽度*/
  height:200px;/*元素的高度*/
  position: absolute;
  left: 50%;/*配合margin-left的负值实现水平居中*/
  margin-left: -100px;/*值的大小等于元素宽度的一半*/
  top:40%;/*配合margin-top的负值实现垂直居中*/
  margin-top: -100px;/*值的大小等于元素高度的一半*/
}

.select_container_nw {font-size:14px;position: relative;width: 180px;letter-spacing: 1px;display: inline-block;top:10px;*left:-80px;*zoom:1;*display:inline;}
.select_main {position: relative;width: inherit;border: 1px solid #eee;height: 30px;line-height:30px;cursor: pointer;
  -o-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #fff;
}

.select_content {display: block;padding: 0 0px 0 10px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;cursor: pointer;user-select: none;-webkit-user-select: none;}

.select_content::after {content: '';position: absolute;right: 0;top: 0;bottom: 0;width: 40px;
  -o-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  -ms-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  
}

.select_input {padding-left: 10px;padding-right: 32px;font-size: 15px;overflow: hidden;outline: none;height: 25px;border: none;border-bottom: 1px solid #eee;background: url('/images/Search.png') no-repeat fixed top;z-index: 1;}
.search_svg {position: absolute;top: 2px;right: 3px;z-index: 2;}
.select_arrow, .select_arrow_after {content: '';position: absolute;right: 6px;top: 48%;border: 5px solid transparent;border-top: 5px solid #a3a3a3;z-index: 2;-webkit-transform-origin: 50% 20%;-moz-transform-origin: 50% 20%;-ms-transform-origin: 50% 20%;transform-origin: 50% 20%;transition: all 150ms ease-in-out;cursor: pointer;}
.select_arrow_after {cursor: pointer;margin-top: -1px;right: 6px;border-top-color: #a3a3a3;}
.select_list {position: absolute;left: 0px;top: 100%;width: inherit;border: 1px solid #eee;border-top: none;background-color: #fff;overflow: hidden;display: none;}
.select_list > .select_list_body{width: 100%;}
.select_list > .select_list_body ul {margin: 0px;padding: 0px;list-style: none;}
.select_list > .select_list_body ul li {padding-top: 4px;padding-bottom: 4px;cursor: pointer;user-select: none;-webkit-user-select: none;overflow: hidden;text-indent: 10px;width: 100%;}
.select_list > .select_list_body ul li:hover {background-color: #eee;color:#aaa;}
.cast_rotate {transform-origin: 50% 20%;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.select_list_body {max-height: 200px;overflow: hidden;overflow-y:auto;}
.list_current {display: none;}
.no_result {display: none;text-align: center;color: #eee;}
/*layer confirm 刪除*/
.layer-del .layui-layer-btn{text-align: center;}
.layer-del .layui-layer-btn .layui-layer-btn0{background-color: #fff;color: #2e8ded;}
.layer-del .layui-layer-btn .layui-layer-btn1{background-color: #2e8ded;color: #fff;}
/*威胁情报标签*/
.labels a {
  display: inline-block;
  padding: 4px 15px;
  text-align: center;
  border:1px solid #eee;
  overflow: hidden;
  vertical-align: middle;
  margin:6px;
  word-wrap:break-word;
  word-break: break-all;
  white-space: nowrap;
  max-width: 638px;
  overflow: hidden;
  text-overflow: ellipsis;
  
}

.labels a.on {
 background: #01d1b6;
 border-color: #01d1b6;
  color: #333;
}
.labels a:hover{
  background: #bbf2eb;
  border-color: #bbf2eb;
  color: #333;
}
.labels .labels-dis,.labels .labels-dis:hover,.labels .labels-dis.on{ background: #eee;
 border-color: #eee;}