html {
  -webkit-tap-highlight-color: transparent;
  font-family: PingFang SC, Helvetica Neue, Helvetica, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  font-size: 12px;
}
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
pre {
  margin: 0;
}
ul,
ol,
dl {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
dd {
  margin-left: 0;
}
i,
em {
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5 {
  display: block;
  *display: block;
  *zoom: 1;
  font-weight: normal;
}
h1 {
  font-size: 36px;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 12px;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input,
textarea,
select,
button {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%;
  outline: none;
  border: 0;
  padding: 0;
}
input {
  background-color: transparent;
  -webkit-appearance: none;
}
textarea {
  resize: vertical;
}
img {
  border: 0;
  vertical-align: bottom;
}
a {
  cursor: pointer;
  text-decoration: none;
}
pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}
@font-face {
  font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1484269745215');
  src: url('../fonts/iconfont.eot?t=1484269745215#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/iconfont.woff?t=1484269745215') format('woff'), /* chrome, firefox */ url('../fonts/iconfont.ttf?t=1484269745215') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../res/fonts/iconfont.svg?t=1484269745215#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iDelete,
.iMinus,
.iPlus,
.iUpload,
.iLeft,
.iRight,
.iBottom,
.iTop,
.iCalendar,
.iCorrect,
.iWrong,
.iStar,
.iHalfStar,
.iClip,
.iFlag,
.iQuestion,
.iSearch,
.iWarn,
.iInfo,
.iDownload,
.iTime {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iInfo:before {
  content: "\e60d";
}
.iWarn:before {
  content: "\e60e";
}
.iSearch:before {
  content: "\e60f";
}
.iQuestion:before {
  content: "\e610";
}
.iFlag:before {
  content: "\e611";
}
.iClip:before {
  content: "\e612";
}
.iHalfStar:before {
  content: "\e613";
}
.iStar:before {
  content: "\e614";
}
.iWrong:before {
  content: "\e615";
}
.iCorrect:before {
  content: "\e61a";
}
.iCalendar:before {
  content: "\e61b";
}
.iTop:before {
  content: "\e619";
}
.iRight:before {
  content: "\e61d";
}
.iLeft:before {
  content: "\e61e";
}
.iBottom:before {
  content: "\e61c";
}
.iUpload:before {
  content: "\e61f";
}
.iPlus:before {
  content: "\e620";
}
.iMinus:before {
  content: "\e621";
}
.iDownload:before {
  content: "\e622";
}
.iTime:before {
  content: "\e6ab";
}
.iError:before {
  content: "\e615";
}
.iDelete:before {
  content: "\e626";
}
.iResultRight {
  width: 30px;
  height: 21px;
  background: url("../images/sprite@2x.png?ver=20170101001") no-repeat transparent;
  background-size: 600px 570px;
  background-position: -97px -67px;
}
.iResultError {
  width: 24px;
  height: 24px;
  background: url("../images/sprite@2x.png?ver=20170101001") no-repeat transparent;
  background-size: 600px 570px;
  background-position: -133px -67px;
}
.iResultHalfRight {
  width: 31px;
  height: 23px;
  background: url("../images/sprite@2x.png?ver=20170101001") no-repeat transparent;
  background-size: 600px 570px;
  background-position: -170px -67px;
}
.iUser {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/sprite@2x.png?ver=20170101001") no-repeat transparent;
  background-size: 600px 570px;
  background-position: -66px -4px;
}
.iPassword {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/sprite@2x.png?ver=20170101001") no-repeat transparent;
  background-size: 600px 570px;
  background-position: -93px -5px;
}
.iMessage {
  display: inline-block;
  width: 17px;
  height: 14px;
  background: url("../images/sprite@2x.png?ver=20170101001") no-repeat transparent;
  background-size: 600px 570px;
  background-position: -67px -40px;
}
.iNotice {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/sprite@2x.png?ver=20170101001") no-repeat transparent;
  background-size: 600px 570px;
  background-position: -66px -67px;
}
.iSort {
  width: 14px;
  height: 14px;
  background: url("../images/sprite@2x.png?ver=20170101001") no-repeat transparent;
  background-size: 600px 570px;
  background-position: -293px -32px;
}
.iSortHover {
  width: 14px;
  height: 14px;
  background: url("../images/sprite@2x.png?ver=20170101001") no-repeat transparent;
  background-size: 600px 570px;
  background-position: -316px -32px;
}
.iDelete2 {
  width: 14px;
  height: 15px;
  background: url("../images/sprite@2x.png?ver=20170101001") no-repeat transparent;
  background-size: 600px 570px;
  background-position: -293px -14px;
}
.idelete2Hover {
  width: 14px;
  height: 15px;
  background: url("../images/sprite@2x.png?ver=20170101001") no-repeat transparent;
  background-size: 600px 570px;
  background-position: -316px -14px;
}
.ti2 {
  text-indent: 2em;
}
.fs12 {
  font-size: 12px;
}
.fs13 {
  font-size: 13px;
}
.fs14 {
  font-size: 14px;
}
.fs15 {
  font-size: 15px;
}
.fs16 {
  font-size: 16px;
}
.fs17 {
  font-size: 17px;
}
.fs18 {
  font-size: 18px;
}
.fs20 {
  font-size: 20px;
}
.fs22 {
  font-size: 22px;
}
.fs23 {
  font-size: 23px;
}
.fs24 {
  font-size: 24px;
}
.fs26 {
  font-size: 26px;
}
.fs28 {
  font-size: 28px;
}
.fs30 {
  font-size: 30px;
}
.fs32 {
  font-size: 32px;
}
.red {
  color: #ff0000;
}
.green {
  color: #008000;
}
.white {
  color: #ffffff;
}
.black {
  color: #000000;
}
.colorM {
  color: #30a1de;
}
.colorM2 {
  color: #30333c;
}
.lh16 {
  line-height: 16px;
}
.lh18 {
  line-height: 18px;
}
.lh20 {
  line-height: 20px;
}
.lh22 {
  line-height: 22px;
}
.lh24 {
  line-height: 24px;
}
.lh26 {
  line-height: 26px;
}
.lh28 {
  line-height: 28px;
}
.lh30 {
  line-height: 30px;
}
.lh32 {
  line-height: 32px;
}
.lh34 {
  line-height: 34px;
}
.lh36 {
  line-height: 36px;
}
.lh40 {
  line-height: 40px;
}
.fn {
  font-weight: normal;
}
.fb {
  font-weight: bold;
}
.fsn {
  font-style: normal;
}
.psr {
  position: relative;
}
.psa {
  position: absolute;
}
.psf {
  position: fixed;
}
.db {
  display: block;
}
.dn,
.hidden {
  display: none;
}
.di {
  display: inline-block;
}
.show {
  display: block !important;
}
.hide {
  display: none !important;
}
.oh {
  overflow: hidden;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.m5 {
  margin: 5px;
}
.m10 {
  margin: 10px;
}
.m15 {
  margin: 15px;
}
.m20 {
  margin: 20px;
}
.mtb5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.mtb10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.mtb15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.mtb20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.mtb30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.mtb40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.mlra {
  margin-left: auto;
  margin-right: auto;
}
.mlr5 {
  margin-left: 5px;
  margin-right: 5px;
}
.mlr10 {
  margin-left: 10px;
  margin-right: 10px;
}
.mlr15 {
  margin-left: 15px;
  margin-right: 15px;
}
.mlr20 {
  margin-left: 20px;
  margin-right: 20px;
}
.mlr30 {
  margin-left: 30px;
  margin-right: 30px;
}
.mlr40 {
  margin-left: 40px;
  margin-right: 40px;
}
.mt1 {
  margin-top: 1px;
}
.mt2 {
  margin-top: 2px;
}
.mt3 {
  margin-top: 3px;
}
.mt4 {
  margin-top: 4px;
}
.mt5 {
  margin-top: 5px;
}
.mt6 {
  margin-top: 6px;
}
.mt7 {
  margin-top: 7px;
}
.mt8 {
  margin-top: 8px;
}
.mt9 {
  margin-top: 9px;
}
.mt10 {
  margin-top: 10px;
}
.mt11 {
  margin-top: 11px;
}
.mt12 {
  margin-top: 12px;
}
.mt13 {
  margin-top: 13px;
}
.mt14 {
  margin-top: 14px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mt60 {
  margin-top: 60px;
}
.mt90 {
  margin-top: 90px;
}
.mt-5 {
  margin-top: -5px;
}
.mt-10 {
  margin-top: -10px;
}
.mt-15 {
  margin-top: -15px;
}
.mt-20 {
  margin-top: -20px;
}
.mb1 {
  margin-bottom: 1px;
}
.mb2 {
  margin-bottom: 2px;
}
.mb3 {
  margin-bottom: 3px;
}
.mb4 {
  margin-bottom: 4px;
}
.mb5 {
  margin-bottom: 5px;
}
.mb6 {
  margin-bottom: 6px;
}
.mb7 {
  margin-bottom: 7px;
}
.mb8 {
  margin-bottom: 8px;
}
.mb9 {
  margin-bottom: 9px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb11 {
  margin-bottom: 11px;
}
.mb12 {
  margin-bottom: 12px;
}
.mb13 {
  margin-bottom: 13px;
}
.mb14 {
  margin-bottom: 14px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb60 {
  margin-bottom: 60px;
}
.ml1 {
  margin-left: 1px;
}
.ml2 {
  margin-left: 2px;
}
.ml3 {
  margin-left: 3px;
}
.ml4 {
  margin-left: 4px;
}
.ml5 {
  margin-left: 5px;
}
.ml6 {
  margin-left: 6px;
}
.ml7 {
  margin-left: 7px;
}
.ml8 {
  margin-left: 8px;
}
.ml9 {
  margin-left: 9px;
}
.ml10 {
  margin-left: 10px;
}
.ml11 {
  margin-left: 11px;
}
.ml12 {
  margin-left: 12px;
}
.ml13 {
  margin-left: 13px;
}
.ml14 {
  margin-left: 14px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.ml25 {
  margin-left: 25px;
}
.ml30 {
  margin-left: 30px;
}
.ml40 {
  margin-left: 40px;
}
.ml50 {
  margin-left: 50px;
}
.ml60 {
  margin-left: 60px;
}
.ml115 {
  margin-left: 115px;
}
.mr1 {
  margin-right: 1px;
}
.mr2 {
  margin-right: 2px;
}
.mr3 {
  margin-right: 3px;
}
.mr4 {
  margin-right: 4px;
}
.mr5 {
  margin-right: 5px;
}
.mr6 {
  margin-right: 6px;
}
.mr7 {
  margin-right: 7px;
}
.mr8 {
  margin-right: 8px;
}
.mr9 {
  margin-right: 9px;
}
.mr10 {
  margin-right: 10px;
}
.mr11 {
  margin-right: 11px;
}
.mr12 {
  margin-right: 12px;
}
.mr13 {
  margin-right: 13px;
}
.mr14 {
  margin-right: 14px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr25 {
  margin-right: 25px;
}
.mr30 {
  margin-right: 30px;
}
.mr40 {
  margin-right: 40px;
}
.mr50 {
  margin-right: 50px;
}
.mr60 {
  margin-right: 60px;
}
.mr110 {
  margin-right: 110px;
}
.mr150 {
  margin-right: 150px;
}
.mr220 {
  margin-right: 220px;
}
.p5 {
  padding: 5px;
}
.p10 {
  padding: 10px;
}
.p15 {
  padding: 15px;
}
.p20 {
  padding: 20px;
}
.p30 {
  padding: 30px;
}
.ptb5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.ptb10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.ptb15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.ptb20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.ptb30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.plr5 {
  padding-left: 5px;
  padding-right: 5px;
}
.plr10 {
  padding-left: 10px;
  padding-right: 10px;
}
.plr15 {
  padding-left: 15px;
  padding-right: 15px;
}
.plr20 {
  padding-left: 20px;
  padding-right: 20px;
}
.plr30 {
  padding-left: 30px;
  padding-right: 30px;
}
.pt1 {
  padding-top: 1px;
}
.pt2 {
  padding-top: 2px;
}
.pt3 {
  padding-top: 3px;
}
.pt4 {
  padding-top: 4px;
}
.pt5 {
  padding-top: 5px;
}
.pt6 {
  padding-top: 6px;
}
.pt7 {
  padding-top: 7px;
}
.pt8 {
  padding-top: 8px;
}
.pt9 {
  padding-top: 9px;
}
.pt10 {
  padding-top: 10px;
}
.pt11 {
  padding-top: 11px;
}
.pt12 {
  padding-top: 12px;
}
.pt13 {
  padding-top: 13px;
}
.pt14 {
  padding-top: 14px;
}
.pt15 {
  padding-top: 15px;
}
.pt20 {
  padding-top: 20px;
}
.pt25 {
  padding-top: 25px;
}
.pt30 {
  padding-top: 30px;
}
.pb1 {
  padding-bottom: 1px;
}
.pb2 {
  padding-bottom: 2px;
}
.pb3 {
  padding-bottom: 3px;
}
.pb4 {
  padding-bottom: 4px;
}
.pb5 {
  padding-bottom: 5px;
}
.pb6 {
  padding-bottom: 6px;
}
.pb7 {
  padding-bottom: 7px;
}
.pb8 {
  padding-bottom: 8px;
}
.pb9 {
  padding-bottom: 9px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb11 {
  padding-bottom: 11px;
}
.pb12 {
  padding-bottom: 12px;
}
.pb13 {
  padding-bottom: 13px;
}
.pb14 {
  padding-bottom: 14px;
}
.pb15 {
  padding-bottom: 15px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb25 {
  padding-bottom: 25px;
}
.pb30 {
  padding-bottom: 30px;
}
.pl1 {
  padding-left: 1px;
}
.pl2 {
  padding-left: 2px;
}
.pl3 {
  padding-left: 3px;
}
.pl4 {
  padding-left: 4px;
}
.pl5 {
  padding-left: 5px;
}
.pl6 {
  padding-left: 6px;
}
.pl7 {
  padding-left: 7px;
}
.pl8 {
  padding-left: 8px;
}
.pl9 {
  padding-left: 9px;
}
.pl10 {
  padding-left: 10px;
}
.pl11 {
  padding-left: 11px;
}
.pl12 {
  padding-left: 12px;
}
.pl13 {
  padding-left: 13px;
}
.pl14 {
  padding-left: 14px;
}
.pl15 {
  padding-left: 15px;
}
.pl20 {
  padding-left: 20px;
}
.pl25 {
  padding-left: 25px;
}
.pl30 {
  padding-left: 30px;
}
.pr1 {
  padding-right: 1px;
}
.pr2 {
  padding-right: 2px;
}
.pr3 {
  padding-right: 3px;
}
.pr4 {
  padding-right: 4px;
}
.pr5 {
  padding-right: 5px;
}
.pr6 {
  padding-right: 6px;
}
.pr7 {
  padding-right: 7px;
}
.pr8 {
  padding-right: 8px;
}
.pr9 {
  padding-right: 9px;
}
.pr10 {
  padding-right: 10px;
}
.pr11 {
  padding-right: 11px;
}
.pr12 {
  padding-right: 12px;
}
.pr13 {
  padding-right: 13px;
}
.pr14 {
  padding-right: 14px;
}
.pr15 {
  padding-right: 15px;
}
.pr20 {
  padding-right: 20px;
}
.pr25 {
  padding-right: 25px;
}
.pr30 {
  padding-right: 30px;
}
.w5 {
  width: 5%;
}
.w10 {
  width: 10%;
}
.w15 {
  width: 15%;
}
.w20 {
  width: 20%;
}
.w25 {
  width: 25%;
}
.w30 {
  width: 30%;
}
.w33 {
  width: 33.33333333%;
}
.w35 {
  width: 35%;
}
.w40 {
  width: 40%;
}
.w45 {
  width: 45%;
}
.w49 {
  width: 49%;
}
.w50 {
  width: 50%;
}
.w55 {
  width: 55%;
}
.w60 {
  width: 60%;
}
.w65 {
  width: 65%;
}
.w70 {
  width: 70%;
}
.w75 {
  width: 75%;
}
.w77 {
  width: 77%;
}
.w80 {
  width: 80%;
}
.w85 {
  width: 85%;
}
.w90 {
  width: 90%;
}
.w95 {
  width: 95%;
}
.w100 {
  width: 100%;
}
.wm {
  width: 1000px;
}
.h100 {
  height: 100%;
}
.bgcw {
  background-color: #ffffff;
}
.tac {
  text-align: center;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.vat {
  vertical-align: top;
}
.vam {
  vertical-align: middle;
}
.vab {
  vertical-align: bottom;
}
.tdn {
  text-decoration: none;
}
.tdl {
  text-decoration: line-through;
}
.tdu {
  text-decoration: underline;
}
.pointer {
  cursor: pointer;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.line {
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
}
.bsbb {
  box-sizing: border-box;
}
.bsbb:before,
.bsbb:after {
  box-sizing: inherit;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.input {
  display: inline-block;
  max-width: 100%;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  line-height: 14px;
}
.input:before,
.input:after {
  box-sizing: inherit;
}
.input:disabled {
  background: #f7f7f7;
  color: #cccccc;
}
.input:disabled::-webkit-input-placeholder {
  color: #cccccc;
}
.input:disabled:-moz-placeholder {
  color: #cccccc;
}
.input:disabled::-moz-placeholder {
  color: #cccccc;
}
.input:disabled:-ms-input-placeholder {
  color: #cccccc;
}
.input:disabled:focus {
  border-color: #d9d9d9;
}
.input:read-only {
  background: #f7f7f7;
  color: #30333c;
}
.input:read-only::-webkit-input-placeholder {
  color: #30333c;
}
.input:read-only:-moz-placeholder {
  color: #30333c;
}
.input:read-only::-moz-placeholder {
  color: #30333c;
}
.input:read-only:-ms-input-placeholder {
  color: #30333c;
}
.input:read-only:focus {
  border-color: #d9d9d9;
}
.input:focus {
  border-color: #30a1de;
}
.textarea {
  max-width: 100%;
  width: 100%;
  min-height: 60px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  line-height: 14px;
  resize: vertical;
}
.textarea:before,
.textarea:after {
  box-sizing: inherit;
}
.textarea:focus {
  border-color: #30a1de;
}
.textarea.textDiv {
  overflow-y: auto;
  max-height: 200px;
  outline: none;
}
.textarea.textDiv[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text);
  color: #999;
}
.textarea:read-only {
  background: #f7f7f7;
  color: #30333c;
  resize: none;
}
.textarea:read-only::-webkit-input-placeholder {
  color: #30333c;
}
.textarea:read-only:-moz-placeholder {
  color: #30333c;
}
.textarea:read-only::-moz-placeholder {
  color: #30333c;
}
.textarea:read-only:-ms-input-placeholder {
  color: #30333c;
}
.textarea:read-only:focus {
  border-color: #d9d9d9;
}
.textarea:disabled {
  background: #f7f7f7;
  color: #cccccc;
  resize: none;
  cursor: pointer;
}
.textarea:disabled::-webkit-input-placeholder {
  color: #cccccc;
}
.textarea:disabled:-moz-placeholder {
  color: #cccccc;
}
.textarea:disabled::-moz-placeholder {
  color: #cccccc;
}
.textarea:disabled:-ms-input-placeholder {
  color: #cccccc;
}
.textarea:disabled:focus {
  border-color: #d9d9d9;
}
.textarea.textareaView:read-only {
  border: none;
  resize: none;
}
.select {
  position: relative;
  display: inline-block;
  max-width: 100%;
  width: 100%;
  height: 36px;
  padding-left: 10px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  box-sizing: border-box;
  cursor: pointer;
}
.select:before,
.select:after {
  box-sizing: inherit;
}
.select:hover {
  border-color: #30a1de;
}
.select.showOption ul {
  display: block;
}
.select.showOption:after {
  -ms-transform: rotate(180deg) scale(0.6);
  -moz-transform: rotate(180deg) scale(0.6);
  -o-transform: rotate(180deg) scale(0.6);
  -webkit-transform: rotate(180deg) scale(0.6);
  transform: rotate(180deg) scale(0.6);
}
.select:after {
  content: '\e61c';
  position: absolute;
  right: 10px;
  top: 0;
  line-height: 34px;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  -ms-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -o-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  color: #9b9b9b;
}
.select ul {
  z-index: 5;
  position: absolute;
  top: 36px;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.select ul li {
  height: 36px;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 36px;
  color: #30333c;
  cursor: pointer;
}
.select ul li:hover {
  background: #ecf6fd;
}
.select ul li.disabled {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.24);
}
.select ul li.disabled:hover {
  background: none;
}
.select ul li.selected {
  font-weight: 700;
  background: #f7f7f7;
}
.select .value {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  line-height: 34px;
  color: #30333c;
}
.select .value:before,
.select .value:after {
  box-sizing: inherit;
}
.select.disabled {
  background: #f7f7f7;
  cursor: not-allowed;
}
.select.disabled:after {
  color: rgba(0, 0, 0, 0.25);
}
.select.disabled .value {
  color: rgba(0, 0, 0, 0.25);
}
.select.disabled .iconDrop:before {
  border-color: #d9d9d9;
}
.select.disabled ul {
  display: none;
}
.select.disabled:hover {
  border-color: #d9d9d9;
}
.radio {
  position: relative;
  display: inline-block;
  line-height: 14px;
  color: #30333c;
}
.radio input[type=radio] {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 14px;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.radio input[type=radio]:checked + i {
  border: 1px solid #30a1de;
}
.radio input[type=radio]:checked + i:before {
  background: #30a1de;
}
.radio input[type=radio]:hover + i {
  border-color: #30a1de;
}
.radio input[type=radio]:disabled {
  cursor: not-allowed;
}
.radio input[type=radio]:disabled + i {
  background: #f7f7f7;
}
.radio input[type=radio]:disabled + i:before {
  background: #f7f7f7;
}
.radio input[type=radio]:disabled:hover + i {
  background: #f7f7f7;
  border-color: #d9d9d9;
}
.radio input[type=radio]:disabled:checked + i {
  border-color: #d9d9d9;
}
.radio input[type=radio]:disabled:checked + i:before {
  background: #d9d9d9;
}
.radio input[type=radio].notAllowed {
  cursor: not-allowed;
}
.radio i {
  position: relative;
  float: left;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  border-radius: 100%;
  vertical-align: top;
}
.radio i:before,
.radio i:after {
  box-sizing: inherit;
}
.radio i:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -3px;
  background-color: #ffffff;
  border-radius: 100%;
}
.radio.disabled {
  color: #cccccc;
  cursor: not-allowed;
}
.checkbox {
  position: relative;
  display: inline-block;
  line-height: 16px;
  color: #30333c;
}
.checkbox input[type=checkbox] {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.checkbox input[type=checkbox]:checked + i {
  border-color: #30a1de;
  background: #30a1de;
}
.checkbox input[type=checkbox]:checked + i:before {
  content: '';
  position: absolute;
  left: 4px;
  top: 1px;
  width: 6px;
  height: 10px;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkbox input[type=checkbox]:checked + i:checked:disabled {
  border-color: #d9d9d9;
  background: #d9d9d9;
}
.checkbox input[type=checkbox]:checked + i:checked:disabled:before {
  content: '';
  border-color: rgba(0, 0, 0, 0.24);
}
.checkbox input[type=checkbox]:hover + i {
  border-color: #30a1de;
}
.checkbox input[type=checkbox]:disabled {
  cursor: not-allowed;
}
.checkbox input[type=checkbox]:disabled + i {
  background: #f7f7f7;
}
.checkbox input[type=checkbox]:disabled:hover + i {
  border-color: #d9d9d9;
}
.checkbox input[type=checkbox]:disabled:checked + i {
  border-color: #d9d9d9;
  background: #d9d9d9;
}
.checkbox input[type=checkbox].notAllowed {
  cursor: not-allowed;
}
.checkbox i {
  position: relative;
  float: left;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  vertical-align: top;
  cursor: pointer;
}
.checkbox i:before,
.checkbox i:after {
  box-sizing: inherit;
}
.checkbox.disabled {
  color: #cccccc;
  cursor: not-allowed;
}
.upload {
  position: relative;
  display: inline-block;
  color: #30333c;
  cursor: pointer;
}
.upload input[type=file] {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 36px;
  opacity: 0;
  cursor: pointer;
}
.upload .button {
  margin: 0;
  cursor: pointer;
}
.upload .iUpload {
  margin-right: 10px;
  font-size: 14px;
  color: #30333c;
}
.upload.uploadAvatar {
  width: 250px;
  height: 250px;
  padding: 30px;
  border: 1px dashed #d9d9d9;
  box-sizing: border-box;
}
.upload.uploadAvatar:before,
.upload.uploadAvatar:after {
  box-sizing: inherit;
}
.upload.uploadAvatar input[type=file] {
  width: 100%;
  height: 100%;
}
.upload.uploadAvatar .addFile {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}
.upload.uploadAvatar .addFile:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: -1.5px;
  border-top: 3px solid #d9d9d9;
}
.upload.uploadAvatar .addFile:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  height: 100%;
  margin-left: -1.5px;
  border-left: 3px solid #d9d9d9;
}
.alert {
  position: relative;
  padding: 9px 10px 9px 36px;
  border-radius: 5px;
  box-sizing: border-box;
}
.alert:before,
.alert:after {
  box-sizing: inherit;
}
.alert.success {
  border: 1px solid #cfefdf;
  background: #ebf8f2;
}
.alert.info {
  border: 1px solid #d2eafb;
  background: #ecf6fd;
}
.alert.warning {
  border: 1px solid #fff3cf;
  background: #fffaeb;
}
.alert.error {
  border: 1px solid #fcdbd9;
  background: #fef0ef;
}
.alert .promptIcon {
  position: absolute;
  left: 10px;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border-radius: 100%;
  line-height: 16px;
}
.alert .closeIcon {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.alert .closeIcon:before {
  content: '\e615';
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #9b9b9b;
  font-size: 12px;
}
.alert.paragraph {
  padding: 30px;
  padding-left: 64px;
  color: #30333c;
}
.alert.paragraph .promptIcon {
  left: 30px;
  top: 30px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  border-radius: 100%;
  border: 1.5px solid;
  background: none;
  box-sizing: border-box;
  line-height: 21px;
}
.alert.paragraph .promptIcon:before,
.alert.paragraph .promptIcon:after {
  box-sizing: inherit;
}
.alert.paragraph .successIcon {
  color: #00a854;
}
.alert.paragraph .successIcon:before {
  color: #00a854;
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.alert.paragraph .infoIcon {
  color: #108ee9;
}
.alert.paragraph .infoIcon:before {
  margin-left: .5px;
  color: #108ee9;
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.alert.paragraph .errorIcon {
  color: #f04134;
}
.alert.paragraph .errorIcon:before {
  color: #f04134;
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.alert.paragraph .warningIcon {
  margin-left: .5px;
  color: #ffbf00;
}
.alert.paragraph .warningIcon:before {
  color: #ffbf00;
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.alert .tipsTitle {
  margin-bottom: 8px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 600;
}
.alert .successIcon {
  background: #00a854;
  text-align: center;
}
.alert .successIcon:before {
  content: '\e61a';
  display: block;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  font-size: 12px;
  -ms-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -o-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
.alert .infoIcon {
  background: #108ee9;
  text-align: center;
}
.alert .infoIcon:before {
  content: '\e60d';
  display: block;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  font-size: 12px;
  -ms-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.alert .warningIcon {
  background: #ffbf00;
  text-align: center;
}
.alert .warningIcon:before {
  content: '\e60e';
  display: block;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  font-size: 12px;
  -ms-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.alert .errorIcon {
  background: #f04134;
  text-align: center;
}
.alert .errorIcon:before {
  content: '\e615';
  display: block;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  font-size: 12px;
  -ms-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -o-transform: scale(0.75);
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
}
.bn-modal-mask {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.bn-modal-wrap {
  z-index: 15;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: table;
  width: 100%;
  height: 100%;
}
.bn-modal-wrap .box {
  display: table-cell;
  overflow: hidden;
  vertical-align: middle;
}
.bn-modal-wrap .box .content {
  position: relative;
  width: 520px;
  padding: 20px 30px 30px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  border: 0;
  border-radius: 5px;
}
.bn-modal-wrap .box .content.small {
  width: 240px;
}
.bn-modal-wrap .box .content.large {
  width: 700px;
}
.bn-modal-wrap .box .close {
  z-index: 11;
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
  height: 14px;
  padding: 14px 16px;
  cursor: pointer;
}
.bn-modal-wrap .box .close:before {
  content: '\e615';
  display: block;
  width: 100%;
  height: 100%;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  color: #9b9b9b;
  vertical-align: bottom;
  -ms-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.bn-modal-wrap .box .hd {
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
}
.bn-modal-wrap .box .hd .title {
  font-size: 14px;
  font-weight: 600;
  color: #30333c;
}
.bn-modal-wrap .box .bd {
  font-size: 12px;
  line-height: 24px;
  color: #30333c;
}
.bn-modal-wrap .box .ft {
  border-radius: 0 0 5px 5px;
  text-align: center;
}
.bn-modal {
  display: table-cell;
  overflow: hidden;
  vertical-align: middle;
}
.bn-modal-content {
  position: relative;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  border: 0;
  border-radius: 5px;
}
.bn-modal-header {
  padding: 15px 20px;
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #d9d9d9;
}
.bn-modal-header .bn-modal-title {
  font-size: 14px;
  font-weight: 600;
  color: #30333c;
}
.bn-modal-body {
  padding: 20px;
  font-size: 12px;
  line-height: 24px;
  color: #30333c;
}
.modalFooter {
  padding: 15px 20px;
  border-top: 1px solid #d9d9d9;
  border-radius: 0 0 5px 5px;
  text-align: right;
}
.modalFooter .button {
  padding: 7px 20px;
}
.modalClose {
  z-index: 11;
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
  height: 14px;
  padding: 14px 16px;
  cursor: pointer;
}
.modalClose:before {
  content: '\e615';
  display: block;
  width: 100%;
  height: 100%;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  color: #9b9b9b;
  vertical-align: bottom;
  -ms-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.modalConfirm .modalClose {
  display: none;
}
.modalConfirm .confirmTitle {
  position: relative;
  height: 24px;
  padding-left: 40px;
  line-height: 24px;
}
.modalConfirm .confirmIcon {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: orange;
  border-radius: 50%;
  text-align: center;
}
.modalConfirm .confirmIcon:before {
  content: '\e610';
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  font-size: 12px;
}
.modalConfirm .confirmContent {
  margin-top: 10px;
  margin-left: 40px;
}
.modalConfirm .confirmBtn {
  padding: 14px 16px;
  text-align: right;
}
.bn-confirm .confirmContent {
  margin-bottom: 20px;
  line-height: 24px;
  font-size: 14px;
}
.item {
  position: relative;
  line-height: 36px;
  padding-left: 100px;
}
.item label {
  position: absolute;
  left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 0;
  width: 85px;
  padding-right: 15px;
  line-height: 36px;
  text-align: right;
}
.item label:after {
  position: absolute;
  content: '：';
  right: -2px;
  line-height: 36px;
}
.rating {
  display: table;
}
.rating i {
  font-size: 26px;
  margin-right: 15px;
  cursor: pointer;
  color: #f1f2f9;
}
.rating i:hover,
.rating i.on {
  color: #30a1de;
}
.rating i:last-child {
  margin-right: 0;
}
.loading {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  animation: loading 1s steps(12, end) infinite;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
  background-size: 100%;
}
.loading.loading_transparent {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E");
}
.loadingContainer {
  position: relative;
  width: 100%;
  height: 100%;
}
.loadingContainer .loading {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -20px;
  margin-left: -13px;
}
.loadingContainer .txt {
  position: absolute;
  width: 100%;
  top: 50%;
  padding-top: 5px;
}
@-webkit-keyframes loading {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
@keyframes loading {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
.pagination {
  *zoom: 1;
}
.pagination li {
  padding: 0 15px;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  color: #30333C;
  float: left;
  margin-right: 10px;
  background-color: #ffffff;
  font-size: 12px;
}
.pagination li:before,
.pagination li:after {
  box-sizing: inherit;
}
.pagination li.on {
  background-color: #30a1de;
  border: 1px solid #30a1de;
  color: #ffffff;
}
.pagination li.more {
  padding: 0;
  border: none;
  position: relative;
  top: -2px;
  margin-left: 2px;
  margin-right: 16px;
  height: 3px;
  width: 3px;
  margin-top: 15.5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #d8d8d8;
}
.pagination li.more:before {
  width: 3px;
  height: 3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #d8d8d8;
  content: '';
  position: absolute;
  left: -5px;
}
.pagination li.more:after {
  width: 3px;
  height: 3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #d8d8d8;
  content: '';
  position: absolute;
  left: 5px;
}
.pagination li.prev,
.pagination li.next {
  padding: 0 9px;
  color: #30a1de;
}
.pagination li.prev i,
.pagination li.next i {
  transform: scale(0.5);
  display: inline-block;
}
.pagination li.disabled {
  cursor: not-allowed;
  border: 1px solid #e9e9e9;
  color: #e9e9e9;
}
.pagination li .circle {
  width: 5px;
  height: 5px;
  display: inline-block;
  background-color: #d8d8d8;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 13px;
}
.pagination li:last-child {
  margin-right: 0;
}
.pagination:after,
.pagination:before {
  content: "";
  display: table;
}
.pagination:after {
  clear: both;
}
.progress {
  position: relative;
  box-sizing: border-box;
  height: 16px;
  padding-right: 50px;
}
.progress:before,
.progress:after {
  box-sizing: inherit;
}
.progress .outer {
  position: relative;
  background-color: #f7f7f7;
  border-radius: 4px;
  height: 10px;
  top: 3px;
}
.progress .bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  border-radius: 4px;
  background-color: #30a1de;
}
.progress .text {
  position: absolute;
  width: 50px;
  text-align: center;
  top: 0;
  right: 0;
  font-size: 12px;
}
.cascading {
  position: relative;
}
.cascading .iBottom {
  position: absolute;
  right: 5px;
  top: 10px;
  color: #9b9b9b;
  transform: scale(0.4, 0.4);
  -webkit-transform: scale(0.4, 0.4);
}
.cascading .ul_container {
  position: absolute;
  width: 362px;
  background-color: #ffffff;
  z-index: 999;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}
.cascading .ul_container ul {
  height: 180px;
  float: left;
  border-right: 1px solid #e9e9e9;
}
.cascading .ul_container ul li {
  position: relative;
  padding: 7px 26px 7px 16px;
  width: 78px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  transition: all .3 ease;
}
.cascading .ul_container ul li.son:after {
  content: '\e61d';
  position: absolute;
  right: 5px;
  top: 8px;
  font-family: 'iconfont';
  transform: scale(0.6, 0.6);
  -webkit-transform: scale(0.6, 0.6);
}
.cascading .ul_container ul li:hover {
  background-color: #ecf6fd;
}
.cascading .ul_container ul:last-child {
  border-right: 0;
}
.prompt {
  position: relative;
  min-height: 36px;
  background-color: #ffffff;
  border: 1px solid #e9e9e9;
}
.prompt input {
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
}
.prompt .tips {
  display: none;
  position: absolute;
  top: -46px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  line-height: 18px;
  font-size: 12px;
  padding: 10px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}
.prompt .tips:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 10px;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(217, 217, 217, 0.7) transparent transparent transparent;
}
.prompt .tips:before {
  content: '';
  position: absolute;
  bottom: -9px;
  left: 10px;
  z-index: 1;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
}
.prompt:hover .tips {
  display: block;
}
.prompt.correct {
  border: 1px solid #9fddc1;
  color: #57af87;
  background-color: #ebf8f2;
}
.prompt.correct .tips {
  box-shadow: 0 0 1px 1px #9fddc1;
}
.prompt.correct .tips:after {
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: #9fddc1 transparent transparent transparent;
}
.prompt.warning {
  color: #b2953d;
  border: 1px solid #fff3cf;
  background-color: #fffaeb;
}
.prompt.warning .tips {
  box-shadow: 0 0 1px 1px rgba(178, 149, 61, 0.8);
}
.prompt.warning .tips:after {
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: #b2953d transparent transparent transparent;
}
.prompt.error {
  color: #db6c6c;
  border: 1px solid #fcdbd9;
  background-color: #fef0ef;
}
.prompt.error .tips {
  box-shadow: 0 0 1px 1px rgba(177, 34, 34, 0.5);
}
.prompt.error .tips:after {
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: #db6c6c transparent transparent transparent;
}
.table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.table tr:nth-child(2n+1) {
  background-color: #FAFAFA;
}
.table tr:hover {
  background-color: #b4ddf3;
}
.table th {
  background-color: #fafafa;
  text-align: left;
}
.table th,
.table td {
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid #f1f2f9;
  padding-left: 30px;
  padding-right: 30px;
}
.table th.operate a,
.table td.operate a {
  color: #6089fd;
  margin-right: 10px;
}
.table th.operate a:last-child,
.table td.operate a:last-child {
  margin-right: 0;
}
.table th.doing,
.table td.doing {
  position: relative;
  padding-left: 35px;
}
.table th.doing:before,
.table td.doing:before {
  content: '';
  left: 22px;
  top: 21px;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #7ed321;
}
.table th.done,
.table td.done {
  position: relative;
  padding-left: 35px;
}
.table th.done:before,
.table td.done:before {
  content: '';
  left: 25px;
  top: 20px;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #d0011b;
}
.table tr td:nth-child(2) {
  color: #6089fd;
}
.datepick {
  position: relative;
  border: 1px solid #d9d9d9;
  padding-right: 0;
}
.datepick input.input {
  border: none;
}
.datepick .iCalendar {
  position: absolute;
  cursor: pointer;
  right: 5px;
  top: 9px;
  width: 15px;
  height: 16px;
  color: #9b9b9b;
}
.navigation ul {
  *zoom: 1;
}
.navigation ul:after,
.navigation ul:before {
  content: "";
  display: table;
}
.navigation ul:after {
  clear: both;
}
.navigation li {
  float: left;
  padding: 20px 50px;
  -ms-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-size: 14px;
  border-bottom: 1px solid #d9d9d9;
}
.navigation li:hover {
  cursor: pointer;
  color: #30a1de;
}
.navigation li.on {
  position: relative;
  color: #30a1de;
}
.navigation li.on:before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #30a1de;
}
.navigation li.sub {
  position: relative;
}
.navigation li.sub:after {
  content: "\e61c";
  display: inline-block;
  -ms-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  font-size: 12px;
}
.navigation li.sub:hover:after {
  color: #30a1de;
  transform: scale(0.5) rotate(180deg);
}
.navigation li.sub .list {
  position: absolute;
  width: 100%;
}
.navigation li.sub .list span {
  display: block;
}
.breadCrumb a:before,
.breadCrumb span:before {
  content: '/';
  color: #d9d9d9;
  margin: 0 10px;
}
.breadCrumb span {
  color: #9b9b9b;
}
.breadCrumb a:hover {
  color: #30a1de;
}
.breadCrumb a:first-child:before {
  display: none;
}
.tabs {
  border-bottom: 1px solid #30a1de;
  *zoom: 1;
}
.tabs:after,
.tabs:before {
  content: "";
  display: table;
}
.tabs:after {
  clear: both;
}
.tabs span {
  float: left;
  display: block;
  margin-left: 5px;
  padding: 0 30px;
  height: 42px;
  -ms-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background-color: #f7f7f7;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  line-height: 42px;
  font-size: 14px;
}
.tabs span:first-child {
  margin-left: 0;
}
.tabs span:hover {
  color: #30a1de;
  background-color: white;
}
.tabs span.on {
  position: relative;
  background-color: #9ed3f0;
  border-color: #30a1de;
  color: #30a1de;
}
.tabs span.on:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 100%;
  background-color: #9ed3f0;
}
button,
.button {
  display: inline-block;
  padding: 8px 25px;
  border-radius: 4px;
  background: #30a1de;
  border: none;
  cursor: pointer;
  -ms-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  -webkit-transition: background 0.1s linear;
  transition: background 0.1s linear;
  line-height: 20px;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
}
button.db,
.button.db {
  display: block;
}
button.small,
.button.small {
  padding: 8px 20px;
  font-size: 12px;
  line-height: 14px;
}
button.large,
.button.large {
  padding: 10px 30px;
  font-size: 18px;
  line-height: 24px;
}
button:hover,
.button:hover {
  background: #46abe2;
}
button:active,
.button:active {
  -ms-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -o-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
button.ghost,
.button.ghost {
  background: #f7f7f7;
  padding: 7px 24px;
  border: 1px solid #d9d9d9;
  color: #30333c;
}
button.ghost:hover,
.button.ghost:hover {
  border-color: #e6e6e6;
  background-color: #e6e6e6;
}
button.ghost.small,
.button.ghost.small {
  padding: 7px 19px;
}
button.ghost.large,
.button.ghost.large {
  padding: 9px 29px;
}
button.ghost[disabled],
.button.ghost[disabled] {
  background: #f7f7f7;
}
button.ghost[disabled]:hover,
.button.ghost[disabled]:hover {
  border-color: #d9d9d9;
}
button.redGhost,
.button.redGhost {
  padding: 7px 24px;
  border: 1px solid #d9d9d9;
  background: #f7f7f7;
  color: #ff674b;
  cursor: not-allowed;
}
button.redGhost[disabled],
.button.redGhost[disabled] {
  color: #ff674b;
}
button.og,
.button.og {
  background: #ff674b;
}
button.og:hover,
.button.og:hover {
  background: #ff7d65;
}
button.og.ghost,
.button.og.ghost {
  background: none;
  border: 1px solid #ff674b;
  color: #ff674b;
}
button.og.ghost:hover,
.button.og.ghost:hover {
  border-color: #ff7d65;
}
button.gn,
.button.gn {
  background: #15C573;
}
button.gn:hover,
.button.gn:hover {
  background: #17dc80;
}
button.gn.ghost,
.button.gn.ghost {
  background: none;
  border: 1px solid #15C573;
  color: #15C573;
}
button.gn.ghost:hover,
.button.gn.ghost:hover {
  border-color: #17dc80;
}
button[disabled],
.button[disabled],
button.disabled,
.button.disabled {
  cursor: not-allowed;
  background: #f7f7f7;
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  color: rgba(0, 0, 0, 0.24);
}
button:before,
.button:before {
  margin-right: 8px;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  font-size: 12px;
}
button.with-iPlus:before,
.button.with-iPlus:before {
  content: "\e620";
}
button.with-iDownload:before,
.button.with-iDownload:before {
  content: "\e622";
}
button.with-iUpload:before,
.button.with-iUpload:before {
  content: "\e61f";
}
.selectBox {
  position: relative;
  height: 28px;
  padding: 0 25px 0 10px;
  border: 1px solid #a6a6a6;
  border-radius: 3px;
  line-height: 28px;
  width: 80px;
}
.selectBox span.val {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selectBox:after {
  content: '';
  position: absolute;
  top: 11px;
  right: 8px;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: #a6a6a6 transparent transparent transparent;
}
.selectBox select {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 30px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.no-data {
  padding-bottom: 20px;
}
.no-data img {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
}
.no-data p {
  line-height: 28px;
  font-size: 18px;
  color: #999999;
  text-align: center;
}
.no-data.font-small p {
  margin-top: 0;
  font-size: 12px;
}
.no-data.font-middle p {
  font-size: 14px;
}
.no-data.font-big p {
  font-size: 16px;
}
.bn-error-tip {
  z-index: 10;
  position: absolute;
  left: 0;
  margin-top: -39px;
  height: 28px;
  margin-bottom: 3px;
  padding: 0 5px 0 10px;
  font: 12px/28px Arial, 'Microsoft Yahei';
  color: #f50;
  font-style: normal;
  background: #ffffe5;
  border: 1px solid #cadcea;
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(99, 99, 99, 0.2);
}
.bn-error-tip .iconfont {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  line-height: 15px;
  color: #ffffff;
  background: #f50;
  border-radius: 50%;
  vertical-align: 0;
  text-align: center;
}
.bn-error-tip .iError:before {
  display: block;
  -ms-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.bn-error-tip .bn-left-angle {
  position: absolute;
  left: 30px;
  top: 29px;
  display: block;
  margin-top: -7px;
  line-height: 14px;
  font-size: 24px !important;
  font-style: normal;
  color: #d0e0ec;
  vertical-align: top;
}
.bn-error-tip .bn-left-angle.bn-inner-angle {
  left: 30px;
  top: 27px;
  color: #ffffe5;
}
.bn-loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
}
.bn-loading.bn-shade {
  background: rgba(255, 255, 255, 0.4);
}
.bn-loading .loading-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.bn-loading .spinner {
  width: 60px;
  height: 60px;
  position: relative;
  text-align: center;
  margin: 40px auto;
  animation: spinner-sk-rotate 2s linear infinite;
}
.bn-loading .spinner i {
  width: 50%;
  height: 50%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #30a1de;
  border-radius: 100%;
  animation: spinner-sk-bounce 2s ease-in-out infinite;
}
.bn-loading .spinner .dot2 {
  top: auto;
  bottom: 0px;
  animation-delay: -1s;
}
@-webkit-keyframes spinner-sk-rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spinner-sk-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner-sk-bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes spinner-sk-bounce {
  0%,
  100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
/**
 * bn-spin loading
 */
.bn-spin {
  position: absolute;
  display: inline-block;
  visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  font-size: 12px;
  color: #2db7f5;
  vertical-align: middle;
  text-align: center;
  opacity: 0;
}
.bn-spin-spinning {
  position: static;
  visibility: visible;
  opacity: 1;
}
.bn-spin-nested-loading {
  position: relative;
}
.bn-spin-nested-loading .bn-spin {
  z-index: 4;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 20px;
  margin-top: -10px;
  line-height: 20px;
  text-align: center;
}
.bn-spin-nested-loading .bn-spin-dot {
  display: inline-block;
}
.bn-spin-container {
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.bn-spin-nested-loading > .bn-spin-container {
  position: relative;
  opacity: .7;
}
.bn-spin-nested-loading > .bn-spin-container:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: transparent;
}
.bn-spin-tip {
  color: #999999;
}
.bn-spin-dot {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
}
.bn-spin-dot:after,
.bn-spin-dot:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  background-color: #2db7f5;
  -webkit-animation: bnSpinBounce 2.2s infinite ease-in-out;
  animation: bnSpinBounce 2.2s infinite ease-in-out;
  opacity: .5;
}
.bn-spin-dot:after {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.bn-spin-sm .bn-spin-dot {
  width: 12px;
  height: 12px;
}
.bn-spin-lg .bn-spin-dot {
  width: 32px;
  height: 32px;
}
.bn-spin-text,
.bn-spin.bn-spin-show-text .bn-spin-dot {
  display: none;
}
.bn-spin.bn-spin-show-text .bn-spin-text {
  display: block;
}
@-webkit-keyframes bnSpinBounce {
  0%,
  to {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bnSpinBounce {
  0%,
  to {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@media (-ms-high-contrast: active), all and (-ms-high-contrast: none) {
  .bn-spin-nested-loading > .bn-spin-container {
    background: #fff;
    opacity: 0.5;
  }
}
html {
  display: block;
  min-width: 100%;
  min-height: 100%;
}
.main {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  min-width: 1000px;
  *zoom: 1;
}
.main:after,
.main:before {
  content: "";
  display: table;
}
.main:after {
  clear: both;
}
.login {
  min-width: 800px;
  height: 100%;
  background: #b9ddf5 url("../images/login.jpg") no-repeat center 0;
}
.login .content {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  *zoom: 1;
}
.login .content .loginTitle {
  margin-top: 130px;
  text-align: center;
  color: #30a1de;
  font-size: 36px;
  margin-bottom: 40px;
  font-weight: bold;
}
.login .content .left {
  position: relative;
  float: left;
  height: 260px;
  width: 240px;
  padding: 30px;
  background-color: #30a1de;
}
.login .content .left:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 12px;
  border-color: #feea00 #fff #fff #feea00;
  border-style: solid;
}
.login .content .left p {
  height: 24px;
  line-height: 24px;
  color: #ffffff;
  font-size: 20px;
}
.login .content .left p.title {
  position: relative;
  padding-left: 30px;
}
.login .content .left p.title:before {
  content: '';
  position: absolute;
  left: 0;
  width: 23px;
  height: 23px;
  background: url("../images/sprite@2x.png?ver=20170101001") no-repeat transparent;
  background-size: 600px 570px;
  background-position: -34px -3px;
  background-color: #55baf3;
  border-radius: 50%;
}
.login .content .left ul {
  min-height: 150px;
  margin-top: 15px;
}
.login .content .left ul li {
  padding-left: 15px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ffffff;
}
.login .content .left ul li:before {
  content: '\e61d';
  position: absolute;
  left: 0;
  top: 9px;
  font-family: iconfont;
  color: #ffffff;
  transform: scale(0.6);
}
.login .content .left ul li a {
  color: #ffffff;
  font-size: 13px;
  line-height: 30px;
}
.login .content .left p.txt {
  border-top: 1px dashed #fff;
  padding-top: 5px;
  margin-top: 10px;
}
.login .content .left p.txt a {
  color: #ffffff;
  font-size: 12px;
}
.login .content .left p.txt a:after {
  content: '\e61d';
  display: inline-block;
  font-family: iconfont;
  color: #ffffff;
  transform: scale(0.6);
}
.login .content .right {
  float: right;
  height: 244px;
  width: 360px;
  background-color: #ffffff;
  padding: 26px 70px 50px;
}
.login .content .right .withIcon {
  position: relative;
  margin-bottom: 50px;
}
.login .content .right .withIcon input[type=text]:not(.code),
.login .content .right .withIcon input[type=password] {
  width: 308px;
  height: 42px;
  border: 1px solid #d9d9d9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  line-height: 42px;
  background-color: #f9fbff;
  padding-left: 50px;
}
.login .content .right .withIcon .code {
  width: 110px;
  height: 42px;
  padding: 0 20px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: #f9f9f9;
  line-height: 42px;
}
.login .content .right .withIcon i.iUser,
.login .content .right .withIcon i.iPassword {
  position: absolute;
  top: 12px;
  left: 16px;
}
.login .content:after,
.login .content:before {
  content: "";
  display: table;
}
.login .content:after {
  clear: both;
}
.login .content .codeImg {
  width: 140px;
  height: 44px;
  margin-left: 10px;
}
.login .content .changeCode {
  float: right;
  width: 50px;
  height: 44px;
  margin-left: 8px;
  padding-top: 6px;
  line-height: 16px;
  color: #4479cd;
}
.login .baseContainer {
  display: table;
  width: 100%;
  min-height: 150px;
  background: none;
}
.login .baseContainer .noData {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.login .baseContainer .loading {
  margin-left: auto;
  margin-right: auto;
}
.login .baseContainer p.baseTips {
  font-size: 12px;
}
.formContainer {
  position: relative;
  padding-top: 24px;
}
.formContainer .errorInfo {
  position: absolute;
  top: -5px;
  right: 40px;
  padding-left: 20px;
  overflow: hidden;
  line-height: 24px;
  font-size: 12px;
  color: red;
}
.formContainer .errorInfo:before {
  content: '';
  position: absolute;
  background-color: red;
  top: 5px;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  font-size: 25px;
  line-height: 16px;
}
.formContainer .errorInfo:after {
  content: '';
  position: absolute;
  top: 11px;
  left: 3px;
  border: 1px solid #fff;
  width: 6px;
}
.bn-spin {
  color: #2db7f5;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  opacity: 0;
  position: absolute;
  visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  font-size: 12px;
}
.bn-spin-spinning {
  opacity: 1;
  position: static;
  visibility: visible;
}
.bn-spin-nested-loading {
  position: relative;
}
.bn-spin-nested-loading .bn-spin {
  position: absolute;
  top: 50%;
  height: 20px;
  line-height: 20px;
  margin-top: -10px;
  z-index: 4;
  text-align: center;
  width: 100%;
}
.bn-spin-nested-loading .bn-spin-dot {
  display: inline-block;
}
.bn-spin-container {
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.bn-spin-nested-loading > .bn-spin-container {
  opacity: .7;
  position: relative;
}
.bn-spin-nested-loading > .bn-spin-container:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: transparent;
}
.bn-spin-tip {
  color: #999999;
}
.bn-spin-dot {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
}
.bn-spin-dot:after,
.bn-spin-dot:before {
  content: '';
  border-radius: 50%;
  background-color: #2db7f5;
  -webkit-animation: bnSpinBounce 2.2s infinite ease-in-out;
  animation: bnSpinBounce 2.2s infinite ease-in-out;
  display: block;
  position: absolute;
  opacity: .5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.bn-spin-dot:after {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.bn-spin-sm .bn-spin-dot {
  width: 12px;
  height: 12px;
}
.bn-spin-lg .bn-spin-dot {
  width: 32px;
  height: 32px;
}
.bn-spin-text,
.bn-spin.bn-spin-show-text .bn-spin-dot {
  display: none;
}
.bn-spin.bn-spin-show-text .bn-spin-text {
  display: block;
}
@-webkit-keyframes bnSpinBounce {
  0%,
  to {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bnSpinBounce {
  0%,
  to {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@media (-ms-high-contrast: active), all and (-ms-high-contrast: none) {
  .bn-spin-nested-loading > .bn-spin-container {
    background: #fff;
    opacity: 0.5;
  }
}
.checkbox input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  opacity: 0;
}
.checkbox input[type=checkbox]:checked + i {
  border-color: #009cd7;
}
.checkbox input[type=checkbox]:checked + i:before {
  content: '\e627';
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 8px;
  height: 8px;
  margin-left: -6px;
  margin-top: -10px;
  font: 12px/20px iconfont;
  font-weight: bold;
  color: #009cd7;
}
.checkbox i {
  position: absolute;
  left: 0;
  top: 2px;
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid #ccc;
  cursor: pointer;
  font-size: 14px;
}


.login_mobile .header {
  position: relative;
}
.login_mobile .header img {
  width: 100%;
}
.login_mobile .header .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -85%);
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  color: white;
}
.login_mobile .header .title::before {
  content: '';
  margin: 0 auto 10px;
  display: block;
  height: 40px;
  text-align: center;
  background: url(../images/logo.png) no-repeat center;
  background-size: contain;
}
.login_mobile .withIcon {
  position: relative;
  margin-bottom: 20px;
}
.login_mobile .withIcon input[type=text]:not(.code),
.login_mobile .withIcon input[type=password] {
  height: 42px;
  border: 1px solid #d9d9d9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  line-height: 42px;
  background-color: #f9fbff;
  padding-left: 50px;
  width: 100%;
  box-sizing: border-box;
}
.login_mobile .withIcon .code {
  width: 110px;
  height: 42px;
  padding: 0 20px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: #f9f9f9;
  line-height: 42px;
}
.login_mobile .withIcon i.iUser,
.login_mobile .withIcon i.iPassword {
  position: absolute;
  top: 12px;
  left: 16px;
}
.login_mobile .codeImg {
  width: 140px;
  height: 44px;
  margin-left: 10px;
}
.login_mobile .changeCode {
  float: right;
  width: 50px;
  height: 44px;
  margin-left: 8px;
  padding-top: 6px;
  line-height: 16px;
  color: #4479cd;
}
.login_mobile .formContainer {
  padding: 0 40px;
}
.login_mobile .formContainer .errorInfo {
  position: relative;
  padding-left: 20px;
  overflow: hidden;
  line-height: 24px;
  font-size: 12px;
  color: red;
  right: inherit;
}
