/* 全局控制 */

/* html默认字体大小16px, .9375rem=15px, 1rem=16px, 1px=0.0625rem */

*, html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
}

body {
  margin: 0 auto;
  font-family: '\5FAE\8F6F\96C5\9ED1', Verdana, Arial, Helvetica, sans-serif;
  font-size: .9375rem;
  color: #333;
  line-height: 1.5;
  min-width: 320px;
}

div, li, ol, ul, input, textarea, select, button {
  outline: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

textarea {
  resize: none
}

label {
  cursor: pointer;
}

ul, li, ol, form {
  list-style: none;
  margin: 0;
  padding: 0
}

input, textarea, select {
  font-family: '\5FAE\8F6F\96C5\9ED1', Tahoma;
  font-size: .875rem;
  color: #555
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

button[type="submit"], button[type="button"], input[type="submit"], input[type="button"] {
  cursor: pointer;
}

input, select, textarea, button, input:focus, select:focus, textarea:focus, button:focus, a.btn:focus {
  outline: none!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
}

img {
  max-width: 100%;
}

address, cite, code, em, th, i {
  font-weight: normal;
  font-style: normal;
}

a {
  color: #333;
}

a:hover {
  color: #FF552E;
  text-decoration: none;
}

/* 文字大小 */

.rem4 {
  font-size: .25rem!important
}

.rem6 {
  font-size: .375rem!important
}

.rem8 {
  font-size: .5rem!important
}

.rem10 {
  font-size: .625rem!important
}

.rem12 {
  font-size: .75rem!important
}

.rem13 {
  font-size: .8125rem!important
}

.rem14 {
  font-size: .875rem!important
}

.rem15 {
  font-size: .9375rem!important
}

.rem16 {
  font-size: 1rem!important
}

.rem18 {
  font-size: 1.125rem!important
}

.rem20 {
  font-size: 1.25rem!important
}

.rem22 {
  font-size: 1.375rem!important
}

.rem24 {
  font-size: 1.5rem!important
}

.rem26 {
  font-size: 1.625rem!important
}

.rem28 {
  font-size: 1.75rem!important
}

.rem30 {
  font-size: 1.875rem!important
}

.rem35 {
  font-size: 2.1875rem!important
}

.rem40 {
  font-size: 2.5rem!important
}

.rem45 {
  font-size: 2.8125rem!important
}

.rem50 {
  font-size: 3.125rem!important
}

.rem60 {
  font-size: 3.75rem!important
}

.rem70 {
  font-size: 4.375rem!important
}

.rem80 {
  font-size: 5rem!important
}

.rem90 {
  font-size: 5.625rem!important
}

.rem100 {
  font-size: 6.25rem!important
}

.rem150 {
  font-size: 9.375rem!important
}

.rem200 {
  font-size: 12.5rem!important
}

.rem250 {
  font-size: 15.625rem!important
}

.rem300 {
  font-size: 18.75rem!important
}

/*行高*/

.line-height-1 {
  line-height: 120%!important;
}

.line-height-2 {
  line-height: 140%!important;
}

.line-height-3 {
  line-height: 160%!important;
}

.line-height-4 {
  line-height: 180%!important;
}

.line-height-5 {
  line-height: 200%!important;
}

.line-height-6 {
  line-height: 220%!important;
}

.line-height-7 {
  line-height: 240%!important;
}

.line-height-8 {
  line-height: 280%!important;
}

.line-height-9 {
  line-height: 320%!important;
}

.line-height-10 {
  line-height: 350%!important;
}

/*表单样式*/

.form-item {
  display: flex;
  align-items: center;
  padding: .5rem 0;
  font-size: .875rem;
}

/*.form-item:last-child { margin-bottom: 0 }*/

.form-item:after {
  content: '\20';
  clear: both;
  *zoom: 1;
  display: block;
  height: 0
}

.form-label {
  min-width: 8.75rem;
  margin-right: .625rem;
  font-weight: 400;
  text-align: right;
  color: #555;
}

.input-block {
  position: relative;
}

/*表单验证jquery.validate.js*/

label.onShow, label.onEmpty {
  color: #999
}

label.onFocus {
  background: url(images/icon-valid.png) 2px -69px no-repeat;
  color: #FF552E
}

label.onError {
  background: url(images/icon-valid.png) 2px -98px no-repeat;
  color: #FF552E
}

label.onCorrect {
  background: url(images/icon-valid.png) 2px -48px no-repeat;
  color: #339900
}

label.onLoad {
  background: url(images/onLoad.gif) 2px center no-repeat;
  color: #999999
}

label.onShow, label.onFocus, label.onError, label.onCorrect, label.onLoad {
  font-size: 14px;
  line-height: 41px;
  padding: 0 10px 0 25px;
  font-family: '\5FAE\8F6F\96C5\9ED1', Verdana, Arial, Helvetica, sans-serif;
}

label.onNone {
  background: none;
  padding: 0;
  line-height: 0!important;
  display: none;
}

input.onError, textarea.onError {
  border: #FF7300 solid 1px
}

/*以下是xui样式表*/

/*****表单控件*****/

input, textarea, select, button {
  outline: none;
}

.xinput, .xtext {
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 3rem;
}

.xinput, .xtext, .xselect {
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  transition-property: box-shadow;
  margin-right: .625rem;
}

/* .xinput:focus, .xtext:focus, .xselect:focus,.xinput:hover, .xtext:hover, .xselect:hover { border:#ccc solid 1px; background-color: #fafafa} */

.xinput {
  transition-property: box-shadow, border-color;
}

.xinput::-webkit-input-placeholder, .xtext::-webkit-input-placeholder {
  color: #a9a9a9;
}

.xinput {
  height: 2rem;
  padding: 0 .625rem;
}

.xtext {
  height: 3rem;
  padding: .3125rem .625rem;
}

.xinput.xunder, .xtext.xunder {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #bebebe;
  background-color: transparent;
}

.xwidth0 {
  width: 6rem!important;
}

.xwidth1 {
  width: 9rem!important;
}

.xwidth2 {
  width: 12rem!important;
}

.xwidth3 {
  width: 15rem!important;
}

.xwidth4 {
  width: 18rem!important;
}

.xwidth5 {
  width: 21rem!important;
}

.xwidth6 {
  width: 24rem!important;
}

.xwidth7 {
  width: 27rem!important;
}

.xwidth8 {
  width: 30rem!important;
}

.xwidth9 {
  width: 33rem!important;
}

.xwidth10 {
  width: 36rem!important;
}

.xwidth-all {
  width: 100%!important;
}

.xwidth-auto {
  width: auto!important;
}

.xheight0 {
  height: 1.5rem!important;
}

.xheight1 {
  height: 2.25rem!important;
}

.xheight2 {
  height: 2.5rem!important;
}

.xheight3 {
  height: 2.75rem!important;
}

.xheight4 {
  height: 3rem!important;
}

.xheight5 {
  height: 3.25rem!important;
}

.xheight6 {
  height: 3.5rem!important;
}

.xheight7 {
  height: 3.75rem!important;
}

.xheight8 {
  height: 4rem!important;
}

.xheight9 {
  height: 4.25rem!important;
}

.xheight10 {
  height: 4.5rem!important;
}

.mheight0 {
  height: .15rem!important;
}

.mheight1 {
  height: .225rem!important;
}

.mheight2 {
  height: .25rem!important;
}

.mheight3 {
  height: .275rem!important;
}

.mheight4 {
  height: .3rem!important;
}

.mheight5 {
  height: .325rem!important;
}

.mheight6 {
  height: .35rem!important;
}

.mheight7 {
  height: .375rem!important;
}

.mheight8 {
  height: .4rem!important;
}

.mheight9 {
  height: .425rem!important;
}

.mheight10 {
  height: .45rem!important;
}

.xline-height0 {
  line-height: 1.5rem!important;
}

.xline-height1 {
  line-height: 2.25rem!important;
}

.xline-height2 {
  line-height: 2.5rem!important;
}

.xline-height3 {
  line-height: 2.75rem!important;
}

.xline-height4 {
  line-height: 3rem!important;
}

.xline-height5 {
  line-height: 3.25rem!important;
}

.xline-height6 {
  line-height: 3.5rem!important;
}

.xline-height7 {
  line-height: 3.75rem!important;
}

.xline-height8 {
  line-height: 4rem!important;
}

.xline-height9 {
  line-height: 4.25rem!important;
}

.xline-height10 {
  line-height: 4.5rem!important;
}

.xtext.xheight1 {
  height: 6rem!important;
}

.xtext.xheight2 {
  height: 8rem!important;
}

.xtext.xheight3 {
  height: 10rem!important;
}

.xtext.xheight4 {
  height: 12rem!important;
}

.xtext.xheight5 {
  height: 14rem!important;
}

.xtext.xheight6 {
  height: 16rem!important;
}

.xtext.xheight7 {
  height: 20rem!important;
}

.xtext.xheight8 {
  height: 25rem!important;
}

.xtext.xheight9 {
  height: 30rem!important;
}

.xtext.xheight10 {
  height: 40rem!important;
}

.xinput.xful, .xtext.xful, .xbutton.xful, .xselect.xful {
  width: 100%;
}

.xinput.xround, .xtext.xround, .xbutton.xround, .xselect.xround, .xtable.xround, .xtablein.xround table {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.xinput.xreadonly {
  background-color: #eee;
  cursor: not-allowed;
  color: #a9a9a9;
}

.xinput.xreadonly:focus {
  border-color: #bebebe;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
}

.xbutton {
  box-shadow: inset 0px 0px 2px #fff;
  -webkit-box-shadow: inset 0px 0px 2px #fff;
  -moz-box-shadow: inset 0px 0px 2px #fff;
  padding: 0 1.125rem;
  height: 2.375rem;
  cursor: pointer;
  font-size: .875rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.xbutton.xmin {
  min-width: 4rem;
}

.xselect {
  cursor: pointer;
  width: 6rem;
  height: 2rem;
  border: 1px solid #ddd;
  padding: 0 1.25rem 0 .625rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAEAQMAAABvKif3AAAABlBMVEUAAABAQEBTWDqaAAAAAXRSTlMAQObYZgAAABRJREFUCNdj+MfAUMPAYMHAIMAAABAOAcNSkrYcAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: right center;
  background-color: #fff;
}

.xselect.xblack {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAEAQMAAABvKif3AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABRJREFUCNdj+MfAUMPAYMHAIMAAABAOAcNSkrYcAAAAAElFTkSuQmCC");
  background-color: #333;
  border-color: #333;
  color: #fff;
}

/*normal*/

/*.xbutton, .xfile span {color:#333; background-image:-moz-linear-gradient(top,#fff,#f1f1f1); background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f1f1f1)); background-image:-webkit-linear-gradient(top,#fff,#f1f1f1); background-image:-o-linear-gradient(top,#fff,#f1f1f1); background-image:linear-gradient(to bottom,#fff,#f1f1f1);}
.xbutton:hover, .xfile:hover span {background-image:-moz-linear-gradient(top,#f1f1f1,#fff); background-image:-webkit-gradient(linear,0 0,0 100%,from(#f1f1f1),to(#fff)); background-image:-webkit-linear-gradient(top,#f1f1f1,#fff); background-image:-o-linear-gradient(top,#f1f1f1,#fff); background-image:linear-gradient(to bottom,#f1f1f1,#fff);}
.xbutton:active {box-shadow:inset 0px 0px 3px rgba(0,0,0,0.3); -o-box-shadow:inset 0px 0px 3px rgba(0,0,0,0.3); -webkit-box-shadow:inset 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow:inset 0px 0px 3px rgba(0,0,0,0.3);}
*/

.xbutton, .xfile span {
  color: #666;
  background: #FAFAFA;
  border: #ddd solid 1px;
  font-size: 15px!important;
}

.xbutton:hover, .xfile:hover span {
  background: #F0F0F0;
}

.xbutton:active {
  box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.3);
}

/*xblue*/

.xbutton.xblue, .xfile.xblue span {
  background-image: none;
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.xbutton.xblue:hover, .xfile.xblue:hover span {
  background-color: #46b8da;
}

/*xred*/

.xbutton.xred, .xfile.xred span {
  background-image: none;
  color: #fff;
  background-color: #e84543;
  border-color: #e84543;
}

.xbutton.xred:hover, .xfile.xred:hover span {
  background-color: #d11210;
}

/*xyellow*/

.xbutton.xyellow, .xfile.xyellow span {
  background-image: none;
  color: #fff;
  background-color: #f4c044;
  border-color: #f4c044;
}

.xbutton.xyellow:hover, .xfile.xyellow:hover span {
  background-color: #d7a12e;
}

/*xgreen*/

.xbutton.xgreen, .xfile.xgreen span {
  background-image: none;
  color: #fff;
  background-color: #62ab00;
  border-color: #62ab00;
}

.xbutton.xgreen:hover, .xfile.xgreen:hover span {
  background-color: #00aa5f;
}

/*xblack*/

.xbutton.xblack, .xfile.xblack span {
  background-image: none;
  color: #fff;
  background-color: #444444;
  border-color: #444444;
}

.xbutton.xblack:hover, .xfile.xblack:hover span {
  background-color: #222222;
}

/*xrem*/

.xbutton.xrem, .xfile.xrem span {
  background-image: none;
  color: #fff;
  background-color: #2b84d0;
  border-color: #2b84d0;
}

.xbutton.xrem:hover, .xfile.xrem:hover span {
  background-color: #106ebf;
}

/*xcoffee*/

.xbutton.xcoffee, .xfile.xcoffee span {
  background-image: none;
  color: #fff;
  background-color: #6b5440;
  border-color: #6b5440;
}

.xbutton.xcoffee:hover, .xfile.xcoffee:hover span {
  background-color: #503b2a;
}

/*disabled*/

.xbutton.xdisabled:hover, .xbutton:disabled:hover {
  box-shadow: none;
}

.xbutton.xdisabled, .xbutton.disabled:hover, .xbutton:disabled, .xbutton:disabled:hover {
  color: #aeaeae;
  border: 1px solid #d0d0d0;
  cursor: default;
  background-image: -moz-linear-gradient(top, #fff, #f1f1f1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, #fff, #f1f1f1);
  background-image: -o-linear-gradient(top, #fff, #f1f1f1);
  background-image: linear-gradient(to bottom, #fff, #f1f1f1);
}

/*xbutton-lit*/

.xfile.xlit {
  height: 34px;
  min-width: 58px;
}

.xbutton.xlit, .xfile.xlit span {
  height: 34px;
  font-size: 12px;
  padding: 0 12px;
  min-width: 58px;
}

.xfile.xlit i, .xfile.xlit img {
  position: relative;
  top: -1px;
}

/*****表单控件*****/

/*****单选框*****/

.xradio {
  height: 1.25rem;
  line-height: 1.25rem;
  position: relative;
  font-size: .875rem;
}

.xradio:last-child {
  margin-bottom: 0;
}

span.xradio {
  display: inline-block;
  margin-right: .9375rem;
  /*vertical-align:top;*/
}

.xradio label span {
  margin-left: 1.5rem;
}

.xradio label input[type="radio"] {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}

.xradio label em {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  border: 1px solid #ddd;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  /*-webkit-transition:0.1s ease-in; transition:0.1s ease-in;*/
  -webkit-transition-property: border-color, background-color;
  transition-property: border-color, background-color;
}

.xradio label, .xradio label span {
  height: 1.25rem;
  line-height: 1.25rem;
  display: inline-block;
  cursor: pointer;
  font-weight: normal;
}

.xradio label input[type="radio"]:checked+em {
  border-color: #696969;
  background-color: #696969;
  background-clip: content-box;
  padding: .25rem;
}

.xradio label input[type="radio"]:hover+em {
  border: #ccc solid 1px;
  background-color: #ccc;
  background-clip: content-box;
  padding: .25rem;
}

.xradio.xblue label input[type="radio"]:checked+em, .xradio.xblue2 label input[type="radio"]:checked+em {
  border-color: #005ecd;
  background-color: #005ecd;
}

.xradio.xred label input[type="radio"]:checked+em, .xradio.xred2 label input[type="radio"]:checked+em {
  border-color: #e84543;
  background-color: #e84543;
}

.xradio.xyellow label input[type="radio"]:checked+em, .xradio.xyellow2 label input[type="radio"]:checked+em {
  border-color: #f4c044;
  background-color: #f4c044;
}

.xradio.xgreen label input[type="radio"]:checked+em, .xradio.xgreen2 label input[type="radio"]:checked+em {
  border-color: #62ab00;
  background-color: #62ab00;
}

.xradio.xblack label input[type="radio"]:checked+em, .xradio.xblack2 label input[type="radio"]:checked+em {
  border-color: #222222;
  background-color: #222222;
}

.xradio.xblue2 label input[type="radio"]:checked+em+span {
  color: #005ecd;
}

.xradio.xred2 label input[type="radio"]:checked+em+span {
  color: #e84543;
}

.xradio.xyellow2 label input[type="radio"]:checked+em+span {
  color: #f4c044;
}

.xradio.xgreen2 label input[type="radio"]:checked+em+span {
  color: #62ab00;
}

.xradio.xblack2 label input[type="radio"]:checked+em+span {
  color: #222222;
}

/*****单选框*****/

/*****复选框*****/

.xcheckbox {
  min-width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  position: relative;
  font-size: .875rem;
  margin-bottom: .625rem;
}

.xcheckbox:last-child {
  margin-bottom: 0;
}

span.xcheckbox {
  display: inline-block;
  margin-bottom: 0;
  margin-right: .9375rem;
  cursor: pointer;
  /*vertical-align:top;*/
}

span.xcheckbox:last-child {
  margin-right: 0;
}

.xcheckbox label span {
  margin-left: 1.5rem;
}

.xcheckbox label input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}

.xcheckbox label em {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 2px;
  -ms-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #ddd;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
  -webkit-transition-property: border-color, background-color;
  transition-property: border-color, background-color;
}

.xcheckbox label em:before, .xcheckbox label em:after {
  content: "";
  display: block;
  position: absolute;
  background: #fff;
}

.xcheckbox label em:before {
  width: .375rem;
  height: .125rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: .5rem;
  left: .1875rem;
}

.xcheckbox label em:after {
  width: .625rem;
  height: .125rem;
  -webkit-transform: rotate(128deg);
  transform: rotate(128deg);
  top: .5rem;
  left: .375rem;
}

.xcheckbox label, .xcheckbox label span {
  height: 1.25rem;
  line-height: 1.25rem;
  display: inline-block;
  cursor: pointer;
}

.xcheckbox label input[type="checkbox"]:checked+em {
  border-color: #696969;
  background-color: #696969;
}

.xcheckbox label input[type="checkbox"]:hover+em {
  border-color: #ddd;
  background-color: #ddd;
}

.xcheckbox.xblue label input[type="checkbox"]:checked+em, .xcheckbox.xblue2 label input[type="checkbox"]:checked+em {
  border-color: #005ecd;
  background-color: #005ecd;
}

.xcheckbox.xred label input[type="checkbox"]:checked+em, .xcheckbox.xred2 label input[type="checkbox"]:checked+em {
  border-color: #e84543;
  background-color: #e84543;
}

.xcheckbox.xyellow label input[type="checkbox"]:checked+em, .xcheckbox.xyellow2 label input[type="checkbox"]:checked+em {
  border-color: #f4c044;
  background-color: #f4c044;
}

.xcheckbox.xgreen label input[type="checkbox"]:checked+em, .xcheckbox.xgreen2 label input[type="checkbox"]:checked+em {
  border-color: #62ab00;
  background-color: #62ab00;
}

.xcheckbox.xblack label input[type="checkbox"]:checked+em, .xcheckbox.xblack2 label input[type="checkbox"]:checked+em {
  border-color: #222222;
  background-color: #222222;
}

.xcheckbox.xblue2 label input[type="checkbox"]:checked+em+span {
  color: #005ecd;
}

.xcheckbox.xred2 label input[type="checkbox"]:checked+em+span {
  color: #e84543;
}

.xcheckbox.xyellow2 label input[type="checkbox"]:checked+em+span {
  color: #f4c044;
}

.xcheckbox.xgreen2 label input[type="checkbox"]:checked+em+span {
  color: #62ab00;
}

.xcheckbox.xblack2 label input[type="checkbox"]:checked+em+span {
  color: #222222;
}

/*****复选框*****/

/*****开关*****/

/*默认样式*/

.xswitch {
  position: relative;
  -webkit-touch-callout: none;
  cursor: pointer;
  overflow: hidden;
  width: 2.5rem;
  height: 1.5rem;
  border: 1px solid #dddddd;
  border-radius: 13px;
  -webkit-appearance: none;
  -webkit-user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
}

.xswitch:before {
  content: "";
  width: 1.375rem;
  height: 1.375rem;
  line-height: 1.375rem;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  -webkit-transition-property: background-color, left;
  transition-property: background-color, left;
}

.xswitch:checked {
  border-color: #696969;
  background-color: #696969;
  color: #fff;
}

.xswitch:checked:before {
  left: 1.25rem;
}

.xswitch.xonoff {
  width: 4rem;
}

.xswitch.xonoff:before {
  content: "OFF";
  text-indent: 1.6875rem;
}

.xswitch.xonoff:checked:before {
  content: "ON";
  left: 2.5rem;
  text-indent: -.6875rem;
}

.xswitch.xblue:checked {
  border-color: #005ecd;
  background: #005ecd;
}

.xswitch.xred:checked {
  border-color: #e84543;
  background: #e84543;
}

.xswitch.xyellow:checked {
  border-color: #f4c044;
  background: #f4c044;
}

.xswitch.xgreen:checked {
  border-color: #62ab00;
  background: #62ab00;
}

.xswitch.xblack:checked {
  border-color: #222222;
  background: #222222;
}

/*自定义文字描述*/

.xswitch-tip {
  display: inline-block;
  height: 1.5rem;
  position: relative;
  margin-bottom: .625rem;
}

.xswitch-tip:last-child {
  margin-bottom: 0;
}

span.xswitch-tip {
  margin-bottom: 0;
  margin-right: .625rem;
  vertical-align: top;
}

span.xswitch-tip:last-child {
  margin-right: 0;
}

div.xswitch-tip {
  display: table;
}

.xswitch-tip label, .xswitch-tip span {
  height: 1.5rem;
  display: block;
}

.xswitch-tip span {
  font-size: .75rem;
  min-width: 1.5rem;
  text-align: center;
  line-height: 1.5rem;
  padding-left: 1.75rem;
  padding-right: .75rem;
  color: #999;
  position: relative;
  z-index: 2;
  overflow-y: hidden;
}

.xswitch-tip span+span {
  display: none;
}

.xswitch-tip input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}

.xswitch-tip label em {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: .625rem;
  -moz-border-radius: .625rem;
  border-radius: .9375rem;
  border: 1px solid #ddd;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.5rem;
  z-index: 1;
}

.xswitch-tip label em:after {
  content: "";
  display: block;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.xswitch-tip label input[type="checkbox"]:checked+em {
  border-color: #696969;
  background-color: #696969;
}

.xswitch-tip label input[type="checkbox"]:checked+em:after {
  left: auto;
  right: 0;
  background-color: #fff;
}

.xswitch-tip label input[type="checkbox"]:checked+em+span, .xswitch-tip label input[type="checkbox"]:checked+em+span+span {
  padding-left: .75rem;
  padding-right: 1.75rem;
  color: #fff;
}

.xswitch-tip label input[type="checkbox"]:checked+em+span {
  display: none;
}

.xswitch-tip label input[type="checkbox"]:checked+em+span+span {
  display: block;
}

.xswitch-tip label input[type="checkbox"]:checked+em+span:after {
  content: "ON";
}

.xswitch-tip span, .xswitch-tip label em, .xswitch-tip label em:after {
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  -webkit-transition-property: border-color, background-color;
  transition-property: border-color, background-color;
}

.xswitch-tip.xblue label input[type="checkbox"]:checked+em {
  border-color: #005ecd;
  background-color: #005ecd;
}

.xswitch-tip.xred label input[type="checkbox"]:checked+em {
  border-color: #e84543;
  background-color: #e84543;
}

.xswitch-tip.xyellow label input[type="checkbox"]:checked+em {
  border-color: #f4c044;
  background-color: #f4c044;
}

.xswitch-tip.xgreen label input[type="checkbox"]:checked+em {
  border-color: #62ab00;
  background-color: #62ab00;
}

.xswitch-tip.xblack label input[type="checkbox"]:checked+em {
  border-color: #222222;
  background-color: #222222;
}

/*****开关*****/

/*****上传控件*****/

.xfile {
  display: inline-block;
  height: 2.5rem;
  position: relative;
  cursor: pointer;
}

.xfile:last-child {
  margin-bottom: 0;
}

span.xfile {
  margin-bottom: 0;
  margin-right: .625rem;
  vertical-align: top;
}

span.xfile:last-child {
  margin-right: 0;
}

div.xfile {
  display: table;
}

.xfile input[type="file"] {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  cursor: pointer;
  z-index: 2;
  font-size: 3rem\9;
  /*IE8*/
}

.xfile span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  padding: 0 .9375rem;
  height: 2.5rem;
  line-height: 2.5rem;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: .875rem;
  position: relative;
  z-index: 1;
}

/*.xfile i, .xfile img {height:18px; display:inline-block; vertical-align:middle; overflow:hidden; margin-right:6px;}*/

.xfile i, .xfile img {
  display: inline-block;
  vertical-align: middle;
}

.xfile i {
  transform: translateY(-1px);
}

.xfile img {
  transform: translateY(-2px);
}

.xfile i {
  min-width: 1.25rem;
  font-size: 1.25rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABVUlEQVQ4T63UMU7DQBCF4X8SiYoWCQmJC8AhQkELVVJBA8LGDSdASnIEROHYghTQJRISdIiCcAYEN6DnAvag3SRmHYxJcFyu5c9vd2dGWPIjGtJYpikaocsHhREJ3UpwnTZKY5xQGInHThVQY57/DWrIBnWebICEXQn4qAZGXANHkx31xef4T1BDOggDOeV99ig0Zg/l3q4L++LxUAparEYb4Y2UViF6xTYJIj6vxv0VzDAYAs0y1E0+/S53yy4mPi2NaAKDudGYwwwk4cVuE4YGm/69DNUe58CdeyTfoNoWzGE5VFgXj0tn7Qy4mE3vtl4hVlTsGnJCjTh751zewp2iPQ4Qbm0yZct0memQLOkiracDVvjkEVgz5WQRA6bcIPRJ6bqXUjocJGBk6y1iE2XVXIQbxlSIBHTmHl/iIz86pmCwzD1gpwlzxVwEVhpZk2nv/uwLDoDRcCz9MNYAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.xfile.xblue i, .xfile.xred i, .xfile.xyellow i, .xfile.xgreen i, .xfile.xblack i {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAk1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ROyVeAAAAMHRSTlMA9qv6ApcZ8+rmtWMlEg8G2dPIu6SJhGhPPToL7t7Jn5KAfW5dRDEu4cB4HstXNCpvk6ktAAACBElEQVRIx+3U25aiMBAF0AMJKCKCInfvraBtX87/f90QBKc1PTSvs1bvB3ioVakUVIJfmk/XmtQs9xPD5OaI5Kh5mPmAhCIyqBjtKyrwAztkTWy2+/12I1gLbfTyFmplq/RR80tLlVp46CGXJOcZ7rI5yaXsSTmqRe2HjaqyR/zTLCCdKx5cHTKY9RZx8cTtKVPMJuTcxxN/Tk5mhd53Fl8Ch+QBmgNJJ7jE2cNXOF3YOkFzYuvyNyhjdtYeNN6anbgrZFGV3ibv7qHCN6qD+55sHdYsNPZq/mL7x1GK1aDum8EVpJNhgMwhRQ7IkDROGORkkKFEKcgIA0WkKPFKjm0MZI/JV0xIE4OZ5AQb9RUG25MbBGQCnZ+mPnQJGeBN7U63M4wdNKrzN9XLFpoXrlZ8gWareonJtXaCUsHxmCLVzuCajJGR2nL5iiqFq1wrTmbwN6QzfQhMz7yl8PwUcMiND6Qk519D9lzN6Xg8UgH7a4YKpN3sn4/+fb8hyWhpGMuIZHjv0z+e79NfhKwtDulHNW33a0qVIs22z2n1kR4WVCsU7bpLNoQwdhJucz+ahmE2d6cLuTOEYGM5QyfpzurIg0wiG7cU2FEi4Y26U/4wJp5rBishRF1F6VKUukodWAWm62nX2LXMKwk9BbLKy2uBHlrKzf+bYnU/eripZU3x6xt/AO1sSHEnY+LbAAAAAElFTkSuQmCC");
}

.xfile i[class^="icon-"], .xfile i[class*=" icon-"], .xfile i[class^="ico-"], .xfile i[class*=" ico-"], .xfile i[class^="ion-"], .xfile i[class*=" ion-"], .xfile i[class^="glyphicon-"], .xfile i[class*=" glyphicon-"], .xfile i[class^="fa-"], .xfile i[class*=" fa-"], .xfile i[class^="ti-"], .xfile i[class*=" ti-"], .xfile i[class^="zmdi-"], .xfile i[class*=" zmdi-"], .xfile i[class^="wi-"], .xfile i[class*=" wi-"] {
  background-image: none;
}

/*****上传控件*****/

/*****表格*****/

/*默认样式*/

.xtable, .xtablein table {
  font-size: .875rem;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.xtable>thead>tr>th, .xtable>thead>tr>td, .xtable>tbody>tr>th, .xtable>tbody>tr>td, .xtablein table>thead>tr>th, .xtablein table>thead>tr>td, .xtablein table>tbody>tr>th, .xtablein table>tbody>tr>td {
  padding: .5rem;
  border: 1px solid #ddd;
}

.xtable.center, .xtablein.center table {
  text-align: center;
}

/*无外部边框*/

.xtable.xnobor-out>thead>tr:first-child>th, .xtable.xnobor-out>thead>tr:first-child>td, .xtable.xnobor-out>tbody>tr:first-child>th, .xtable.xnobor-out>tbody>tr:first-child>td, .xtablein.xnobor-out table>thead>tr:first-child>th, .xtablein.xnobor-out table>thead>tr:first-child>td, .xtablein.xnobor-out table>tbody>tr:first-child>th, .xtablein.xnobor-out table>tbody>tr:first-child>td {
  border-top: 0;
}

.xtable.xnobor-out>thead>tr:last-child>th, .xtable.xnobor-out>thead>tr:last-child>td, .xtable.xnobor-out>tbody>tr:last-child>th, .xtable.xnobor-out>tbody>tr:last-child>td, .xtablein.xnobor-out table>thead>tr:last-child>th, .xtablein.xnobor-out table>thead>tr:last-child>td, .xtablein.xnobor-out table>tbody>tr:last-child>th, .xtablein.xnobor-out table>tbody>tr:last-child>td {
  border-bottom: 0;
}

.xtable.xnobor-out>thead>tr>th:first-child, .xtable.xnobor-out>thead>tr>td:first-child, .xtable.xnobor-out>tbody>tr>th:first-child, .xtable.xnobor-out>tbody>tr>td:first-child, .xtablein.xnobor-out table>thead>tr>th:first-child, .xtablein.xnobor-out table>thead>tr>td:first-child, .xtablein.xnobor-out table>tbody>tr>th:first-child, .xtablein.xnobor-out table>tbody>tr>td:first-child {
  border-left: 0;
}

.xtable.xnobor-out>thead>tr>th:last-child, .xtable.xnobor-out>thead>tr>td:last-child, .xtable.xnobor-out>tbody>tr>th:last-child, .xtable.xnobor-out>tbody>tr>td:last-child, .xtablein.xnobor-out table>thead>tr>th:last-child, .xtablein.xnobor-out table>thead>tr>td:last-child, .xtablein.xnobor-out table>tbody>tr>th:last-child, .xtablein.xnobor-out table>tbody>tr>td:last-child {
  border-right: 0;
}

/*无内部边框、无全部边框*/

.xtable.xnobor-in, .xtablein.xnobor-in table {
  border: 1px solid #ddd;
}

.xtable.xnobor-in>thead>tr>th, .xtable.xnobor-in>thead>tr>td, .xtable.xnobor-in>tbody>tr>th, .xtable.xnobor-in>tbody>tr>td, .xtablein.xnobor-in table>thead>tr>th, .xtablein.xnobor-in table>thead>tr>td, .xtablein.xnobor-in table>tbody>tr>th, .xtablein.xnobor-in table>tbody>tr>td, .xtable.xnobor-all>thead>tr>th, .xtable.xnobor-all>thead>tr>td, .xtable.xnobor-all>tbody>tr>th, .xtable.xnobor-all>tbody>tr>td, .xtablein.xnobor-all table>thead>tr>th, .xtablein.xnobor-all table>thead>tr>td, .xtablein.xnobor-all table>tbody>tr>th, .xtablein.xnobor-all table>tbody>tr>td {
  border: 0;
}

/*水平边框样式*/

.xtable.xbor-tr, .xtablein.xbor-tr table {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.xtable.xbor-tr>thead>tr>th, .xtable.xbor-tr>thead>tr>td, .xtable.xbor-tr>tbody>tr>th, .xtable.xbor-tr>tbody>tr>td, .xtablein.xbor-tr table>thead>tr>th, .xtablein.xbor-tr table>thead>tr>td, .xtablein.xbor-tr table>tbody>tr>th, .xtablein.xbor-tr table>tbody>tr>td, .xtable.xbor-tr-noout>thead>tr>th, .xtable.xbor-tr-noout>thead>tr>td, .xtable.xbor-tr-noout>tbody>tr>th, .xtable.xbor-tr-noout>tbody>tr>td, .xtablein.xbor-tr-noout table>thead>tr>th, .xtablein.xbor-tr-noout table>thead>tr>td, .xtablein.xbor-tr-noout table>tbody>tr>th, .xtablein.xbor-tr-noout table>tbody>tr>td {
  border: 0;
}

.xtable.xbor-tr>thead>tr, .xtable.xbor-tr>tbody>tr, .xtablein.xbor-tr table>thead>tr, .xtablein.xbor-tr table>tbody>tr, .xtable.xbor-tr-noout>thead>tr, .xtable.xbor-tr-noout>tbody>tr, .xtablein.xbor-tr-noout table>thead>tr, .xtablein.xbor-tr-noout table>tbody>tr {
  border-top: 1px solid #ddd;
}

.xtable.xbor-tr-noout, .xtablein.xbor-tr-noout table {
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
}

.xtable.xbor-tr-noout>thead>tr:first-child, .xtable.xbor-tr-noout>tbody>tr:first-child, .xtablein.xbor-tr-noout table>thead>tr:first-child, .xtablein.xbor-tr-noout table>tbody>tr:first-child {
  border-top: 0;
}

/*表格圆角*/

.xtable.xround, .xtablein.xround table {
  border-collapse: separate;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.xtable.xround>thead>tr>th, .xtable.xround>thead>tr>td, .xtable.xround>tbody>tr>th, .xtable.xround>tbody>tr>td, .xtable.xroundin table>thead>tr>th, .xtablein.xround table>thead>tr>td, .xtablein.xround table>tbody>tr>th, .xtablein.xround table>tbody>tr>td {
  border-right: 0;
  border-bottom: 0;
}

.xtable.xround>thead>tr:first-child>th:first-child, .xtable.xround>thead>tr:first-child>td:first-child, .xtable.xround>tbody>tr:first-child>th:first-child, .xtable.xround>tbody>tr:first-child>td:first-child, .xtablein.xround table>thead>tr:first-child>th:first-child, .xtablein.xround table>thead>tr:first-child>td:first-child, .xtablein.xround table>tbody>tr:first-child>th:first-child, .xtablein.xround table>tbody>tr:first-child>td:first-child {
  -webkit-border-top-left-radius: .3125rem;
  border-top-left-radius: .3125rem;
  -moz-border-radius-topleft: .3125rem;
}

.xtable.xround>thead>tr:first-child>th:last-child, .xtable.xround>thead>tr:first-child>td:last-child, .xtable.xround>tbody>tr:first-child>th:last-child, .xtable.xround>tbody>tr:first-child>td:last-child, .xtablein.xround table>thead>tr:first-child>th:last-child, .xtablein.xround table>thead>tr:first-child>td:last-child, .xtablein.xround table>tbody>tr:first-child>th:last-child, .xtablein.xround table>tbody>tr:first-child>td:last-child {
  -webkit-border-top-right-radius: .3125rem;
  border-top-right-radius: .3125rem;
  -moz-border-radius-topright: .3125rem;
}

.xtable.xround>thead>tr:last-child>th:first-child, .xtable.xround>thead>tr:last-child>td:first-child, .xtable.xround>tbody>tr:last-child>th:first-child, .xtable.xround>tbody>tr:last-child>td:first-child, .xtablein.xround table>thead>tr:last-child>th:first-child, .xtablein.xround table>thead>tr:last-child>td:first-child, .xtablein.xround table>tbody>tr:last-child>th:first-child, .xtablein.xround table>tbody>tr:last-child>td:first-child {
  -webkit-border-bottom-left-radius: .3125rem;
  border-bottom-left-radius: .3125rem;
  -moz-border-radius-bottomleft: .3125rem;
}

.xtable.xround>thead>tr:last-child>th:last-child, .xtable.xround>thead>tr:last-child>td:last-child, .xtable.xround>tbody>tr:last-child>th:last-child, .xtable.xround>tbody>tr:last-child>td:last-child, .xtablein.xround table>thead>tr:last-child>th:last-child, .xtablein.xround table>thead>tr:last-child>td:last-child, .xtablein.xround table>tbody>tr:last-child>th:last-child, .xtablein.xround table>tbody>tr:last-child>td:last-child {
  -webkit-border-bottom-right-radius: .3125rem;
  border-bottom-right-radius: .3125rem;
  -moz-border-radius-bottomright: .3125rem;
}

/*间隔背景色*/

.xtable.xodd>thead>tr:nth-child(odd), .xtable.xodd>tbody>tr:nth-child(odd), .xtable.xeven>thead>tr:nth-child(even), .xtable.xeven>tbody>tr:nth-child(even), .xtablein.xodd table>thead>tr:nth-child(odd), .xtablein.xodd table>tbody>tr:nth-child(odd), .xtablein.xeven table>thead>tr:nth-child(even), .xtablein.xeven table>tbody>tr:nth-child(even) {
  background: #f8f8f8;
}

/*鼠标悬停*/

.xtable.xhover>thead>tr:hover, .xtable.xhover>tbody>tr:hover, .xtablein.xhover table>thead>tr:hover, .xtablein.xhover table>tbody>tr:hover {
  background-color: #fbffe4;
  color: #222;
}

/*****表格*****/

/*无内容时展示信息*/

.noinfo {
  margin: 0 auto;
  background: url(../images/noinfo.png) center 3rem no-repeat;
  padding: 14rem 0 1.25rem 0;
  color: #999;
  line-height: 180%
}

/* bootstrap二次修改 */

/* @media (min-width: 1520px){
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1480px;
  }
} */

.cursor-pointer {
  cursor: pointer;
}

.border-2 {
  border-width: 2px!important;
}

.border-3 {
  border-width: 3px!important;
}

.border-green {
  border-color: #258fa5!important;
}

.border-orange {
  border-color: #FF552E!important;
}

.border-dark-light {
  border-color: #444!important;
}

.border-gray {
  border-color: #EEE!important;
}

.border-gray-light {
  border-color: #F7F7F7!important;
}

/* 自定义按钮 */

.btn-success {
  color: #fff;
  background-color: #62ab00;
  border-color: #62ab00;
}

.btn-success:hover {
  color: #fff;
  background-color: #528e01;
  border-color: #528e01;
}

.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #528e01;
  border-color: #528e01;
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #528e01;
  border-color: #528e01;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show>.btn-success.dropdown-toggle {
  color: #fff;
  background-color: #528e01;
  border-color: #528e01;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show>.btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-primary {
  color: #fff;
  background-color: #4396F1;
  border-color: #4396F1;
}

.btn-primary:hover {
  color: #fff;
  background-color: #2C87F0;
  border-color: #2C87F0;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #2C87F0;
  border-color: #2C87F0;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #4396F1;
  border-color: #4396F1;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #2C87F0;
  border-color: #2C87F0;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-warning {
  color: #fff;
  background-color: #ff9900;
  border-color: #ff9900;
}

.btn-warning:hover {
  color: #fff;
  background-color: #ff8800;
  border-color: #ff8800;
}

.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #ff8800;
  border-color: #ff8800;
  box-shadow: 0 0 0 0.2rem rgba(250, 143, 55, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #fff;
  background-color: #ff9900;
  border-color: #ff9900;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show>.btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ff8800;
  border-color: #ff8800;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show>.btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-orange {
  color: #fff;
  background-color: #FF7300;
  border-color: #FF7300;
}

.btn-orange:hover {
  color: #fff;
  background-color: #FF552E;
  border-color: #FF552E;
}

.btn-orange:focus, .btn-orange.focus {
  color: #fff;
  background-color: #FF552E;
  border-color: #FF552E;
  box-shadow: 0 0 0 0.2rem rgba(250, 143, 55, 0.5);
}

.btn-orange.disabled, .btn-orange:disabled {
  color: #fff;
  background-color: #FF7300;
  border-color: #FF7300;
}

.btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active, .show>.btn-orange.dropdown-toggle {
  color: #fff;
  background-color: #FF552E;
  border-color: #FF552E;
}

.btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus, .show>.btn-orange.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #5FD3EF;
  border-color: #5FD3EF;
}

.btn-info:hover {
  color: #fff;
  background-color: #5CC4DD;
  border-color: #5CC4DD;
}

.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #5CC4DD;
  border-color: #5CC4DD;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #5FD3EF;
  border-color: #5FD3EF;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show>.btn-info.dropdown-toggle {
  color: #fff;
  background-color: #5CC4DD;
  border-color: #5CC4DD;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show>.btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-purple {
  color: #fff;
  background-color: #727cf5;
  border-color: #727cf5
}

.btn-purple:hover {
  color: #fff;
  background-color: #4e5bf2;
  border-color: #4250f2
}

.btn-purple.focus, .btn-purple:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(114, 124, 245, .5);
  box-shadow: 0 0 0 .2rem rgba(114, 124, 245, .5)
}

.btn-purple.disabled, .btn-purple:disabled {
  color: #fff;
  background-color: #727cf5;
  border-color: #727cf5
}

.btn-purple:not(:disabled):not(.disabled).active, .btn-purple:not(:disabled):not(.disabled):active, .show>.btn-purple.dropdown-toggle {
  color: #fff;
  background-color: #4250f2;
  border-color: #3645f1
}

.btn-purple:not(:disabled):not(.disabled).active:focus, .btn-purple:not(:disabled):not(.disabled):active:focus, .show>.btn-purple.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(114, 124, 245, .5);
  box-shadow: 0 0 0 .2rem rgba(114, 124, 245, .5)
}

.btn-light {
  color: #313a46;
  background-color: #e3eaef!important;
  border-color: #e3eaef!important;
}

.btn-light:hover {
  color: #313a46;
  background-color: #cbd8e1;
  border-color: #c3d2dc;
}

.btn-light.focus, .btn-light:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(227, 234, 239, .5);
  box-shadow: 0 0 0 .2rem rgba(227, 234, 239, .5)
}

.btn-light.disabled, .btn-light:disabled {
  color: #313a46;
  background-color: #e3eaef;
  border-color: #e3eaef
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
  color: #313a46;
  background-color: #c3d2dc;
  border-color: #baccd8
}

.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(227, 234, 239, .5);
  box-shadow: 0 0 0 .2rem rgba(227, 234, 239, .5)
}

.btn-outline-gray {
  color: #999;
  border-color: #ddd;
}

.btn-outline-gray:hover {
  color: #fff;
  background-color: #aaa;
  border-color: #aaa;
}

.btn-outline-gray:focus, .btn-outline-gray.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-gray.disabled, .btn-outline-gray:disabled {
  color: #999;
  background-color: transparent;
}

.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show>.btn-outline-gray.dropdown-toggle {
  color: #fff;
  background-color: #aaa;
  border-color: #aaa;
}

.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-gray.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(200, 200, 200, 0.5);
}

.btn-outline-purple {
  color: #727cf5;
  border-color: #727cf5;
}

.btn-outline-purple:hover {
  color: #fff;
  background-color: #727cf5;
  border-color: #727cf5;
}

.btn-outline-purple:focus, .btn-outline-purple.focus {
  box-shadow: 0 0 0 0.2rem #727cf5;
}

.btn-outline-purple.disabled, .btn-outline-purple:disabled {
  color: #727cf5;
  background-color: transparent;
}

.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show>.btn-outline-purple.dropdown-toggle {
  color: #fff;
  background-color: #727cf5;
  border-color: #727cf5;
}

.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-purple.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #727cf5;
}

.btn:focus, a:focus {
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
}

/* 自定义分页 */

.pagination {
  margin: 30px 0;
  border-radius: 4px;
}

.pagination>li>a, .pagination>li>span {
  position: relative;
  padding: 8px 15px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #888;
  background-color: #e5e5e5;
  border: none;
  margin-left: -1px;
  border-radius: 3px;
}

.pagination>li {
  display: inline-block;
  margin: 0px 5px 0px 0px;
}

.page-item.active .page-link, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
  z-index: 3;
  color: #fff;
  background-color: #62ab00;
  cursor: default;
  border-radius: 3px;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
  z-index: 2;
  color: #fff;
  background-color: #62ab00;
  border-color: #62ab00;
  border-radius: 3px;
}

.breadcrumb-item, .breadcrumb-item.active, .breadcrumb-item a {
  color: #FFF;
  opacity: .85;
}

.breadcrumb-item+.breadcrumb-item::before {
  color: #ccc;
  content: '/';
  font-family: '宋体';
  opacity: .85;
}

.text-green {
  color: #258fa5!important;
}

a.text-green:hover, a.text-green:focus {
  color: #228497!important;
}

.text-success {
  color: #62ab00!important;
}

a.text-success:hover, a.text-success:focus {
  color: #00a05b!important;
}

.text-gray {
  color: #aaa!important;
}

a.text-gray:hover, a.text-gray:focus {
  color: #FF552E!important;
}

.text-gray-light {
  color: #ddd!important;
}

a.text-gray-light:hover, a.text-gray-light:focus {
  color: #ddd!important;
}

.text-orange {
  color: #ff552e!important;
}

a.text-orange:hover, a.text-orange:focus {
  color: #ff552e!important;
}

.bg-green {
  background-color: #258fa5 !important;
}

a.bg-green:hover, a.bg-green:focus, button.bg-green:hover, button.bg-green:focus {
  background-color: #228497 !important;
}

.bg-success {
  background-color: #62ab00 !important;
}

a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
  background-color: #00a05b !important;
}

.bg-gray {
  background-color: #DDD !important;
}

a.bg-gray:hover, a.bg-gray:focus, button.bg-gray:hover, button.bg-gray:focus {
  background-color: #DDD !important;
}

.bg-gray-light {
  background-color: #F7F7F7 !important;
}

a.bg-gray-light:hover, a.bg-gray-light:focus, button.bg-gray-light:hover, button.bg-gray-light:focus {
  background-color: #F7F7F7 !important;
}

.bg-orange {
  background-color: #FF7300 !important;
}

a.bg-orange:hover, a.bg-orange:focus, button.bg-orange:hover, button.bg-orange:focus {
  background-color: #FF552E !important;
}

/* TAB标签 */

.nav-tabs {
  background-color: #F9F9F9;
  border-bottom: #62ab00 solid 2px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background-color: #62ab00;
  border: #62ab00 solid 1px;
  border-radius: 0;
  font-size: 1rem;
  color: #fff;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
  padding: .5rem 1.5rem;
  border: 0;
  font-size: 1rem;
  color: #666;
}

.nav-tabs .nav-link:hover {
  color: #FF552E;
}

.nav-tabs .nav-link.active:hover {
  color: #FFF;
}

/* 侧边栏列表组 */

.list-group-item {
  padding: 0;
}

.list-group-item, .list-group-item a {
  color: #666;
  font-size: 1rem;
  width: 100%;
}

.list-group-item a {
  display: block;
  padding: .75rem 1rem;
  text-decoration: none;
}

.list-group-item:first-child a, .list-group-item:first-child a:hover {
  color: #666;
  padding: .75rem 1rem;
  background-color: #EEE;
}

.list-group-item a:hover {
  background-color: #F9F9F9;
  color: #FF552E;
}

.list-group-item.active {
  border-top: 0;
  border-color: rgba(0, 0, 0, 0.125);
  border-left: #ff552e solid 1px;
  background-color: #fff;
}

.list-group-item.active a {
  background-color: #FFF;
  color: #FF552E;
}

.list-group-item i, .list-group-item.active i {
  width: 1.25rem;
  color: #bbb;
  text-align: center;
  font-size: 1.2rem;
  position: relative;
  top: .0625rem;
}

.list-group-item.active a i, .list-group-item a:hover i {
  color: #FF552E;
}

.list-group-item:first-child a i, .list-group-item:first-child a:hover i {
  color: #fff;
}

.list-group-item span {
  opacity: .8;
  position: absolute;
  top: -.3125rem;
  right: .625rem;
  border-radius: 3px;
  background-color: #FF552E;
  color: #FFF;
  padding: 0 .25rem;
  font-size: .75rem;
}

.list-group-item+.list-group-item.active {
  margin-top: 0;
}

/* 自定义宽度 */

.w-5 {
  width: 5% !important;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-24 {
  width: 24% !important;
}

.w-30 {
  width: 30% !important;
}

.w-33 {
  width: 33.333333333% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.w-45 {
  width: 45% !important;
}

.w-60 {
  width: 60% !important;
}

.w-65 {
  width: 60% !important;
}

.w-67 {
  width: 66.666666667% !important;
}

.w-70 {
  width: 70% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 90% !important;
}

/* 自定义高度 */

.h-5 {
  height: 5% !important;
}

.h-10 {
  height: 10% !important;
}

.h-15 {
  height: 15% !important;
}

.h-20 {
  height: 20% !important;
}

.h-33 {
  height: 33.3333% !important;
}

@media screen and (max-width:576px) {
  .form-label {
    text-align: left;
    min-width: 7.5rem;
    padding-bottom: .5rem;
  }
  .input-inline {
    margin-bottom: .5rem;
  }
  .form-item {
    flex-direction: column;
    align-items: flex-start
  }
}