/*复选框*/
.chekboxDiv{
  margin-left: 10px;
  display:flex;
  align-items: center;
}

.checkbox-text{
  padding: 0 4px;
}

.gcs-checkbox {
  display: none;
}

.gcs-checkbox+label {
  background-color: white;
  border-radius: 0px;
  border: 1px solid #5eb95e;
  width: 14px;
  height: 14px;
  display: inline-block;
  line-height: 14px;
  text-align: center;
}

.gcs-checkbox+label:hover {
  cursor: pointer;
  border: 1px solid #5eb95e;
}

.gcs-checkbox:checked+label {
  background-color: #eee;
  background: #5eb95e;
}

.gcs-checkbox:checked+label:after {
  content: "\2714";
  color: white;
}

/* radio样式 */
/*在一行显示，*/
.mainRadio{
  display: inline-block;
  font-size: 15px;
}
/*对.main input进行隐藏，用span.test来代替按钮，再进行样式编写*/
.mainRadio input{
  display: none;
}
.radioText{
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #cecece;
  border-radius: 50%;
  float: left;
  margin: 3px 8px 0 10px;
}

.radioText:hover{
  cursor: pointer;
  border: 1px solid #5a98de;
}
/*input:checked是选择每个被选中的 <input> 元素。+ span：选择紧接在 <input> 元素之后的所有 <span> 元素*/
.mainRadio input:checked + span:after{
  content: " ";
  position: absolute;
  display: block;
  top: 5px;
  left: 5px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #5a98de;
}

.disabledBg{
    background: #eee !important;
}



.img-select-checkbox {
  display: none;
}

.img-select-checkbox+label {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url('../img/img-checkbox.png') no-repeat center;
}

.img-select-checkbox+label:hover {
  cursor: pointer;
}

.img-select-checkbox:checked+label {
  background: url('../img/img-checkbox-selected.png') no-repeat center;
}