.add-icon {
  width         : 16px;
  height        : 16px;
  vertical-align: middle;
}

.table {
  width       : 100%;
  border      : solid #e6e6e6;
  border-width: 1px 1px 0px 1px;
  /* border   : solid 1px #e6e6e6; */
}

.table tr {
  height       : 40px;
  text-align   : center;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

.table th,
.table td {
  border      : solid #e6e6e6;
  border-width: 0px 1px 1px 0px;
  color: #333333;
  font-size: 14px;
}

.table th:last-child,
.table td:last-child {
  border-right: none;
}

.no-center {
  text-align  : left;
  padding-left: 12px;
}

.border-none {
  width  : 100%;
  border : none;
  outline: none;
}

.tip-icon {
  background: url("../images/icon_tips.png") left 3px no-repeat;
  box-sizing: border-box;
  background-size: 16px;
  padding-left: 22px;
  display: block;
  font-size: 14px;
}

.upload-box {
  display : inline-block;
  width   : 40px;
  position: relative;
  margin  : 0 auto;
  cursor  : pointer;
  font-size: 14px;
}

.upload-input {
  opacity: 0;
  width  : 100%;
  visibility: hidden;
  cursor: pointer;
}

.upload-text {
  pointer-events: none;
  color         : #4293f4;
  position      : absolute;
  left          : 5px;
  cursor        : pointer;
  font-size: 14px;
}

.text-input {
  display: inline-block;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  font-size: 16px;
}

.textarea {
  height: 200px;
}

.table-empty {
  border: solid #e6e6e6;
  border-width: 0px 1px 1px 0px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  color: #cccccc;
  font-size: 14px;
}


.text-input::placeholder{
  color: #cccccc;
}


.w-60 {
  width: 60px;
}

.radio-item,
.checkout-item {
  display       : inline-block;
  vertical-align: middle;
  line-height   : 30px;
  cursor        : pointer;
}

input[type=radio],
input[type=checkbox] {
  display: none !important;
}

input[type=radio]+label {
  border-radius: 50%;
}

input[type=radio]+label,
input[type=checkbox]+label {
  box-sizing         : border-box;
  width              : 22px;
  height             : 22px;
  cursor             : pointer;
  margin-right       : 10px;
  display            : inline-block;
  vertical-align     : middle;
  border             : none;
  background         : url('../images/iocn_radio.png');
  background-position: center;
  background-size    : 100% auto
}
input[type=checkbox]+label{
  background         : url('../images/iocn_check.png');
}

input[type=radio]:checked+label{
  border    : none;
  background: url('../images/iocn_radio_hover.png');
}
input[type=checkbox]:checked+label{
  border    : none;
  background: url('../images/iocn_check_hover.png');
}

.popup input[type=checkbox] + label {
  text-indent: 30px;
  min-width: 168px;
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
  line-height: 22px;
}

.table-search{
  position: relative;
  top: -3px;
}

.table-search input{
  display: inline-block;
  width: 200px;
  height: 30px;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  font-size: 14px;
  color: #333333;
  text-indent: 12px;
  background: url("../images/icon_search.png") 170px center no-repeat;
}
.table-search input::placeholder{
  color: #cccccc;
}
.table-search input::-moz-placeholder{
  color: #cccccc;
}
.table-search input:-ms-input-placeholder{
  color: #cccccc;
}
.table-search button{
  display: inline-block;
  outline: none;
  border: none;
  color: #4293f4;
  font-size: 14px;
  background: #fff;
  cursor: pointer;
}

.fz14{
  font-size: 14px;
}

.radio {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url('../images/iocn_radio.png') no-repeat;
  background-size: 22px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

input:checked + .radio {
  background: url('../images/iocn_radio_hover.png') no-repeat;
  background-size: 22px;
}

label {
  position: relative;
}

.radios .ml28 {
  margin-left: 28px;
  vertical-align: middle;
}

label input {
  width: 22px;
  height: 22px;
  vertical-align: bottom;
  margin-right: .1rem;
  opacity: 0;
}

.radios label{
  margin-right: 12px;
  display: inline-block;
}

.checkboxs label {
  margin-right: 26px;
  margin-bottom: 18px;
  display: block;
}

.checkboxs2 label {
  display: inline-block;
}

input:checked + .checkbox {
  background: url('../images/iocn_check_hover.png') no-repeat;
  background-size: 22px 22px;
}

.checkbox {
  float: left;
  width: 22px;
  height: 22px;
  background: url('../images/iocn_check.png') no-repeat;
  background-size: 22px 22px;
  position: absolute;
  top: 1px;
  left: 0;
  z-index: 5;
}