@import "blue";

@font-face {
  font-family: "adore";
  src: url("../font/adore.woff") format("woff");
  font-style: normal;
}

[class^="adr-"], [class*=" adr-"] {
  font-family: "adore";
  /*speak: none;*/
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
}

.adr-notice:before {
  content: "\F104";
}

.adr-setting:before {
  content: "\F101";
}

.adr-logout:before {
  content: "\F102";
}

.adr-tool:before {
  content: "\F103";
}

.adr-finger:before {
  content: "\F105";
}

.adr-lookOver:before {
  content: "\F106";
}

.adr-add:before {
  content: "\F107";
}

html, body {
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.adore_footer {
  background: $footer_bg;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.adore_body {
  position: absolute;
  width: 100%;
  overflow: auto;
}

.adore_header {
  padding-top: 10px;
  background: $header_bg;
  position: absolute;
  z-index: 2;
}

.adore_header_horizontal {
  height: 100%;
  background: $header_bg;
  position: absolute;
  z-index: 2;
}

.adore_body_horizontal {
  position: absolute;
  height: 100%;
  overflow: auto;
}

.adore_footer_horizontal {
  background: $footer_bg;
  position: absolute;
  bottom: 0px;
  top: 0px;
  right: 0px;
}

.adore_sashLayout {
  position: absolute;
  width: 100%;
  overflow: inherit;
  height: 100%;
  margin-bottom: 0px !important;
}

.adore_dropDown {
  z-index: 1000 !important;
  //  top:0px;
  //  left: 0px;
  overflow: auto;
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
  opacity: 1 !important;
  transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  position: absolute;
  margin-top: 3px;
}

.adore_dropDown_show {
  z-index: 1000 !important;
  //  top:0px;
  //  left: 0px;
  overflow: auto;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1 !important;
  position: absolute;
  margin-top: -12px;
}

.adore_group {
  margin: 5px;
  padding: 10px;
}

.adore_group_topCuttingLine {
  top: 0px;
  left: 0px;
  height: 1px;
  width: 100%;
  background-color: #dadada;
  -webkit-box-shadow: 3px 3px 6px rgba(255, 255, 255, 0.5);
}

.adore_group_bottomCuttingLine {
  bottom: 0px;
  left: 0px;
  height: 1px;
  width: 100%;
  background-color: #dadada;
  display: none;
  -webkit-box-shadow: 3px 3px 6px rgba(255, 255, 255, 0.5);
}

.adore_label {
  font-size: 24px;
  text-align: left;
}

.adore_table {
  //border:1px solid #000000 !important;
}

.adore_table_item_selected {
  background-color: #DADADA;
}

.adore_button {
  z-index: 0 !important;
  will-change: inherit !important;
}

.adore_button:focus {
  background-color: $btn_color_hover;
}

.adore_button_flat {
}

.adore_button_flat:hover {
  background-color: transparent !important;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0) !important;
  -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0) !important;
}

.adore_button_span {
  position: absolute;
  width: 73%;
  left: calc(27%);
}

.adore_button_icon {
  position: absolute;
  width: 18%;
  left: calc(9%);
}

.adore_InputRequisite {
  border-bottom: 1px solid $requisite_color !important;
  box-shadow: 0 1px 0 0 $requisite_color !important;
}

.adore_requisiteColor {
  color: $requisite_color !important;
}

.span_prefix {
  margin-left: 3rem;
  width: calc(97%);
}

.span_prefix_select {
  margin-left: 0 !important;
}

.span_base {
  color: $requisite_color;
  display: none;
  margin-top: -10px;
  font-size: 0.8rem;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: $input_placeholder_color;
}

.adore_tabs {
  z-index: 1 !important;
  background-color: $tab_bg !important;
  display: block !important;
}

.adore_tab {
  background-color: $tab_bg !important;
}

.tab_visible {
  display: block !important;
}

.tab_not_visible {
  display: none !important;
}

.my_indicator {
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: $tab_indicator_bg;
  will-change: left, right;
}

.tab_move_icon {
  width: 30px !important;
  height: 30px !important;
}

.adore_tab_space {
  float: left !important;
  margin-top: 10px !important;
  width: 30px !important;
}

.tab_left_move {
  display: none;
  float: left !important;
  margin-top: 10px !important;
  width: 40px !important;
}

.tab_right_move {
  display: none;
  float: right !important;
  margin-top: 10px !important;
  width: 40px !important;
  margin-left: -30px !important;
}

.tab_selected {
  color: $tab_select_color !important;
}

.tab_not_selected {
  color: $tab_not_select_color !important;
}

.arrow_left {
  -webkit-transform: rotate(45deg);
  height: 9px;
  width: 9px;
  margin-top: 10px;
  margin-left: 8px;
}

.arrow_right {
  -webkit-transform: rotate(-135deg);
  height: 9px;
  width: 9px;
  margin-top: 10px;
  margin-left: 8px;
}

.arrow_active {
  border-bottom: 3px solid $arrow_active;
  border-left: 3px solid $arrow_active;
}

.arrow_not_active {
  border-bottom: 3px solid $arrow_not_active;
  border-left: 3px solid $arrow_not_active;
}

.icon_normal {
  color: $icon_color;
}

.icon_disabled {
  color: $icon_disable_color !important;
}

.adore_tree {
  background-color: $tree_bg !important;
  line-height: inherit !important;
}

.adore_tree_node_circle {
  float: left !important;
  margin-top: 10px !important;
  margin-left: 2px !important;
  margin-right: 5px !important;
  width: 18px;
  height: 18px;
}

// tree节点不展开时
.adore_circle {
  background: $tree_node_fold_circle_bg;
  border-radius: 50px;
  -webkit-box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.5);
}

//tree节点不展开时“+”号样式
.adore_addcharpan {
  font-size: 20px;
  text-align: center;
  color: $tree_node_fold_flag_color;
  font-weight: 300;
  position: relative;
  left: 0.3px;
  width: inherit;
  top: -6px;
}

// tree节点展开时
.adore_mincircle {
  background: $tree_node_unfold_circle_bg;
  border-radius: 50px;
  -webkit-box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.5);
}

//tree节点展开时“-”号样式
.adore_mincharpan {
  font-size: 40px;
  text-align: center;
  color: $tree_node_unfold_flag_color;
  font-weight: 300;
  position: relative;
  left: 0.6px;
  width: inherit;
  top: -22px;
}

.adore_background_image {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.adore_tree_node_selected {
  background-color: $tree_node_selected_bg !important;
}

.adore_calendar_combo_label_disable {
  color: $calendar_combo_label_disable_color !important;
}

.adore_dialog {
  overflow: hidden !important;
}

.adore_dialog_title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden !important;
  height: 60px !important;
}

.adore_dialog_title_content {
  margin-left: 23px !important;
  margin-top: 10px !important;
}

.adore_dialog_message {
  position: absolute !important;
  overflow-x: hidden !important;
  top: 60px !important;
  bottom: 56px !important;
  height: calc(100% - 116px) !important;
}

.adore_dialog_message_content {
  margin-top: -10px !important;
  word-wrap: break-word !important;
  word-break: normal !important;
}

.adore_dialog_size_level_1 {
  width: 40% !important;
  top: 25% !important;
  height: 30% !important;
}

.adore_dialog_size_level_2 {
  width: 45% !important;
  top: 17% !important;
  height: 50% !important;
}

.adore_dialog_size_level_3 {
  width: 55% !important;
  top: 10% !important;
  height: 70% !important;
}

.adore_dialog_mobile_size_level_1 {
  max-height: 40% !important;
}

.adore_dialog_mobile_size_level_2 {
  max-height: 55% !important;
}

.adore_dialog_mobile_size_level_3 {
  max-height: 75% !important;
}

.adore_toolbar_dropDownList {
  position: absolute;
  top: 60px;
  right: 0px;
  width: 108px;
  z-index: 999;
  display: block;
  background-color: $toolbar_dropdown_bg;
}

.adore_toolbar_innerStyle {
  width: inherit;
  margin: 0;
  padding: 0;
}

.adore_select_arrow {
  color: initial;
  position: absolute !important;
  right: 5px;
  top: 5px;
  font-size: 23px;
}

.adore_toolbar_color {
  color: $toolbar_text_color !important;
  width: 100% !important;
}

.adore_toolbar_btnSpan {
  position: absolute;
  right: 0;
  width: 100%;
}

.adore_dialog_btn {
  background-color: $dialog_btn_bg !important;
}

.adore_dialog_btn:focus {
  background-color: $dialog_btn_hover !important;
}

.adore_calendar_combo {
}

.adore_calendar_combo:focus {
  outline: none !important;
}

.adore_calendar_combo_focus {
  border-bottom: 2px solid $calendar_combo_hover !important;
}

.adore_calendar_combo_label_focus {
  color: $calendar_combo_hover !important;
}

.adore_check_button {
}

.adore_check_button:focus {
  outline: none;
}

.adore_check_button_focus_label {
  color: $check_button_hover !important;
}

.adore_shell {
  overflow: hidden;
  display: none;
  opacity: 1;
  top: 10%;
}

.adore_shell_debug {
  width: 89% !important;
  max-height: 80% !important;
  height: 80% !important;
}

.adore_shell_title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
  background-color: $shell_title_bg;
}

.adore_shell_title_content {
  text-align: center;
  margin-top: 10px !important;
}

.adore_shell_content {
  position: absolute !important;
  top: 62px;
  bottom: 0;
}

.adore_lean_overlay {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 115%;
  width: 100%;
  background: #000;
  display: block;
  will-change: opacity;
  opacity: 0.5;
}

.adore_list {
  /*background-color: @list_color;*/
  text-align: center;
  line-height: 1.5;
  /*overflow-x: hidden;*/
}

.adore_list_li_vertical {
  border-width: 0px 0 1px 0;
  /* border-style: solid;*/
  border-color: $list_li_border_color;
  margin-bottom: 16px;
  width: 100%;
}

.adore_list_li_horizontal {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
}

.adore_list_li_a {
}

.adore_list_li_a:hover {
  background-color: $list_selected_color;
}

.adore_list_li_a_selected {
  background-color: $list_selected_color;
}

/*.adore_list_li_a_vertical {
  padding: 0 7px 0 7px;
}

.adore_list_li_a_horizontal {
  padding: 0 10px 0 10px;
}*/

.adore_list_span {
  color: $list_color;
  font-size: 14px;
  font-weight: normal;
}

.adore_list_span_horizontal {
  vertical-align: middle;
}

.adore_list_img_horizontal {
  vertical-align: middle;
}

.adore_list_message {
  border-radius: 10px;
  width: 15px;
  height: 15px;
  color: #fff;
  background-color: #F00;
  position: absolute;
  z-index: 3;
  text-align: center;
  font-size: 12px !important;
}

.adore_list_message_horizontal {
  right: calc(100% - 22px);
}

.adore_list_message_vertical {
  left: 42px;
}

.adore_book_composite {
  margin: 0;
}

.flot_container {
  box-sizing: border-box;
  width: 850px;
  height: 248px;
  padding: 20px 15px 15px 15px;
  /*margin: 15px auto 30px auto;*/
  border: 1px solid #ddd;
  background: $flot_bg;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.flot_container * {
  padding: 0;
  margin: 0;
  vertical-align: top;
}

.flot_placeholder {
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1.2em;
  padding: 0px;
  position: relative;
}

.legend table {
  border-spacing: 5px;
  width: inherit;
  border-collapse: separate;
  box-sizing: initial;
}

/**
*客户队列样式
**/
.custom_queue_container {
  /*height: 220px;*/
  /*background-color: #eeeeee;*/
}

.custom_queue_container_second {
  padding-top: 1px;
  background-color: $custom_queue_bg;
}

.custom_queue_id {
  background-color: $custom_queue_id_bg;
  margin-left: 10px;
  margin-right: 10px;
  height: 60px;
  color: $custom_queue_id_color;
  font-size: 20px;
  text-align: center;
  margin-top: 3px;
}

.custom_queue_roundness {
  -moz-transition-duration: 0.8s;
  border: 1px solid $custom_queue_roundness_boder_color;
  border-radius: 60px;
  color: $custom_queue_roundness_color;
  display: block;
  height: 100px;
  width: 100px;
  text-align: center;
  text-indent: 0;
  background-color: $custom_queue_roundness_bg;
  margin-top: -46px;
  margin-left: 25%;
  margin-left: auto;
  margin-right: auto;
}

.custom_queue_roundness_header_p {
  color: $custom_queue_roundness_header_color;
  font-size: 13px;
  font-weight: bold;
}

.custom_queue_wait_time {
  margin-top: -16px;
}

.custom_queue_roundness_middle_div {
  width: 90%;
  height: 1px;
  background-color: $custom_queue_roundness_middle_bg;
  margin-top: -10px;
  margin-left: 6px;
}

.custom_queue_roundness_footer_p {
  color: $custom_queue_roundness_footer_color;
  font-size: 13px;
  font-weight: bold;
  margin-top: 2px;
}

.custom_queue_get_no_time {
  margin-top: -17px;
}

.custom_queue_body {
  width: 50%;
  height: 28px;
  background-color: $custom_queue_body_bg;
  margin-top: -12px;
  margin-left: 25%;
}

.custom_queue_name {
  color: $custom_queue_name_color;
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
  font-weight: bold;
}

.custom_queue_custom_level {
  text-align: center;
  font-weight: bold;
}

.custom_queue_business_flag {
  /*background-color: #000000;*/
  margin-left: 30px;
  margin-right: 30px;
  height: 26px;
  margin-bottom: -14px;
}

.custom_queue_footer {
  background-color: $custom_queue_footer_bg;
  height: 32px;
  color: #FFFFFF;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}

.custom_queue_container img {
  margin-left: 5px;
  height: 16px;
  width: 16px;
  vertical-align: middle
}

/**客户队列end*/

/**
* 窗口队列 begin
*/
.window_queue_container {
}

.window_queue_header {
  background-color: $window_queue_bg;
  height: 32px;
}

.window_queue_id {
  color: $window_queue_id_color;
  font-weight: 500;
  padding-top: 3px;
  margin-left: 18%;
  font-size: 18px;
}

.window_queue_id img {
  margin-right: 5px;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

.window_queue_status {
  float: right;
  margin-top: -36px;
  vertical-align: middle;
  font-weight: bold;
  color: $window_queue_status_color;
  font-size: 12px;
}

.window_queue_status img {
  height: 20px;
  width: 20px;
  vertical-align: middle;
  margin-left: 5px;
}

.window_queue_body {
  background-color: $window_queue_body_bg;
}

.window_queue_body p {
  font-size: 12px;
  font-weight: bold;
}

.window_queue_body_teller_info {
  margin-left: 7%;
}

.window_queue_body_teller_no {
}

.window_queue_body_teller_name {
}

.window_queue_body_img {
  margin-top: -68px;
  width: 80px;
  height: 80px;
  margin-left: 50%;
}

.window_queue_body_line {
  height: 1px;
  background-color: $window_queue_body_line_bg;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 10px;
}

.window_queue_body_service_custom {
  text-align: center;
  margin-left: 0;
  margin-bottom: 0;
}

.window_queue_body_middle {
  width: 50%;
  height: 28px;
  background-color: $window_queue_body_middle_bg;
  margin-left: 25%;
}

.window_queue_body_custom_level_img {
  width: 16px;
  height: 16px;
  float: right;
  margin-right: 20%;
  margin-top: -10px;
}

.window_queue_body_custom {
  margin-bottom: -6px;
}

.window_queue_body_custom_level {
  text-align: center;
  margin-left: 0;
  margin-top: 5px;
  margin-bottom: -5px;
}

.window_queue_body_footer {
  width: 90%;
  height: 32px;
  background-color: $window_queue_body_footer_bg;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.window_queue_body_footer_p {
  text-align: center;
  padding-top: 10px;
}

/*空闲*/
.window_queue_body_border_style1 {
  border: solid 1px $window_queue_idle_status_color;
}

/*服务中*/
.window_queue_body_border_style2 {
  border: solid 1px $window_queue_in_service_status_color;
}

/*离线*/
.window_queue_body_border_style3 {
  border: solid 1px $window_queue_offline_status_color;
}

/**窗口队列end*/

/**预约队列 begin*/
.appointment_queue {
  margin-top: 15px;
}

.appointment_queue_header {
  background-color: $appointment_queue_header_bg;
  height: 32px;
  position: relative;
}

.appointment_queue_shadow {
  box-shadow: 10px 10px 6px $appointment_queue_shadow_color;
}

.appointment_queue_id {
  color: $appointment_queue_id_color;
  font-weight: bold;
  padding-top: 3px;
  margin-left: 6%;
  font-size: 17px;
}

.appointment_queue_delete {
  width: 22px;
  outline: none;
  position: relative;
  top: -23px;
  left: 91%;
}

.appointment_queue_body {
  background-color: $appointment_queue_body_bg;
  padding-top: 6px;
  height: 160px;
}

.appointment_queue_body_content {
  color: $appointment_queue_body_color;
  margin-left: 7%;
  font-size: 13px;
}

.appointment_queue_body_content img {

  width: 19px;
  height: 19px;
  margin-top: 5px;
  float: left;
}

.appointment_buttom_img {
  width: 450px;
  height: 15px;
  margin-top: 5px;

}

.appointment_queue_id img {
  width: 16px;
  height: 16px;
  margin-top: 5px;
  float: right;
  margin-right: 7%;
}

.appointment_queue_body_mediumtype {
}

.appointment_queue_body_mediumnum {
}

.appointment_queue_body_phonenum {
}

.appointment_queue_body_appointmenttime {
}

/**预约队列end*/

/**预约列表 begin*/
.appointment_table_tablecontent {
  display: inline;
  float: left;
  width: 280px;
  border-width: 1px;
  border-color: $appointment_table_bg;
  border-style: solid;
  border-bottom: 0px;
  border-left: 0px;
}

.appointment_table_tablecontent td {
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  padding: 0px;
  background-color: $appointment_table_td_bg;
  height: 50px;
  width: 280px;
  border-bottom: 1px solid $appointment_table_bg;
}

.appointment_table_border_left {
  border-left: 1px solid $appointment_table_bg;
}

.appointment_table_tabletime {
  float: left;
  font-size: 12px;
  margin-top: 20px;
  margin-left: 20px;
  width: 45px;
  color: $appointment_table_time_color;
}

.appointment_table_tabletime td {
  height: 49px;
}

.appointment_table {
  margin-top: 20px;
  margin-left: 60px;
  overflow: auto;
  width: 85%;
}

.appointment_table_line {
  padding-left: 25%;
}

.appointment_table_line_font {
  font-size: 12px;
  margin-right: 25px;
}

.appointment_table_color_gray_small {
  height: 12px;
  width: 23px;
  display: inline-block;
  border: solid 1px $appointment_table_bg;
  background-color: $appointment_table_gray_bg;
}

.appointment_table_color_white_small {
  height: 12px;
  width: 23px;
  display: inline-block;
  border: solid 1px $appointment_table_bg;
  background-color: $appointment_table_td_bg;
}

.appointment_table_color_blue_small {
  height: 12px;
  width: 23px;
  display: inline-block;
  background-color: $appointment_table_data_yes_bg;
}

.appointment_table_color_red_small {
  height: 12px;
  width: 23px;
  display: inline-block;
  background-color: $appointment_table_data_full_bg;
}

.appointment_table_data_yes {
  background-color: $appointment_table_data_yes_bg;
  position: relative;
  height: 100%;
}

.appointment_table_data_full {
  background-color: $appointment_table_data_full_bg;
  position: relative;
  height: 100%;
}

.appointment_table_data_no {
  background-color: $appointment_table_gray_bg;
}

.appointment_table_text {
  position: absolute;
  top: 0px;
  left: 0px;
  color: $appointment_table_text_color;
  line-height: 52px;
  width: 250px;
}

.appointment_table_scrollbar {
  width: 1500px;
}

/**预约列表end*/

/*wizard用户向导begin*/

@-webkit-keyframes wizard-changeAngle {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes wizard-tickAnimation {
  from {
    background: #00AA00;
  }
  to {
    background: #00DB00;
  }
}

.wizard-part {
  background: #57668E;
  float: left;
}

.wizard-up {
  background: #57668E;
  float: left;
}

.wizard-left {
  background: #57668E;
  float: left;
}

.wizard-right {
  background: #57668E;
  float: right;
}

.wizard-down {
  background: #57668E;
  float: left;
}

.wizard-leftLine {
  margin-right: 25%;
  border: none;
  border-top: 1px solid white;
  width: 80%;
}

.wizard-rightLine {
  margin-left: 25%;
  border: none;
  border-top: 1px solid white;
  width: 80%;
}

.wizard-outCircle {
  position: absolute;
  background: white;
  border-radius: 100%;
}

.wizard-outCircle-handling {
  -webkit-animation: wizard-changeAngle 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  position: absolute;
  border-radius: 100%;
  /*clip: rect(0, 56px, 56px, 5px);*/
  background: linear-gradient(to right, #57668E, #00DB00, #00DB00);
}

.wizard-outCircle-finished {
  -webkit-animation: wizard-tickAnimation 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-animation-direction: alternate;
  position: absolute;
  border-radius: 100%;
}

.wizard-inCircle {
  position: absolute;
  background: #57668E;
  border-radius: 100%;
}

.wizard-inCircle-handling {
  @extend .wizard-inCircle;
}

.wizard-inCircle-finished {
  -webkit-animation: wizard-tickAnimation 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-animation-direction: alternate;
  position: absolute;
  border-radius: 100%;
}

.wizard-textCircle {
  display: block;
  color: white;
  text-align: center;
  font-weight: 900;
}

.wizard-textCircle-handling {
  display: block;
  color: #00DB00;
  text-align: center;
  font-weight: 900;
}

.wizard-text {
  display: block;
  text-align: center;
  color: white;
  font-weight: 700;
}

.wizard-tick-leftPart {
  -webkit-transform: skew(50deg, -20deg);
  background: white;
  position: absolute;
}

.wizard-tick-rightPart {
  -webkit-transform: rotate(40deg) skewY(20deg);
  background: white;
  position: absolute;
}

.wizard-assistBlock {
  background: #57668E;
  float: left;
}

.wizard-contentBlock {
  background: #57668E;
  float: left;
  z-index: -1;
}

.wizard-arrow-block {
  background-color: $wizard-arrow-assist-color;
  float: left;
}

.wizard-arrow-assistBlock-left {
  background-color: $wizard-arrow-assist-color;
  float: left;
}

.wizard-arrow-assistBlock-right {
  background-color: $wizard-arrow-assist-color;
  float: right;
}

.wizard-arrow-contentBlock {
  background-color: transparent;
  float: left;
}

.wizard-arrow-contentPart {
  background-color: $wizard-arrow-unreached-color;
  float: left;
}

.wizard-arrow-contentPart-finished {
  background-color: $wizard-arrow-finished-color;
  float: left;
}

.wizard-arrow-contentPart-unreached {
  background-color: $wizard-arrow-unreached-color;
  float: left;
}

.wizard-arrow-contentPart-unreachable {
  background-color: $wizard-arrow-unreachable-color;
  float: left;
}

.wizard-arrow-contentPart-handling {
  background-color: black;
  float: left;
}

.wizard-arrow-leftPart {
  float: left;
  background-color: $wizard-arrow-assist-color;
  border-left: solid $wizard-arrow-assist-color;
  border-top: solid $wizard-arrow-unreached-color;
  border-bottom: solid $wizard-arrow-unreached-color;
}

.wizard-arrow-leftPart-finished {
  float: left;
  background-color: $wizard-arrow-assist-color;
  border-left: solid $wizard-arrow-assist-color;
  border-top: solid $wizard-arrow-finished-color;
  border-bottom: solid $wizard-arrow-finished-color;
}

.wizard-arrow-leftPart-unreached {
  float: left;
  background-color: $wizard-arrow-assist-color;
  border-left: solid $wizard-arrow-assist-color;
  border-top: solid $wizard-arrow-unreached-color;
  border-bottom: solid $wizard-arrow-unreached-color;
}

.wizard-arrow-leftPart-unreachable {
  float: left;
  background-color: $wizard-arrow-assist-color;
  border-left: solid $wizard-arrow-assist-color;
  border-top: solid $wizard-arrow-unreachable-color;
  border-bottom: solid $wizard-arrow-unreachable-color;
}

.wizard-arrow-leftPart-handling {
  float: left;
  background-color: $wizard-arrow-assist-color;
  border-left: solid $wizard-arrow-assist-color;
  border-top: solid $wizard-arrow-handling-color;
  border-bottom: solid $wizard-arrow-handling-color;
}

.wizard-arrow-rightPart {
  float: left;
  background-color: $wizard-arrow-assist-color;
  border-left: solid $wizard-arrow-unreached-color;
  border-top: solid $wizard-arrow-assist-color;
  border-bottom: solid $wizard-arrow-assist-color;
}

.wizard-arrow-rightPart-finished {
  float: left;
  background-color: $wizard-arrow-assist-color;
  border-left: solid $wizard-arrow-finished-color;
  border-top: solid $wizard-arrow-assist-color;
  border-bottom: solid $wizard-arrow-assist-color;
}

.wizard-arrow-rightPart-unreached {
  float: left;
  background-color: $wizard-arrow-assist-color;
  border-left: solid $wizard-arrow-unreached-color;
  border-top: solid $wizard-arrow-assist-color;
  border-bottom: solid $wizard-arrow-assist-color;
}

.wizard-arrow-rightPart-unreachable {
  float: left;
  background-color: $wizard-arrow-assist-color;
  border-left: solid $wizard-arrow-unreachable-color;
  border-top: solid $wizard-arrow-assist-color;
  border-bottom: solid $wizard-arrow-assist-color;
}

.wizard-arrow-rightPart-handling {
  float: left;
  background-color: $wizard-arrow-assist-color;
  border-left: solid $wizard-arrow-handling-color;
  border-top: solid $wizard-arrow-assist-color;
  border-bottom: solid $wizard-arrow-assist-color;
}

.wizard-arrow-innerContentPart {
  float: left;
  background-color: $wizard-arrow-unreached-color;
}

.wizard-arrow-innerContentPart-finished {
  float: left;
  background-color: $wizard-arrow-finished-color;
}

.wizard-arrow-innerContentPart-unreached {
  float: left;
  background-color: $wizard-arrow-unreached-color;
}

.wizard-arrow-innerContentPart-unreachable {
  float: left;
  background-color: $wizard-arrow-unreachable-color;
}

.wizard-arrow-innerContentPart-handling {
  float: left;
  background-color: $wizard-arrow-handling-color;
}

.wizard-arrow-contentSpan {
  display: block;
  text-align: center;
  font-weight: 300;
  color: $wizard-arrow-text-color-handling;
}

.wizard-arrow-contentSpan-handling {
  @extend .wizard-arrow-contentSpan;
  color: $wizard-arrow-text-color-other;
}

/*wizard用户向导end*/

/*preloading加载图标begin*/

.adore-loading {
  position: absolute;
  z-index: 999;
  top: 0;
  width: 97%;
  height: 100%;
}

.adore-loading div.preloader-wrapper {
  position: fixed;
  top: 48%;
  left: 48%;
}

/*preloading加载图标end*/

.adore-slider {
  padding: 0 !important;
  border-bottom: 2px solid #D3D3D3 !important;
  border-top: 2px solid #D3D3D3 !important;
}

/**
 *ProductShow begin
*/
.product-show {
  height: 504px;
  font-size: 18px;
  margin-bottom: 20px;
}

.product-show-container {
  border: 1px solid #34BEEF;
  height: 100%;
  width: 100%;
}

.product-show-container-img {
  float: right;
  width: 60px;
  height: 60px;
}

.product-show-container-prefix {
  padding-left: 5px;
  padding-right: 5px;
}

.product-show-title {
  height: 60px;
  width: 100%;
  margin-left: 5px;
}

.product-show-second-container {
  border-top: 1px solid #34BEEF;
}

.product-show-subtitle {
  height: 30px;
  width: 100%;
  margin-left: 5px;
}

.product-show-income {
  height: 38px;
  width: 60%;
  margin-left: 28%;
  background-color: #F6A21C;
  color: #fff;
  text-align: center;
  font-size: 22px;
}

.product-show-image {
  height: 120px;
  width: calc(100% - 20px);
  margin: 0 10px;
  text-align: center;
}

.product-show-details {
  height: 105px;
  width: 100%;
  margin-left: 20px;
  margin-right: 20px;
}

.product-show-details-content {
  white-space: normal;
  width: calc(100% - 40px);
}

.product-show-button {
  height: 30px;
  width: 90%;
  margin-left: 5%;
  background-color: #34BEEF;
  color: #fff;
  text-align: center;
}

// ProductShow end

.adore-picture-list-img {
  margin-bottom: 20px;
}