.mr28 {
  margin-right: 34px!important;
}
.mr30 {
  margin: 0 30px 0 20px !important;
}
.sc8 {
  position: relative;
}
.sc8 .msg {
  margin-top: 30px;
}
.sc8 .wx-bg {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 157px;
  height: 137px;
  background: url("../images/sc-wx.png") no-repeat;
}
.beforeInit {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  background: #f6f6f6;
  text-align: center;
}
.beforeInit h6 {
  font-size: 24px;
  color: #3b3b3b;
  margin: 100px auto 20px;
}
.sc-kefu:hover .union-popover-box {
  display: block;
}
.union-popover {
  position: relative;
  cursor: default;
}
.union-popover:hover .union-popover-box {
  display: block;
}
.union-popover .union-popover-box {
  position: absolute;
  padding: 20px;
  z-index: 100;
  font-size: 12px;
  display: none;
  border-radius: 4px;
}
.union-popover.pp-range:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 40px;
}
.union-popover.pp-range:hover > p {
  color: #56B282;
}
.union-popover.pp-range .union-popover-box {
  left: 50%;
  width: 180px;
  height: 180px;
  margin-left: -90px;
  background: url("../images/bg-popover-range.png") no-repeat right bottom;
  background-color: #fff;
  border: 1px solid #ededed;
  top: 38px;
}
.union-popover.pp-range .union-popover-box h1 {
  font-size: 17px;
  color: #333333;
  margin-bottom: 10px;
  font-weight: bold;
}
.union-popover.pp-range .union-popover-box p {
  color: #a9a9a9;
  font-size: 12px;
  line-height: 18px;
}
.union-popover.pp-range .union-popover-box:before,
.union-popover.pp-range .union-popover-box:after {
  position: absolute;
  content: "";
  border: 8px solid transparent;
  border-bottom: 8px solid #ededed;
  top: -16px;
  left: 50%;
  margin-left: -8px;
}
.union-popover.pp-range .union-popover-box:after {
  top: -15px;
  border-bottom: 10px solid #fff;
}
.union-popover.pp-kefu .iconfont.icon-wangwang {
  font-size: 20px;
  vertical-align: middle;
}
.union-popover.pp-kefu .triangle {
  display: inline-block;
  border: 4px solid transparent;
  border-top: 6px solid #8a8a8a;
  vertical-align: middle;
  transition: 0.4s;
  transform-origin: 50% 30%;
}
.union-popover.pp-kefu:hover .iconfont.icon-wangwang {
  font-size: 20px;
  color: #56B282;
}
.union-popover.pp-kefu:hover .triangle {
  border-top: 6px solid #56B282;
  transform: rotate(180deg);
}
.union-popover.pp-kefu:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 40px;
}
.union-popover.pp-kefu .union-popover-box {
  left: 50%;
  top: 56px;
  width: 220px;
  margin-left: -110px;
  background: url("../images/bg-popover-kefu.png") no-repeat right bottom;
  background-color: #ffffff;
  border: 1px solid #fbded7;
}
.union-popover.pp-kefu .union-popover-box dl dt,
.union-popover.pp-kefu .union-popover-box dl dd {
  float: left;
  line-height: 24px;
}
.union-popover.pp-kefu .union-popover-box dl dt {
  width: 40%;
  color: #333333;
}
.union-popover.pp-kefu .union-popover-box dl dd {
  width: 60%;
  color: #999999;
}
.union-popover.pp-kefu .union-popover-box dl a {
  color: #0864c1;
}
.union-popover.pp-kefu .union-popover-box:before,
.union-popover.pp-kefu .union-popover-box:after {
  position: absolute;
  content: "";
  border: 8px solid transparent;
  border-bottom: 8px solid #fbded7;
  top: -16px;
  left: 50%;
  margin-left: -8px;
}
.union-popover.pp-kefu .union-popover-box:after {
  top: -15px;
  border-bottom: 10px solid #ffffff;
}
.union-popover.pp-kefu2 .triangle {
  display: inline-block;
  border: 4px solid transparent;
  border-top: 6px solid #8a8a8a;
  margin-left: 6px;
  vertical-align: middle;
  transition: 0.4s;
  transform-origin: 50% 30%;
}
.union-popover.pp-kefu2:hover .triangle {
  transform: rotate(180deg);
}
.union-popover.pp-kefu2:after {
  content: '';
  position: absolute;
  left: -34px;
  top: 0;
  width: 100%;
  height: 40px;
}
.union-popover.pp-kefu2 .union-popover-box {
  right: 60px;
  top: -20px;
  width: 230px;
  background: url("../images/bg-popover-kefu.png") no-repeat right bottom;
  background-color: #ffffff;
  border: 1px solid #fbded7;
}
.union-popover.pp-kefu2 .union-popover-box dl dt,
.union-popover.pp-kefu2 .union-popover-box dl dd {
  float: left;
  line-height: 24px;
}
.union-popover.pp-kefu2 .union-popover-box dl dt {
  width: 40%;
  color: #333333;
}
.union-popover.pp-kefu2 .union-popover-box dl dd {
  width: 60%;
  color: #999999;
  text-align: left;
}
.union-popover.pp-kefu2 .union-popover-box dl a {
  color: #0864c1;
}
.union-popover.pp-kefu2 .union-popover-box:before,
.union-popover.pp-kefu2 .union-popover-box:after {
  position: absolute;
  content: "";
  border: 8px solid transparent;
  border-left: 8px solid #fbded7;
  top: 28px;
  right: -17px;
}
.union-popover.pp-kefu2 .union-popover-box:after {
  right: -16px;
  border-left: 10px solid #ffffff;
}
.union-popover.pp-version-wenhao:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 40px;
}
.union-popover.pp-version-wenhao .union-popover-box {
  padding: 10px 12px;
  width: 200px;
  height: 30px;
  background-color: #404040;
  color: #ffffff;
  border-radius: 4px;
  left: 25px;
  top: -5px;
}
.union-popover.pp-version-wenhao .union-popover-box:before,
.union-popover.pp-version-wenhao .union-popover-box:after {
  position: absolute;
  content: "";
  border: 8px solid transparent;
  border-right: 8px solid #404040;
  top: 50%;
  left: -12px;
  margin-top: -8px;
}
.union-popover.pp-pay-wenhao:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 40px;
}
.union-popover.pp-pay-wenhao .union-popover-box {
  padding: 0;
  left: 50%;
  bottom: 26px;
  margin-left: -146px;
}
.union-popover.pp-query-bind > p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 150px;
  font-size: 12px;
  color: #999999;
}
.union-popover.pp-query-bind > p.sc-ac {
  font-size: 16px;
  color: #50b674;
  font-weight: bold;
  margin-bottom: 4px;
}
.union-popover.pp-query-bind > p.green {
  color: #50b674;
  font-weight: bold;
}
.union-popover.pp-query-bind:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 40px;
}
.union-popover.pp-query-bind .union-popover-box {
  width: 250px;
  padding: 8px;
  background-color: #ffffff;
  border: 1px solid #efefef;
  border-radius: 4px;
  left: -60px;
  bottom: 36px;
}
.union-popover.pp-query-bind .union-popover-box:before,
.union-popover.pp-query-bind .union-popover-box:after {
  position: absolute;
  content: "";
  border: 8px solid transparent;
  border-top: 8px solid #efefef;
  bottom: -16px;
  left: 50%;
  margin-left: -8px;
}
.union-popover.pp-query-bind .union-popover-box:after {
  bottom: -14px;
  border-top: 8px solid #ffffff;
}
.union-popover.pp-query-fail:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 40px;
}
.union-popover.pp-query-fail .union-popover-box {
  padding: 0;
  width: 200px;
  background-color: #404040;
  color: #ffffff;
  border-radius: 4px;
  text-align: left;
  padding-left: 10px;
  bottom: 42px;
  left: 50%;
  margin-left: -100px;
}
.union-popover.pp-query-fail .union-popover-box:before,
.union-popover.pp-query-fail .union-popover-box:after {
  position: absolute;
  content: "";
  border: 8px solid transparent;
  border-top: 8px solid #404040;
  left: 50%;
  bottom: -12px;
  margin-left: -8px;
}
.app-nav {
  position: relative;
  background-color: #fff;
}
.app-nav:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #56B282;
}
.app-nav .nav-logo {
  display: inline-block;
}
.app-nav .nav-logo > a {
  line-height: 55px;
}
.app-nav .nav-link > li {
  display: inline-block;
  padding: 0px 20px;
  position: relative;
}
.app-nav .nav-link > li > a {
  line-height: 60px;
  color: #545454;
  cursor: pointer;
}
.app-nav .nav-link > li > a:hover {
  color: #56B282;
}
.app-nav .nav-link > li.active > a {
  font-weight: bold;
  color: #56B282;
}
.app-body {
  margin-top: 20px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 6px 0 #E5F5EC;
  position: relative;
}
.app-body .app-version {
  overflow: hidden;
}
.app-body .app-version > div {
  float: left;
  width: 25%;
  padding: 20px 30px;
  height: 80px;
  background: linear-gradient(45deg, #f2fbf6, #eefdf5);
  border-right: 1px solid #E5F5EC;
  border-bottom: 1px solid #E5F5EC;
  position: relative;
  cursor: pointer;
}
.app-body .app-version > div:last-child {
  border-right: unset;
}
.app-body .app-version > div.active {
  background: #fff;
  border-bottom: 1px solid #ffffff;
}
.app-body .app-version > div.active:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 3px;
  background-color: #fff;
}
.app-body .app-version > div.active .div-img.wanfangbd {
  background: url("../images/icon-v-bd-1.png") no-repeat;
  background-size: contain;
}
.app-body .app-version > div.active .div-img.wanfangmd {
  background: url("../images/icon-v-md-1.png") no-repeat;
  background-size: cover;
}
.app-body .app-version > div.active .div-img.wanfangpu {
  background: url("../images/icon-v-pu-1.png") no-repeat;
  background-size: contain;
}
.app-body .app-version > div.active .div-img.wanfanggl {
  background: url("../images/icon-v-gl-1.png") no-repeat;
  background-size: contain;
}
.app-body .app-version > div .des h1 {
  font-size: 18px;
  font-weight: bold;
  color: #56B282;
}
.app-body .app-version > div .des p {
  margin-top: 8px;
  color: #a6a6a6;
}
.app-body .app-version > div .div-img {
  position: absolute;
  right: 30px;
  top: 20px;
  width: 40px;
  height: 36px;
  transition: all 0.2s;
}
.app-body .app-version > div .div-img.wanfangbd {
  background: url("../images/icon-v-bd.png") no-repeat;
  background-size: contain;
}
.app-body .app-version > div .div-img.wanfangmd {
  width: 44px;
  background: url("../images/icon-v-md.png") no-repeat;
  background-size: cover;
}
.app-body .app-version > div .div-img.wanfangpu {
  background: url("../images/icon-v-pu.png") no-repeat;
  background-size: contain;
}
.app-body .app-version > div .div-img.wanfanggl {
  background: url("../images/icon-v-gl.png") no-repeat;
  background-size: contain;
}
.app-body .app-version > div .div-img.checkpass {
  background: url("../images/icon-checkpass.png") no-repeat;
  background-size: contain;
  width: 66px;
  height: 77px;
  right: 0;
  top: 0;
}
.app-body .app-version > div .div-img.grammarly {
  background: url("../images/grammarly.png") no-repeat center;
  background-size: contain;
  width: 88px;
  height: 83px;
  right: 0;
  top: 0;
}
.app-body .app-version > div .div-img.paperpass {
  background: url("../images/checkpass.png") no-repeat center;
  background-size: contain;
  width: 80px;
  height: 83px;
  right: 0;
  top: 0;
}
.app-body .app-submit {
  padding: 20px;
}
.app-body .app-submit .form-upload {
  padding: 14px 20px;
}
.app-body .app-submit .form-upload .form-group {
  margin: 0 0 24px;
  padding-left: 7em;
  position: relative;
}
.app-body .app-submit .form-upload .form-group.has-error .form-control,
.app-body .app-submit .form-upload .form-group.has-error .file-ctn {
  transition: all 0.3s;
  border-color: #ff3636 !important;
}
.app-body .app-submit .form-upload .form-group input.form-control[readonly] {
  cursor: pointer;
  background-color: #fff;
}
.app-body .app-submit .form-upload .form-group.has-error .errorer {
  display: inline-block;
}
.app-body .app-submit .form-upload .form-group.ok .oker {
  display: inline-block;
}
.app-body .app-submit .form-upload .form-group.half {
  display: inline-block;
  width: 40%;
}
.app-body .app-submit .form-upload .form-group.half-spe {
  display: inline-block;
  width: 60%;
  width: calc(60% - 6px);
  padding-right: 3em;
}
.app-body .app-submit .form-upload .form-group.half-spe .errorer,
.app-body .app-submit .form-upload .form-group.half-spe .oker {
  right: 4em;
}
.app-body .app-submit .form-upload .form-group .control-label {
  font-size: 14px;
  color: #5b5b5b;
  font-weight: normal;
  padding-top: 0px;
  width: 6em;
  margin-bottom: 0px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 40px;
  padding-left: 20px;
}
.app-body .app-submit .form-upload .form-group .control-label.zhifu {
  line-height: 56px;
  height: 56px;
}
.app-body .app-submit .form-upload .form-group .control-label.zhifu:after {
  top: 20px;
}
.app-body .app-submit .form-upload .form-group .control-label:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 16px;
  background-color: #56B282;
  left: 10px;
  top: 12px;
}
.app-body .app-submit .form-upload .form-group .errorer {
  position: absolute;
  right: 1em;
  top: 0;
  height: 40px;
  display: none;
}
.app-body .app-submit .form-upload .form-group .errorer .err-info {
  line-height: 40px;
  color: #ed2222;
}
.app-body .app-submit .form-upload .form-group .errorer img {
  vertical-align: sub;
  margin-left: 10px;
}
.app-body .app-submit .form-upload .form-group .oker {
  position: absolute;
  right: 1em;
  top: 0;
  line-height: 40px;
  display: none;
}
.app-body .app-submit .form-upload .form-group .oker img {
  position: relative;
  top: -3px;
}
.app-body .app-submit .form-upload .form-group .rower {
  width: 100%;
  position: relative;
}
.app-body .app-submit .form-upload .form-group .rower .form-control {
  border-radius: 10px;
  height: 40px;
  border: 1px solid #f4f4f4;
  background-color: #FBFBFB;
  box-shadow: none;
}
.app-body .app-submit .form-upload .form-group .rower .form-control:hover {
  border: 1px solid #56B282;
}
.app-body .app-submit .form-upload .form-group .rower .form-control:focus {
  border: 1px solid #E5F5EC;
  box-shadow: 0 0 10px #E5F5EC;
  background-color: #fff;
}
.app-body .app-submit .form-upload .form-group .rower .way-nav {
  margin-bottom: 10px;
}
.app-body .app-submit .form-upload .form-group .rower .way-nav ul {
  height: 40px;
  display: inline-block;
}
.app-body .app-submit .form-upload .form-group .rower .way-nav ul li {
  display: inline-block;
  line-height: 40px;
  margin-right: 25px;
  cursor: pointer;
}
.app-body .app-submit .form-upload .form-group .rower .way-nav ul li i {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 15px;
  background: url("../images/icon-radio.png") no-repeat center center;
  vertical-align: middle;
}
.app-body .app-submit .form-upload .form-group .rower .way-nav ul li a {
  font-size: 14px;
  color: #5e6582;
  vertical-align: middle;
}
.app-body .app-submit .form-upload .form-group .rower .way-nav ul li.active i {
  background: url("../images/icon-radio-checked.png") no-repeat center center;
}
.app-body .app-submit .form-upload .form-group .rower .way-nav .counter {
  height: 40px;
  line-height: 40px;
  line-height: 50px;
  font-size: 12px;
  color: #999999;
}
.app-body .app-submit .form-upload .form-group .rower .way-nav .counter i {
  font-style: normal;
}
.app-body .app-submit .form-upload .form-group .rower .way-nav .counter i.impl {
  color: #ff112d;
}
.app-body .app-submit .form-upload .form-group .rower textarea.form-control {
  height: 276px;
  padding: 10px 20px;
  resize: none;
}
.app-body .app-submit .form-upload .form-group .rower .file-ctn {
  border: 1px solid #ececec;
  padding: 83px 0;
  text-align: center;
  position: relative;
  color: #2c2c2c;
  border-radius: 10px;
}
.app-body .app-submit .form-upload .form-group .rower .file-ctn:hover {
  border: 1px dashed #56B282;
}
.app-body .app-submit .form-upload .form-group .rower .file-ctn label {
  margin-bottom: 24px;
}
.app-body .app-submit .form-upload .form-group .rower .file-ctn p {
  color: #c0c0c0;
  font-size: 14px;
}
.app-body .app-submit .form-upload .form-group .rower .file-ctn p em {
  color: #56B282;
  font-style: normal;
}
.app-body .app-submit .form-upload .form-group .rower .file-ctn img {
  cursor: pointer;
}
.app-body .app-submit .form-upload .form-group .rower .file-ctn .docUpload {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 9px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.app-body .app-submit .form-upload .form-group .rower .file-ctn .mask-load {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 87px 0;
  background: white;
}
.app-body .app-submit .form-upload .form-group .rower .file-ctn .drop-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: white;
}
.app-body .app-submit .form-upload .form-group .rower .file-ctn .drop-mask .drop-body {
  width: 320px;
  height: 116px;
  margin: -58px -160px;
  background: white;
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
}
.app-body .app-submit .form-upload .form-group .rower .file-ctn .drop-mask .drop-body h6 {
  font-size: 14px;
  color: #999999;
  margin: 20px auto;
  position: relative;
}
.app-body .app-submit .form-upload .form-group .rower .file-ctn .drop-mask .drop-body .icon-img-cha {
  position: absolute;
  right: 0;
  left: 56%;
  top: -6px;
}
.app-body .app-submit .form-upload .form-group .rower .file-ctn .drop-mask .drop-body .upload-finish {
  color: #c0c0c0;
}
.app-body .app-submit .form-upload .form-group .nav-pay > li {
  display: inline-block;
  font-size: 14px;
  color: #545454;
  padding: 12px 34px;
  border: 1px solid #f4f4f4;
  background-color: #fbfbfb;
  cursor: pointer;
  margin-right: 15px;
  border-radius: 4px;
  position: relative;
  box-shadow: 0 0 0 1px transparent;
  white-space: nowrap;
  width: 190px;
}
.app-body .app-submit .form-upload .form-group .nav-pay > li:hover,
.app-body .app-submit .form-upload .form-group .nav-pay > li.active {
  background-color: #F4FFF9;
  border-color: #E5F5EC;
}
.app-body .app-submit .form-upload .form-group .nav-pay > li.active {
  border: 1px solid #56B282;
  box-shadow: 0 0 0 1px #56B282;
}
.app-body .app-submit .form-upload .form-group .nav-pay > li.active .gou {
  display: block;
}
.app-body .app-submit .form-upload .form-group .nav-pay > li img {
  margin-right: 20px;
}
.app-body .app-submit .form-upload .form-group .nav-pay > li .gou {
  position: absolute;
  right: -1px;
  bottom: -1px;
  margin-right: 0;
  display: none;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane {
  height: 100%;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .pay-version {
  font-size: 16px;
  color: #666666;
  padding: 15px;
  border-bottom: 1px solid #f4f4f4;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .pay-version a {
  padding: 8px 18px;
  background-color: #ff8400;
  color: #ffffff;
  border-radius: 16px;
  font-size: 12px;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .pay-version a:active {
  background-color: #ef7c00;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .pay-version a img {
  margin-right: 10px;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-qr {
  width: 600px;
  border: 1px solid #e6e5e5;
  position: relative;
  z-index: 1;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-qr .saoma {
  background: url("../images/saoma_07.png") no-repeat;
  width: 134px;
  height: 131px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-qr .qr-box > div {
  display: block;
  float: left;
  height: 100%;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-qr .qr-box .div-img {
  position: relative;
  margin: 30px;
  height: initial;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-qr .qr-box .div-img.absolute {
  position: absolute;
  z-index: 1000;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-qr .qr-box .div-img > img {
  width: 160px;
  height: 160px;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-qr .qr-box .div-img .mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  padding-top: 25%;
  text-align: center;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-qr .qr-box .div-img .mask p {
  color: white;
  cursor: pointer;
  margin-top: 10px;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-qr .qr-box .info {
  padding: 20px 10px;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-qr .qr-box .info .sc-money {
  color: #56B282;
  font-size: 36px;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-qr .qr-box .info h4 {
  color: #545454;
  font-size: 15px;
  line-height: 40px;
  font-weight: bold;
  margin-bottom: 6px;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-qr .qr-box .info h4 p {
  display: inline-block;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-qr .qr-box .info dl {
  padding: 12px 15px;
  background-color: #f8f8f8;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-qr .qr-box .info dl dd {
  color: #333333;
  line-height: 18px;
  font-size: 12px;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-qr .qr-box .info dl dd a {
  text-decoration: underline;
  color: #ff8400;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-qr .qr-box .info dl span {
  color: #999999;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-qr .qr-box .info .btn-already {
  display: inline-block;
  border-radius: 4px;
  width: 130px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #999999;
  background: #f8f8f8;
  margin-top: 20px;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-qr .qr-box .info .btn-already.ok {
  color: #ffffff;
  background: #56B282;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-coupon {
  width: 540px;
  border: 1px solid #e6e5e5;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-coupon ul.ul-order {
  width: 100%;
  padding-right: 20px;
  font-size: 12px;
  height: 50px;
  line-height: 50px;
  color: #929292;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-coupon ul.ul-order li {
  display: inline-block;
  padding-left: 15px;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-coupon ul.ul-order li i {
  font-style: normal;
  padding: 0 8px;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-coupon form.form-order {
  font-size: 12px;
  padding-bottom: 20px;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-coupon form.form-order .col-xs-2,
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-coupon form.form-order .col-xs-4 {
  color: #999999;
  line-height: 32px;
  padding-right: 0;
  font-weight: initial;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-coupon form.form-order .col-xs-6 {
  padding-left: 0;
  padding-right: 0;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-coupon form.form-order .col-xs-6 > input {
  height: 32px;
  line-height: 32px;
}
.app-body .app-submit .form-upload .form-group .tab-pay .tab-pane .app-pay-coupon button {
  color: #fff;
  border-radius: 2px;
  padding-top: 0px;
  padding-bottom: 0px;
  outline: none;
  border: none;
  height: 40px;
  line-height: 40px;
  min-width: 138px;
  background-color: #56B282;
  margin-left: 15px;
}
.app-body .app-footer {
  width: 100%;
  height: 36px;
  line-height: 36px;
  color: #56B282;
  background-color: #ECFFF5;
  text-align: center;
}
.app-body .app-aside-bar {
  position: absolute;
  right: -60px;
  top: 20%;
}
.app-body .app-aside-bar ul li {
  width: 50px;
  height: 50px;
  text-align: center;
  border: 1px solid #ededed;
  background-color: #fff;
  padding: 10px;
  margin-bottom: 10px;
  color: #999999;
  font-size: 12px;
  line-height: 14px;
}
.app-body .app-aside-bar ul li:hover {
  background-color: #F4FFF9;
  border-color: #E5F5EC;
}
.app-body .app-aside-bar ul li > a {
  color: #999999;
}
.app-body .app-aside-bar ul li:active {
  color: #ffffff;
  background-color: #56B282;
}
.app-query .form-search {
  height: 110px;
  background: linear-gradient(45deg, #f2fbf6, #eefdf5);
  padding: 30px 20px;
  position: relative;
  border-bottom: 1px solid #E5F5EC;
}
.app-query .form-search .form-group {
  width: 40%;
  position: relative;
  padding-left: 6em;
  display: inline-block;
  margin-bottom: 0;
}
.app-query .form-search .form-group label {
  color: #000000;
  font-size: 16px;
  font-weight: normal;
  width: 6em;
  position: absolute;
  left: 0;
  line-height: 36px;
}
.app-query .form-search .form-group .form-control {
  width: 100%;
  height: 36px;
  border-radius: 4px;
  box-shadow: none;
  background-color: #FBFBFB;
  border: 1px solid #f4f4f4;
}
.app-query .form-search .form-group .form-control:focus {
  background-color: #fff;
  box-shadow: 0 0 10px #ededed;
}
.app-query .form-search .form-group .btn-search {
  height: 36px;
  width: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}
.app-query .form-search .form-group .btn-search > img {
  width: 20px;
}
.app-query .form-search .Order {
  line-height: 36px;
  width: 50%;
  padding-left: 40px;
}
.app-query .form-search .Order img {
  padding-right: 10px;
}
.app-query .form-search .Order a {
  color: #525252;
  position: relative;
  margin-left: 40px;
}
.app-query .form-search .Order a:first-child {
  margin-left: 0px;
}
.app-query .form-search .Order a:hover span {
  display: block;
}
.app-query .form-search .Order span {
  position: absolute;
  top: 30px;
  right: -200px;
  display: none;
  padding: 20px;
  background: #ffffff;
  box-shadow: 0px 0px 10px 2px #efefef;
  z-index: 2;
}
.app-query .form-search .Order span:before,
.app-query .form-search .Order span:after {
  position: absolute;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #efefef;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  top: -10px;
  right: 280px;
}
.app-query .form-search .Order span:after {
  border-bottom: 9px solid #ffffff;
  top: -8px;
}
.app-query .form-search .Order .Alipay-order span {
  right: -35px;
}
.app-query .form-search .Order .Alipay-order span:before,
.app-query .form-search .Order .Alipay-order span:after {
  right: 120px;
}
.app-query .form-search > img {
  height: 110px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.app-query .no-res {
  font-size: 18px;
  color: #424242;
  text-align: center;
  padding: 100px 20px 150px;
}
.app-query .no-res > p {
  margin-top: 15px;
  color: #333333;
  font-size: 16px;
  text-shadow: 0 0 white;
}
.app-query .no-res > a {
  display: inline-block;
  width: 120px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #ffffff;
  background-color: #56B282;
  margin: 16px auto;
  border-radius: 4px;
}
.app-query .no-res > div {
  font-size: 12px;
  color: #bcbcbc;
}
.app-query .query-list {
  background-color: #ffffff;
  padding: 20px;
}
.app-query .query-list .list-item {
  height: 100px;
  background: url("../images/icon-query-order.png") no-repeat left bottom;
  background-color: #fafafa;
  margin-bottom: 30px;
  padding: 30px;
}
.app-query .query-list .list-item .msg {
  width: 54%;
  padding-left: 50px;
  position: relative;
}
.app-query .query-list .list-item .msg h1 {
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  line-height: 24px;
}
.app-query .query-list .list-item .msg p {
  font-size: 12px;
  color: #878787;
}
.app-query .query-list .list-item .msg > img {
  position: absolute;
  left: 0;
  top: 3px;
}
.app-query .query-list .list-item .state {
  padding: 4px 0;
}
.app-query .query-list .list-item .state > div {
  width: 111px;
  height: 36px;
  font-size: 15px;
  color: #ffffff;
  line-height: 35px;
  padding-left: 36px;
  cursor: default;
}
.app-query .query-list .list-item .state .waiting {
  background: url("../images/icon-state-waiting.png") no-repeat;
  background-size: cover;
}
.app-query .query-list .list-item .state .success {
  background: url("../images/icon-state-success.png") no-repeat;
  background-size: cover;
}
.app-query .query-list .list-item .state .fail {
  background: url("../images/icon-state-err.png") no-repeat;
  background-size: cover;
}
.app-query .query-list .list-item .state .bind {
  background: url("../images/icon-state-bind.png") no-repeat;
  background-size: cover;
}
.app-query .query-list .list-item .handle-icon {
  width: 100px;
  margin-left: 50px;
  padding: 8px 0;
}
.app-query .query-list .list-item .handle-icon > div {
  display: flex;
  justify-content: space-between;
}
.app-query .query-list .list-item .handle-icon i {
  transition: all 0.15s;
  cursor: pointer;
}
.app-query .query-list .list-item .handle-icon i.down-load {
  display: inline-block;
  width: 17px;
  height: 21px;
  background: url("../images/icon-down-load.png") no-repeat;
  background-size: cover;
}
.app-query .query-list .list-item .handle-icon i.down-load.disable {
  background: url("../images/icon-down-load-dis.png") no-repeat;
  background-size: cover;
  cursor: default;
}
.app-query .query-list .list-item .handle-icon i.down-load.disable:hover {
  background: url("../images/icon-down-load-dis.png") no-repeat;
  cursor: default;
}
.app-query .query-list .list-item .handle-icon i.down-load:hover {
  background: url("../images/icon-download-hover.png") no-repeat;
  background-size: cover;
}
.app-query .query-list .list-item .handle-icon i.delete {
  margin-left: 30px;
  display: inline-block;
  width: 21px;
  height: 22px;
  background: url("../images/icon-delete.png") no-repeat;
  background-size: cover;
}
.app-query .query-list .list-item .handle-icon i.delete.disable {
  cursor: default;
  background: url("../images/icon-delete-dis.png") no-repeat;
  background-size: cover;
}
.app-query .query-list .list-item .handle-icon i.delete.disable:hover {
  background: url("../images/icon-delete-dis.png") no-repeat;
  background-size: cover;
}
.app-query .query-list .list-item .handle-icon i.delete:hover {
  background: url("../images/icon-delete-hover.png") no-repeat;
  background-size: cover;
}
.app-query .query-list .list-item .handle-icon i.scan {
  display: inline-block;
  width: 18px;
  height: 17px;
  background: url("../images/icon-scan.png") no-repeat;
  background-size: cover;
}
.app-query .query-list .list-item .handle-icon p:hover > i.scan {
  background: url("../images/icon-scan-blue.png") no-repeat;
  background-size: cover;
}
.app-query .query-list .queryInfoCount {
  color: #3a3842;
  padding-top: 25px;
  padding-left: 10px;
  padding-bottom: 10px;
}
.app-query .query-list .queryInfoCount .red {
  color: #e42025;
  font-style: normal;
}
.app-query .query-list .TabLoading {
  padding: 150px 0;
  text-align: center;
  background-color: #ffffff;
}
.app-query .query-list .TabLoading p {
  margin-top: 20px;
}
.app-right {
  font-size: 12px;
  color: #bebebe;
  margin: 20px auto;
  text-align: center;
}
.progress_upload {
  padding-right: 2px;
  position: relative;
  width: 300px;
  height: 14px;
  border-radius: 10px;
  background-color: #f1f1f1;
}
.progress_upload > .bar {
  width: 0%;
  position: relative;
  float: left;
  height: 14px;
  line-height: 14px;
  text-align: right;
  background: #56B282;
  border-color: #bfbfbf #b3b3b3 #9e9e9e;
  border-radius: 10px;
  background-image: -webkit-linear-gradient(top, #56B282 0%, #56B282 70%, #56B282 100%);
  background-image: -moz-linear-gradient(top, #56B282 0%, #56B282 70%, #56B282 100%);
  background-image: -o-linear-gradient(top, #56B282 0%, #56B282 70%, #56B282 100%);
  background-image: linear-gradient(to bottom, #56B282 0%, #56B282 70%, #56B282 100%);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
  transition: width 0.8s;
  animation: shining 0.8s alternate infinite;
}
.progress_upload .progress-num {
  color: #56B282;
  position: absolute;
  top: -3px;
  right: -70px;
}
.sc-search-box {
  display: inline-block;
  width: 580px;
  position: relative;
  vertical-align: text-top;
  font-size: 0;
}
.sc-search-box .query-tip {
  position: absolute;
  left: 136px;
  top: 45px;
  font-size: 12px;
  color: #999999;
}
.sc-search-box .query-tip span {
  color: #d62338;
}
.list-down-wrap {
  position: relative;
  cursor: pointer;
  line-height: 36px;
  padding-left: 10px;
  height: 36px;
  background: #fff;
  width: 126px;
  display: inline-block;
  border: 1px solid #F4F4F4;
  border-radius: 4px;
  box-sizing: border-box;
  vertical-align: top;
  font-size: 14px;
}
.list-down {
  position: absolute;
  top: 38px;
  left: 0px;
  border: 1px solid #F4F4F4;
  width: 126px;
  box-sizing: border-box;
  background: #fff;
  z-index: 10;
  font-size: 14px;
  display: none;
}
.input-wrap {
  display: inline-block;
  height: 36px;
  border: 1px solid #F4F4F4;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  font-size: 14px;
  margin-left: 10px;
}
.input-wrap input {
  border: none;
  outline: none;
  height: 100%;
  padding: 0 36px 0 10px;
  line-height: 34px;
  box-sizing: border-box;
}
.input-wrap .search {
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
}
.input-wrap .search img {
  width: 20px;
}
.list-down li {
  line-height: 30px;
  cursor: pointer;
  padding-left: 10px;
  margin: 1px;
}
.list-down li.active {
  background: #56B282;
  color: #fff;
}
.select-logo {
  position: absolute;
  right: 10px;
  top: 14px;
  transition: all 0.2s;
}
.select-logo.ac {
  transform: rotate(180deg);
}
/*# sourceMappingURL=index.css.map */