@charset "utf-8";
@import "../../common/helpers/variables";
// 颜色配置
// -------------------------------
$transparent:                     transparent !default;/*透明*/
$gray-333:                        #333333 !default;
$gray-666:                        #666666 !default;
$gray-999:                        #999999 !default;
$gray-eee:                        #eeeeee !default;

$white:                           #ffffff !default;
$dark:                            #262626 !default;
$gray:                            #7d7d7d !default;
$gray-light:                      #c9c9c9 !default;
$gray-lighter:                    #dcdcdc !default;
$gray-lightest:                   #f6f6f6 !default;

$primary:                         #d0af68 !default;
$primary-light:                   #c3a970 !default;
$primary-lighter:                 #d7b468 !default;
$primary-dark:                    #a17e32 !default;
$secondary:                       #ecb954 !default;
$red:                             #bf3504 !default;
$red-light:                       #FF565C !default;
$disable:                         #c9c9c9 !default;
$pink:                            #f54444 !default;
$yellow:                          #feb33f !default;

$light:                           #ffffff !default;
$stable:                          #f8f8f8 !default;
$positive:                        #387ef5 !default;
$calm:                            #11c1f3 !default;
$balanced:                        #33cd5f !default;
$energized:                       #ffc900 !default;
$assertive:                       #ef473a !default;
$royal:                           #886aea !default;
$blue:                            #6dabde !default;
$green:                           #68ba8a !default;
$purple:                          #968eef !default;
$coffee:                          #c2a569 !default;
$coffee-light:                    #c5a56e !default;
$coffee-dark:                     #ad894b !default;


// 基础样式
// -------------------------------
$font-family-songti:            "宋体", Helvetica, Arial, sans-serif !default;
$font-family-number:            Arial, "Helvetica Neue", Helvetica, sans-serif !default;
$font-family-sans-serif:        Helvetica, "微软雅黑", Arial, sans-serif !default;
$font-family-light-sans-serif:  "HelveticaNeue-Light", "Roboto-Light", sans-serif-light !default;
$font-family-serif:             serif !default;
$font-family-monospace:         monospace !default;
$font-family-base:              $font-family-sans-serif !default;

//字体大小
$font-size-xsmall:               10px !default;
$font-size-small:                12px !default;
$font-size-base:                 12px !default;
$font-size-big:                  14px !default;
$font-size-xbig:                 16px !default;
$font-size-large:                18px !default;
$font-size-xlarge:               20px !default;
$font-size-xxlarge:              24px !default;

$line-height-base:                1.428571429 !default; // 20/14
$line-height-computed:            floor($font-size-base * $line-height-base) !default; // ~20px
$line-height-large:               1.33 !default;
$line-height-small:               1.5 !default;

$headings-font-family:            $font-family-base !default;
$headings-font-weight:            500 !default;
$headings-line-height:            1.2 !default;

$base-background-color:           #f1f5f8 !default;
$base-color:                      $dark   !default;

$link-color:                      #5d676b !default;
$link-hover-color:                darken($link-color, 15%) !default;

$content-padding:                 10px !default;

$padding-base:			    	        10px !default;
$padding-base-vertical:           6px !default;
$padding-base-horizontal:         12px !default;

$padding-large-vertical:          10px !default;
$padding-large-horizontal:        16px !default;

$padding-small-vertical:          5px !default;
$padding-small-horizontal:        10px !default;

$border-radius-base:              5px !default;
$border-radius-large:             10px !default;
$border-radius-small:             2px !default;
$border-color:                    #e6e6e6 !default;
$line-color:                      #e6e6e6 !default;

// 内容区域
// -------------------------------

$scroll-refresh-icon-color:       #666666 !default;



// 按钮
// -------------------------------

$button-color:                    #222222 !default;
$button-block-margin:             10px !default;
$button-clear-padding:            6px !default;
$button-border-radius:            2px !default;
$button-border-width:             1px !default;

$button-font-size:                16px !default;
$button-height:                   48px !default;
$button-padding:                  12px !default;
$button-icon-size:                24px !default;

$button-middle-font-size:         14px !default;
$button-middle-height:            35px !default;
$button-middle-padding:           8px !default;
$button-middle-icon-size:         16px !default;

$button-large-font-size:          20px !default;
$button-large-height:             50px !default;
$button-large-padding:            16px !default;
$button-large-icon-size:          32px !default;

$button-small-font-size:          12px !default;
$button-small-height:             26px !default;
$button-small-padding:            4px !default;
$button-small-icon-size:          16px !default;

$button-bar-button-font-size:     13px !default;
$button-bar-button-height:        32px !default;
$button-bar-button-padding:       8px !default;
$button-bar-button-icon-size:     22px !default;

$button-light-bg:                 $white !default;
$button-light-text:               $dark !default;
$button-light-border:             $white !default;
$button-light-active-bg:          #fafafa !default;
$button-light-active-border:      transparent !default;

$button-stable-bg:                $stable !default;
$button-stable-text:              $dark !default;
$button-stable-border:            $stable !default;
$button-stable-active-bg:         #e5e5e5 !default;
$button-stable-active-border:     transparent !default;

$button-primary-bg:                $primary !default;
$button-primary-text:              $white !default;
$button-primary-border:            $primary !default;
$button-primary-active-bg:         darken($primary,10%) !default;
$button-primary-active-border:     transparent !default;

$button-secondary-bg:                $secondary !default;
$button-secondary-text:              $white !default;
$button-secondary-border:            $secondary !default;
$button-secondary-active-bg:         darken($secondary,10%) !default;
$button-secondary-active-border:     transparent !default;


$button-white-bg:                transparent !default;
$button-white-text:              $white !default;
$button-white-border:            $white !default;
$button-white-active-bg:         transparent !default;
$button-white-active-border:     $white !default;

$button-coffee-bg:                $coffee !default;
$button-coffee-text:              $white !default;
$button-coffee-border:            $coffee !default;
$button-coffee-active-bg:         darken($coffee,10%) !default;
$button-coffee-active-border:     transparent !default;

$button-blue-bg:                $blue !default;
$button-blue-text:              $white !default;
$button-blue-border:            $blue !default;
$button-blue-active-bg:         darken($blue,10%) !default;
$button-blue-active-border:     transparent !default;

$button-green-bg:                $green !default;
$button-green-text:              $white !default;
$button-green-border:            $green !default;
$button-green-active-bg:         darken($green,10%) !default;
$button-green-active-border:     transparent !default;

$button-dark-bg:                #0e0e0e !default;
$button-dark-text:              $white !default;
$button-dark-border:            #0e0e0e !default;
$button-dark-active-bg:         darken(#0e0e0e,10%) !default;
$button-dark-active-border:     transparent !default;

$button-disable-bg:                $disable !default;
$button-disable-text:              $white !default;
$button-disable-border:            $disable !default;
$button-disable-active-bg:         darken($disable,10%) !default;
$button-disable-active-border:     transparent !default;

$button-default-bg:               $button-stable-bg !default;
$button-default-text:             $button-stable-text !default;
$button-default-border:           $button-stable-border !default;
$button-default-active-bg:        $button-stable-active-bg !default;
$button-default-active-border:    $button-stable-active-border !default;


// Bars
// -------------------------------

$bar-height:                      45px !default;
$bar-title-font-size:             18px !default;
$bar-padding-portrait:            5px !default;
$bar-padding-landscape:           5px !default;
$bar-transparency:                1 !default;

$bar-footer-height:               60px !default;
$bar-subheader-height:            $bar-height !default;
$bar-subfooter-height:            $bar-height !default;

$bar-light-bg:                    rgba($button-light-bg, $bar-transparency) !default;
$bar-light-text:                  $button-light-text !default;
$bar-light-border:                $button-light-border !default;
$bar-light-active-bg:             $button-light-active-bg !default;
$bar-light-active-border:         $button-light-active-border !default;

$bar-stable-bg:                   rgba($button-stable-bg, $bar-transparency) !default;
$bar-stable-text:                 $button-stable-text !default;
$bar-stable-border:               $button-stable-border !default;
$bar-stable-active-bg:            $button-stable-active-bg !default;
$bar-stable-active-border:        $button-stable-active-border !default;

$bar-primary-bg:                    rgba($button-primary-bg, $bar-transparency) !default;
$bar-primary-text:                  $button-primary-text !default;
$bar-primary-border:                $button-primary-border !default;
$bar-primary-active-bg:             $button-primary-active-bg !default;
$bar-primary-active-border:         $button-primary-active-border !default;

$bar-secondary-bg:                   rgba($button-secondary-bg, $bar-transparency) !default;
$bar-secondary-text:                 $button-secondary-text !default;
$bar-secondary-border:               $button-secondary-border !default;
$bar-secondary-active-bg:            $button-secondary-active-bg !default;
$bar-secondary-active-border:        $button-secondary-active-border !default;

$bar-default-bg:                  $bar-light-bg !default;
$bar-default-text:                $bar-light-text !default;
$bar-default-border:              $bar-light-border !default;
$bar-default-active-bg:           $bar-light-active-bg !default;
$bar-default-active-border:       $bar-light-active-border !default;


// 切换标签
// -------------------------------

$tabs-height:                     49px !default;
$tabs-text-font-size:             14px !default;
$tabs-text-font-size-side-icon:   10px !default;
$tabs-icon-size:                  32px !default;
$tabs-badge-padding:              1px 6px !default;
$tabs-badge-font-size:            12px !default;

$tabs-light-bg:                   $button-light-bg !default;
$tabs-light-border:               $button-light-border !default;
$tabs-light-text:                 $button-light-text !default;

$tabs-stable-bg:                  $button-stable-bg !default;
$tabs-stable-border:              $button-stable-border !default;
$tabs-stable-text:                $button-stable-text !default;

$tabs-primary-bg:                   $button-primary-bg !default;
$tabs-primary-border:               $button-primary-border !default;
$tabs-primary-text:                 $button-primary-text !default;

$tabs-secondary-bg:                  $button-secondary-bg !default;
$tabs-secondary-border:              $button-secondary-border !default;
$tabs-secondary-text:                $button-secondary-text !default;

$tabs-default-bg:                 $tabs-primary-bg !default;
$tabs-default-border:             $tabs-primary-border !default;
$tabs-default-text:               $tabs-primary-text !default;

$tab-item-max-width:              150px !default;

$tabs-off-opacity:                0.4 !default;
$tabs-striped-off-opacity:        $tabs-off-opacity !default;
$tabs-striped-off-color: #000;
$tabs-striped-border-width: 2px;


// Items
// -------------------------------

$item-font-size:                  $font-size-big !default;
$item-border-width:               0px !default;
$item-padding:                    15px !default;

$item-button-font-size:           $font-size-big !default;
$item-button-line-height:         26px !default;
$item-icon-font-size:             26px !default;
$item-icon-fill-font-size:        22px !default;

$item-icon-accessory-color:       #ccc !default;
$item-icon-accessory-font-size:   16px !default;

$item-avatar-width:               40px !default;
$item-avatar-height:              40px !default;
$item-avatar-border-radius:       50% !default;

$item-thumbnail-width:            80px !default;
$item-thumbnail-height:           80px !default;
$item-thumbnail-margin:           10px !default;

$item-divider-bg:                 #f5f5f5 !default;
$item-divider-color:              #222 !default;
$item-divider-padding:            5px 15px !default;

$item-menu-bg:                   #343434 !default;
$item-menu-border:               $white !default;
$item-menu-text:                 $white !default;


$item-light-bg:                   $button-light-bg !default;
$item-light-border:               $button-light-border !default;
$item-light-text:                 $button-light-text !default;
$item-light-active-bg:            $button-light-active-bg !default;
$item-light-active-border:        $button-light-active-border !default;

$item-stable-bg:                  $button-stable-bg !default;
$item-stable-border:              $button-stable-border !default;
$item-stable-text:                $button-stable-text !default;
$item-stable-active-bg:           $button-stable-active-bg !default;
$item-stable-active-border:       $button-stable-active-border !default;

$item-primary-bg:                   $button-primary-bg !default;
$item-primary-border:               $button-primary-border !default;
$item-primary-text:                 $button-primary-text !default;
$item-primary-active-bg:            $button-primary-active-bg !default;
$item-primary-active-border:        $button-primary-active-border !default;

$item-secondary-bg:                  $button-secondary-bg !default;
$item-secondary-border:              $button-secondary-border !default;
$item-secondary-text:                $button-secondary-text !default;
$item-secondary-active-bg:           $button-secondary-active-bg !default;
$item-secondary-active-border:       $button-secondary-active-border !default;

$item-default-bg:                 $item-light-bg !default;
$item-default-border:             $item-light-border !default;
$item-default-text:               $item-light-text !default;
$item-default-active-bg:          #D9D9D9 !default;
$item-default-active-border:      $item-light-active-border !default;


// Item Editing
// -------------------------------

$item-edit-transition-duration:   250ms !default;
$item-edit-transition-function:   ease-in-out !default;

$item-remove-transition-duration:   300ms !default;
$item-remove-transition-function:   ease-in !default;
$item-remove-descendents-transition-function:  cubic-bezier(.25,.81,.24,1) !default;

$item-left-edit-left:             8px !default;  // item's left side edit's "left" property

$item-right-edit-open-width:      50px !default;
$item-left-edit-open-width:       50px !default;

$item-delete-icon-size:           24px !default;
$item-delete-icon-color:          $assertive !default;

$item-reorder-icon-size:          32px !default;
$item-reorder-icon-color:         $dark !default;


// 列表
// -------------------------------

$list-header-bg:                  transparent !default;
$list-header-color:               #222 !default;
$list-header-padding:             5px 15px !default;
$list-header-margin-top:          20px !default;


// 卡片
// -------------------------------

$card-header-bg:                  #F5F5F5 !default;
$card-body-bg:                    #fff !default;
$card-footer-bg:                  #F5F5F5 !default;

$card-padding:                    10px !default;
$card-border-width:               1px !default;

$card-border-color:               #ccc !default;
$card-border-radius:              2px !default;
$card-box-shadow:                 0 1px 3px rgba(0, 0, 0, .3) !default;


// 表单
// -------------------------------

$input-height-base:               ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
$input-height-large:              (floor($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
$input-height-small:              (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;

$input-bg:                        $white !default;
$input-bg-disabled:               $disable !default;

$input-color:                     $dark !default;
$input-border:                    $border-color !default;
$input-border-width:              $item-border-width !default;
$input-label-color:               #e6e6e6 !default;
$input-color-placeholder:         #c9c9c9 !default;
$input-border-focus:             $primary !default;


// 标签
// -----------------------
$label-trans-bg:			    rgba(0,0,0,0) !default;
$label-default-bg: 			  $base-background-color !default;
$label-primary-bg:        $primary !default;
$label-secondary-bg:      $secondary !default;
$label-gray-bg: 			    #d7d7d7 !default;

//标签颜色
$label-white-color:           #FFFFFF !default;
$label-default-color:         $base-background-color !default;
$label-primary-color:         $primary !default;
$label-secondary-color:       $secondary !default;
$label-link-hover-color:      #ffffff  !default;
$label-gray-color:            $gray-light !default;


// 进度条
// -------------------------------
$progress-round-width:            130px !default;
$progress-round-width-small:      54px !default;
$progress-width:                  100% !default;
$progress-margin:                 15px auto !default;
//** Background color of the whole progress component
$progress-bg:                     #f5f5f5 !default;
//** Progress bar text color
$progress-bar-color:              #ffffff !default;

//** Default progress bar color
$progress-bar-bg:             $primary;

// Toggle
// -------------------------------

$toggle-width:                    54px !default;
$toggle-height:                   32px !default;
$toggle-border-width:             2px !default;
$toggle-border-radius:            20px !default;

$toggle-handle-width:             $toggle-height - ($toggle-border-width * 2) !default;
$toggle-handle-height:            $toggle-handle-width !default;
$toggle-handle-radius:            $toggle-handle-width !default;
$toggle-handle-dragging-bg-color: darken(#fff, 5%) !default;

$toggle-off-bg-color:             #E5E5E5 !default;
$toggle-off-border-color:         #E5E5E5 !default;

$toggle-on-light-bg:              $button-light-border !default;
$toggle-on-light-border:          $toggle-on-light-bg !default;
$toggle-on-stable-bg:             $button-stable-border !default;
$toggle-on-stable-border:         $toggle-on-stable-bg !default;
$toggle-on-primary-bg:            $button-primary-border !default;
$toggle-on-primary-border:        $toggle-on-primary-bg !default;
$toggle-on-secondary-bg:          $button-secondary-border !default;
$toggle-on-secondary-border:      $toggle-on-secondary-bg !default;
$toggle-on-dark-bg:               $dark !default;
$toggle-on-dark-border:           $toggle-on-dark-bg !default;
$toggle-on-default-bg:            $positive !default;
$toggle-on-default-border:        $toggle-on-default-bg !default;

$toggle-handle-off-bg-color:      $white !default;
$toggle-handle-on-bg-color:       $toggle-handle-off-bg-color !default;

$toggle-transition-duration:      .2s !default;

$toggle-hit-area-expansion:   5px;


// 选择开关
// -------------------------------

$checkbox-width:                  24px !default;
$checkbox-height:                 24px !default;
$checkbox-border-radius:          $checkbox-width !default;
$checkbox-border-width:           1px !default;

$checkbox-off-bg-color:           $transparent !default;
$checkbox-off-border-light:       $button-light-border !default;
$checkbox-on-bg-light:            $button-light-border !default;
$checkbox-off-border-disable:      $button-disable-border !default;
$checkbox-on-bg-disable:           $button-disable-border !default;
$checkbox-off-border-primary:     $button-primary-border !default;
$checkbox-on-bg-primary:          $button-primary-border !default;
$checkbox-off-border-secondary:   $button-secondary-border !default;
$checkbox-on-bg-secondary:        $button-secondary-border !default;
$checkbox-off-border-dark:        $gray !default;
$checkbox-on-bg-dark:             $gray !default;
$checkbox-off-border-green:        $button-green-border !default;
$checkbox-on-bg-green:             $green !default;
$checkbox-on-border-green:         $green !default;
$checkbox-off-border-blue:        $button-blue-border !default;
$checkbox-on-bg-blue:             $blue !default;
$checkbox-on-border-blue:         $blue !default;
$checkbox-off-border-default:     $checkbox-off-border-dark !default;
$checkbox-on-bg-default:          $checkbox-on-bg-dark !default;
$checkbox-on-border-default:      $checkbox-off-border-dark !default;

$checkbox-check-width:            2px !default;
$checkbox-check-color:            #fff !default;


// Range
// -------------------------------

$range-track-height:              2px !default;
$range-slider-width:              22px !default;
$range-slider-height:             22px !default;
$range-slider-border-radius:      50% !default;
$range-icon-size:                 24px !default;
$range-slider-box-shadow:         0 0 2px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,0.2) !default;

$range-light-track-bg:            $button-light-border !default;
$range-stable-track-bg:           $button-stable-border !default;
$range-primary-track-bg:          $button-primary-border !default;
$range-secondary-track-bg:        $button-secondary-border !default;
$range-default-track-bg:          #ccc !default;


// 菜单
// -------------------------------

$menu-bg:                         #fff !default;
$menu-width:                      275px !default;
$menu-animation-speed:            200ms !default;

$menu-side-shadow:                -1px 0px 2px rgba(0, 0, 0, 0.2), 1px 0px 2px rgba(0,0,0,0.2) !default;


// 模态框
// -------------------------------

$modal-bg-color:                  #ffffff !default;
$modal-backdrop-bg-active:        rgba(0,0,0,0.8) !default;
$modal-backdrop-bg-inactive:      rgba(0,0,0,0) !default;

$modal-inset-mode-break-point:    680px !default;  // @media min-width
$modal-inset-mode-top:            20% !default;
$modal-inset-mode-right:          20% !default;
$modal-inset-mode-bottom:         20% !default;
$modal-inset-mode-left:           20% !default;
$modal-inset-mode-min-height:     240px !default;


// 弹窗
// -------------------------------

$popover-bg-color:                $white !default;
$popover-backdrop-bg-active:      rgba(0,0,0,0.1) !default;
$popover-backdrop-bg-inactive:    rgba(0,0,0,0) !default;
$popover-width:                   220px !default;
$popover-height:                  280px !default;
$popover-large-break-point:       680px !default;
$popover-large-width:             360px !default;

$popover-box-shadow:              0 1px 3px rgba(0,0,0,0.4) !default;
$popover-border-radius:           2px !default;

$popover-box-shadow-ios:          0 0 40px rgba(0,0,0,0.08) !default;
$popover-border-radius-ios:       10px !default;

$popover-bg-color-android:        #fafafa !default;
$popover-box-shadow-android:      0 2px 6px rgba(0,0,0,0.35) !default;


// 布局
// -------------------------------

$grid-padding-width:              10px !default;
$grid-responsive-sm-break:        567px !default;  // smaller than landscape phone
$grid-responsive-md-break:        767px !default;  // smaller than portrait tablet
$grid-responsive-lg-break:        1023px !default; // smaller than landscape tablet


// Action Sheets
// -------------------------------

$sheet-bg-color:                  rgba(255, 255, 255, 0.6) !default;
$sheet-opacity:                   0.95 !default;

$sheet-border-radius:             3px 3px 3px 3px !default;
$sheet-border-radius-top:         3px 3px 0px 0px !default;
$sheet-border-radius-bottom:      0px 0px 3px 3px !default;


// 弹窗
// -------------------------------

$popup-width:                     290px !default;
$popup-enter-animation:           superScaleIn !default;
$popup-enter-animation-duration:  0.2s !default;
$popup-leave-animation-duration:  0.1s !default;

$popup-border-radius:             5px !default;
$popup-background-color:          rgba(255,255,255,1) !default;

$popup-button-border-radius:      5px !default;
$popup-button-line-height:        20px !default;
$popup-button-min-height:         45px !default;


// Loading
// -------------------------------

$loading-text-color:              #666 !default;
$loading-bg-color:                rgba(255,255,255,1) !default;
$loading-padding:                 20px !default;
$loading-border-radius:           5px !default;
$loading-font-size:               15px !default;

$loading-backdrop-fadein-duration:0.1s !default;
$loading-backdrop-bg-color:       rgba(0,0,0,0.4) !default;
$loading-backdrop-bg-color-dark:       rgba(0,0,0,0.75) !default;


// 徽章
// -------------------------------

$badge-font-size:                 14px !default;
$badge-line-height:               16px !default;
$badge-font-weight:               bold !default;
$badge-border-radius:             10px !default;

$badge-light-bg:                  $button-light-bg !default;
$badge-light-text:                $button-light-text !default;

$badge-stable-bg:                 $button-stable-bg !default;
$badge-stable-text:               $button-stable-text !default;

$badge-primary-bg:                  $button-primary-bg !default;
$badge-primary-text:                $button-primary-text !default;

$badge-secondary-bg:                 $button-secondary-bg !default;
$badge-secondary-text:               $button-secondary-text !default;

$badge-default-bg:                transparent !default;
$badge-default-text:              #AAAAAA !default;


// Z-Indexes
// -------------------------------

$z-index-bar-title:               0 !default;
$z-index-item-drag:               0 !default;
$z-index-item-edit:               0 !default;
$z-index-menu:                    0 !default;
$z-index-badge:                   1 !default;
$z-index-bar-button:              1 !default;
$z-index-item-options:            1 !default;
$z-index-pane:                    1 !default;
$z-index-slider-pager:            1 !default;
$z-index-view:                    1 !default;
$z-index-view-below:              2 !default;
$z-index-item:                    2 !default;
$z-index-item-checkbox:           3 !default;
$z-index-item-radio:              3 !default;
$z-index-item-reorder:            3 !default;
$z-index-item-toggle:             3 !default;
$z-index-view-above:              3 !default;
$z-index-tabs:                    5 !default;
$z-index-item-reordering:         9 !default;
$z-index-bar:                     9 !default;
$z-index-bar-above:               10 !default;
$z-index-menu-scroll-content:     10 !default;
$z-index-modal:                   10 !default;
$z-index-popover:                 10 !default;
$z-index-action-sheet:            11 !default;
$z-index-backdrop:                11 !default;
$z-index-menu-bar-header:         11 !default;
$z-index-scroll-content-false:    11 !default;
$z-index-popup:                   12 !default;
$z-index-loading:                 13 !default;
$z-index-scroll-bar:              9999 !default;
$z-index-click-block:             99999 !default;


// 平台配置
// -------------------------------

$ios-statusbar-height:           20px !default;