.cat_nav_header {
  background: #1dac9d; }
  .cat_nav_header .head_box {
    width: 84px;
    border-radius: 84px;
    background: rgba(255, 255, 255, 0.5);
    padding: 10px; }
  .cat_nav_header .head_info_drodowm {
    color: #fff !important; }
    .cat_nav_header .head_info_drodowm .name_info strong {
      color: #fff !important;
      font-size: 20px; }

.clearfix {
  clear: both; }

ul, li {
  list-style: none;
  padding: 0;
  margin: 0; }

.btn_green {
  background: #1dac9d;
  color: #fff; }

.content_tabs {
  border: none;
  border-left: solid 2px #1dac9d;
  margin: 10px 5px 0;
  background: #fff; }

.top_btn_box {
  border: none !important;
  width: 92% !important;
  margin: 0px !important; }
  .top_btn_box .top_btn_group {
    float: left;
    width: 100%; }
    .top_btn_box .top_btn_group .btn_style {
      margin: 0px !important;
      color: #fff;
      background: transparent;
      outline: none;
      padding: 0px 20px;
      border-radius: 0;
      line-height: 58px;
      min-width: 6%; }
    .top_btn_box .top_btn_group .top_active {
      background: rgba(255, 255, 255, 0.8);
      color: #1dac9d; }

.navbar_header {
  width: 84%; }

.cat_form_search {
  float: left;
  padding: 4px 15px;
  background: #1dac9d;
  width: 100%;
  border-radius: 10px 10px 0 0; }
  .cat_form_search .data_list {
    float: left;
    font-size: 16px;
    margin-top: 7px;
    font-weight: normal;
    color: #fff; }
  .cat_form_search .search_group {
    float: left;
    width: 40%;
    font-size: 16px;
    color: #fff;
    line-height: 34px; }
    .cat_form_search .search_group input {
      border-radius: 3px 0 0 3px; }
    .cat_form_search .search_group button {
      margin: 0; }
  .cat_form_search .btn_group button {
    margin: 0; }
  .cat_form_search .query_btn_group {
    float: right; }
  .cat_form_search .drop_d_group {
    float: right;
    padding: 0; }
    .cat_form_search .drop_d_group select {
      min-width: 100px;
      border-radius: 3px;
      float: left;
      outline: none;
      margin-left: 10px;
      background: #def3f0;
      color: #1dac9d;
      border: solid 1px #fff; }
      .cat_form_search .drop_d_group select option {
        background: #fff;
        color: #333; }

.form_box {
  width: 100%;
  float: left;
  background: #fff;
  padding: 15px 10px;
  border-top: solid 1px #ddd;
  margin-bottom: 10px; }
  .form_box .form_group {
    float: left;
    margin-bottom: 0;
    padding: 0; }
    .form_box .form_group .label_right {
      text-align: right;
      padding: 8px 0 8px 18px;
      margin-bottom: 0;
      white-space: nowrap; }
    .form_box .form_group input, .form_box .form_group select {
      border-radius: 3px;
      margin-bottom: 0; }

.table_center th, .table_center td {
  vertical-align: middle;
  text-align: center; }

.height_search {
  margin: 0;
  float: right;
  width: 26%; }
  .height_search .label_left {
    float: left;
    padding: 8px 10px;
    color: #fff;
    font-weight: normal; }

.pay_type_box .pay_type_group {
  float: left;
  width: 100%; }
  .pay_type_box .pay_type_group .pay_phone {
    float: left;
    text-align: right;
    margin-top: 10px;
    width: 12%;
    white-space: nowrap; }
  .pay_type_box .pay_type_group .pay_radio_group {
    float: left; }
    .pay_type_box .pay_type_group .pay_radio_group .radio_group {
      float: left; }
      .pay_type_box .pay_type_group .pay_radio_group .radio_group .pay_radio {
        float: left;
        padding: 0 10px;
        margin: 10px 0 10px 0; }
      .pay_type_box .pay_type_group .pay_radio_group .radio_group .price_set {
        clear: both;
        float: left;
        padding-right: 20px; }
        .pay_type_box .pay_type_group .pay_radio_group .radio_group .price_set .number {
          float: left;
          padding: 0;
          padding-right: 0px;
          width: 132px; }
          .pay_type_box .pay_type_group .pay_radio_group .radio_group .price_set .number .pay_name {
            padding: 8px 0 !important;
            text-align: right;
            white-space: nowrap;
            margin-bottom: 0;
            float: left; }
          .pay_type_box .pay_type_group .pay_radio_group .radio_group .price_set .number .pay_num {
            padding: 0 !important;
            text-align: left;
            float: left;
            width: 56px; }
            .pay_type_box .pay_type_group .pay_radio_group .radio_group .price_set .number .pay_num input {
              min-width: 56px; }
    .pay_type_box .pay_type_group .pay_radio_group .field_error {
      clear: both;
      float: left;
      padding: 6px 0; }

.tab_pane {
  display: none; }

.setp_active {
  display: block !important; }

.help_block {
  padding: 10px 0;
  color: #1dac9d; }

@media screen and (max-width: 1300px) {
  .pay_type_box .pay_radio_group {
    clear: both; } }
.signin_bg {
  background: url(../img/login_bg.png) no-repeat center fixed; }

.loginscreen {
  max-width: 500px;
  position: absolute;
  left: 50%;
  top: 25%;
  margin-left: -250px; }

.logo_name {
  /* margin-top: 50%; */
  font-size: 0;
  padding-bottom: 20px;
  border-bottom: dashed 1px #ddd;
  margin-bottom: 20px; }
  .logo_name img {
    width: 70%; }

.login_bg {
  background: #fff;
  padding: 40px 10px;
  border-radius: 6px; }
  .login_bg .form_group {
    margin: 0 20% 20px; }
    .login_bg .form_group .input_addon_img {
      border-radius: 3px 0 0 3px; }
      .login_bg .form_group .input_addon_img img {
        width: 18px; }
  .login_bg .login_btn {
    width: 60%;
    margin: 10px 20%; }
  .login_bg .text_muted {
    color: #dd403b; }
    .login_bg .text_muted a {
      color: #dd403b; }

.ibox_box {
  margin-bottom: 10px; }

.ibox_title {
  border-top: none;
  padding: 0;
  min-height: 38px; }
  .ibox_title h5 {
    background: #def3f0;
    border-top: solid 1px #1dac9d;
    padding: 12px 30px 10px;
    color: #1dac9d;
    margin-bottom: 0;
    font-weight: normal; }

.ibox_content {
  padding: 10px 20px 10px 20px; }
  .ibox_content .form_group_power {
    float: left;
    margin: 0;
    width: 100%; }
    .ibox_content .form_group_power .movie_label {
      float: left;
      padding: 10px;
      margin: 0; }
    .ibox_content .form_group_power select {
      float: left;
      width: 50%;
      margin: 0; }

.table_box {
  margin-bottom: 0; }

.btn_group_center, .btn_group_left, .btn_group_right, .btn_group_top {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 10px;
  border-top: dashed 1px #ddd; }
  .btn_group_center .btn_group, .btn_group_left .btn_group, .btn_group_right .btn_group, .btn_group_top .btn_group {
    position: relative;
    left: 50%;
    transform: translate(-50%); }
    .btn_group_center .btn_group button, .btn_group_left .btn_group button, .btn_group_right .btn_group button, .btn_group_top .btn_group button {
      margin: 15px 20px 0; }
    .btn_group_center .btn_group .btn_white, .btn_group_center .btn_group .btn_primary, .btn_group_left .btn_group .btn_white, .btn_group_left .btn_group .btn_primary, .btn_group_right .btn_group .btn_white, .btn_group_right .btn_group .btn_primary, .btn_group_top .btn_group .btn_white, .btn_group_top .btn_group .btn_primary {
      border-radius: 4px !important; }

.btn_group_left .btn_group {
  left: 10px;
  transform: translate(0); }

.btn_group_right .btn_group {
  right: 10px; }

.btn_group_top {
  padding-bottom: 30px;
  margin-bottom: 20px;
  border: none;
  border-bottom: dashed 1px #ddd; }
  .btn_group_top .btn_group {
    position: relative;
    left: 50%;
    transform: translate(-50%); }

.form_group_box {
  float: left;
  width: 100%; }
  .form_group_box .per_width {
    width: 46%;
    padding-bottom: 15px !important; }
  .form_group_box .range_box, .form_group_box .check_box, .form_group_box .input_box {
    width: 100% !important;
    padding-bottom: 15px !important; }
    .form_group_box .range_box .label_right, .form_group_box .check_box .label_right, .form_group_box .input_box .label_right {
      width: 16.5%;
      padding: 8px 10px;
      float: left; }
    .form_group_box .range_box .left_box, .form_group_box .check_box .left_box, .form_group_box .input_box .left_box {
      float: left;
      width: 74.8%; }
      .form_group_box .range_box .left_box .line, .form_group_box .check_box .left_box .line, .form_group_box .input_box .left_box .line {
        float: left;
        padding: 8px 10.4%; }
      .form_group_box .range_box .left_box .plural_left, .form_group_box .check_box .left_box .plural_left, .form_group_box .input_box .left_box .plural_left {
        float: left;
        width: 38%; }

.type_explain {
  outline: none;
  width: 100%;
  border: solid 1px #ddd;
  border-radius: 3px;
  color: #666;
  padding: 10px; }

.check_box {
  border-top: dashed 1px #ddd;
  margin-top: 15px; }
  .check_box .left_box {
    padding: 10px 0; }
    .check_box .left_box input {
      padding: 0 10px; }

.select_group_one {
  float: left;
  margin: 0;
  width: 100%;
  margin: 0px 0 10px 0; }
  .select_group_one .movie_label {
    float: left;
    padding: 10px;
    margin: 0;
    width: 11%;
    text-align: right; }
  .select_group_one select {
    float: left;
    width: 48%;
    margin: 0;
    cursor: pointer; }
    .select_group_one select option {
      cursor: pointer; }

.speical_data {
  float: left;
  width: 100%;
  cursor: pointer; }
  .speical_data .form_group {
    float: left;
    margin: 0;
    width: 46%; }
    .speical_data .form_group .movie_label {
      float: left;
      padding: 10px 0;
      margin: 0;
      text-align: right; }
    .speical_data .form_group select {
      float: left;
      margin: 0; }

.show_btn {
  display: block; }

.form_box table tr td a {
  color: #000; }

.card_group_right {
  float: right; }
  .card_group_right .btn_primary {
    float: left;
    margin-left: 10px !important;
    border-radius: 4px !important; }

.popup_new_card {
  display: none; }

.popup_main {
  float: left;
  padding: 10px;
  width: 100%; }
  .popup_main .form_popup {
    float: left !important;
    width: 100% !important;
    padding: 10px 5% !important;
    margin: 0; }
    .popup_main .form_popup .label_right {
      text-align: right;
      padding: 8px 0;
      margin-bottom: 0;
      white-space: nowrap; }
  .popup_main .explain_box {
    padding-left: 10px; }
    .popup_main .explain_box p {
      margin: 0;
      padding-bottom: 10px 0; }

.star_txt {
  clear: both;
  float: left;
  padding: 4px 0; }

.unit {
  padding: 10px 0px 8px 10px;
  float: left; }

.check_box2 {
  border-top: 0;
  margin-top: 0; }

.clear_border {
  border: none;
  margin-top: 0;
  margin-bottom: 10px;
  border-bottom: dashed 1px #ccc; }
  .clear_border .submit_txt {
    width: 28%;
    border: dashed 1px #ccc;
    margin: 0 auto;
    border-radius: 3px; }
    .clear_border .submit_txt p {
      margin: 0;
      padding: 6px 10px;
      text-align: center; }
    .clear_border .submit_txt .succes_state {
      color: #1dac9d; }
    .clear_border .submit_txt .failed_state {
      color: #ff0000; }
  .clear_border .file_btn {
    margin: 10px !important; }
  .clear_border .exl_template {
    text-align: center;
    padding-top: 10px; }

#excelFile {
  display: none; }

.radio_box {
  padding-top: 7px; }

.gift_img_box {
  margin-top: 10px;
  width: 100%;
  border: solid 1px #ddd;
  background: #f5f5f5;
  border-radius: 3px; }

.vip_grade_box {
  width: 100%;
  height: 100px;
  border: solid 1px #ddd;
  background: #f5f5f5;
  border-radius: 3px;
  overflow: hidden;
  overflow-y: scroll;
  padding: 10px; }
  .vip_grade_box .optional_box li, .vip_grade_box .selected_box li {
    cursor: pointer;
    padding: 4px 0 4px 10px; }
    .vip_grade_box .optional_box li:hover, .vip_grade_box .selected_box li:hover {
      background: #def3f0;
      color: #1dac9d; }

.o_active, .s_active {
  background: #def3f0;
  color: #1dac9d;
  font-weight: bold; }

.screen_width {
  width: 40%; }
  .screen_width .screen_tit {
    float: left;
    padding: 6px 0; }

.add_close_group {
  float: left;
  width: 12%;
  padding: 44px 4%;
  height: 100px; }
  .add_close_group button {
    outline: none !important; }

.record_title {
  float: left;
  padding: 10px 0px;
  color: #1dac9d;
  border-top: solid 1px #1dac9d;
  background: #fff;
  width: 100%;
  font-size: 16px;
  font-size: bold; }

.form_box {
  border-top: dashed 1px #ddd; }
  .form_box .record_group {
    width: 20%; }
    .form_box .record_group .record_info {
      border: none;
      color: #333;
      padding: 8px 0; }

.screen_margin {
  margin-left: 2% !important;
  margin-bottom: 15px !important; }

.details_group {
  width: 50%;
  border: none; }
  .details_group .record_info {
    border: none;
    line-height: 25px; }
    .details_group .record_info .min, .details_group .record_info .add {
      float: left;
      outline: none; }
    .details_group .record_info .text_box {
      float: left;
      border: solid 1px #ddd;
      background: #f5f5f5;
      width: 100px;
      margin: 0 10px; }

.margin_bottom {
  margin-bottom: 20px; }

.info_query {
  margin-bottom: 10px; }

.step_width {
  float: left;
  width: 100%;
  position: relative; }
  .step_width .step_group {
    float: left;
    width: 600px;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    padding: 0 2%; }
    .step_width .step_group .step_box {
      float: left;
      padding: 0 38px; }
      .step_width .step_group .step_box img {
        float: left;
        padding: 10px 15%; }
      .step_width .step_group .step_box span {
        clear: both;
        float: left;
        text-align: center; }

.area_btn_group {
  width: 32%; }
  .area_btn_group .area_btn {
    width: 100%;
    background: #1dac9d;
    border: solid #1dac9d 1px; }
    .area_btn_group .area_btn:focus {
      background: #1dac9d;
      border: solid #1dac9d 1px; }
    .area_btn_group .area_btn:active {
      background: #1dac9d;
      border: solid #1dac9d 1px; }
    .area_btn_group .area_btn:hover {
      background: #1dac9d;
      border: solid #1dac9d 1px;
      color: #fff !important; }

.print_form_box {
  border: solid 1px #ddd;
  min-height: 100px;
  margin-top: 10px;
  border-radius: 3px;
  padding: 10px; }

.popup_btn_group button {
  cursor: pointer; }
.popup_btn_group .btn_active {
  background: #1dac9d;
  border: solid #1dac9d 1px;
  color: #fff; }

.photo_box {
  width: 100%;
  float: left;
  background: #fff;
  padding: 15px 10px;
  margin-bottom: 10px; }

.lightBoxGallery {
  width: 100%;
  float: left; }
  .lightBoxGallery .image_box {
    padding: .6%;
    width: 16.667%;
    display: block;
    float: left;
    position: relative; }
    .lightBoxGallery .image_box img {
      width: 100%; }
    .lightBoxGallery .image_box .check_img {
      position: absolute;
      top: 0;
      right: 0;
      background: rgba(255, 255, 255, 0.3);
      margin: 3% 3% 0 0;
      padding: 10px 10px 10px 15px;
      border-radius: 0 0 0 30px; }
      .lightBoxGallery .image_box .check_img label {
        margin: 0; }

.no_radio_img {
  display: none;
  width: 50%;
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center; }

.clear_bottom_border {
  border: none;
  margin-bottom: 20px;
  margin-top: 0; }

.record_info {
  border: none;
  line-height: 25px; }

.picture_box {
  float: left;
  border: solid 1px #ddd;
  margin: 0 10% 0 12%; }
  .picture_box .picture_group {
    float: left;
    border: solid 1px #ddd;
    width: 30%;
    margin: 10px; }
    .picture_box .picture_group .pictrue_name {
      text-align: center;
      font-size: 16px;
      margin: 6px; }
    .picture_box .picture_group img {
      width: 100%;
      height: 60%; }

.home_img {
  width: 100%; }

.record_info .car_info {
  margin-right: 10px; }

.uploader_img {
  background: url("../img/webuploader.png") no-repeat center center;
  background-size: 100% 100%;
  padding: .6%;
  width: 16.667%;
  height: 140px;
  display: block;
  float: left;
  position: relative;
  cursor: pointer; }

.uploader {
  display: none !important; }

.return_btn {
  opacity: 0;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  background: #fff;
  border: solid 1px #ddd;
  border-radius: 4px;
  float: left; }

.change_head {
  width: 100%;
  position: relative;
  margin-bottom: 20px; }
  .change_head .head_img {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    border: solid 1px #ddd;
    left: 50%;
    transform: translate(-50%);
    overflow: hidden; }
    .change_head .head_img img {
      position: relative;
      width: 100%;
      padding: 10%; }

.field-validation-error {
  color: #ff0000;
  display: block;
  padding: 6px 10px 6px 0;
  font-weight: normal; }

.switch-text {
  padding: 0 10px;
  display: inline-block;
  font-size: 14px; }

.checkbox label, .radio label {
  padding-left: 0; }

.layui-layer-btn {
  border: solid 1px #eee;
  background: #F8F8f8; }

.layui-layer-btn .layui-layer-btn0 {
  border-color: #1dac9d !important;
  background-color: #1dac9d !important;
  color: #fff; }

.star {
  color: #ff0000; }

.wizard > .content {
  background: #fff !important; }

.wizard > .actions {
  padding: 15px 15px 6px 0 !important;
  background: #eee !important;
  margin-left: -40px !important;
  position: fixed !important;
  bottom: 0; }

.wizard-big.wizard > .content {
  min-height: 490px !important;
  overflow: auto; }

.wizard > .content > .body input {
  min-width: 50px;
  padding: 6px;
  border: 1px solid #e5e6e7 !important; }

.wizard > .content > .body {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important; }

.btn-danger.btn-outline {
  color: #fff;
  outline: none;
  border: solid 1px #fff; }
  .btn-danger.btn-outline:focus {
    background: #1dac9d; }
  .btn-danger.btn-outline:hover {
    background: #1dac9d; }
  .btn-danger.btn-outline:active {
    background: #1dac9d; }

.open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
  color: #fff;
  background-color: #1dac9d;
  border-color: #1dac9d; }

@media screen and (max-width: 1024px) {
  .wizard-big.wizard > .content {
    min-height: 400px !important;
    overflow: auto; } }

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