.medical-record.import-files .questions::-webkit-scrollbar, .medical-record > .left::-webkit-scrollbar, .medical-record .form-box::-webkit-scrollbar {
  width: 10px;
  height: 1px; }
.medical-record.import-files .questions::-webkit-scrollbar-thumb, .medical-record > .left::-webkit-scrollbar-thumb, .medical-record .form-box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: #535353; }
.medical-record.import-files .questions::-webkit-scrollbar-track, .medical-record > .left::-webkit-scrollbar-track, .medical-record .form-box::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background-color: #ededed; }

@keyframes grow {
  0% {
    width: 0; } }
.search-box [type=search],
.search-box [type=text], .search-box [type=search]:focus,
.search-box [type=text]:focus, .content-box .select-box > select,
.content-box .select-box > a, .content-box .select-box > select:focus,
.content-box .select-box > a:focus {
  border: 0;
  outline: 0;
  background: transparent; }
.control-row:after {
  content: '.';
  width: 0;
  height: 0;
  display: block;
  font-size: 0;
  clear: both; }

.wrapper {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #ffffff;
  font-size: 14px;
  border-radius: 6px;
  padding: 20px 30px 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .wrapper a {
    text-decoration: none;
    color: inherit; }
  .wrapper.transparent {
    background: transparent; }
  .wrapper.nopadding {
    padding: 0; }

.crumb-box {
  line-height: 14px;
  color: #777777; }

.crumb {
  margin: 0;
  padding-left: 0; }

.crumb-item {
  display: inline-block;
  position: relative; }
  .crumb-item.current {
    color: #333333; }
  .crumb-item + .crumb-item {
    margin-left: 10px; }
    .crumb-item + .crumb-item:before {
      content: '>';
      position: absolute;
      top: 50%;
      left: -10px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-top: -5px \0; }

.search-box {
  vertical-align: middle;
  margin-top: 20px;
  margin-bottom: 20px; }
  .search-box .search,
  .search-box .link-btn {
    display: inline-block; }
  .search-box .search {
    width: 300px;
    background-color: #eeeeee;
    padding: 10px 25px;
    border-radius: 40px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .search-box [type=search],
  .search-box [type=text] {
    line-height: 20px;
    display: block;
    width: 100%; }
  .search-box .icon {
    font-size: 20px;
    color: #ff594f;
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer; }

.link-btn {
  background-color: #ff594f;
  color: #ffffff;
  width: 120px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  text-align: center; }

.content-box .left {
  float: left; }
.content-box .right {
  float: right; }
.content-box .options {
  width: 220px; }
.content-box > .margin-right {
  margin-right: 248px; }
.content-box .option + .option {
  margin-top: 10px; }
.content-box .option:first-child > h2 {
  margin-top: 0; }
.content-box .option .badge {
  padding: 0 10px; }
.content-box .option > h2 {
  color: #555555;
  font-size: 16px;
  padding-left: 15px;
  font-weight: 400;
  position: relative;
  margin-top: 30px;
  margin-bottom: 20px; }
  .content-box .option > h2:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 0;
    height: 100%;
    border-left: 2px solid #ff594f; }
.content-box .select-box {
  border: thin solid #cccccc;
  line-height: 40px; }
  .content-box .select-box.current > a,
  .content-box .select-box.current > .badge {
    color: #ff594f; }
  .content-box .select-box > select,
  .content-box .select-box > a {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
.content-box .list {
  border: thin solid #cccccc;
  padding: 20px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .content-box .list + .list {
    margin-top: 30px; }
.content-box .list.man .avatar-box,
.content-box .answer .avatar-box {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px; }
.content-box .list.man .avatar-box {
  width: 70px;
  height: 70px;
  border-radius: 70px; }
.content-box .list.man > .margin-left {
  margin-left: 90px; }
.content-box .answer .avatar-box {
  width: 50px;
  height: 50px;
  border-radius: 50px; }
.content-box .answer > .margin-left {
  margin-left: 64px;
  line-height: 26px; }
.content-box .avatar-box {
  background-color: #eeeeee; }
.content-box .avatar-box > img {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 120%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: -35px\0;
  margin-left: -35px\0; }
.content-box .line-status {
  border: thin solid #cccccc; }
  .content-box .line-status > span {
    display: block;
    width: 60px;
    height: 30px;
    line-height: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
  .content-box .line-status.online {
    border-color: #1eba67; }
    .content-box .line-status.online > span {
      color: #1eba67; }
  .content-box .line-status.offline {
    border-color: #999999; }
    .content-box .line-status.offline > span {
      color: #999999; }
.content-box .list dl {
  padding: 10px;
  margin: 0; }
.content-box .list dt,
.content-box .list .primary {
  color: #333333;
  font-size: 16px;
  margin-bottom: 15px; }
  .content-box .list dt > a:hover,
  .content-box .list .primary > a:hover {
    color: #000000; }
.content-box .list .no-content {
  text-align: center;
  line-height: 300px; }
.content-box .list dd {
  color: #333333;
  line-height: 26px;
  margin-left: 0; }
  .content-box .list dd > label {
    color: #999999;
    font-size: 12px; }
.content-box .pos {
  position: absolute; }
.content-box.expert-card {
  position: relative; }
  .content-box.expert-card .wifi-online {
    left: 0;
    top: 0;
    color: #2ab8fa; }
  .content-box.expert-card .list.man .avatar-box {
    width: 150px;
    height: 150px;
    border-radius: 150px; }
  .content-box.expert-card .list {
    border: 0; }
  .content-box.expert-card .list.man > .margin-left {
    margin-left: 185px; }
  .content-box.expert-card .list dd:last-child {
    margin-top: 15px; }
  .content-box.expert-card .credit-box {
    margin-top: 20px; }
  .content-box.expert-card .credit {
    display: inline-block;
    color: #333333;
    line-height: 30px; }
    .content-box.expert-card .credit + .credit {
      margin-left: 20px; }
    .content-box.expert-card .credit i.fa {
      color: #00bf31;
      margin-right: 5px; }
  .content-box.expert-card .user-info {
    text-align: center;
    font-size: 20px;
    color: #333333;
    line-height: 1.5; }
.content-box .notice,
.content-box .service-way,
.content-box .describle,
.content-box .comments,
.content-box .record {
  background-color: #ffffff;
  border-radius: 6px; }
  .content-box .notice > .title,
  .content-box .service-way > .title,
  .content-box .describle > .title,
  .content-box .comments > .title,
  .content-box .record > .title {
    font-size: 20px;
    color: #333333;
    line-height: 60px;
    background-color: #f3f3f5;
    padding-left: 15px;
    padding-right: 15px; }
  .content-box .notice > .text,
  .content-box .service-way > .text,
  .content-box .describle > .text,
  .content-box .comments > .text,
  .content-box .record > .text {
    padding: 15px; }
.content-box .self-info.margin-right {
  margin-right: 400px; }
.content-box .notice {
  width: 370px; }
  .content-box .notice > .title {
    background: transparent;
    border-bottom: thin solid #eeeeee; }
  .content-box .notice > .ipt {
    padding: 15px; }
  .content-box .notice textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 10px;
    border-color: #cccccc; }
  .content-box .notice > .link-btn {
    margin-left: 15px; }
  .content-box .notice .notices {
    color: #333333; }
    .content-box .notice .notices p {
      color: #777777;
      margin: 0;
      line-height: 30px;
      font-size: 12px; }
.content-box .service-way {
  margin-bottom: 40px;
  font-size: 0; }
  .content-box .service-way .way {
    display: inline-block;
    width: 50%;
    padding: 20px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden; }
    .content-box .service-way .way + .way {
      border-left: thin solid #eeeeee; }
  .content-box .service-way .link-btn {
    font-size: 14px;
    float: right;
    margin-top: 10px; }
  .content-box .service-way .title {
    font-size: 20px;
    color: #333333;
    line-height: 60px;
    float: left; }
.content-box .describle .text > p {
  text-indent: 24px;
  line-height: 1.6; }
.content-box .record .list {
  padding: 0;
  border: 0;
  padding-top: 15px; }
  .content-box .record .list + .list {
    border-top: thin solid #eeeeee;
    margin-top: 0; }
  .content-box .record .list .primary {
    margin-bottom: 0; }
.content-box .record .answer .avatar-box,
.content-box .comments .answer .avatar-box {
  border-radius: 3px;
  width: 40px;
  height: 40px; }
.content-box .record .answer > .margin-left,
.content-box .comments .answer > .margin-left {
  margin-left: 52px; }
.content-box .record .margin-left > p,
.content-box .comments .margin-left > p {
  color: #777777;
  margin: 0; }
.content-box .record .answer,
.content-box .comments .answer {
  padding-top: 15px;
  padding-bottom: 15px; }
.content-box .comments .answer + .answer {
  border-top: thin solid #eeeeee; }

.steps {
  margin-bottom: 40px;
  margin-top: 40px;
  text-align: center;
  color: #555555; }

.step {
  position: relative;
  display: inline-block;
  width: 84px; }
  .step + .step {
    margin-left: 100px; }
    .step + .step:before {
      content: "";
      position: absolute;
      right: 100%;
      top: 45%;
      display: block;
      width: 100px;
      height: 0;
      border-top: thin dashed #cccccc; }
  .step.current > .icon {
    border-color: #ff594f;
    color: #ff594f; }
  .step .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 36px;
    border-radius: 40px;
    border: 2px solid #cccccc;
    color: #777777;
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .step .txt {
    text-align: center;
    margin-top: 10px; }

.step-detail > .title {
  line-height: 60px;
  background-color: #f9f9f9;
  color: #999999;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: thin solid #eeeeee;
  position: relative; }
  .step-detail > .title .pos {
    position: absolute; }
.step-detail .title > a {
  display: inline-block;
  width: 140px;
  height: 100%;
  color: #333333;
  text-align: center;
  top: 0;
  left: 200px; }
  .step-detail .title > a:last-child {
    left: 340px; }
  .step-detail .title > a.current {
    color: #ff594f;
    border-top: 2px solid #ff594f;
    background-color: #ffffff; }
.step-detail .form-box {
  padding: 30px;
  background-color: #ffffff; }
.step-detail + .step-detail {
  margin-top: 25px; }

.submit-box {
  background-color: #ffffff;
  margin-top: 10px;
  text-align: center;
  padding-top: 24px;
  padding-bottom: 24px; }
  .submit-box > button {
    display: inline-block;
    width: 210px;
    height: 50px;
    line-height: 50px;
    border: 0;
    background-color: #eeeeee;
    cursor: pointer;
    border-radius: 6px; }

.form-control {
  clear: both;
  overflow: hidden;
  color: #555555; }
  .form-control + .form-control {
    margin-top: 10px; }
  .form-control .left {
    float: left; }
  .form-control .right {
    float: right; }
  .form-control .control {
    font-size: 14px; }
    .form-control .control.inline-block {
      display: inline-block;
      width: 170px;
      border: thin solid #dddddd;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .form-control .control.inline-block + .inline-block {
        margin-left: 10px; }
    .form-control .control [type=text],
    .form-control .control [type=number],
    .form-control .control [type=button],
    .form-control .control .button {
      display: block;
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 10px;
      padding-bottom: 10px;
      border: 0;
      outline: 0; }
    .form-control .control .button {
      text-align: center; }
    .form-control .control [type=button],
    .form-control .control .button {
      background-repeat: repeat-x;
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAIAAACw1AcgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ2QTJGRkZCNkVCRjExRThBMUZEQzgyQTFDN0NFMERFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ2QTJGRkZDNkVCRjExRThBMUZEQzgyQTFDN0NFMERFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDZBMkZGRjk2RUJGMTFFOEExRkRDODJBMUM3Q0UwREUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDZBMkZGRkE2RUJGMTFFOEExRkRDODJBMUM3Q0UwREUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56YhkRAAAAG0lEQVR42mL4//8/EwMDA9Xw+/fvqWkeQIABAMu6BhknIbK4AAAAAElFTkSuQmCC");
      color: #555555;
      cursor: pointer;
      position: relative; }
      .form-control .control [type=button] [type=file],
      .form-control .control [type=button] > a,
      .form-control .control .button [type=file],
      .form-control .control .button > a {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        display: block;
        width: 100%;
        height: 100%;
        opacity: 0; }
  .form-control > label {
    width: 100px;
    line-height: 36px;
    text-align: right; }
  .form-control > .margin-left {
    margin-left: 105px;
    font-size: 0; }
  .form-control .textarea {
    border: thin solid #dddddd; }
    .form-control .textarea .ipt-title {
      line-height: 40px;
      background-color: #f9f9f9;
      padding-left: 15px;
      color: #55626c;
      font-size: 110%;
      border-bottom: thin solid #eeeeee;
      position: relative; }
    .form-control .textarea [type=file] {
      position: absolute;
      left: 15px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      opacity: 0; }
    .form-control .textarea textarea {
      border: 0;
      display: block;
      width: 100%;
      padding: 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
  .form-control .upload-box {
    font-size: 14px;
    margin-top: 10px; }
    .form-control .upload-box .img-box {
      width: 50px;
      height: 50px;
      border: thin solid #ddd;
      position: relative;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 110%; }
    .form-control .upload-box .icon {
      position: absolute;
      right: 0;
      top: 0;
      display: block;
      width: 16px;
      height: 16px;
      text-align: center;
      line-height: 16px;
      -webkit-transform: translate(50%, -50%);
      transform: translate(50%, -50%);
      cursor: pointer; }
  .form-control .files-box {
    font-size: 14px;
    margin-top: 10px; }
    .form-control .files-box > label .file-list {
      position: relative;
      z-index: 0;
      -webkit-user-select: none;
      user-select: none; }
    .form-control .files-box > label + label .file-list {
      margin-top: -1px; }
    .form-control .files-box [type=radio],
    .form-control .files-box [type=checkbox] {
      position: absolute;
      left: -9999px; }
      .form-control .files-box [type=radio]:checked ~ .file-list,
      .form-control .files-box [type=checkbox]:checked ~ .file-list {
        background-color: #fff7f7;
        border-color: #ff594f;
        z-index: 1; }
        .form-control .files-box [type=radio]:checked ~ .file-list i.fa-square-o:before,
        .form-control .files-box [type=checkbox]:checked ~ .file-list i.fa-square-o:before {
          content: "\f046"; }
    .form-control .files-box .file-del,
    .form-control .files-box .file-size {
      float: right; }
    .form-control .files-box .file-type {
      color: #ff594f;
      margin-right: 5px; }
      .form-control .files-box .file-type .icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: thin solid #dddddd;
        border-radius: 1px; }
        .form-control .files-box .file-type .icon > i.fa {
          opacity: 0; }
    .form-control .files-box .file-del {
      margin-left: 20px; }
    .form-control .files-box .file-size {
      font-size: 12px;
      padding-right: 20px;
      line-height: normal;
      margin-top: 11px;
      border-right: thin solid #dddddd; }
    .form-control .files-box .file-list {
      line-height: 38px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 15px;
      padding-right: 15px;
      border: thin dashed #dddddd; }
      .form-control .files-box .file-list + .file-list {
        margin-top: -1px; }
  .form-control .patients {
    text-align: justify;
    font-size: 0; }
    .form-control .patients .patient {
      display: inline-block;
      width: 49%;
      font-size: 14px;
      position: relative;
      line-height: 38px;
      margin-bottom: 2%; }
      .form-control .patients .patient:nth-child(even) {
        margin-left: 2%; }
      .form-control .patients .patient .not-name,
      .form-control .patients .patient .icon {
        float: right;
        margin-right: 15px; }
    .form-control .patients [type=radio],
    .form-control .patients [type=checkbox] {
      position: absolute;
      left: -9999px; }
      .form-control .patients [type=radio]:checked ~ .check-item,
      .form-control .patients [type=checkbox]:checked ~ .check-item {
        background-color: #fff7f7;
        border-color: #ff594f; }
        .form-control .patients [type=radio]:checked ~ .check-item .icon,
        .form-control .patients [type=checkbox]:checked ~ .check-item .icon {
          color: #ff594f;
          display: block; }
    .form-control .patients .check-item {
      border: thin dashed #dddddd;
      -webkit-user-select: none;
      user-select: none; }
      .form-control .patients .check-item > span {
        margin-left: 15px; }
      .form-control .patients .check-item .icon {
        display: none; }

.warning {
  background-color: #fdfad9;
  color: #333333;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  margin-bottom: 20px; }
  .warning > a {
    color: #ff594f; }

.form-wrap {
  width: 630px;
  margin-left: auto;
  margin-right: auto; }

.control-row {
  color: #000000; }

  .control-row + .control-row {
    margin-top: 20px; }
  .control-row * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .control-row > .field,
  .control-row > .control {
    float: left; }
  .control-row > .control {
    border: thin solid #dddddd;
    width: 200px; }
    .control-row > .control.widthauto {
      width: auto; }
    .control-row > .control.noborder {
      border: 0; }
    .control-row > .control + .field, .control-row > .control + .control {
      margin-left: 20px; }
    .control-row > .control.block {
      float: none;
      width: 500px;
      margin-left: 80px !important; }
    .control-row > .control.pos {
      position: relative; }
      .control-row > .control.pos > span {
        position: absolute;
        right: 15px;
        top: 12px;
        color: #999999;
        font-size: 12px; }
      .control-row > .control.pos > .pos-item {
        position: absolute; }
      .control-row > .control.pos select.pos-item {
        right: 0;
        top: 0;
        width: 50%;
        border-left: thin solid #dddddd; }
      .control-row > .control.pos .content-list.pos-item {
        list-style: none;
        margin: 0;
        padding: 0;
        left: 0;
        top: 100%;
        display: block;
        width: 100%;
        margin-top: 1px;
        z-index: 11; }
        .control-row > .control.pos .content-list.pos-item > li {
          padding: 10px;
          border-left: thin solid #dddddd;
          border-right: thin solid #dddddd;
          border-bottom: thin solid #dddddd;
          cursor: pointer;
          background-color: #ffffff; }
          .control-row > .control.pos .content-list.pos-item > li:hover {
            background-color: #f3f3f3; }
    .control-row > .control.widselect {
      width: 90px; }
  .control-row [type=text],
  .control-row select,
  .control-row textarea {
    display: block;
    width: 100%;
    border: 0; }
  .control-row [type=text],
  .control-row textarea {
    padding: 10px; }
  .control-row select {
    padding: 7px 7px 8px; }
  .control-row [type=radio],
  .control-row [type=checkbox] {
    position: absolute;
    left: -9999px; }
    .control-row [type=radio]:checked ~ .check-item,
    .control-row [type=checkbox]:checked ~ .check-item {
      color: #ffffff;
      background-color: #ff594f;
      border-color: #ff594f; }
  .control-row [type=button] {
    position: relative;
    overflow: hidden; }
  .control-row [type=file] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0; }
  .control-row > .field {
    width: 60px;
    line-height: 38px;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-align: right; }
    .control-row > .field.opacity {
      opacity: 0; }
    .control-row > .field + .control {
      margin-left: 20px; }
    .control-row > .field.required {
      position: relative; }
      .control-row > .field.required:before {
        content: '*';
        color: #ff594f;
        position: absolute;
        left: 0;
        top: 2px;
        font-weight: 600;
        line-height: inherit; }
  .control-row [type=submit] {
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    background-color: #ff594f;
    border: 0;
    border-radius: 6px;
    line-height: 40px;
    width: 500px;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .control-row .check-item {
    width: 90px;
    border: thin solid #dddddd;
    text-align: center;
    padding: 10px;
    border-radius: 3px; }
    .control-row .check-item.active {
    	    color: #ffffff;
    background-color: #ff594f;
    border-color: #ff594f;
    }
  .control-row .col > .field {
    line-height: 38px;
    padding-left: 20px;
    white-space: nowrap;
    overflow: hidden;
    float: none;
    display: block;
    text-align: center; }
    .control-row .col > .field.required {
      position: relative; }
      .control-row .col > .field.required:before {
        content: '*';
        color: #ff594f;
        position: absolute;
        left: 0;
        top: 2px;
        font-weight: 600;
        line-height: inherit; }
  .control-row .col {
    float: left; }
    .control-row .col + .col {
      margin-left: 20px; }
    .control-row .col .prev-box {
      width: 140px;
      height: 100px;
      border: thin solid #dddddd;
      margin-bottom: 20px;
      background-color: #f9f9f9;
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABp0lEQVRoge2YUXHDMBBEHwRDEIQyqCAEQiCYQc0gYdAwaBj0GDQMUgYJg/RD8VTRyJbruzjtVG9mvyzLu2PdSTZUKpVKxZgGeDbS4qyAE3Ax0hF4WjLAETgDnYG2hBD7expOuQBiON/BeL4i1gEEu+V4Al4JNbpYgPY6n4UOTFiS1gGsEYLHQWqAOyPUAKHH95vdG+DUtqYjKAN48u1ttLUZIigDdOR7tDcwNwXhTgHGzjsd8K7QyjLAaiDAGAfy90zVzjJAO/CQP1MDDfDJrfmtibVpCEZtNA7gCuM98KJQXF8mAXxk/qMwFsL3haYG4sObSYC0DkpfXI4Qeq7i+hIUATxh581tZBuW2ZGFGQEawlKZ8ro3mTkduh8D6jewn2i+1zq5/+E10P1QPrnfz5gjltMG+E0INcBjERQB0u7g7HxlO1UOYWYAz/gpUUuu0+U2SEEZYEd+h9Qi1/l9pLFxg/Tnm9Scv17r5vkrIhSM8b2hnscG9T9kh9RFYx22f7LTAENeisf3lrAmJdGe28JtCEsqHTdXbeLDZ56/LpmvVCqVyv/iCzH3m6ptQ1KjAAAAAElFTkSuQmCC"); }
    .control-row .col [type=button] {
      display: block;
      width: 90px;
      margin-left: auto;
      margin-right: auto;
      padding: 10px;
      border: thin solid #dddddd;
      border-radius: 3px;
      background: transparent; }

.form-box > form > .title {
  text-align: center;
  line-height: 40px;
  background-color: #eeeeee;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 600; }

.medical-record.import-files .questions::-webkit-scrollbar, .medical-record > .left::-webkit-scrollbar, .medical-record .form-box::-webkit-scrollbar {
  width: 10px;
  height: 1px; }
.medical-record.import-files .questions::-webkit-scrollbar-thumb, .medical-record > .left::-webkit-scrollbar-thumb, .medical-record .form-box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: #535353; }
.medical-record.import-files .questions::-webkit-scrollbar-track, .medical-record > .left::-webkit-scrollbar-track, .medical-record .form-box::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background-color: #ededed; }

.medical-record > .left [type=button], .medical-record .action [type=button] {
  display: inline-block;
  color: #ffffff;
  border-radius: 6px;
  width: 70px;
  line-height: 40px;
  background-color: #ff594f;
  border: 0; }

.medical-record {
  width: 800px;
  height: 600px;
  border: 10px solid #e5e5e5;
  font-weight: 600;
  font-size: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-left: -400px \0;
  margin-top: -300px \0; }
  .medical-record.import-files {
    width: 420px;
    height: 310px; }
    .medical-record.import-files .action {
      padding-left: 0;
      padding-top: 10px;
      padding-bottom: 10px;
      height: auto; }
      .medical-record.import-files .action [type=button]:last-child {
        float: none;
        margin-left: 15px;
        background-color: #cccccc; }
    .medical-record.import-files .file-del {
      text-decoration: none;
      color: inherit; }
    .medical-record.import-files .questions {
      position: relative;
      height: 157px;
      overflow-x: hidden;
      overflow-y: auto; }
  .medical-record, .medical-record * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .medical-record .question-box {
    background-color: #ffffff;
    padding: 20px;
    padding-bottom: 0; }
  .medical-record > .top {
    line-height: 50px;
    border-bottom: thin solid #dddddd;
    background-color: #f9f9f9;
    padding-left: 20px; }
    .medical-record > .top .save,
    .medical-record > .top .quit {
      float: right;
      padding-left: 15px;
      padding-right: 20px;
      text-decoration: none;
      color: inherit; }
  .medical-record > .left {
    float: left;
    width: 150px;
    height: 530px;
    background-color: #eeeeee;
    overflow-x: hidden;
    overflow-y: auto; }
    .medical-record > .left .list {
      line-height: 60px;
      position: relative;
      border-left: 2px solid transparent;
      padding-left: 20px;
      padding-right: 20px; }
      .medical-record > .left .list.current {
        border-color: #ff594f;
        background: linear-gradient(to right, #fffdf0, #ffffff); }
      .medical-record > .left .list > span {
        float: right; }
    .medical-record > .left .btn {
      text-align: center; }
  .medical-record > .margin-left {
    background-color: #ffffff;
    height: 530px;
    margin-left: 150px; }
  .medical-record .nav-box {
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden; }
  .medical-record .nav {
    margin: 0;
    padding-left: 0; }
    .medical-record .nav > li {
      float: left;
      list-style: none;
      border-bottom: 2px solid transparent;
      padding-left: 20px;
      padding-right: 20px;
      margin-top: -2px;
      cursor: pointer; }
      .medical-record .nav > li.current {
        color: #ff594f;
        border-color: #ff594f; }
  .medical-record .form-box {
    border-top: thin solid #cccccc;
    margin-top: -1px;
    height: 390px;
    overflow-x: hidden;
    overflow-y: auto; }
    .medical-record .form-box .form-wrap {
      padding: 20px;
      position: relative; }
  .medical-record .action {
    height: 80px;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
    text-align: justify; }
    .medical-record .action [type=button]:last-child {
      float: right; }
  .medical-record .control-row > .field {
    padding-left: 0; }

.like-loading {
  position: absolute;
  top: calc(50% - 32px);
  left: calc(50% - 32px);
  width: 64px;
  height: 64px;
  border-radius: 50%;
  perspective: 800px; }
  .like-loading .inner {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 50%; }
  .like-loading .inner.one {
    left: 0%;
    top: 0%;
    animation: rotate-one 1s linear infinite;
    border-bottom: 3px solid red; }
  .like-loading .inner.two {
    right: 0%;
    top: 0%;
    animation: rotate-two 1s linear infinite;
    border-right: 3px solid green; }
  .like-loading .inner.three {
    right: 0%;
    bottom: 0%;
    animation: rotate-three 1s linear infinite;
    border-top: 3px solid blue; }

@keyframes rotate-one {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } }
@keyframes rotate-two {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); }
  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } }
@keyframes rotate-three {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); }
  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } }
.toast {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }
  .toast.hidden {
    display: none; }

.toast-body {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
  line-height: 1.5;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 6px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 50%; }

.tc {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10; }
  .tc.hidden {
    display: none; }
  .tc .tc_wrap {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    width: 430px;
    height: 200px;
    margin-left: -215px;
    margin-top: -100px;
    background: #fff; }
    .tc .tc_wrap .title {
      width: 100%;
      color: #52667F;
      border-bottom: 1px solid #eee; }
      .tc .tc_wrap .title:after {
        content: ".";
        clear: both;
        display: block;
        overflow: hidden;
        font-size: 0;
        height: 0; }
      .tc .tc_wrap .title span, .tc .tc_wrap .title a {
        padding: 0 18px;
        height: 48px;
        line-height: 48px;
        text-align: center;
        font-size: 14px;
        color: #52667F; }
      .tc .tc_wrap .title span {
        float: left; }
      .tc .tc_wrap .title a {
        float: right;
        font-size: 16px; }
    .tc .tc_wrap .tc_main .tc_content {
      padding: 29px 0 24px;
      border-bottom: 1px dotted #ccc; }
      .tc .tc_wrap .tc_main .tc_content:after {
        content: ".";
        clear: both;
        display: block;
        overflow: hidden;
        font-size: 0;
        height: 0; }
      .tc .tc_wrap .tc_main .tc_content p {
        line-height: 24px;
        margin: 0 auto;
        text-align: center;
        font-size: 14px;
        color: #52667F;
        font-weight: 700; }
        .tc .tc_wrap .tc_main .tc_content p span {
          color: #fb9678; }
    .tc .tc_wrap .tc_main .btn_wrap {
      padding: 19px 0;
      text-align: center; }
      .tc .tc_wrap .tc_main .btn_wrap a {
        border-width: 0;
        -webkit-user-select: none;
        user-select: none; }
        .tc .tc_wrap .tc_main .btn_wrap a.sure {
          margin-right: 20px;
          width: 90px;
          height: 30px;
          line-height: 30px;
          background-color: #52667F;
          color: white;
          border-radius: 0;
          font-size: 14px;
          text-align: center;
          display: inline-block;
          cursor: pointer; }
          .tc .tc_wrap .tc_main .btn_wrap a.sure i.fa {
            color: white; }
          .tc .tc_wrap .tc_main .btn_wrap a.sure > a {
            color: inherit; }
        .tc .tc_wrap .tc_main .btn_wrap a.cancle {
          width: 90px;
          height: 30px;
          line-height: 30px;
          background-color: #01C0C8;
          color: white;
          border-radius: 0;
          font-size: 14px;
          text-align: center;
          display: inline-block;
          cursor: pointer; }
          .tc .tc_wrap .tc_main .btn_wrap a.cancle i.fa {
            color: white; }
          .tc .tc_wrap .tc_main .btn_wrap a.cancle > a {
            color: inherit; }
    .tc .tc_wrap:after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      border: 10px solid rgba(0, 0, 0, 0.3);
      position: absolute;
      left: 0;
      top: 0;
      z-index: -1; }

/*# sourceMappingURL=93yitang.css.map */