/*   

*/

.cj_row {
  display: flex;
  flex-wrap: wrap;

}

* {
  box-sizing: border-box;
}

.cj_col_1,
.cj_col_2,
.cj_col_3,
.cj_col_4,
.cj_col_5,
.cj_col_6,
.cj_col_7,
.cj_col_8,
.cj_col_9,
.cj_col_10,
.cj_col_11,
.cj_col_12,
.cj_col,
.cj_col_auto,
.col-md,
.col-md-auto,
.cj_col_lg_1,
.cj_col_lg_2,
.cj_col_lg_3,
.cj_col_lg_4,
.cj_col_lg_5,
.cj_col_lg_6,
.cj_col_lg_7,
.cj_col_lg_8,
.cj_col_lg_9,
.cj_col_lg_10,
.cj_col_lg_11,
.cj_col_lg_12,
.col-lg,
.cj_col_lg_auto,
.cj_col_xl_1,
.cj_col_xl_2,
.cj_col_xl_3,
.cj_col_xl_4,
.cj_col_xl_5,
.cj_col_xl_6,
.cj_col_xl_7,
.cj_col_xl_8,
.cj_col_xl_9,
.cj_col_xl_10,
.cj_col_xl_11,
.cj_col_xl_12,
.col-xl,
.cj_col_xl_auto {
  position: relative;
  width: 100%;
  float: left;
  padding: 5px
}

.cj_col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.cj_col_auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.cj_col_1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.cj_col_2 {
  flex: 0 0 16.667%;
  max-width: 16.667%;
}

.cj_col_3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.cj_col_4 {
  flex: 0 0 33.333%;
  max-width: 33.333%;
}

.cj_col_5 {
  flex: 0 0 40%;
  max-width: 40%;
}

.cj_col_6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.cj_col_7 {
  flex: 0 0 60%;
  max-width: 60%;
}

.cj_col_8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.cj_col_9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.cj_col_10 {
  flex: 0 0 83.3333%;
  max-width: 83.3333%;
}

.cj_col_11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.cj_col_12 {
  flex: 0 0 100%;
  max-width: 100%;
}


.swMain {
  position:relative;
  margin:0 auto;
  padding:0;
  border:0px solid #CCC;
  overflow:visible;
  width:100%;
}
.swMain .stepContainer {
  display:block;
  position:relative;

  width:100%;
  margin:0;
  padding:0;    
  
  border:1px solid #ddd;  
  overflow:hidden;
  clear:both;
  min-height:50vh;
}

.swMain .stepContainer div.content {
  display:block;
  position:absolute;  
  float:left;
  margin:0;
   
  font:normal 12px  Helvetica, sans-serif; 
  color:#333;   
  min-height:50vh;
  text-align:left;
  overflow:visible;    
  z-index:88; 
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  width:100%;
  clear:both;
}

.swMain div.actionBar {
  display:block;
  position:relative; 
  clear:both;
  margin: 3px 0 0 0;   
  border:  1px solid #CCC;
  padding: 0;    
  color:  rgba(44, 109, 210, 1);   
  background-color:#F8F8F8;
  height:40px;
  text-align:left;
  overflow:auto;    
  z-index:88; 

  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  left:0;
}

.swMain .stepContainer .StepTitle {
  display:block;
  position:relative;
  margin:0;   
  border:1px solid #E0E0E0;
  padding:5px;   
  font:bold 16px  Helvetica, sans-serif; 
  color:rgba(44, 109, 210, 1);   
  background-color:#E0E0E0;
  clear:both;
  text-align:left; 
  z-index:88;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;    
}
.swMain ul.anchor {
  position:relative;
  display:block;
  float:left;
  list-style:none;
  padding:0px;  
  margin: 0;      
  margin-bottom: 10px;
  clear:both; width: 100%;
  border:0px solid #CCCCCC;    
  background:transparent; /*#EEEEEE */
}
.swMain ul.anchor li.selected{ 
  position:relative; 
  display:block; 
  margin:0 ; 
  padding:0 20px 0 0; 
font-weight: normal;
  border:0px solid #E0E0E0;    
  background: url("../img/line2.png") center right no-repeat ;  
  float:left;
}
.swMain ul.anchor li{ 
  position:relative; 
  display:block; 
  margin:0 ; 
  padding:0 20px 0 0; 
font-weight: normal;
  border:0px solid #E0E0E0;    
  background: url("../img/line.png") center right no-repeat ;  
  float:left;
}
.swMain ul.anchor li:last-child{ background:none;}
/* Anchor Element Style */
.swMain ul.anchor li a {
  display:flex;
  position:relative;
  float:left;
  margin:0;
  padding:3px;
 align-items: center;
  text-decoration:none;
  outline-style:none;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  z-index:99;
  color: #999;
}
.swMain ul.anchor li a .stepNumber{
  position:relative;
  float:left;
  width:20px;
  height: 20px;
  text-align:center;
  margin:0 5px;
  background:rgba(0, 0, 0, .2); position: relative;
  color: #fff;
  border-radius: 50%;
  font: 12px  Helvetica, sans-serif;    line-height: 20px;
}

.swMain ul.anchor li.selected .stepNumber{background:rgba(44, 109, 210, 1); }
.swMain ul.anchor li.selected .stepNumber::before{content: "✓";  width:20px;background:rgba(44, 109, 210, 1);
  height: 20px; position: absolute;  border-radius: 50%; left: 0px;}
.swMain ul.anchor li a .stepDesc{
  position:relative;
  display:block;
  float:left;
  text-align:left;
  padding:5px;
  font: 14px  Helvetica, sans-serif;
}
.swMain ul.anchor li a .stepDesc small{
  font:normal 12px  Helvetica, sans-serif;
}
.swMain ul.anchor li.selected a{
  color:rgba(44, 109, 210, 1);

  cursor:text;

}
.swMain ul.anchor .selected a:hover {
  color:rgba(44, 109, 210, 1);

  cursor:text;
}




.swMain ul.anchor li a.done { 
  position:relative;
  color:rgba(44, 109, 210, 1);  
 
  z-index:99;
}
.swMain ul.anchor li a.done:hover {
  color:#fff;  
  
}
.swMain ul.anchor li a.disabled {
  color:#CCCCCC;  

  cursor:text;   
}
.swMain ul.anchor li a.disabled:hover {
  color:#CCCCCC;  
  background:#F8F8F8;     
}

.swMain ul.anchor li a.error {
  color:#6c6c6c !important;  
  background:#f08f75 !important;
  border:1px solid #fb3500 !important;      
}
.swMain ul.anchor li a.error:hover {
  color:#000 !important;       
}

.swMain .buttonNext {
  display:block;
  float:right;
  margin:5px 3px 0 3px;
  padding:5px;
  text-decoration:none;
  text-align:center;
  font:bold 13px  Helvetica, sans-serif;
  width:100px;
  color:#FFF;
  outline-style:none;
  background-color:rgba(44, 109, 210, 1);
  border:1px solid rgba(44, 109, 210, 1);
  -moz-border-radius:5px; 
  -webkit-border-radius:5px;    
}
.swMain .buttonDisabled {
  color:#F8F8F8  !important;
  background-color:#CCCCCC !important;
  border:1px solid #CCCCCC  !important;
  cursor:text;    
}
.swMain .buttonPrevious {
  display:block;
  float:right;
  margin:5px 3px 0 3px;
  padding:5px;
  text-decoration:none;
  text-align:center;
  font:bold 13px  Helvetica, sans-serif;
  width:100px;
  color:#FFF;
  outline-style:none;
  background-color:rgba(44, 109, 210, 1);
  border:1px solid rgba(44, 109, 210, 1);
  -moz-border-radius:5px; 
  -webkit-border-radius:5px;    
}
.swMain .buttonFinish {
  display:block;
  float:right;
  margin:5px 10px 0 3px;
  padding:5px;
  text-decoration:none;
  text-align:center;
  font:bold 13px  Helvetica, sans-serif;
  width:100px;
  color:#FFF;
  outline-style:none;
  background-color:rgba(44, 109, 210, 1);
  border:1px solid rgba(44, 109, 210, 1);
  -moz-border-radius:5px; 
  -webkit-border-radius:5px;    
}

/* Form Styles */

.txtBox {
  border:1px solid #CCCCCC;
  color:rgba(44, 109, 210, 1);
  font:13px Verdana,Arial,Helvetica,sans-serif;
  padding:2px;
  width:430px;
}
.txtBox:focus {
  border:1px solid rgba(44, 109, 210, 1);
}

.swMain .loader {
  position:relative;  
  display:none;
  float:left;  
  margin:2px 0 0 2px;
  padding:8px 10px 8px 40px;
  border:1px solid #FFD700; 
  font:bold 13px  Helvetica, sans-serif; 
  color:rgba(44, 109, 210, 1);       
  background:#FFF url(../images/loader.gif) no-repeat 5px;  
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  z-index:998;
}
.swMain .msgBox {
  position:relative;  
  display:none;
  float:left;
  margin:4px 0 0 5px;
  padding:5px;
  border:1px solid #FFD700; 
  background-color:#FFFFDD;  
  font:normal 12px  Helvetica, sans-serif; 
  color:rgba(44, 109, 210, 1);         
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  z-index:999;
  min-width:200px;  
}
.mask {
  padding: 10px;
  width: 100%;
  position: relative;

  overflow: hidden;
  background: #fff;
  box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
  border-radius: 6px 6px 6px 6px;
}
.mask .content {
  font:normal 12px Verdana,Arial,Helvetica,sans-serif;
  padding:0px;
   display: none; width: 100%;
}
.mask .content:first-child {
 display: block;
}
.swMain .msgBox .content {
  font:normal 12px Verdana,Arial,Helvetica,sans-serif;
  padding:0px;
  float:left;   
}
.swMain .msgBox .close {
  border:1px solid #CCC;
  border-radius:3px;
  color:#CCC;
  display:block;
  float:right;
  margin:0 0 0 5px;
  outline-style:none;
  padding:0 2px 0 2px;
  position:relative;
  text-align:center;
  text-decoration:none;
}
.swMain .msgBox .close:hover{
  color:rgba(44, 109, 210, 1);
  border:1px solid rgba(44, 109, 210, 1);  
}

.wsfw-content-box  .col-bg1 {
	background-color: rgb(240, 247, 253);
	margin-right: -1px;
  }
  .wsfw-content-box  div.lc_col_xl_4 {
	flex: 0 0 160px;
    max-width: 160px;
	border: 1px solid rgb(231, 231, 231);
	line-height: 38px; padding-left: 10px;
	height: 38px;	border-radius: 5px  0px 0px 5px;
	
  }
  .wsfw-content-box  div.lc_col_xl_8 {
	flex: 0 0 calc(100% - 160px);
    max-width: calc(100% - 160px);
	border: 1px solid rgb(231, 231, 231);
	line-height: 38px;padding-left: 10px;
	border-radius: 0  5px 5px 0;
	height: 38px;
	
  }

  .wsfw-content-box {
	padding: 10px  20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
	overflow: hidden;
	font-size: 13px;
  }
  .wsfw-content-box .lc_row{ width: 49%; display: flex; margin: 3px 0;}
 input{width: 95%; border: 0; height: 36px;  outline: none;}
 .search-input {
  position: relative;
}
 .search-input .mini-textbox {
  width: 100%;
  height: 30px;
  line-height: 30px;
}

.search-input-btn {
  width: 50px;
  height: 100%;
  background: url(../img/search-input-icon.png) center no-repeat;
  position: absolute;
  right: 0;
  top: 0;
}

 
.mini-textbox-border {
  background: #fff;
  border: solid 1px #dddddd;
  width: 100%;
  border-radius: 20px;
  height: 30px;
  display: block;
  position: relative;
  overflow: hidden;
  padding-left: 4px;
  padding-right: 4px;
  margin-bottom: 3px;
}

.mini-textbox-input,
.mini-textboxlist .mini-textboxlist-input {
  color: #3d4b64;
}

.mini-textarea .mini-textbox-input,
.mini-textbox-input,
.mini-buttonedit-input {
  height: 100%;
  width: 80%;
  line-height: inherit;
  font-size: 13px;
  border: none;
  box-sizing: border-box !important;
}

.clearfix:after,
.clearfix:before {
  display: table;
  line-height: 0;
  content: '';
}

.item-search .project-list .project-name {
  height: 30px;
  position: relative;
  line-height: 30px;
  margin: 0;
  border-bottom: 1px solid #dddddd;
}

.item-search .project-list .project-name .text {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
}

.item-search .project-list .project-info .img-box {
  height: 100%;
  float: left;
  margin-right: .15rem;
  box-sizing: border-box;

}

.item-search .project-list .project-info img {
  border-radius: 5px;
  width: 60px;
  height: 60px;
  background-color: #448ae9;
}

.item-search .project-list .project-info .text {
  float: left;
  width: calc(100% - 70px);
  box-sizing: border-box;
  height: 100%;
}

.item-search .project-list .project-info .text p {
  color: #666666;
  overflow: hidden;
  padding: 2px 0;
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.item-search .project-list .project.active {
  border-width: 1px;
  border-color: #448ae9;
  border-style: solid;
}

.problembtn {
  position: absolute;
  right: 0;
  top: 0px;
  height: 24px;
  line-height: 24px;
  padding: 0 6px;
  color: #fff;
  border-radius: 10px;
  background-color: #e66262;
}

.project-info {
  padding: 8px 0;
}
ul{margin: 0; padding: 0;}
 .tree {
  min-height: 20px;
  padding: 5px 0;
  position: relative;

}

.tree li {
  list-style-type: none;
  margin:0 0;
  padding: 0px 0 0px 5px;
  position: relative
}

.tree li::before,
.tree li::after {
  content: '';
  left: 10px;
  position: absolute;
  right: auto
}

.tree li::before {
  border-left: 1px dashed #ddd;
  bottom: 50px;
  height: 100%;
  top: 0;
  left: 15px;
  width: 1px
}

.tree li span {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
 border-radius: 5px;
  display: inline-block;
  padding: 3px 8px;
  text-decoration: none;
  font-size: 13px;
  position: relative; width: 100%;
}

.tree li ul li span::before {
  content: '…';top: 0px;
  left: -5px; width: 5px; height: 1px;  color: #ddd; font-size: 12px;
  position: absolute;
  right: auto
}
.tree li ul li {
  padding-left: 20px; cursor: pointer;
}

.tree li.parent_li>span {
  cursor: pointer
}

.tree>ul>li::before,
.tree>ul>li::after {
  border: 0
}

.tree li.parent_li>span:hover {

  color: rgba(44, 109, 210, 1)
}

.tree li .active  {
  background: #f4f8fd;
  color: rgba(44, 109, 210, 1);
}

.tree ul li i {
  color: rgba(44, 109, 210, 1);
  margin-right: 6px;
  font-size: 14px;
}

.tree ul li .online i {
  color: #19e027;
  position: relative;
}



.tree ul li .play i {
  color: #666;
  position: relative;


}


.tree ul li .offline i {
  color: #666;
  position: relative;
}
.tree li ul{padding-left: 20px;}
.leftcard{    box-shadow: 0 1px 3px 0px rgba(115, 108, 203, 0.23);
  border-radius: 3px; padding: 10px;}



  .hot_topics {
    background: #f9f9f9;;
    background-clip: border-box;
    border-radius: 3px;
    padding: 5px;
    position: relative;
   
    margin-bottom: 1vh;
    display: flex;
  }
  
  .hot_topics .hot_wrapper {
    padding: 1vh 10px;
    border-radius: 3px;
    
    overflow: hidden;
    
    width: 100%
  }
  
  .hot_topics .dc_col_10 {
  
  
    background: #f6faff;
    display: flex;
    align-items: center;
    border: 1px solid #eef6ff;
    flex: 0 0 80%;
    max-width: 80%;
  }
  .height90{height: 90vh; overflow: auto;}
  .hot_topics .dc_col_2 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .hot_topics ul {list-style: none; margin: 0; display: flex; flex-wrap: wrap;}
  .hot_topics ul li{font-size: 13px; padding: 6px; position: relative; width: 50%;}
  .hot_topics ul li::before{content: ""; width: 4px; height: 4px; background: #81b0fc; border-radius: 50%; position: absolute; top: 12px; left: 2px;}
  .txbox img{ width: 120px; height: 120px; padding: 2px; border: 1px solid #ddd; border-radius: 5px; margin-right:50px;}
  .hot_topics .dc_col_12{ display: flex;align-items: center;}
  .hot_topics h2{font-size: 14px; margin: 0; padding: 0; margin-left: 10px;  color: #fff; border-radius: 10px; background: #2c6dd2; padding: 5px 15px;}
  .hot_topics ul li span:first-child{margin-left: 6px;  display: inline-block; color: #777;}
  .hot_topics h2 span{margin: 0 16px;}
  .hot_topics h2 span:nth-child(2){font-weight: normal; font-size: 13px;}
  .t-space-item{position: absolute; right: 15px; top: 8px;}
  .t-space-item a{display: inline-block; text-decoration: underline; font-size: 14px; text-underline-offset: 3px; color: rgb(54, 110, 244); cursor: pointer;}

  .dctab-box .dctab2 ul li {
    position: relative;
    padding: 0 10px;
    border: 1px solid #ddd;
    font-size: 14px;
    font-weight: bold;
    float: left;
    line-height: 30px;
    text-align: center;
    list-style: none;
    cursor: pointer;
    margin: 3px 2px;
    color: #333;
    border-radius: 3px;
    margin-bottom:10px;
  }
  
  .dctab-box .dctab2 ul li.action {
    color: #fff;
    font-size: 14px;
    padding: 0 15px;
    font-weight: bold;	border: 1px solid rgba(44, 109, 210, 1);
    background: rgba(44, 109, 210, 1) !important;
  }
  
  .dctab-box .dctab2 ul li.action i {
    color: rgba(44, 109, 210, 1)
  }
  
  .dctab-box .dctab2 ul li i {
    color: #b6b5b5;
    margin-right: 3px;
    position: relative;
    top: 2px
  }
  
  .dctab-box .dctab2-content .item2 {
    display: none; clear: both; 
  }
  
  .dctab-box .dctab2-content .item2:first-child {
    display: block;
  }
.dctab-box .dctab3 ul li {
	position: relative;
	padding: 0 10px;
	border: 1px solid #ddd;
	font-size: 14px;
	font-weight: bold;
	float: left;
	line-height: 30px;
	text-align: center;
	list-style: none;
	cursor: pointer;
	margin: 3px 2px;
	color: #333;
	border-radius: 3px;
  margin-bottom:10px;
}

.dctab-box .dctab3 ul li.action {
	color: #fff;
	font-size: 14px;
	padding: 0 15px;
	font-weight: bold;	border: 1px solid rgba(44, 109, 210, 1);
	background: rgba(44, 109, 210, 1) !important;
}

.dctab-box .dctab3 ul li.action i {
	color: rgba(44, 109, 210, 1)
}

.dctab-box .dctab3 ul li i {
	color: #b6b5b5;
	margin-right: 3px;
	position: relative;
	top: 2px
}

.dctab-box .dctab3-content .item {
	display: none; clear: both; 
}

.dctab-box .dctab3-content .item:first-child {
	display: block;
}

dl,dd{margin: 0; padding: 0;}
.filter{margin:0 auto;border-radius:4px;box-sizing:border-box;background:#fff;box-shadow: 0 1px 1px rgb(0 0 0 / 5%), 0 2px 6px 0 rgb(0 0 0 / 5%);padding:10px 0px 10px 20px;position:relative;overflow:hidden; margin-top: 10px;}
.filter .items{position:relative;width:100%;height:auto;overflow:hidden}
.filter .items i{ margin-right: 5px;  position: relative; top: 2px;}
.filter .items.more{padding-right:80px;}
.filter .items span{display:inline-block;position:absolute;left:0;top:0;line-height:28px; }


.filter .items.title span::after{ display: none;}
.filter .items span img{margin-right: 3px;  }
.filter .items dl{height:auto;overflow:hidden;width:100%;padding-bottom:5px;padding-left:106px;}
.filter .items dt{display:inline-block;color:rgba(0,0,0,0.65);margin-right:26px; width: 90px; text-align: center;}
.filter .items dt,.filter .items dd{display:inline-block;float:left;line-height:32px;color:rgba(0,0,0,0.65);margin-right:16px;border-radius:4px;margin-bottom:4px; padding: 0 20px; width: 13%; text-align: center;}
.filter .items dt{color:#000;letter-spacing:2px}
.filter .items dd{white-space:nowrap; position: relative;border-color: #E4E4E4 #DDDDDD #D7D7D7;
  border-radius: 3px 3px 3px 3px;
  border-style: solid;
  border-width: 1px; 
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);}
.filter .items dt a,.filter .items dd a{display:block;width:100%;height:32px;line-height:32px;color:inherit;padding:0px 6px}
.filter .items dd:hover {border: 1px solid rgba(44, 109, 210, 1);}
.filter .items.more dd{margin-bottom:10px;}
.filter .items.more{height:40px;overflow: hidden;}
.filter .items dd a em.hot-Icon {
  width: 13px; height: 12px;
  top: 0px; position:absolute;
  right: -6px;
  background: url(../img/new-icon.svg) no-repeat center / 100%;
}
.scholars-choose-box{position: relative;border-bottom:1px dotted rgba(0,0,0,0.05); padding-top: 6px;}
.filter .items.line{position:absolute;border:1px solid rgba(0,0,0,0.05);overflow:visible;top: 6px; right: 10px;}
.filter button.line{ width:50px;height:30px; text-align: left; border-radius:3px;padding-left:6px;background:  url(../img/icon_down.png) center right 4px no-repeat #f2f2f2;right:0;top:-30px;color:rgba(0,0,0,0.65);font-size:12px; border: none; cursor: pointer;}
.filter .items.line a i{font-size:8px}
.filter .items.line a i.up{transform:rotate(180deg);display:inline-block}
.filter .items.line.iconup{background:  url(../img/icon_up.png) center right 4px no-repeat #f2f2f2;}
.filter .items.orderby{display:inline-block;width:auto;float:left;margin-right:120px;height:38px;overflow:visible;}
.filter .items.orderby:last-child{margin-right:0;}
.filter .items.orderby dl{overflow:visible;padding-left:68px}
.filter .items.orderby dd.new{position:relative;}
.filter .items.orderby dd.new:after{content:"";width:30px;height:20px;position:absolute;top:-8px;right:-19px;background: url(../images/new-icon.svg) no-repeat center;}

.filter .items dl dd.act{border: 1px solid rgba(44, 109, 210, 1);
  background: url(../img/active.png) no-repeat right bottom ;
  -webkit-transition: 0s;
  transition: 0s;}    

  .height {
    height: auto !important;
}
.t-space-button{margin-bottom: 8px; text-align: right;}
.t-button{ background: rgba(44, 109, 210, 1);  text-decoration: none;  border-radius: 3px; padding: 5px 8px; border: none; color: #fff; margin-right: 8px;}
h2.title{font-size: 15px;
  font-weight: 600;
  color: #333;
  border-bottom: 1px solid #e1e6f1;
  flex: 1 1 auto;
  padding:3px  0;
  display: flex;
  align-items: center;  position: relative;
 margin: 5px 0;
  line-height: 36px;
  padding-left: 15px;}
h2.title::before {
  width: 3px;
  height: 14px;
  top: 14px;
  position: absolute;
  content: "";
  background: #2fa5f4;
  border-radius: 20px;
  left: 8px;
}

.t-table th{ background: #f3f3f3; color: #666;padding:3px 6px; border: 1px solid #ddd; font-weight: normal;line-height: 34px; text-align: center; }

.t-table {
  width: 100%;
  border-spacing: 0;font-size: 13px;border: 1px solid #ddd; border-collapse: collapse; text-align: center;
}

.t-table td{padding:3px 6px; line-height: 34px; border: 1px solid #ddd;}

.card-box{    box-shadow: 0 1px 3px 0px rgba(115, 108, 203, 0.23);
  border-radius: 3px; padding:0 6px 6px 6px;}
  .list-img {list-style: none; display: flex; flex-wrap: wrap; overflow: auto;}
  .list-img li{padding:  5px; width: 16.666%; cursor: pointer;}
  .list-img li:hover{border: 1px solid #2c6dd2;}
  .list-img img{width: 100%; height: 160px; padding: 2px; border-radius: 5px; border: 1px solid #ddd;}


  *::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    transition: .3s background;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #e1e6f1;
  }
  
  *:hover::-webkit-scrollbar-thumb {
    background: #adb5bd;
  }
  
  .leftadd ul{display: flex;}
  .leftadd ul li{list-style: none; font-size: 13px;width:calc(25% - 4px); text-align: center;margin: 0 2px; margin-bottom: 5px;}
  .leftadd ul li:first-child{width: 30%;margin-left: 0;}
  .leftadd ul li:last-child{width: 18%; margin-right: 0;}
  .leftadd a{width: 100%;background: rgba(44, 109, 210, 1);
    text-decoration: none;
    border-radius: 3px; display: flex; align-items: center;  justify-content: center;
    padding: 8px 0;
    border: none; 
    color: #fff;}
    .leftadd a img{width: 16px; margin-right: 3px;}

    .bg-yellow{background: #ff9c3c !important;}
    .bg-green{ background: #3ca624 !important;}

    .bg-primary{background: #00bcd4 !important;}
    

            /****使用外链样式配置右键菜单*****/
            .kinerMenuBox {
              width:140px;
              background: #fff;
               border: solid 1px #ddd;
              cursor: pointer;
              overflow: hidden;
              box-shadow: 0 1px 3px 0px rgba(115, 108, 203, 0.23);
    border-radius: 3px;
    padding: 0 6px 6px 6px; overflow: hidden;
              font-size: 12px;
              position: absolute; top: 28px !important; right: 0px !important; z-index: 1000;
          }
   
     
  
   
          .kinerMenuBox .kinerMenuItem {
              background: #FFF;
              padding: 5px 0; border-bottom: dashed 1px #f2f2f2; overflow: hidden;
          }
          .kinerMenuBox .kinerMenuItem span::before{display: none;}
          .kinerMenuBox .kinerMenuItem:hover {
              background: #CCC;
          }
   
          .kinerMenuBox .kinerMenuItem .kinerMenuItemIcon {
              display: none;
              width: 30px;
              height: 30px
          }
   
          .kinerMenuBox .kinerMenuItem .kinerMenuItemCon {
              height: 30px;
              line-height: 30px;
              float: left;  width: 65%;
              position: relative;
              color: #333;
              font-size: 13px;
              display: inline-block;
              vertical-align: top
          }
   
          .kinerMenuBox .kinerSeparator {
              width: 100%;
              height: 1px;
              /*background: #444444*/
              border-left: none;
              border-right: none
          }
   
          .kinerMenuBox .kinerKeyMap {
              margin-right: 5px;
      width: 30%;
        float: right; text-align: right;
              color: #666;
              height: 30px;
              line-height: 30px;
              display: inline-block;
          }