
/**
 * @module 单元素(混合元素)页面
 * @author jiawei
 * @date 2021/01/05
 */

.eles{overflow:hidden;padding:30px 10px 45px 12px; width: 100%;}
.eles .elesfl{width:180px;float:left;margin-right: 4%;}
.eles .elesfl h4{color:#646464;font-weight:bold;line-height:24px; margin: 35px 0 10px 10px;}
.eles .elesfl .eleitem{border:#a8a8a8 1px solid;padding:7px 0 7px 7px;min-height:245px;overflow:hidden;}
.eles .elesfl .eleitem span{display:inline-block;height:20px;line-height:20px;padding-left:7px;background-color:#e6e6e6;margin:0 7px 7px 0;float:left;}
.eles .elesfl .eleitem i{display:inline-block;width:20px;height:20px;cursor:pointer;background:url(../image/eledel.png) center center no-repeat;float:right;}
.eles .elesfl p{text-align:center;padding-top:20px;margin: 0;}
/* .eles #eletb{background:url(../images/eletable.png) center center no-repeat;width:772px;height:445px;} */
/*.eles #eletb span{display:inline-block;width:40px;height:48px;text-indent:-48em;overflow:hidden;margin:3px;}
.eles #eletb p span:last-child{margin-right:0;}*/
.eles #eletb table{width:890px;border:none;margin-left: 40px;margin: 0 auto;}
.eles #eletb table td{width:49px;height:49px;border:solid 1px #fff;position: relative;}
.eles #eletb table td .name{display:block;margin-left:1px;position:relative; top:10px;left:12px;}
.eles #eletb table td :hover::after{background:#B4B4B4 ;}
/* .eles #eletb table td .name:hover::after{top:1px;} */
/* .eles #eletb table td .name::after{content:'';display:block;background:rgba(0,0,0,0.1);position:absolute;top:48px;left:0;right:0;bottom:0;} */
.eles #eletb table tr:nth-child(n+6) td span{margin-top:2px;}
.eles #eletb table tr:nth-child(7) td span{margin-top:2px;}
.eles  #eletb table tr td  .item-top {
  width: 100%;
  position: absolute;
  top: 1px;
}
.eles  #eletb table tr td  .item-top  .e_id{
  float: left;
  margin-left: 1px;

  font-size: 10px;
}
.eles  #eletb table tr td  .item-top  .symbol{
  float: right;
 margin-right: 1px;
  font-size: 10px;
}

.NoClick{
  background: #B4B4B4;
  color: #fff;
}
.acidiBg{
  background: #F57037;
  color: #fff;
}
.acidiWeakBg{
  background: #FB8B1B;
  color: #fff;
}
.weakAcid{
  background: #F1A52A;
  color: #fff;
}
.alkalinity{
  background: #4FC2BD;
  color: #fff;
}
.neutral{
  background: #5DBA52;
  color: #fff; 
}
.nitrogen{
  background: #43A4F1;
  color: #fff; 
}
.phosphorus{
  background: #775CBB;
  color: #fff; 
}
.Lanthanide{
  background: #FF8081;
  color: #fff; 
}
.Actinides{
  background: #DF4B4B;
  color: #fff; 
}
.TdClick{
  cursor: pointer;
}
.TdClick:hover{
  background:  rgba(0,0,0,0.5);
 
}
#loading, #loading table{
  width: 100%;
}
 #loading table thead tr {
  background: #E9F0F8;
  font-size: 14px;
  text-align: center;
}
#loading table thead tr  th{
  padding: 15px 0;
}
#loading table tbody  tr{
  text-align: center;
  padding: 10px 0;
}
#loading table tbody  tr td{
  padding: 10px 0;
}
 #loading table tbody  tr:nth-of-type(2n){
   text-align: center;
   padding: 10px 0;
   background: #E3E3E3;
   
}
.Add{
  font-size: 12px;
  background: #fff;
  border: solid  1px #43A4F1;
  border-radius: 8%;
  color: #43A4F1;
  padding: 2px 3px;
  cursor: pointer;
}

.site a:hover{color:#d7000f;}
.site span{padding-left:13px;color:#000;}
.sTit{height:44px;border-bottom:2px solid #d2d2d2;}
.sTit a{float:left;text-align:center;height:42px;line-height:33px;margin-right:6px;position:relative;bottom:-1px;left:0;color:#000;font-size:22px; font-weight: 600;text-decoration: none;}
.SC{margin-top:16px;}
.SC .SCF{height:28px;padding-bottom:10px;display:block;}
.SC label{float:left;padding:0 22px 0 31px;font-weight:bold;color:#000;font-size:14px;height:28px;line-height:28px;}

/* 带搜索的select */
.input-box,.input-box2{
  display: inline-block;
}
.wx-input{
  width: 180px;
  height: 30px;
  position: relative;
  padding-left: 2px;
  border-radius: 3px;
  border: 1px solid #ccc;
}
.selectList{
  width: 500px;
  height: 25px;
}
.selectList::-ms-clear{display:none;}

.layui-form {
    padding: 10px 0;
}
.layui-form-label {
    width: 100px;
}

.layui-input-block {
    margin-left: 130px;
}

.type-row {
    float: left;
    width: 100%;
}

.input-Selector {
    width: 700px;
}

.changeColor{
  background: red;
}