.fiui-wrapper {
    padding-top: 40px;
}
.fiui-wrapper.none {
    padding-top: 0;
}
html {
  font-family: Helvetica,Arial,sans-serif; }

a, body, center, cite, code, dd, del, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, img, input, label, legend, li, mark, ol, p, section, span, strong, textarea, time, ul, var {
  margin: 0;
  border: 0;
  padding: 0;
  font-style: normal; }

body, html {
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none; }

article, aside, details, fieldset, figcaption, figure, footer, header, main, nav, section {
  display: block; }

a, button, cite, code, del, em, img, label, mark, small, strong, textarea, time, var {
  display: inline-block; }

footer, header, section {
  position: relative; }

ol, ul {
  list-style: none; }

button, input, textarea {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 1em;
  background-color: transparent; }

span {
  display: inline-block; }

a:active, a:hover {
  outline: 0; }

a, a:visited {
  text-decoration: none; }

.wordWrap, label {
  word-wrap: break-word;
  word-break: break-all; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

#wrap {
  position: absolute;
  width: 100%;
  height: 100%; }

.clearfix {
  *zoom: 1; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
  clear: both; }

* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
  -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
  outline: none !important;
  font-weight: 300; }

.hidden {
  display: none; }

@charset "UTF-8";
.setTopLine {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #E7E7E7;
  color: #E7E7E7;
  transform-origin: 0 0;
  transform: scaleY(0.5);
}
.setBottomLine {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid #E7E7E7;
  color: #E7E7E7;
  transform-origin: 0 100%;
  transform: scaleY(0.5);
}
.blank {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #EEF1F2;
}
.bold {
  font-weight: 500;
}
.fiui-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
}
.page {
  margin-left: 1.14357rem;
  margin-right: 1.14357rem;
}

/*登录页面*/
.za-info {
  margin: 1.14357rem 1.14357rem 0.57214rem 1.14357rem;
  font-size: 0.85786rem;
  color: #636363;
}
.za-info input[type="checkbox"], .za-info img {
    vertical-align: middle;
    margin: auto;
}
.za-info a {
    color: #12C286;
}

/*首页*/
.modelDiv {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #fff;
  width: 100%;
  height: 7.14357rem;
  margin: auto;
}
.modeDivItem {
  position: relative;
  height: 6.42929rem;
  width: 6.42929rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  background-color: #f9f9f9;
  border-radius: 0.715rem;
}
.modelImage {
  position: relative;
  width: 2.85786rem;
  height: 2.85786rem;
  margin-top: 1.07214rem;
}
.modelText {
  position: relative;
  color: #12C286;
  font-size: 1.00071rem;
  padding-top: 0.715rem;
}
.menu {
  width: 100%;
  height: 6.42929rem;
  margin-top: 0.715rem;
  background-color: #FFF;
  border-bottom: 1px solid #BBB;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu-item {
  width: 33%;
  height: 30%;
  text-align: center;
  border-left: 1px #ccc solid;
  padding-top: 0.715rem;
}
.menu-item .numtext {
    font-size: 2.14357rem;
    font-weight: bold;
    margin-top: -1.42786rem;
}
.menu-item .title {
    font-size: 0.85786rem;
    margin-top: 0;
    color: #bbb;
}

/*业务办理*/
.qartArea {
  position: absolute;
  top: 100px;
  width: 345px;
  height: 345px;
  left: 50%;
  transform: translateX(-50%);
}
.qartText {
  position: absolute;
  top: 450px;
  font-size: 0.85786rem;
  left: 50%;
  transform: translateX(-50%);
}

/*订单查询*/
.order-serch {
  margin-top: 0.715rem;
  padding: 0 0.715rem 0 0.715rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.order-select {
  font-size: 0.85786rem;
  font-weight: bold;
}
.order-select:after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-bottom: 1px lightgray solid;
  border-right: 1px lightgray solid;
  transform: rotate(45deg);
  margin-top: 0.14357rem;
  margin-left: 0.715rem;
}
.order-searchInput {
  border: 0px #ccc solid;
  height: 1.42929rem;
  background-color: #f3f3f3;
  margin-left: 1.07214rem;
  padding: 0.14357rem 0.57214rem;
  border-radius: 0.715rem;
  font-size: 0.85786rem;
}
.dropdown-content {
  position: absolute;
  left: 1.07214rem;
  display: block;
  width: 7.14357rem;
  border: 1px solid #eee;
  background-color: #fff;
  border-radius: 0.35786rem;
  z-index: 1999;
}
.dropdown-content p {
  font-size: 0.715rem;
  height: 1.78643rem;
  line-height: 1.78643rem;
  padding: 0.28643rem 0 0.28643rem 0.715rem;
  border-bottom: 1px #ccc solid;
}
.order {
  width: 100%;
  height: auto;
  border-top: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  margin-top: 0.715rem;
  padding-top: 0.35786rem;
}
.order-title {
  height: 1.78643rem;
  border-bottom: 1px #ccc solid;
  font-size: 0.85786rem;
  line-height: 1.42929rem;
  color: #636363;
}
.order-title .order-no {
    float: left;
    left: 0.715rem;
}
.order-title .order-status {
    float: right;
    right: 0.715rem;
    color: #12C286;
}
.order-detail {
  height: auto;
  color: #636363;
  font-size: 0.85786rem;
  padding-bottom: 0.35786rem;
}
.order-detail .order-img {
    position: absolute;
    width: 4.64357rem;
    height: 4.64357rem;
    margin-top: 0;
    margin-left: 0.35786rem;
}
.order-detail .order-phoneInfo {
    margin-top: 0.35786rem;
    margin-left: 7.85786rem;
    width: 14.28643rem;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.order-detail .order-amount {
    margin-top: 0.35786rem;
    margin-left: 7.85786rem;
}
.order-detail .order-name {
    margin-top: 0.35786rem;
    margin-left: 7.85786rem;
    width: 12.14357rem;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.order-detail .order-datetime {
    margin-top: 0.35786rem;
    margin-left: 7.85786rem;
    color: #CCCCCC;
}
.order-norecord {
  margin-top: 1.42929rem;
  text-align: center;
}
.order-cancelReason {
  height: auto;
  border-top: 1px #ccc solid;
  font-size: 0.715rem;
  line-height: 1.42929rem;
  color: #636363;
  padding: 0.35786rem 0 0.35786rem 0;
}
.order-cancelReason .hideText {
    width: 94%;
    margin-left: 2%;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.order-cancelReason .showText {
    width: 94%;
    margin-left: 2%;
}
.order-cancelReason .hideText:after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-bottom: 1px lightgray solid;
    border-right: 1px lightgray solid;
    transform: rotate(45deg);
    margin-top: 0.28643rem;
    right: 1.42929rem;
}
.order-cancelReason .showText:after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-bottom: 1px lightgray solid;
    border-right: 1px lightgray solid;
    transform: rotate(-135deg);
    margin-top: 0.42929rem;
    right: 1.42929rem;
}
.order-uprefresh {
  font-size: 0.85786rem;
  margin: 0.35786rem 0 0.35786rem 0;
  text-align: center;
  color: #CCCCCC;
}

/*取货码上传*/
.uploadcode-img {
  position: fixed;
  width: 1.07214rem;
  height: 1.07214rem;
  margin-top: 0.715rem;
  margin-left: 1.07214rem;
}
.uploadcode-text {
  margin-top: 0.715rem;
  margin-left: 2.50071rem;
  color: #CCCCCC;
}

/*撤销退货*/
.fiui-textarea {
  -moz-box-shadow: 1px 1px 0 #E7E7E7;
  -moz-box-sizing: border-box;
  border-color: #CCCCCC #999999 #999999 #CCCCCC;
  border-style: solid;
  border-width: 1px;
  height: 11.42929rem;
  margin: 10px 3% 10px 3%;
  outline-color: -moz-use-text-color;
  outline-style: none;
  outline-width: medium;
  padding: 0.14357rem;
  width: 92%;
}

/*订单详情*/
.order-detail {
  width: 100%;
  height: auto;
  margin-top: 0.715rem;
  padding-top: 0.14357rem;
}
.order-detail-title {
  height: 1.78643rem;
  border-bottom: 1px #ccc solid;
  font-size: 0.85786rem;
  line-height: 1.78643rem;
  color: #636363;
}
.order-detail-title .order-detail-title-no {
    float: left;
    left: 0.715rem;
    font-weight: bold;
}
.order-detail-title .order-detail-title-status {
    float: right;
    right: 0.715rem;
    color: #12C286;
    font-weight: bold;
}
.order-detail-phoneinfo,
.order-detail-userinfo,
.order-detail-cminfo,
.order-detail-contractinfo {
  border-bottom: 1px #ccc solid;
  height: auto;
  padding: 0.715rem 0.14357rem 0.715rem 0.14357rem;
}
.order-detail-text {
  font-size: 0.85786rem;
  line-height: 1.42929rem;
  display: inline-block;
  width: 100%;
}
.order-detail-text .left {
    float: left;
}
.order-detail-text .right {
    float: right;
    color: #aaa;
}
.loading-position {
  position: absolute;
  top: 49%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 4.28643rem;
  height: 4.28643rem;
  text-align: center;
  border-radius: 2px;
  z-index: 1000;
}