@charset "UTF-8";
html, body {
  height: 100%;
  min-width: 320px; }

body {
  font-family: -apple-system, Helvetica, Arial, Tahoma, "PingFang SC","Hiragino Sans GB", "Hiragino Sans GB W3","Microsoft YaHei","Simsun",sans-serif !important; }

body {
  margin: 0;
  color: #333333;
  background-color: #F0F0F0;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }

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

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

svg:not(:root) {
  overflow: hidden; }

a {
  background: transparent;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  color: #666; }

a:active {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0;
  vertical-align: middle; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  border: 0;
  padding: 0px; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal;
  font-size: 1.5rem;
  color: #666;
  outline: none; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  box-sizing: border-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  resize: vertical;
  outline: none; }

optgroup {
  font-weight: bold; }

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

h1, h2, h3, h4, h5, h6, p, figure, form, blockquote {
  margin: 0; }

ul, ol, li, dl, dd {
  margin: 0;
  padding: 0; }

ul, ol {
  list-style: none outside none; }

h1, h2, h3 {
  font-weight: normal; }

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #cccccc; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #cccccc; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #cccccc; }

.clearfix:after, .my-index-list:after {
  content: '';
  display: block;
  height: 0rem;
  font-size: 0rem;
  clear: both; }

.clearfix, .my-index-list {
  *zoom: 1; }

.ellipsis, .insert-info-list .insert-info-l, .insert-info-datail .insert-info-r .select-name .all-info {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.mt3 {
  margin-top: 0.3rem; }

.mt5 {
  margin-top: 0.5rem; }

.mb5 {
  margin-bottom: 0.5rem; }

.ml10 {
  margin-left: 1.0rem; }

.mr10 {
  margin-right: 1.0rem; }

.mt10 {
  margin-top: 1.0rem; }

.mb10 {
  margin-bottom: 1.0rem; }

.ml20 {
  margin-left: 2.0rem; }

.mr20 {
  margin-right: 2.0rem; }

.mt20 {
  margin-top: 2.0rem; }

.mb20 {
  margin-bottom: 2.0rem; }

.mr25 {
  margin-right: 2.5rem; }

.mb15 {
  margin-bottom: 1.5rem; }

.mt15 {
  margin-top: 1.5rem; }

.ml15 {
  margin-left: 1.5rem; }

.mr15 {
  margin-right: 1.5rem; }

.mt30 {
  margin-top: 3.0rem; }

.mb30 {
  margin-bottom: 3.0rem; }

.mt70 {
  margin-top: 7.0rem; }

.pl26 {
  padding-left: 2.6rem; }

.pdm70 {
  padding-bottom: 7.0rem; }

.relative {
  position: relative; }

.bd0 {
  border: 0 !important;
  box-shadow: none !important; }

.bdt-dashed {
  border-top: 1px dashed #D7D7D7; }

.bdm-dashed {
  border-bottom: 1px dashed #D7D7D7; }

.fl {
  float: left; }

.fr {
  float: right; }

.bdcolor {
  border: 1px solid rgba(0, 0, 0, 0.1); }

.color-blue {
  color: #3694EB; }

.color-black {
  color: #000; }

.color-grey {
  color: #999; }

.bg-gray {
  background-color: #D8D8D8; }

.bg-orange {
  background-color: #FFDD00;
  color: #fff;
  border-radius: .2rem;
  padding: .1rem .3rem; }

.bg-white {
  background-color: #fff; }

.fcenter {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0; }

.text-r {
  text-align: right; }

.text-l {
  text-align: left; }

.text-c {
  text-align: center; }

.txt-grey {
  color: rgba(153, 153, 153, 0.5); }

.txt-gray {
  color: rgba(153, 153, 153, 0.5); }

.font10 {
  font-size: 1.0rem; }

.font12 {
  font-size: 1.2rem; }

.font14 {
  font-size: 1.4rem; }

.font16 {
  font-size: 1.6rem; }

.font18 {
  font-size: 1.8rem; }

.bdl {
  border-left: 1px solid rgba(0, 0, 0, 0.1); }

.bdr {
  box-shadow: 1px 0 1px -1px rgba(0, 0, 0, 0.2); }

.bdt {
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.2); }

.bdm {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); }

.bdr.bdm {
  box-shadow: 1px 0 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px -1px rgba(0, 0, 0, 0.2); }

.ml3 {
  margin-left: .3rem; }

.shadow0 {
  box-shadow: none !important; }

.icon-notice {
  width: 1.1rem;
  height: 1.1rem;
  display: inline-block;
  background-color: #FF9500;
  border-radius: 50%; }

.hd-close {
  width: 4.4rem;
  height: 4.4rem;
  position: absolute;
  left: 0rem;
  top: 0rem; }

.ico-close {
  width: 2.0rem;
  height: 2.0rem;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg); }
  .ico-close:before, .ico-close:after {
    content: '';
    width: 20px;
    height: 1px;
    background-color: #f0f0f0;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .ico-close:after {
    width: 1px;
    height: 20px; }

.ico-radio {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: .5rem;
  border: 1px solid #F4F4F4;
  border-radius: 50%;
  background-color: #F4F4F4; }

.ico-radio-selected {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: .5rem;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #0082FB;
  border-radius: 50%;
  position: relative; }
  .ico-radio-selected:before {
    content: '';
    width: 1.0rem;
    height: .5rem;
    border-left: 1px solid #0082FB;
    border-bottom: 1px solid #0082FB;
    position: absolute;
    left: .2rem;
    top: .3rem;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.icon-new-add {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  border: 1px solid #0082FB;
  border-radius: 50%; }
  .icon-new-add:before, .icon-new-add:after {
    content: '';
    width: 8px;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #0082FB;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .icon-new-add:after {
    width: 1px;
    height: 8px; }

.wrap {
  width: 100%;
  min-height: 100%; }

.content {
  padding: 0rem 2.0rem 3.0rem;
  box-sizing: border-box; }

.icon-user {
  width: 2.0rem;
  height: 2.0rem;
  display: inline-block;
  vertical-align: middle;
  background: transparent url(../images/icon-user.png) center no-repeat;
  background-size: 1.8rem 2.0rem; }

.icon-password {
  width: 2.0rem;
  height: 2.0rem;
  display: inline-block;
  vertical-align: middle;
  background: transparent url(../images/icon-password.png) center no-repeat;
  background-size: 1.5rem 1.8rem; }

.icon-menu {
  width: 2.6rem;
  height: 2.6rem;
  display: inline-block;
  vertical-align: middle;
  background: transparent url(../images/icon-menu.png) left top no-repeat;
  background-size: 10.7rem 5.3rem; }

.menu-index {
  background-position: 0rem 0; }

.menu-chat {
  background-position: -2.9rem 0; }

.menu-calendar {
  background-position: -5.5rem 0; }

.menu-user {
  background-position: -8.2rem 0; }

.icon-up {
  position: absolute;
  right: -.7rem;
  top: .5rem;
  width: 3.0rem;
  height: 3.0rem;
  cursor: pointer; }
  .icon-up:before {
    content: '';
    width: .8rem;
    height: .8rem;
    border: 1px solid transparent;
    border-left-color: #3693EA;
    border-bottom-color: #3693EA;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -80%) rotate(-45deg);
        -ms-transform: translate(-50%, -80%) rotate(-45deg);
            transform: translate(-50%, -80%) rotate(-45deg); }

.icon-down {
  position: absolute;
  right: -.7rem;
  top: .5rem;
  width: 3.0rem;
  height: 3.0rem;
  cursor: pointer; }
  .icon-down:before {
    content: '';
    width: .8rem;
    height: .8rem;
    border: 1px solid transparent;
    border-left-color: #3693EA;
    border-bottom-color: #3693EA;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -20%) rotate(135deg);
        -ms-transform: translate(-50%, -20%) rotate(135deg);
            transform: translate(-50%, -20%) rotate(135deg); }

.icon-prev {
  position: absolute;
  right: -.7rem;
  top: .5rem;
  width: 3.0rem;
  height: 3.0rem;
  cursor: pointer; }
  .icon-prev:before {
    content: '';
    width: .8rem;
    height: .8rem;
    border: 1px solid transparent;
    border-left-color: #ccc;
    border-bottom-color: #ccc;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -20%) rotate(45deg);
        -ms-transform: translate(-50%, -20%) rotate(45deg);
            transform: translate(-50%, -20%) rotate(45deg); }

.icon-next {
  position: absolute;
  top: 50%;
  right: -.5rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3.0rem;
  height: 3.0rem;
  cursor: pointer; }
  .icon-next:before {
    content: '';
    width: .8rem;
    height: .8rem;
    border: 1px solid transparent;
    border-left-color: #ccc;
    border-bottom-color: #ccc;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(225deg);
        -ms-transform: translate(-50%, -50%) rotate(225deg);
            transform: translate(-50%, -50%) rotate(225deg); }

.icon-time {
  width: 1.3rem;
  height: 1.3rem;
  display: inline-block;
  vertical-align: middle;
  background: transparent url(../images/icon-time.png) center no-repeat;
  background-size: .9rem .9rem;
  margin-top: -0.2rem; }

.icon-address {
  width: 1.3rem;
  height: 1.3rem;
  display: inline-block;
  vertical-align: middle;
  background: transparent url(../images/icon-address.png) center no-repeat;
  background-size: .9rem 1.3rem; }

.icon-voice-checked {
  width: 2.0rem;
  height: 2.0rem;
  display: block;
  vertical-align: middle;
  background: transparent url(../images/icon-voice-checked.png) center no-repeat;
  background-size: 1.3rem 2.0rem; }

.icon-task-on {
  width: 2.0rem;
  height: 2.3rem;
  display: block;
  vertical-align: middle;
  background: transparent url(../images/icon-task-on.png) center 0.1rem no-repeat;
  background-size: 2.0rem 4.5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
          
 
.icon-task-on-1 {
  width: 2.0rem;
  height: 2.3rem;
  display: block;
  vertical-align: middle;
  background: transparent url(../images/icon-05.png) center 0.1rem no-repeat;
  background-size: 2.0rem 4.5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.icon-task-on-2 {
  width: 2.0rem;
  height: 2.3rem;
  display: block;
  vertical-align: middle;
  background: transparent url(../images/icon-04.png) center 0.1rem no-repeat;
  background-size: 2.0rem 4.5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }     
            
.icon-task-on-3 {
  width: 2.0rem;
  height: 2.3rem;
  display: block;
  vertical-align: middle;
  background: transparent url(../images/icon-03.png) center 0.1rem no-repeat;
  background-size: 2.0rem 4.5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }    
   
   
.icon-task-on-4 {
  width: 2.0rem;
  height: 2.3rem;
  display: block;
  vertical-align: middle;
  background: transparent url(../images/icon-02.png) center 0.1rem no-repeat;
  background-size: 2.0rem 4.5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }   
          
          
.icon-task-on-5 {
  width: 2.0rem;
  height: 2.3rem;
  display: block;
  vertical-align: middle;
  background: transparent url(../images/icon-01.png) center 0.1rem no-repeat;
  background-size: 2.0rem 4.5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }             
             
    .arrived-top li.on .icon-task-on-1 {
      background-position: center -2.3rem; } 
    .arrived-top li.on .icon-task-on-2 {
      background-position: center -2.3rem; }  
    .arrived-top li.on .icon-task-on-3 {
      background-position: center -2.3rem; }  
    .arrived-top li.on .icon-task-on-4 {
      background-position: center -2.3rem; } 
    .arrived-top li.on .icon-task-on-5 {
      background-position: center -2.3rem; }             
 

.btn {
  display: block;
  height: 5.0rem;
  line-height: 5.0rem;
  border-radius: .3rem;
  text-align: center;
  vertical-align: middle;
  font-size: 1.8rem; }

.btn-disabled {
  cursor: not-allowed;
  color: #fff;
  background-color: #CCCCCC;
  border-radius: .3rem; }

.btn-rated {
  height: 4.0rem;
  line-height: 4.0rem;
  width: 16.0rem;
  margin: 2.0rem auto; }

.btn-day {
  display: inline-block;
  vertical-align: middle;
  height: 2.0rem;
  line-height: 2.0rem;
  color: #979797;
  text-align: center;
  border-radius: .2rem;
  border: 1px solid #979797;
  font-size: 1.2rem; }

.btn-bg-blue {
  background-color: #3694EB;
  color: #fff; }

.btn-bd-blue {
  border: 1px solid #3694EB;
  color: #3694EB; }

.send-code {
  width: 7.9rem;
  height: 3.9rem;
  line-height: 3.9rem;
  text-align: center;
  position: absolute;
  right: .2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #3694EB;
  color: #fff;
  border-radius: .2rem;
  font-size: 1.2rem; }

.icon-getoder {
  width: 4.6rem;
  height: 2.3rem;
  line-height: 2.3rem;
  text-align: center;
  position: absolute;
  right: .2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #3694EB;
  color: #fff;
  border-radius: .2rem;
  font-size: 1.2rem; }

.ID-code {
  width: 4.8rem;
  height: 2.9rem;
  line-height: 2.9rem;
  text-align: center;
  position: absolute;
  right: .2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  border-radius: .2rem;
  font-size: 1.2rem;
  background: #3694EB url(../images/icon-photo.png) center no-repeat;
  background-size: 1.8rem 1.5rem; }

.checkbox-default {
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  padding: 1.0rem;
  cursor: pointer;
  background-origin: content-box;
  background: url(../images/check-default.png) center no-repeat;
  background-size: 1.6rem 1.6rem;
  vertical-align: middle;
  margin-right: 1.0rem;
  position: absolute;
  left: -1.0rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.checkbox-selected {
  background-image: url(../images/check-checked.png); }

.icon-note {
  width: 3.0rem;
  height: 3.0rem;
  display: inline-block;
  vertical-align: middle;
  background: transparent url(../images/icon-note.png) center no-repeat;
  background-size: 1.9rem 1.7rem; }

.icon-phone {
  width: 3.0rem;
  height: 3.0rem;
  display: inline-block;
  vertical-align: middle;
  background: transparent url(../images/icon-phone.png) center no-repeat;
  background-size: 1.8rem 1.5rem; }

.icon-refresh {
  width: 7.6rem;
  height: 2.9rem;
  line-height: 2.9rem;
  border-radius: 2.9rem;
  text-align: center;
  color: #fff;
  background-color: #3694EB;
  position: absolute;
  right: 1.0rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.3rem; }

.refresh {
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  vertical-align: -.2rem;
  background: transparent url(../images/icon-refresh.png) left top no-repeat;
  background-size: 1.6rem 1.6rem;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  cursor: pointer; }

.refresh-rotate {
  -webkit-animation: myrefresh .8s linear infinite;
          animation: myrefresh .8s linear infinite; }

@-webkit-keyframes myrefresh {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes myrefresh {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@font-face {
  font-family: "iconfont";
  src: url("../icon-font/iconfont.eot?t=1459848424");
  /* IE9*/
  src: url("../icon-font/iconfont.eot?t=1459848424#iefix") format("embedded-opentype"), url("../icon-font/iconfont.woff?t=1459848424") format("woff"), url("../icon-font/iconfont.ttf?t=1459848424") format("truetype"), url("../icon-font/iconfont.svg?t=1459848424#iconfont") format("svg")
  /* iOS 4.1- */ }
.icon-font, .icon-word, .icon-email {
  font-family: "iconfont" !important;
  font-size: 1.6rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2rem;
  -moz-osx-font-smoothing: grayscale; }

.icon-word, .icon-email {
  width: 3.0rem;
  height: 3.0rem;
  line-height: 3.0rem;
  text-align: center; }

.icon-email {
  font-size: 2.2rem; }

.icon-arrived {
  width: 1.9rem;
  height: 2.3rem;
  display: inline-block;
  vertical-align: middle;
  background: transparent url(../images/icon-arrived.png) left top no-repeat;
  background-size: 7.9rem 4.9rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.icon-arrived-staue1 {
  background-position: .1rem 0rem; }

.icon-arrived-staue2 {
  background-position: -1.9rem -.1rem; }

.icon-arrived-staue3 {
  background-position: -4.0rem 0rem; }

.icon-arrived-staue4 {
  background-position: -6.0rem 0rem; }

.icon-arrived-staue5, .arrived-top li.on .icon-arrived-staue1 {
  background-position: .1rem -2.5rem; }

.icon-arrived-staue6, .arrived-top li.on .icon-arrived-staue2 {
  background-position: -1.9rem -2.6rem; }

.icon-arrived-staue7, .arrived-top li.on .icon-arrived-staue3 {
  background-position: -4.0rem -2.5rem; }

.icon-arrived-staue8, .arrived-top li.on .icon-arrived-staue4 {
  background-position: -6.0rem -2.5rem; }

.icon-aptitude {
  width: 2.1rem;
  height: 1.8rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 1.6rem;
  background: url(../images/icon-aptitude.png) 0.2rem 0rem no-repeat;
  background-size: 8.0rem 3.6rem; }

.aptitude-language {
  background-position: -2.0rem .1rem;
  background-size: 8.0rem 3.4rem; }

.aptitude-serve {
  background-position: -4.2rem 0;
  background-size: 8.0rem 3.4rem; }

.aptitude-finance {
  background-position: -4.2rem -2.0rem;
  background-size: 8.0rem 3.6rem; }

.aptitude-time {
  background-position: .2rem -1.8rem;
  background-size: 8.0rem 3.6rem; }

.aptitude-word-site {
  background-position: -2.0rem -1.8rem;
  background-size: 8.0rem 3.6rem; }

.aptitude-sign-company {
  background-position: -6.1rem 0rem;
  background-size: 8.0rem 3.6rem; }

.aptitude-safe-number {
  background-position: -6.1rem -1.8rem;
  background-size: 8.0rem 3.6rem; }

.icon-date {
  width: 2.2rem;
  height: 2.2rem;
  display: inline-block;
  vertical-align: middle;
  background: transparent url(../images/date.png) left top no-repeat;
  background-size: 2.2rem 2.2rem;
  cursor: pointer; }

.icon-evaluate {
  width: 1.4rem;
  height: 1.4rem;
  display: inline-block;
  vertical-align: middle;
  background: transparent url(../images/icon-evaluate.png) left top no-repeat;
  background-size: 1.4rem 3.05rem; }

.icon-evaluate-over {
  background-position: 0 -1.7rem; }

.icon-my-users {
  background: url(../images/icon-my-users.png) center no-repeat; }

.icon-my-change {
  background: url(../images/icon-my-change.png) center no-repeat; }

.icon-my-company {
  background: transparent url(../images/icon-my-company.png) center no-repeat; }

.icon-search {
  display: inline-block;
  width: 2.0rem;
  height: 2.0rem;
  vertical-align: middle;
  background: transparent url(../images/icon-search.png) center no-repeat;
  background-size: 2.0rem 2.0rem; }

.icon-my-users, .icon-my-change, .icon-search, .icon-my-company {
  width: 2.0rem;
  height: 2.0rem;
  display: inline-block;
  vertical-align: middle;
  background-size: 1.6rem 1.6rem; }

.pop {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 11;
  background-color: #fff;
  border-radius: .4rem;
  color: #333333;
  font-size: 1.3rem;
  padding: .5rem 1.0rem; }
  .pop-wrap {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 10; }
  .pop-notice {
    width: 20.0rem; }

.star-rated {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: .3rem;
  background: transparent url(../images/star-default.png) center no-repeat;
  background-size: 1.5rem 1.5rem; }
  .star-rated.selected {
    background-image: url(../images/star-checked.png); }

.icon-pay-success {
  width: 2.5rem;
  height: 2.5rem;
  display: inline-block;
  vertical-align: middle;
  background-color: #5FB93A;
  border-radius: 50%;
  text-align: center;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
  .icon-pay-success:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.4rem;
    height: .6rem;
    border: solid #fff;
    margin-top: -.5rem;
    margin-right: -.2rem;
    border-width: 0 0 1px 1px; }

.select-up-down {
  position: relative;
  width: 1.0rem;
  height: 1.5rem; }
  .select-up-down:before, .select-up-down:after {
    width: 0;
    height: 0;
    font-size: 0;
    position: absolute;
    left: 0;
    content: '';
    border-width: .5rem; }
  .select-up-down:before {
    border-style: dashed dashed solid solid;
    /*注意只有左边框为实线，其他为虚线 为了照顾ie*/
    border-color: transparent transparent #CECECE transparent;
    /*只有左边框有颜色，其他为透明*/
    top: -.3rem; }
  .select-up-down:after {
    border-style: solid dashed dashed solid;
    /*注意只有左边框为实线，其他为虚线 为了照顾ie*/
    border-color: #CECECE transparent transparent transparent;
    /*只有左边框有颜色，其他为透明*/
    top: .9rem; }

.icon-sx {
  width: 1.0rem;
  height: 1.5rem;
  display: inline-block;
  background: url(../images/icon-sx.png) center no-repeat;
  background-size: 1.5rem 1.5rem; }
  
.icon-checked {
  width: 1.3rem;
  height: 1.5rem;
  padding-left:4px;
  display: inline-block;
  background: url(../images/green_01.png) center no-repeat;
  background-size: 1.5rem 1.5rem; }

.icon-not-checked {
  width: 1.3rem;
  height: 1.5rem;
  padding-left:4px;
  display: inline-block;
  background: url(../images/huisegou.png) center no-repeat;
  background-size: 1.5rem 1.5rem; }

.selcet-this {
  width: 5.0rem;
  height: 2.0rem;
  line-height: 2.0rem;
  text-align: center;
  background-color: #F4F4F4;
  position: absolute;
  right: 1.0rem;
  bottom: 1.0rem;
  border-radius: 2.0rem;
  cursor: pointer; }
  .selcet-this.on {
    background-color: #3694EB; }
  .selcet-this:before {
    content: '';
    width: 2.0rem;
    height: 2.0rem;
    display: inline-block;
    background: url(../images/true.png) center no-repeat;
    background-size: 2.0rem 2.0rem;
    margin-top: -.1rem; }

.btn-service {
  width: 50%;
  height: 4.0rem;
  line-height: 4.0rem;
  margin: 2.0rem auto 0; }

.radius50 {
  border-radius: 2.5rem; }

.header {
  position: fixed;
  left: 0rem;
  top: 0rem;
  width: 100%;
  height: 2.0rem;
  padding: 1.2rem 0rem;
  background-color: #575757;
  z-index: 999; }
  .header .hd-title {
    margin-left: 4.4rem;
    border-left: 2px solid #454545;
    padding-left: 1.2rem;
    color: #fff;
    font-size: 1.8rem;
    font-family: 'simsun';
    height: 2.0rem;
    line-height: 2.0rem; }

.ios-header {
  padding-top: 3.2rem; }
  .ios-header .ico-close {
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
        -ms-transform: translate(-50%, 50%) rotate(45deg);
            transform: translate(-50%, 50%) rotate(45deg); }

.top-menu, .bottom-menu {
  width: 100%;
  height: 4.9rem;
  background-color: #fff;
  font-size: 1.5rem; }
  .top-menu ul, .bottom-menu ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%; }
  .top-menu li, .bottom-menu li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    position: relative; }
    .top-menu li a, .bottom-menu li a {
      display: inline-block;
      height: 4.9rem;
      line-height: 4.9rem;
      box-sizing: border-box;
      border-bottom: 2px solid #fff; }
  .top-menu li:first-child:before, .bottom-menu li:first-child:before {
    content: '';
    position: absolute;
    right: 0rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background-color: rgba(0, 0, 0, 0.1); }
  .top-menu li.first:before, .bottom-menu li.first:before {
    background-color: transparent; }
  .top-menu li.current a, .bottom-menu li.current a {
    color: #3694EB;
    border-bottom-color: #3694EB; }
  .top-menu .grab-oder, .bottom-menu .grab-oder {
    width: 100%;
    height: 100%;
    line-height: 4.9rem;
    box-sizing: border-box;
    padding: 0 1.0rem;
    position: relative;
    text-align: center; }
    .top-menu .grab-oder .grab-oder-l, .bottom-menu .grab-oder .grab-oder-l {
      font-size: 1.5rem;
      color: #333;
      float: left; }
    .top-menu .grab-oder .repeat-refresh, .bottom-menu .grab-oder .repeat-refresh {
      width: 16.5rem;
      height: 2.9rem;
      line-height: 2.9rem;
      display: inline-block;
      border: 1px solid #3694EB;
      border-radius: 2.9rem;
      color: #3694EB; }
    .top-menu .grab-oder .refresh, .bottom-menu .grab-oder .refresh {
      margin-right: .6rem; }

.bottom-menu {
  position: fixed;
  left: 0rem;
  top: 4.4rem;
  left: 0rem;
  top: auto;
  height: auto;
  bottom: 0rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .bottom-menu li a {
    border: 0rem;
    display: block; }
  .bottom-menu li.current a {
    color: #3694EB;
    border: 0rem; }
  .bottom-menu .select {
    padding: 0 1.0rem; }
    .bottom-menu .select-list {
      text-align: center;
      box-shadow: 0 -1px 1px -1px rgba(0, 0, 0, 0.2); }
      .bottom-menu .select-list a {
        display: block;
        line-height: 5.0rem;
        height: 5.0rem; }

.arrived-top {
  width: 100%;
  height: 8.7rem;
  background-color: #fff;
  box-sizing: border-box;
  padding: 1.5rem 0rem 1.0rem; }
  .arrived-top ul {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    display: box; }
  .arrived-top li {
    float: left;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100%;
    box-sizing: border-box;
    position: relative; }
    .arrived-top li:before {
      content: '';
      width: 100%;
      height: 0rem;
      border: 1px solid #F1F1F1;
      position: absolute;
      top: 2.2rem;
      left: 50%; }
    .arrived-top li:last-child:before {
      width: 0rem; }
  .arrived-top .arrived-nav-base {
    width: 5.4rem;
    margin: 0 auto; }
    .arrived-top .arrived-nav-base .arrived-step {
      height: 4.4rem;
      width: 4.4rem;
      margin: 0 auto;
      display: block;
      background-color: #F1F1F1;
      border-radius: 50%;
      border: 2px solid #F1F1F1;
      box-sizing: border-box;
      position: relative; }
    .arrived-top .arrived-nav-base p {
      line-height: 1.8rem;
      font-size: 1.2rem;
      color: #666;
      text-align: center; }
  .arrived-top li.on {
    color: #3694EB; }
    .arrived-top li.on:before {
      border: 1px dashed #3694EB; }
    .arrived-top li.on .icon-task-on {
      background-position: center -2.3rem; }
    .arrived-top li.on .arrived-step {
      border-color: #3694EB; }
    .arrived-top li.on .arrived-nav-base:before {
      content: '';
      position: absolute;
      bottom: -1.0rem;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      width: 5.4rem;
      border-top: 2px solid #3694EB; }

.footer-menu {
  position: fixed;
  left: 0rem;
  bottom: 0rem;
  height: 0rem;
  width: 100%;
  height: 5.5rem;
  background-color: #fff;
  z-index: 999; }
  .footer-menu ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%; }
  .footer-menu li {
    width: 25%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    box-sizing: border-box;
    text-align: center;
    padding-top: .7rem; }
    .footer-menu li a {
      display: inline-block; }
    .footer-menu li h2 {
      font-size: 1.3rem;
      color: #999;
      height: 2.2rem;
      line-height: 2.2rem; }
  .footer-menu li.current h2 {
    color: #0082FB; }
  .footer-menu li.current .menu-index, .footer-menu li.current .menu-chat, .footer-menu li.current .menu-calendar, .footer-menu li.current .menu-user {
    background-position-y: -2.7rem; }

.recive-order {
  height: 19.5rem;
  background: transparent url("../images/recive-order.png") center no-repeat;
  background-size: 20.3rem 7.4rem; }

.plase-insert {
  background-color: #fff;
  padding: 0 .8rem;
  border-radius: .3rem;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.insert-base {
  padding: 1.1rem 0rem;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
  position: relative; }
  .insert-base input {
    width: 100%;
    box-sizing: border-box;
    padding-left: 6.0rem;
    height: 4.4rem;
    border: 0rem;
    outline: none; }
  .insert-base:last-child {
    box-shadow: none;
    border-bottom-width: 0; }

.insert-base-l {
  position: absolute;
  left: 0rem;
  top: 50%;
  -webkit-transform: translate(-0.8rem, -50%);
      -ms-transform: translate(-0.8rem, -50%);
          transform: translate(-0.8rem, -50%);
  width: 5.6rem;
  height: 3.8rem;
  line-height: 3.8rem;
  border-right: 1px solid #CECECE;
  pointer-events: none; }
  .insert-base-l i {
    margin-left: 2.0rem; }
  .insert-base-l span {
    margin-left: 1.0rem;
    color: #3694EB;
    font-size: 1.5rem; }

.insert-tl .insert-base-l {
  width: 6.4rem; }
.insert-tl input {
  padding-left: 6.8rem; }

.about-type-info {
  margin: 3.0rem 0 1.0rem;
  width: 100%;
  line-height: 2.0rem;
  text-align: center;
  font-size: 1.5rem;
  color: #999; }

.select-title {
  font-size: 1.3rem;
  color: #999;
  line-height: 1.9rem;
  padding-top: .1rem;
  position: relative; }

.insert-base-address {
  padding: .5rem 0rem; }
  .insert-base-address input {
    height: 3.0rem; }
  .insert-base-address .insert-base-l {
    height: 2.2rem;
    line-height: 2.2rem; }

.upload-idcode {
  padding: 1.0rem 0rem; }

.upload-idcode-area {
  height: 12.8rem;
  border-radius: .2rem;
  background-color: #EBEBEB;
  border: 1px dashed #CECECE;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #ccc;
  font-size: 1.5rem; }
  .upload-idcode-area img {
    max-width: 100%;
    max-height: 100%; }

.select-company {
  background-color: #fff;
  border-radius: .3rem;
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .select-company ul {
    padding-left: .8rem; }
    .select-company ul li {
      padding: 1.0rem 1.0rem 1.0rem 0rem;
      line-height: 2.0rem;
      box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2);
      color: #666;
      font-size: 1.5rem;
      box-sizing: border-box;
      position: relative; }
    .select-company ul .checkbox-default {
      left: auto;
      right: 0rem;
      margin-right: 0rem; }
    .select-company ul li:last-child {
      box-shadow: 0rem 0rem 0rem transparent; }
  .select-company input[type="text"] {
    font-size: 1.5rem;
    width: 100%; }
  .select-company .company-name {
    height: 2.0rem;
    width: 100%;
    border: 0rem;
    box-sizing: border-box;
    outline: none; }
  .select-company .time-tl-r .checkbox-default {
    right: auto;
    left: -3.0rem; }

.time-tl-blue {
  color: #3694EB;
  float: left; }

.select-blue {
  color: #3694EB; }

.time-tl-r {
  text-align: right;
  margin-left: 9.0rem;
  margin-right: 2.0rem; }
  .time-tl-r .icon-up, .time-tl-r .icon-down {
    right: 0rem; }

.time-type-r {
  margin-right: 0rem; }
  .time-type-r .work {
    vertical-align: .1rem;
    display: inline-block;
    position: relative; }

.select-date {
  padding-right: 2.0rem;
  position: relative;
  display: inline-block;
  width: 50%;
  box-sizing: border-box; }
  .select-date input[type="text"] {
    border: 0rem;
    width: 100%;
    text-align: right;
    max-width: 10.0rem;
    outline: none; }
  .select-date .icon-up, .select-date .icon-down {
    right: -.7rem;
    top: -.4rem; }

.work-day-last {
  margin: 2.5rem 0 1.0rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .work-day-last .btn-day {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 1.0rem; }
  .work-day-last a:last-child {
    margin-right: 0rem; }

.content.oder-list {
  padding: 9.3rem 1.0rem 11.4rem;
  box-sizing: border-box; }

.content.inset-content {
  padding: 4.4rem 1.0rem 11.4rem;
  box-sizing: border-box; }

.content.arrived-content {
  padding: 13.1rem 1.0rem 11.4rem;
  box-sizing: border-box; }

.content.top-content {
  padding: 4.5rem 0rem 11.4rem;
  margin-top: -.1rem; }

.content.oder-list.ios-content {
  padding-top: 11.3rem; }

.content.inset-content.ios-content {
  padding-top: 6.4rem; }

.content.arrived-content.ios-content {
  padding-top: 15.1rem; }

.content.arrived-content.ios-content {
  padding-top: 6.5rem; }

.contain-area {
  padding: 0rem 1.0rem; }

.oder-list-service {
  background-color: #fff;
  padding: 0 1.0rem;
  border-radius: .3rem;
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .oder-list-service-bd {
    border: none; }
    .oder-list-service-bd.bdt-dashed {
      border-top: 1px dashed #D7D7D7; }
    .oder-list-service-bd.bdm-dashed {
      border-bottom: 1px dashed #D7D7D7; }
  .oder-list-service .tl {
    font-size: 1.2rem;
    padding: .6rem 0rem;
    line-height: 1.8rem;
    box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.2); }
    .oder-list-service .tl span {
      color: #3694EB; }
  .oder-list-service .intro {
    padding-top: .5rem; }
    .oder-list-service .intro h3 {
      font-size: 1.3rem;
      color: #666;
      line-height: 2.0rem;
      max-width: 100%;
      padding: .5rem 0rem; }
  .oder-list-service .address {
    font-size: 1.2rem;
    padding: 0rem 0rem .5rem;
    color: #999; }
    .oder-list-service .address .fr {
      font-size: 1.3rem;
      color: #3694EB; }
  .oder-list-service .return-date-time {
    color: #999;
    font-size: 1.2rem;
    padding: .6rem;
    line-height: 1.8rem;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1); }
    .oder-list-service .return-date-time .evaluate {
      font-size: 0rem;
      line-height: 1.6rem;
      display: inline-block;
      vertical-align: top; }
      .oder-list-service .return-date-time .evaluate .icon-evaluate {
        font-size: 1.2rem;
        margin-right: .3rem; }

.insert-info-list {
  overflow: hidden; }
  .insert-info-list li {
    padding: .9rem 0rem;
    line-height: 2.0rem;
    font-size: 1.5rem;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); }
    .insert-info-list li .base-info-all {
      font-size: 1.2rem; }
  .insert-info-list li:last-child {
    border-bottom: none;
    box-shadow: none; }
  .insert-info-list .insert-info-l {
    float: left;
    color: #999;
    max-width: 10.0rem; }
    .insert-info-list .insert-info-l.color-black {
      color: #000; }
  .insert-info-list .insert-info-r {
    margin-left: 8.0rem;
    color: #333; }
    .insert-info-list .insert-info-r .select-name {
      position: relative;
      width: 100%;
      box-sizing: border-box;
      text-align: right;
      min-height: 1.7rem; }
      .insert-info-list .insert-info-r .select-name .icon-up, .insert-info-list .insert-info-r .select-name .icon-down {
        right: -1.0rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
      .insert-info-list .insert-info-r .select-name .icon-word, .insert-info-list .insert-info-r .select-name .icon-email {
        position: absolute;
        right: .4rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        color: #3694EB; }
      .insert-info-list .insert-info-r .select-name .icon-email {
        right: 3.8rem; }
      .insert-info-list .insert-info-r .select-name input[type="text"] {
        border: 0rem;
        outline: none;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding-right: 2.2rem;
        text-align: right;
        color: #333; }
    .insert-info-list .insert-info-r .all-info-bg {
      display: block;
      font-size: 1.2rem;
      padding: .5rem;
      border-radius: .3rem;
      background-color: #F4F4F4;
      color: #BCBCBC;
      text-align: left;
      height: 6.0rem;
      overflow-y: auto; }
    .insert-info-list .insert-info-r .insert {
      resize: none;
      width: 100%;
      box-sizing: border-box;
      height: 7.0rem; }
  .insert-info-list .task-description {
    width: 100%;
    height: 10.0rem;
    box-sizing: border-box;
    position: relative;
    background-color: #F4F4F4; }
    .insert-info-list .task-description textarea {
      width: 100%;
      height: 100%;
      padding: .5rem;
      box-sizing: border-box;
      resize: none;
      outline: none;
      background-color: #F4F4F4; }
    .insert-info-list .task-description .icon-voice-checked {
      position: absolute;
      bottom: .6rem;
      right: .5rem; }

.insert-info-datail .color-blue {
  color: #3694EB; }
.insert-info-datail .insert-info-r {
  margin-left: 7.5rem; }
  .insert-info-datail .insert-info-r .select-name {
    text-align: left;
    color: #333333;
    position: relative; }
    .insert-info-datail .insert-info-r .select-name.text-r {
      text-align: right; }
    .insert-info-datail .insert-info-r .select-name.text-c {
      text-align: center; }
    .insert-info-datail .insert-info-r .select-name .all-info {
      font-size: 1.5rem;
      display: inline-block;
      vertical-align: middle;
      max-width: 100%; }
    .insert-info-datail .insert-info-r .select-name .icon-phone, .insert-info-datail .insert-info-r .select-name .icon-note {
      position: absolute;
      right: .4rem;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
    .insert-info-datail .insert-info-r .select-name .icon-note {
      right: 4.0rem; }
.insert-info-datail .insert-info-arrived-r {
  margin-left: 5.0rem; }
.insert-info-datail .icon-refresh {
  border-radius: .4rem;
  right: 0rem; }

.arrived-add-img {
  padding: .5rem;
  background-color: #fff;
  border-radius: .3rem; }
  .arrived-add-img .insert-img li {
    float: left;
    width: 20%;
    box-sizing: border-box;
    margin: .5rem 0rem;
    padding: 0 .5rem; }
    .arrived-add-img .insert-img li .img-area {
      position: relative; }
      .arrived-add-img .insert-img li .img-area:before {
        content: '';
        display: block;
        width: 100%;
        padding-top: 100%; }
    .arrived-add-img .insert-img li img {
      max-width: 95%;
      max-height: 95%;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      border-radius: .4rem; }
    .arrived-add-img .insert-img li .add-img-select {
      width: 95%;
      height: 95%;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      border: 1px solid #3694EB;
      cursor: pointer;
      border-radius: .4rem; }
      .arrived-add-img .insert-img li .add-img-select:before, .arrived-add-img .insert-img li .add-img-select:after {
        content: '';
        width: 29px;
        height: 1px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        background-color: #3694EB; }
      .arrived-add-img .insert-img li .add-img-select:after {
        width: 1px;
        height: 29px; }
      .arrived-add-img .insert-img li .add-img-select input[type="file"] {
        visibility: hidden;
        width: 100%; }

.arrived-add-aptitude {
  padding: 1.5rem .5rem .5rem;
  margin-left: 1.0rem;
  border-top: 1px solid #CECECE; }

.arrived-add-aptitude-bd {
  border: 1px solid transparent;
  padding-top: .5rem;
  margin-left: 0rem; }

.arrived-sign {
  width: 33.8%;
  height: 33.8%;
  display: block;
  margin: 5.3rem auto 0;
  background-size: 3.0rem 3.0rem; }
  .arrived-sign img {
    max-width: 100%;
    margin: 0 auto; }

.title-top-work {
  height: 4.5rem;
  line-height: 4.5rem;
  background-color: #fff;
  font-size: 1.5rem;
  padding-left: 1.0rem; }

.start-execution {
  padding: .9rem 1.0rem 1.0rem;
  background-color: #fff;
  border-radius: .3rem;
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .start-execution .execution-step {
    font-size: 1.2rem; }
  .start-execution .execution-tl {
    font-size: 1.3rem;
    color: #333; }
  .start-execution .task-description {
    width: 100%;
    height: 10.0rem;
    box-sizing: border-box;
    position: relative;
    background-color: #F4F4F4; }
    .start-execution .task-description textarea {
      width: 100%;
      height: 100%;
      padding: .5rem;
      box-sizing: border-box;
      resize: none;
      outline: none;
      background-color: #F4F4F4;
      font-size: 1.3rem; }
    .start-execution .task-description .icon-voice-checked {
      position: absolute;
      bottom: .6rem;
      right: .5rem; }

.sign-company-tl {
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #999999; }

.title-top-work-sign {
  width: 5.5rem;
  height: 2.3rem;
  line-height: 2.3rem;
  text-align: center;
  float: right;
  border-radius: 2.3rem;
  margin: 1.1rem 1.0rem 0rem 0rem; }

.execution-task-over {
  font-size: 1.3rem;
  line-height: 1.8rem;
  padding: .8rem 0rem 1.4rem;
  box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2); }

.task-over-complete {
  font-size: 1.5rem;
  color: #333; }
  .task-over-complete .tl {
    font-size: 1.5rem; }
    .task-over-complete .tl.font12 {
      font-size: 1.2rem; }
    .task-over-complete .tl.font10 {
      font-size: 1.0rem; }
    .task-over-complete .tl.font14 {
      font-size: 1.4rem; }
  .task-over-complete p {
    line-height: 2.1rem; }
    .task-over-complete p i {
      vertical-align: -.3rem; }

.user-safe-password {
  padding: 1.0rem;
  background-color: #fff;
  border-radius: .3rem; }
  .user-safe-password .tl {
    font-size: 1.2rem;
    color: #999; }
  .user-safe-password input[type="text"] {
    font-size: 1.3rem;
    border: 1px solid #CECECE;
    width: 100%;
    height: 2.7rem;
    padding-left: 1.0rem;
    box-sizing: border-box; }

.my-index {
  margin: 2.0rem 2.0rem 1.0rem; }
  .my-index-list {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: .3rem; }
    .my-index-list li {
      float: left;
      width: 50%;
      box-sizing: border-box;
      height: 13.0rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      .my-index-list li.bdm {
        box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2); }
      .my-index-list li.bdm.bdr {
        box-shadow: 1px 0 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px -1px rgba(0, 0, 0, 0.2); }
      .my-index-list li .img {
        width: 4.0rem;
        height: 4.0rem;
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        .my-index-list li .img img {
          max-width: 100%;
          max-height: 100%; }
        .my-index-list li .img.img-min img {
          max-width: 85%;
          max-height: 85%; }
      .my-index-list li p {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center; }

.my-index-info {
  margin: 0 2.0rem; }
  .my-index-info-tl {
    font-size: 1.5rem;
    line-height: 3.2rem;
    color: #999; }
  .my-index-info-notice {
    background-color: #fff;
    border-radius: .3rem; }
    .my-index-info-notice .icon-notice {
      margin: .8rem 0 0 .5rem; }
    .my-index-info-notice .new {
      font-size: 1.3rem;
      padding-top: .5rem;
      line-height: 1.8rem; }

.new-enginee {
  padding: .8rem 1.5rem;
  background-color: #fff; }
  .new-enginee p {
    line-height: 2.5rem;
    font-size: 1.5rem; }

.new-enginee-list {
  background-color: #fff;
  padding: 1.0rem 0 1.0rem 1.0rem;
  border-radius: .3rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: relative; }
  .new-enginee-list-l {
    float: left;
    overflow: hidden; }
    .new-enginee-list-l .brief-img {
      width: 6.0rem;
      height: 6.0rem; }
      .new-enginee-list-l .brief-img img {
        width: 100%; }
  .new-enginee-list-r {
    margin-left: 7.0rem;
    font-size: 1.2rem; }
    .new-enginee-list-r .tl-name {
      line-height: 2.6rem;
      font-size: 1.2rem;
      border-bottom: 1px solid  #D7D7D7; }
    .new-enginee-list-r .tl-intro {
      line-height: 1.6rem;
      margin-top: .6rem;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; }
    .new-enginee-list-r .certificate {
      position: relative;
      padding-left: 2.0rem;
      line-height: 2.0rem; }
      .new-enginee-list-r .certificate .icon-aptitude {
        left: 0rem; }

.content.oder-list {
  padding: 9.3rem 1.0rem 11.4rem;
  box-sizing: border-box; }

.content.inset-content {
  padding: 4.4rem 1.0rem 11.4rem;
  box-sizing: border-box; }

.content.arrived-content {
  padding: 13.1rem 1.0rem 11.4rem;
  box-sizing: border-box; }

.content.top-content {
  padding: 0rem 0rem 11.4rem;
  margin-top: -.1rem; }

.content.oder-list.ios-content {
  padding-top: 11.3rem; }

.content.inset-content.ios-content {
  padding-top: 6.4rem; }

.content.arrived-content.ios-content {
  padding-top: 15.1rem; }

.content.arrived-content.ios-content {
  padding-top: 6.5rem; }

.contain-area {
  padding: 0rem 1.0rem; }

.oder-list-service {
  background-color: #fff;
  padding: 0 1.0rem;
  border-radius: .3rem;
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .oder-list-service-bd {
    border: none; }
    .oder-list-service-bd.bdt-dashed {
      border-top: 1px dashed #D7D7D7; }
    .oder-list-service-bd.bdm-dashed {
      border-bottom: 1px dashed #D7D7D7; }
  .oder-list-service .tl {
    font-size: 1.2rem;
    padding: .6rem 0rem;
    line-height: 1.8rem;
    box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.2); }
    .oder-list-service .tl span {
      color: #3694EB; }
  .oder-list-service .intro {
    padding-top: .5rem; }
    .oder-list-service .intro h3 {
      font-size: 1.3rem;
      color: #666;
      line-height: 2.0rem;
      max-width: 100%;
      padding: .5rem 0rem; }
  .oder-list-service .address {
    font-size: 1.2rem;
    padding: 0rem 0rem .5rem;
    color: #999; }
    .oder-list-service .address .fr {
      font-size: 1.3rem;
      color: #3694EB; }
  .oder-list-service .return-date-time {
    color: #999;
    font-size: 1.2rem;
    padding: .6rem;
    line-height: 1.8rem;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1); }
    .oder-list-service .return-date-time .evaluate {
      font-size: 0rem;
      line-height: 1.6rem;
      display: inline-block;
      vertical-align: top; }
      .oder-list-service .return-date-time .evaluate .icon-evaluate {
        font-size: 1.2rem;
        margin-right: .3rem; }

.insert-info-list {
  overflow: hidden; }
  .insert-info-list li {
    padding: .9rem 0rem;
    line-height: 2.0rem;
    font-size: 1.5rem;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); }
    .insert-info-list li .base-info-all {
      font-size: 1.2rem; }
  .insert-info-list li:last-child {
    border-bottom: none;
    box-shadow: none; }
  .insert-info-list .insert-info-l {
    float: left;
    color: #999;
    max-width: 10.0rem; }
    .insert-info-list .insert-info-l.color-black {
      color: #000; }
  .insert-info-list .insert-info-r {
    margin-left: 8.0rem;
    color: #333; }
    .insert-info-list .insert-info-r .select-name {
      position: relative;
      width: 100%;
      box-sizing: border-box;
      text-align: right;
      min-height: 1.7rem; }
      .insert-info-list .insert-info-r .select-name .icon-up, .insert-info-list .insert-info-r .select-name .icon-down {
        right: -1.0rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
      .insert-info-list .insert-info-r .select-name .icon-word, .insert-info-list .insert-info-r .select-name .icon-email {
        position: absolute;
        right: .4rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        color: #3694EB; }
      .insert-info-list .insert-info-r .select-name .icon-email {
        right: 3.8rem; }
      .insert-info-list .insert-info-r .select-name input[type="text"] {
        border: 0rem;
        outline: none;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding-right: 2.2rem;
        text-align: right;
        color: #333; }
    .insert-info-list .insert-info-r .all-info-bg {
      display: block;
      font-size: 1.2rem;
      padding: .5rem;
      border-radius: .3rem;
      background-color: #F4F4F4;
      color: #BCBCBC;
      text-align: left;
      height: 6.0rem;
      overflow-y: auto; }
    .insert-info-list .insert-info-r .insert {
      resize: none;
      width: 100%;
      box-sizing: border-box;
      height: 7.0rem; }
  .insert-info-list .task-description {
    width: 100%;
    height: 10.0rem;
    box-sizing: border-box;
    position: relative;
    background-color: #F4F4F4; }
    .insert-info-list .task-description textarea {
      width: 100%;
      height: 100%;
      padding: .5rem;
      box-sizing: border-box;
      resize: none;
      outline: none;
      background-color: #F4F4F4; }
    .insert-info-list .task-description .icon-voice-checked {
      position: absolute;
      bottom: .6rem;
      right: .5rem; }

.insert-info-datail .color-blue {
  color: #3694EB; }
.insert-info-datail .insert-info-r {
  margin-left: 7.5rem; }
  .insert-info-datail .insert-info-r .select-name {
    text-align: left;
    color: #333333;
    position: relative; }
    .insert-info-datail .insert-info-r .select-name.text-r {
      text-align: right; }
    .insert-info-datail .insert-info-r .select-name.text-c {
      text-align: center; }
    .insert-info-datail .insert-info-r .select-name .all-info {
      font-size: 1.5rem;
      display: inline-block;
      vertical-align: middle;
      max-width: 100%; }
    .insert-info-datail .insert-info-r .select-name .icon-phone, .insert-info-datail .insert-info-r .select-name .icon-note {
      position: absolute;
      right: .4rem;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
    .insert-info-datail .insert-info-r .select-name .icon-note {
      right: 4.0rem; }
.insert-info-datail .insert-info-arrived-r {
  margin-left: 5.0rem; }
.insert-info-datail .icon-refresh {
  border-radius: .4rem;
  right: 0rem; }

.arrived-add-img {
  padding: .5rem;
  background-color: #fff;
  border-radius: .3rem; }
  .arrived-add-img .insert-img li {
    float: left;
    width: 20%;
    box-sizing: border-box;
    margin: .5rem 0rem;
    padding: 0 .5rem; }
    .arrived-add-img .insert-img li .img-area {
      position: relative; }
      .arrived-add-img .insert-img li .img-area:before {
        content: '';
        display: block;
        width: 100%;
        padding-top: 100%; }
    .arrived-add-img .insert-img li img {
      max-width: 95%;
      max-height: 95%;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      border-radius: .4rem; }
    .arrived-add-img .insert-img li .add-img-select {
      width: 95%;
      height: 95%;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      border: 1px solid #3694EB;
      cursor: pointer;
      border-radius: .4rem; }
      .arrived-add-img .insert-img li .add-img-select:before, .arrived-add-img .insert-img li .add-img-select:after {
        content: '';
        width: 29px;
        height: 1px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        background-color: #3694EB; }
      .arrived-add-img .insert-img li .add-img-select:after {
        width: 1px;
        height: 29px; }
      .arrived-add-img .insert-img li .add-img-select input[type="file"] {
        visibility: hidden;
        width: 100%; }

.arrived-add-aptitude {
  padding: 1.5rem .5rem .5rem;
  margin-left: 1.0rem;
  border-top: 1px solid #CECECE; }

.arrived-add-aptitude-bd {
  border: 1px solid transparent;
  padding-top: .5rem;
  margin-left: 0rem; }

.arrived-sign {
  width: 33.8%;
  height: 33.8%;
  display: block;
  margin: 5.3rem auto 0;
  background-size: 3.0rem 3.0rem; }
  .arrived-sign img {
    max-width: 100%;
    margin: 0 auto; }

.title-top-work {
  height: 4.5rem;
  line-height: 4.5rem;
  background-color: #fff;
  font-size: 1.5rem;
  padding-left: 1.0rem; }

.start-execution {
  padding: .9rem 1.0rem 1.0rem;
  background-color: #fff;
  border-radius: .3rem;
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .start-execution .execution-step {
    font-size: 1.2rem; }
  .start-execution .execution-tl {
    font-size: 1.3rem;
    color: #333; }
  .start-execution .task-description {
    width: 100%;
    height: 10.0rem;
    box-sizing: border-box;
    position: relative;
    background-color: #F4F4F4; }
    .start-execution .task-description textarea {
      width: 100%;
      height: 100%;
      padding: .5rem;
      box-sizing: border-box;
      resize: none;
      outline: none;
      background-color: #F4F4F4;
      font-size: 1.3rem; }
    .start-execution .task-description .icon-voice-checked {
      position: absolute;
      bottom: .6rem;
      right: .5rem; }

.sign-company-tl {
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #999999; }

.title-top-work-sign {
  width: 5.5rem;
  height: 2.3rem;
  line-height: 2.3rem;
  text-align: center;
  float: right;
  border-radius: 2.3rem;
  margin: 1.1rem 1.0rem 0rem 0rem; }

.execution-task-over {
  font-size: 1.3rem;
  line-height: 1.8rem;
  padding: .8rem 0rem 1.4rem;
  box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2); }

.task-over-complete {
  font-size: 1.5rem;
  color: #333; }
  .task-over-complete .tl {
    font-size: 1.5rem; }
    .task-over-complete .tl.font12 {
      font-size: 1.2rem; }
    .task-over-complete .tl.font10 {
      font-size: 1.0rem; }
    .task-over-complete .tl.font14 {
      font-size: 1.4rem; }
  .task-over-complete p {
    line-height: 2.1rem; }
    .task-over-complete p i {
      vertical-align: -.3rem; }

.user-safe-password {
  padding: 1.0rem;
  background-color: #fff;
  border-radius: .3rem; }
  .user-safe-password .tl {
    font-size: 1.2rem;
    color: #999; }
  .user-safe-password input[type="text"] {
    font-size: 1.3rem;
    border: 1px solid #CECECE;
    width: 100%;
    height: 2.7rem;
    padding-left: 1.0rem;
    box-sizing: border-box; }

.my-index {
  margin: 2.0rem 2.0rem 1.0rem; }
  .my-index-list {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: .3rem; }
    .my-index-list li {
      float: left;
      width: 50%;
      box-sizing: border-box;
      height: 13.0rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      .my-index-list li.bdm {
        box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2); }
      .my-index-list li.bdm.bdr {
        box-shadow: 1px 0 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px -1px rgba(0, 0, 0, 0.2); }
      .my-index-list li .img {
        width: 4.0rem;
        height: 4.0rem;
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        .my-index-list li .img img {
          max-width: 100%;
          max-height: 100%; }
        .my-index-list li .img.img-min img {
          max-width: 85%;
          max-height: 85%; }
      .my-index-list li p {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center; }

.my-index-info {
  margin: 0 2.0rem; }
  .my-index-info-tl {
    font-size: 1.5rem;
    line-height: 3.2rem;
    color: #999; }
  .my-index-info-notice {
    background-color: #fff;
    border-radius: .3rem; }
    .my-index-info-notice .icon-notice {
      margin: .8rem 0 0 .5rem; }
    .my-index-info-notice .new {
      font-size: 1.3rem;
      padding-top: .5rem;
      line-height: 1.8rem; }

.new-enginee {
  padding: .8rem 1.5rem;
  background-color: #fff; }
  .new-enginee p {
    line-height: 2.5rem;
    font-size: 1.5rem; }

.new-enginee-list {
  background-color: #fff;
  padding: 1.0rem 0 1.0rem 1.0rem;
  border-radius: .3rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: relative; }
  .new-enginee-list-l {
    float: left;
    overflow: hidden; }
    .new-enginee-list-l .brief-img {
      width: 6.0rem;
      height: 6.0rem; }
      .new-enginee-list-l .brief-img img {
        width: 100%; }
  .new-enginee-list-r {
    margin-left: 7.0rem;
    font-size: 1.2rem; }
    .new-enginee-list-r .tl-name {
      line-height: 2.6rem;
      font-size: 1.2rem;
      border-bottom: 1px solid  #D7D7D7; }
    .new-enginee-list-r .tl-intro {
      line-height: 1.6rem;
      margin-top: .6rem;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; }
    .new-enginee-list-r .certificate {
      position: relative;
      padding-left: 2.0rem;
      line-height: 2.0rem; }
      .new-enginee-list-r .certificate .icon-aptitude {
        left: 0rem; }

.aptitude-condition-list {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: none; }
  .aptitude-condition-list li {
    color: #333333;
    line-height: 4.5rem;
    padding-left: 4.2rem;
    box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2);
    font-size: 1.5rem;
    position: relative; }
    .aptitude-condition-list li .icon-my-users, .aptitude-condition-list li .icon-my-change, .aptitude-condition-list li .icon-my-company {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      left: 1.6rem; }
  .aptitude-condition-list .last {
    border-bottom: 0;
    box-shadow: none; }
  .aptitude-condition-list li:last-child {
    border-bottom: 0;
    box-shadow: none; }
  .aptitude-condition-list .decan-pl {
    padding: 0;
    line-height: 2.0rem; }
    .aptitude-condition-list .decan-pl .right-cusp {
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }

.right-cusp {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 3.0rem;
  height: 4.4rem; }
  .right-cusp:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
    width: .8rem;
    height: .8rem;
    border-bottom: 1px solid #D8D8D8;
    border-right: 1px solid #D8D8D8; }

.bottom-menu .current-before:before {
  content: "";
  width: 0;
  height: 0; }

.aptitude-add {
  background-color: #fff;
  border-radius: .3rem; }

.aptitude-add-select {
  padding: 1.0rem 1.0rem 1.0rem 0;
  margin-left: 1.0rem;
  font-size: 1.5rem;
  box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2); }
  .aptitude-add-select .aptitude-list {
    height: 2.7rem;
    line-height: 2.7rem;
    border: 1px solid #CECECE;
    position: relative;
    color: #333; }
    .aptitude-add-select .aptitude-list h2 {
      font-size: 1.5rem;
      padding-left: 1.0rem; }
    .aptitude-add-select .aptitude-list .icon-up, .aptitude-add-select .aptitude-list .icon-down {
      position: absolute;
      top: 0rem;
      right: 0rem; }
    .aptitude-add-select .aptitude-list ul {
      padding-left: 1.0rem;
      background-color: #fff; }
      .aptitude-add-select .aptitude-list ul li {
        line-height: 2.7rem; }

.aptitude-step {
  line-height: 4.5rem;
  background-color: #fff;
  text-align: center;
  font-size: 1.5rem;
  color: #333;
  border-radius: .2rem; }
  .aptitude-step span {
    vertical-align: middle;
    display: inline-block; }
  .aptitude-step .icon-new-add {
    margin-right: 1.0rem; }

.brief {
  padding: 1.6rem 0 1.3rem 1.5rem; }
  .brief .brief-img {
    width: 6.0rem;
    height: 6.0rem;
    border: 1px solid #ededed;
    border-radius: .2rem;
    float: left;
    margin-right: 1.0rem;
    overflow: hidden; }
    .brief .brief-img img {
      width: 100%; }
  .brief .name {
    font-size: 1.5rem;
    color: #333; }
  .brief .word-post {
    color: #999;
    font-size: 1.3rem; }
  .brief .company-name {
    font-size: 1.3rem; }

.finance-content-list {
  width: 100%;
  background-color: #fff; }
  .finance-content-list li {
    padding: 2.0rem 0 1.0rem 0;
    display: -webkit-box;
    text-align: center;
    color: #3694EB;
    position: relative;
    border-bottom: #CECECE 1px solid; }
    .finance-content-list li .finance-content-detail {
      -webkit-box-flex: 1; }
      .finance-content-list li .finance-content-detail p {
        line-height: 2.5rem; }
      .finance-content-list li .finance-content-detail .finance-content-number {
        font-size: 1.8rem; }
      .finance-content-list li .finance-content-detail .finance-content-text {
        font-size: 1.3rem;
        color: #999; }
    .finance-content-list li .last-week {
      font-size: 1.0rem;
      position: absolute;
      top: .5rem;
      left: 1.0rem; }
    .finance-content-list li:before, .finance-content-list li:after {
      content: "";
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      height: 2.5rem; }
    .finance-content-list li:before {
      left: 33.333%;
      border-right: 1px solid #CECECE; }
    .finance-content-list li:after {
      border-left: 1px solid #CECECE;
      right: 33.333%; }
  .finance-content-list .last {
    border-color: rgba(0, 0, 0, 0.1); }

.content.chat-p {
  padding: 0 0 10.8rem 0; }

.chat-content {
  width: 100%;
  height: 100%;
  padding: 3.0rem 1.0rem;
  box-sizing: border-box; }
  .chat-content .user-img {
    width: 4.0rem;
    height: 4.0rem;
    line-height: 4.0rem;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    overflow: hidden; }
    .chat-content .user-img img {
      max-width: 100%;
      max-height: 100%; }
  .chat-content .chat-content-left {
    width: 100%;
    margin-bottom: 2.0rem; }
    .chat-content .chat-content-left .user-img {
      float: left; }
    .chat-content .chat-content-left .dialog-box {
      margin: 0 10.8rem 0 5.0rem; }
      .chat-content .chat-content-left .dialog-box .dialog-box-content {
        display: inline-block;
        min-height: 4.0rem;
        max-width: 100%;
        min-width: 0;
        padding: .8rem;
        background: #fff;
        border-radius: .5rem;
        word-break: break-all;
        box-sizing: border-box;
        font-size: 1.5rem;
        line-height: 2.1rem;
        color: #333;
        position: relative; }
        .chat-content .chat-content-left .dialog-box .dialog-box-content:before {
          content: "";
          position: absolute;
          top: 1.5rem;
          left: -.3rem;
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg);
          width: .6rem;
          height: .6rem;
          background: #fff; }
  .chat-content .chat-content-right .user-img {
    float: right; }
  .chat-content .chat-content-right .dialog-box {
    margin: 0 5.0rem 0 10.8rem;
    text-align: right; }
    .chat-content .chat-content-right .dialog-box .dialog-box-content {
      background: #95CCFE;
      padding: .8rem;
      box-sizing: border-box; }
      .chat-content .chat-content-right .dialog-box .dialog-box-content:before {
        top: 1.5rem;
        left: auto;
        right: -.3rem;
        background: #95CCFE; }
      .chat-content .chat-content-right .dialog-box .dialog-box-content span {
        display: inline-block;
        text-align: left; }
    .chat-content .chat-content-right .dialog-box .dialog-box-content-pt {
      padding: .7rem .8rem .9rem 1.0rem; }

.reminder {
  text-align: center;
  color: #fff;
  border-radius: .3rem;
  margin: 1.0rem 0 2.0rem 0; }
  .reminder p {
    line-height: 1.8rem;
    padding: .2rem 1.0rem;
    font-size: 1.2rem; }

.current-time {
  width: 4.3rem;
  margin: 0 auto;
  background: #CBCBCB;
  border-radius: .2rem; }

.message {
  width: 100%;
  background: #CBCBCB;
  margin: 0; }

.bottom-menu-delete li:first-child:before {
  content: "";
  width: 0;
  height: 0; }

.h53 {
  height: 5.3rem;
  line-height: 5.3rem; }

.bottom-menu .current-left {
  text-align: left;
  width: 100%;
  padding: 0 9.6rem 0 1.0rem;
  box-sizing: border-box;
  font-size: 0;
  position: relative; }
  .bottom-menu .current-left .import-text {
    width: 100%;
    height: 3.3rem;
    border: #CECECE 1px solid;
    background-color: #F1F1F1;
    line-height: 3.3rem;
    border-radius: .4rem;
    padding-left: 1.0rem;
    box-sizing: border-box;
    font-size: 1.4rem;
    vertical-align: middle; }
  .bottom-menu .current-left .icon-voice {
    position: absolute;
    top: 50%;
    right: 1.0rem;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: inline-block;
    width: 3.3rem;
    height: 3.3rem;
    background: url(../images/icon-voice-default.png) no-repeat;
    background-size: 3.3rem 3.3rem;
    font-size: 1.2rem; }
  .bottom-menu .current-left .icon-add {
    right: 5.3rem;
    background: url(../images/icon-add.png) no-repeat;
    background-size: 3.3rem 3.3rem; }

  .bottom-menu .current-left .icon-send {
    position: absolute;
    top: 50%;
    right: 1.0rem;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: inline-block;
    width: 3.3rem;
    height: 3.3rem;
    background: url(../images/send.png) no-repeat;
    background-size: 3.3rem 3.3rem;
    font-size: 1.2rem; }
  .bottom-menu .current-left .icon-add {
    right: 5.3rem;
    background: url(../images/icon-add.png) no-repeat;
    background-size: 3.3rem 3.3rem; }    


.search-bar {
  height: 2.6rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: .3rem;
  position: relative; }
  .search-bar .icon-search {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-170%, -50%);
        -ms-transform: translate(-170%, -50%);
            transform: translate(-170%, -50%); }
  .search-bar input[type="text"] {
    width: 100%;
    height: 100%;
    line-height: 2.6rem;
    font-size: 1.0rem;
    background-color: transparent; }

.top-history-task {
  background-color: #fff;
  font-size: 1.5rem;
  border: 1px solid transparent; }
  .top-history-task .date-base {
    width: 100%;
    height: 100%;
    background-color: #F4F4F4;
    padding-left: 1.8rem;
    box-sizing: border-box; }
  .top-history-task .date-select {
    padding: 1.5rem 1.5rem 1.0rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .top-history-task .date-select .date-center {
      width: 5.2rem;
      height: 4.0rem;
      line-height: 4.0rem;
      text-align: center;
      position: absolute;
      right: 0rem;
      top: 0rem;
      -webkit-transform: translateX(50%);
          -ms-transform: translateX(50%);
              transform: translateX(50%); }
    .top-history-task .date-select .icon-date {
      position: absolute;
      top: 50%;
      right: .5rem;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .top-history-task .date-select-l, .top-history-task .date-select-r {
    width: 50%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 4.0rem;
    line-height: 4.0rem;
    box-sizing: border-box;
    position: relative; }
  .top-history-task .date-select-l {
    padding-right: 2.6rem; }
    .top-history-task .date-select-l .icon-date {
      right: 3.0rem; }
  .top-history-task .date-select-r {
    width: 50%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 2.6rem; }
  .top-history-task .data-search {
    line-height: 4.4rem;
    height: 4.4rem;
    text-align: center;
    cursor: pointer;
    margin: 0 1.0rem;
    border-top: 1px solid #CECECE;
    box-sizing: border-box; }

.line-date {
  position: relative;
  height: 2.0rem;
  line-height: 2.0rem; }
  .line-date:before {
    content: '';
    display: block;
    width: 105%;
    height: 1px;
    border-top: 1px solid #3694EB;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .line-date span {
    padding: 0 1.0rem;
    font-size: 1.3rem;
    background-color: #F0F0F0;
    color: #3694EB;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

.white-wrap {
  background-color: #fff; }

.ico {
  display: inline-block; }

.ico-return {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

.hd-return {
  padding-left: 1.4rem;
  float: left; }

.hd-return-text {
  color: #F9FFEA;
  font-size: 1.7rem;
  font-family: 'simsun'; }

.header .hd-title-ml {
  border-left: none;
  margin-left: 0;
  margin: 0 9.0rem;
  text-align: center;
  font-size: 1.9rem;
  color: #F9FFEA; }

.hd-select {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding-right: 1.4rem;
  font-family: 'simsun'; }

.hd-spot {
  display: inline-block;
  width: .8rem;
  height: .8rem;
  background-color: #fff;
  border-radius: 50%; }

.spot-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: box;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  height: 20.0rem; }
  .spot-content .spot-role {
    width: 100%;
    border-radius: .4rem;
    text-align: center;
    color: #999; }
    .spot-content .spot-role .role-img {
      display: inline-block;
      width: 6.0rem;
      height: 6.0rem;
      background: url(../images/icon-boss.png) 0 0 no-repeat;
      background-size: 6.0rem 6.0rem; }
      .spot-content .spot-role .role-img-gcs {
        background-image: url(../images/icon-gcs.png); }
    .spot-content .spot-role .role-call {
      display: block; }

.content.top-content2 {
  padding: 4.4rem 0rem 11.4rem; }

.distribute-payment {
  line-height: 4.0rem;
  height: 4.0rem;
  background-color: #3694EB;
  text-align: center; }
  .distribute-payment .payment-text {
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #FFFFFF;
    font-family: 'simsun'; }

.order-wrap {
  background-color: #fff; }
  .order-wrap .order-content {
    padding-bottom: 1.0rem;
    border-bottom: 1px dashedd #CFCFCF;
    overflow: hidden; }
    .order-wrap .order-content .order-fill {
      line-height: 3.0rem;
      font-size: 1.5rem; }
      .order-wrap .order-content .order-fill .content-left {
        width: 10.0rem;
        font-size: 1.5rem;
        color: #999;
        float: left; }
      .order-wrap .order-content .order-fill .content-right {
        margin-left: 9.0rem; }
      .order-wrap .order-content .order-fill .time {
        margin-left: 10px; }
  .order-wrap .insert-info-list li.bdm-dashed {
    border-bottom-style: dashed;
    box-shadow: none; }
  .order-wrap .insert-info-list li.account {
    padding: .5rem 0; }
  .order-wrap .insert-info-list .insert-info-l {
    max-width: 20.0rem; }
  .order-wrap .insert-info-list .insert-info-r {
    margin-left: 12.0rem; }
  .order-wrap .door-cost {
    height: 4.8rem;
    line-height: 4.8rem;
    box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2); }

.top-edit-pc {
  height: 3.6rem;
  line-height: 3.6rem;
  text-align: center;
  font-size: 1.3rem;
  background-color: #FFF2BB;
  color: #D4973F;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 0; }

.new-fixture-need {
  background-color: #fff;
  border-radius: 0 0 .3rem .3rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 0;
  overflow: hidden; }
  .new-fixture-need .tl {
    font-style: normal;
    font-size: 1.5rem;
    color: #999999;
    line-height: 1.8rem; }
  .new-fixture-need .tl.color-blue {
    color: #3694EB; }
  .new-fixture-need-article {
    border: 1px solid transparent; }
    .new-fixture-need-article .need {
      height: 9.0rem;
      border: 1px solid rgba(0, 0, 0, 0.1);
      padding: 1.0rem; }
      .new-fixture-need-article .need textarea {
        border: none;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        outline: none;
        resize: none;
        font-size: 1.3rem; }
    .new-fixture-need-article .oder-list-service {
      border: none;
      padding: 0; }
    .new-fixture-need-article .price-area .insert-info-r {
      margin-left: 9.0rem; }
    .new-fixture-need-article .price-area .price {
      width: 50%;
      padding-right: 1.0rem;
      padding-bottom: 1.0rem;
      box-sizing: border-box;
      font-size: 1.3rem;
      cursor: pointer; }
      .new-fixture-need-article .price-area .price > span {
        display: block;
        height: 3.0rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        background-color: #F3F3F3;
        border-radius: .3rem; }
      .new-fixture-need-article .price-area .price:nth-child(2n) {
        margin-right: 0; }
      .new-fixture-need-article .price-area .price.current > span {
        background-color: #3694EB;
        color: #fff; }

.new-cash {
  background-color: #fff; }
  .new-cash .cash-value {
    position: absolute;
    right: 0rem;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #F3F3F3;
    border-radius: .3rem; }
    .new-cash .cash-value-num {
      float: left;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      height: 3.0rem;
      font-size: 1.3rem;
      line-height: 3.0rem;
      border: solid #EDEDED;
      border-width: 1px 0 1px 1px;
      border-left-color: rgba(0, 0, 0, 0.1);
      cursor: pointer; }
      .new-cash .cash-value-num:first-child {
        border-right-width: 1px;
        border-left-color: #EDEDED; }
      .new-cash .cash-value-num:last-child {
        border-right-width: 1px; }
      .new-cash .cash-value-num.on {
        background-color: #3694EB;
        border-color: #3694EB;
        color: #fff; }
  .new-cash .insert-info-list li {
    padding: 1.4rem 0; }

.new-order-track-title .star-rated {
  float: left; }

.new-ticket-order-date {
  height: 3.0rem;
  line-height: 3.0rem;
  padding-left: 1.0rem; }
.new-ticket-order-list {
  background-color: #fff; }
  .new-ticket-order-list li {
    box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2);
    padding: .5rem 0rem .5rem 1.0rem; }
    .new-ticket-order-list li p.base {
      line-height: 2.0rem; }

.new-service {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }
  .new-service-tl {
    font-size: 1.5rem; }
  .new-service-list li {
    float: left;
    width: 33.333%;
    height: 4.0rem;
    padding-right: 1.5rem;
    padding-top: 1.0rem;
    box-sizing: border-box;
    cursor: auto; }
    .new-service-list li:nth-child(3n) {
      padding-right: 0; }
    .new-service-list li .name {
      height: 100%;
      width: 100%;
      box-sizing: border-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: center;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      background-color: #f3f3f3;
      border-radius: .3rem;
      border: 1px solid #EDEDED;
      font-size: 1.0rem;
      line-height: 1.4rem; }
    .new-service-list li.current .name {
      background-color: #3694EB;
      border-color: #3694EB;
      color: #fff; }

.new-pay-success {
  padding: 1.8rem 0;
  color: #5FB93A; }

.new-payment-details {
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .new-payment-details .payment-company {
    word-break: break-all; }
  .new-payment-details .payment-price {
    font-size: 3.6rem; }
  .new-payment-details .oder-list-service-pay {
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .new-payment-details .insert-info-list li.pay-details {
    padding: .4rem 0; }

.pc-header {
  width: 37.6rem;
  margin: 0 auto;
  left: 50%;
  margin-left: -18.8rem; }

.pc-wrap {
  margin: 4.4rem auto 0;
  border: 1px solid transparent; }

.edit-position {
  padding: 0 2.0rem; }
  .edit-position .pc-uide {
    padding-top: 3.3rem; }
    .edit-position .pc-uide .uide-text > span {
      line-height: 2.2rem; }
    .edit-position .pc-uide span {
      display: block;
      font-size: 1.6rem;
      color: #666666;
      text-align: center;
      line-height: 1.8rem;
      text-align: center; }
  .edit-position .pc-img {
    width: 24.1rem;
    height: 20.0rem;
    background: url(../images/pc.png) 0 0 no-repeat;
    background-size: 24.1rem 20.0rem;
    margin: 0 auto; }
  .edit-position .btn-bg-blue {
    width: 100%;
    text-align: center;
    cursor: pointer; }

.pc-orde-details .btn-bg-blue {
  width: 90%;
  margin: 4.7rem auto 0; }

.header-edit-pc {
  height: 60px;
  background-color: white; }
  .header-edit-pc-logo {
   	/**width: 204px;
    height: 54px;**/
    margin-left: 90px;
    background: url(../images/new-log.png) left center no-repeat;
    /**background-size:120px 60px;**/
    text-indent: -9999px; }

.top-engineer-list li {
  width: 25%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  height: 5.0rem;
  font-size: 1.6rem; }
  .top-engineer-list li.on .select-up-down:before {
    border-color: transparent transparent #3694EB transparent; }
  .top-engineer-list li.on .select-up-down:after {
    border-color: #3694EB transparent transparent transparent; }

html {
  font-size: 10px; }

body {
  font-size: 1.4rem; }

@media screen and (min-width: 980px) {
  html {
    font-size: 14px; } }
@media (min-width: 540px) and (max-width: 979px) {
  html {
    font-size: 13px; } }
@media (min-width: 370px) and (max-width: 539px) {
  html {
    font-size: 11.5px; } }
@media screen and (max-width: 369px) {
  html {
    font-size: 10px; } }

/*# sourceMappingURL=style.css.map */