/*颜色规范(颜色由深至浅上下排列)*/
.gray-888889 { color: #888889;}

.b-red-62bbb7{background-color:#62bbb7}
.b-red-7bc7c3{background-color:#7bc7c3}
.b-red-d1e5e4{background-color:#d1e5e4}
.b-red-deeced{background-color:#deeced}
.b-red-e2ebeb{background-color:#e2ebeb}

.bg-green-62bbb7{background-color:#62bbb7}
.bg-green-7bc7c3{background-color:#7bc7c3}
.bg-green-d1e5e4{background-color:#d1e5e4}
.bg-green-deeced{background-color:#deeced}
.bg-green-e2ebeb{background-color:#e2ebeb}

.bg-green-62bbb7{background-color:#62bbb7}
.bg-green-7bc7c3{background-color:#7bc7c3}
.bg-green-d1e5e4{background-color:#d1e5e4}
.bg-green-deeced{background-color:#deeced}
.bg-green-e2ebeb{background-color:#e2ebeb}

.bg-green-62bbb7{background-color:#62bbb7}
.bg-green-7bc7c3{background-color:#7bc7c3}
.bg-green-d1e5e4{background-color:#d1e5e4}
.bg-green-deeced{background-color:#deeced}
.bg-green-e2ebeb{background-color:#e2ebeb}

.bg-green-62bbb7{background-color:#62bbb7}
.bg-green-7bc7c3{background-color:#7bc7c3}
.bg-green-d1e5e4{background-color:#d1e5e4}
.bg-green-deeced{background-color:#deeced}
.bg-green-e2ebeb{background-color:#e2ebeb}

.bg-green-62bbb7{background-color:#62bbb7}
.bg-green-7bc7c3{background-color:#7bc7c3}
.bg-green-d1e5e4{background-color:#d1e5e4}
.bg-green-deeced{background-color:#deeced}
.bg-green-e2ebeb{background-color:#e2ebeb}

.bg-gray-f9f9f9{background-color:#f9f9f9}
.bg-gray-efefef{background-color:#efefef}
.bg-gray-f6f6f6{background-color:#f6f6f6}
.bg-gray-fdfdfd{background-color:#fdfdfd}
.bg-white{background-color:#ffffff}
.bg-orange{background-color:#fe6600}












/*2列布局

.flexrow {
	position: relative;
	margin: 0
}

.flexcol-2 {
	position: relative;
	float: left;
	width: 50%;
	padding: 0
}


/*3列布局

.flexcol-3 {
	position: relative;
	float: left;
	width: 33.3333%;
	padding: 0px
}




.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}

input.cmn-toggle-round + label {
  padding: 2px;
  width: 148px;
  height: 90px;

  border-radius: 90px;
}
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round + label:before {
  right: -1px;
  border:3px solid #dfdfdf;
  background-color: #ffffff;
  border-radius: 90px;
  transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
  width: 75px;
  height:75px;
  left:4px;
  top:8px;
  border:0px solid #dfdfdf;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
  transition: margin 0.4s;
}