/*! @license
*
* Buttons
* Copyright 2012-2014 Alex Wolfe and Rob Levin
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*        http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/*
* Compass (optional)
*
* We recommend the use of autoprefixer instead of Compass
* when using buttons. However, buttons does support Compass.
* simply change $ubtn-use-compass to true and uncomment the
* @import 'compass' code below to use Compass.
*/
/*
* Required Files
*
* These files include the variables and options
* and base css styles that are required to generate buttons.
*/
/*
* $ubtn prefix (reserved)
*
* This prefix stands for Unicorn Button - ubtn
* We provide a prefix to the Sass Variables to
* prevent namespace collisions that could occur if
* you import buttons as part of your Sass build process.
* We kindly ask you not to use the prefix $ubtn in your project
* in order to avoid possilbe name conflicts. Thanks!
*/
/*
* Button Namespace (ex .button or .btn)
*
*/
/*
* Button Defaults
*
* Some default settings that are used throughout the button library.
* Changes to these settings will be picked up by all of the other modules.
* The colors used here are the default colors for the base button (gray).
* The font size and height are used to set the base size for the buttons.
* The size values will be used to calculate the larger and smaller button sizes.
*/
/*
* Button Colors
*
* $ubtn-colors is used to generate the different button colors.
* Edit or add colors to the list below and recompile.
* Each block contains the (name, background, color)
* The class is generated using the name: (ex .button-primary)
*/
/*
* Button Shapes
*
* $ubtn-shapes is used to generate the different button shapes.
* Edit or add shapes to the list below and recompile.
* Each block contains the (name, border-radius).
* The class is generated using the name: (ex .button-square).
*/
/*
* Button Sizes
*
* $ubtn-sizes is used to generate the different button sizes.
* Edit or add colors to the list below and recompile.
* Each block contains the (name, size multiplier).
* The class is generated using the name: (ex .button-giant).
*/
/*
* Color Mixin
*
* Iterates through the list of colors and creates
*
*/
/*
* No Animation
*
* Sets animation property to none
*/
/*
* Clearfix
*
* Clears floats inside the container
*/
/*
* Base Button Style
*
* The default values for the .button class
*/
.button {
  color: #666;
  background-color: #EEE;
  border-color: #EEE;
  font-weight: 300;
  font-size: 16px;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  height: 40px;
  padding: 0 40px;
  margin: 0;
  display: inline-block;
  appearance: none;
  cursor: pointer;
  border: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition-property: all;
          transition-property: all;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  /*
  * Disabled State
  *
  * The disabled state uses the class .disabled, is-disabled,
  * and the form attribute disabled="disabled".
  * The use of !important is only added because this is a state
  * that must be applied to all buttons when in a disabled state.
  */ }
  .button:visited {
    color: #666; }
  .button:hover, .button:focus {
    background-color: #f6f6f6;
    text-decoration: none;
    outline: none; }
  .button:active, .button.active, .button.is-active {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    text-decoration: none;
    background-color: #eeeeee;
    border-color: #cfcfcf;
    color: #d4d4d4;
    -webkit-transition-duration: 0s;
            transition-duration: 0s;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); }
  .button.disabled, .button.is-disabled, .button:disabled {
    top: 0 !important;
    background: #EEE !important;
    border: 1px solid #DDD !important;
    text-shadow: 0 1px 1px white !important;
    color: #CCC !important;
    cursor: default !important;
    appearance: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    opacity: .8 !important; }

/*
* Base Button Tyography
*
*/
.button-uppercase {
  text-transform: uppercase; }

.button-lowercase {
  text-transform: lowercase; }

.button-capitalize {
  text-transform: capitalize; }

.button-small-caps {
  font-variant: small-caps; }

.button-icon-txt-large {
  font-size: 36px !important; }

/*
* Base padding
*
*/
.button-width-small {
  padding: 0 10px !important; }

/*
* Base Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.button-primary,
.button-primary-flat {
  background-color: #1B9AF7;
  border-color: #1B9AF7;
  color: #FFF; }
  .button-primary:visited,
  .button-primary-flat:visited {
    color: #FFF; }
  .button-primary:hover, .button-primary:focus,
  .button-primary-flat:hover,
  .button-primary-flat:focus {
    background-color: #4cb0f9;
    border-color: #4cb0f9;
    color: #FFF; }
  .button-primary:active, .button-primary.active, .button-primary.is-active,
  .button-primary-flat:active,
  .button-primary-flat.active,
  .button-primary-flat.is-active {
    background-color: #2798eb;
    border-color: #2798eb;
    color: #0880d7; }

.button-plain,
.button-plain-flat {
  background-color: #FFF;
  border-color: #FFF;
  color: #1B9AF7; }
  .button-plain:visited,
  .button-plain-flat:visited {
    color: #1B9AF7; }
  .button-plain:hover, .button-plain:focus,
  .button-plain-flat:hover,
  .button-plain-flat:focus {
    background-color: white;
    border-color: white;
    color: #1B9AF7; }
  .button-plain:active, .button-plain.active, .button-plain.is-active,
  .button-plain-flat:active,
  .button-plain-flat.active,
  .button-plain-flat.is-active {
    background-color: white;
    border-color: white;
    color: #e6e6e6; }

.button-inverse,
.button-inverse-flat {
  background-color: #222;
  border-color: #222;
  color: #EEE; }
  .button-inverse:visited,
  .button-inverse-flat:visited {
    color: #EEE; }
  .button-inverse:hover, .button-inverse:focus,
  .button-inverse-flat:hover,
  .button-inverse-flat:focus {
    background-color: #3c3c3c;
    border-color: #3c3c3c;
    color: #EEE; }
  .button-inverse:active, .button-inverse.active, .button-inverse.is-active,
  .button-inverse-flat:active,
  .button-inverse-flat.active,
  .button-inverse-flat.is-active {
    background-color: #222222;
    border-color: #222222;
    color: #090909; }

.button-action,
.button-action-flat {
  background-color: #A5DE37;
  border-color: #A5DE37;
  color: #FFF; }
  .button-action:visited,
  .button-action-flat:visited {
    color: #FFF; }
  .button-action:hover, .button-action:focus,
  .button-action-flat:hover,
  .button-action-flat:focus {
    background-color: #b9e563;
    border-color: #b9e563;
    color: #FFF; }
  .button-action:active, .button-action.active, .button-action.is-active,
  .button-action-flat:active,
  .button-action-flat.active,
  .button-action-flat.is-active {
    background-color: #a1d243;
    border-color: #a1d243;
    color: #8bc220; }

.button-highlight,
.button-highlight-flat {
  background-color: #FEAE1B;
  border-color: #FEAE1B;
  color: #FFF; }
  .button-highlight:visited,
  .button-highlight-flat:visited {
    color: #FFF; }
  .button-highlight:hover, .button-highlight:focus,
  .button-highlight-flat:hover,
  .button-highlight-flat:focus {
    background-color: #fec04e;
    border-color: #fec04e;
    color: #FFF; }
  .button-highlight:active, .button-highlight.active, .button-highlight.is-active,
  .button-highlight-flat:active,
  .button-highlight-flat.active,
  .button-highlight-flat.is-active {
    background-color: #f3ab26;
    border-color: #f3ab26;
    color: #e59501; }

.button-caution,
.button-caution-flat {
  background-color: #FF4351;
  border-color: #FF4351;
  color: #FFF; }
  .button-caution:visited,
  .button-caution-flat:visited {
    color: #FFF; }
  .button-caution:hover, .button-caution:focus,
  .button-caution-flat:hover,
  .button-caution-flat:focus {
    background-color: #ff7680;
    border-color: #ff7680;
    color: #FFF; }
  .button-caution:active, .button-caution.active, .button-caution.is-active,
  .button-caution-flat:active,
  .button-caution-flat.active,
  .button-caution-flat.is-active {
    background-color: #f64c59;
    border-color: #f64c59;
    color: #ff1022; }

.button-royal,
.button-royal-flat {
  background-color: #7B72E9;
  border-color: #7B72E9;
  color: #FFF; }
  .button-royal:visited,
  .button-royal-flat:visited {
    color: #FFF; }
  .button-royal:hover, .button-royal:focus,
  .button-royal-flat:hover,
  .button-royal-flat:focus {
    background-color: #a49ef0;
    border-color: #a49ef0;
    color: #FFF; }
  .button-royal:active, .button-royal.active, .button-royal.is-active,
  .button-royal-flat:active,
  .button-royal-flat.active,
  .button-royal-flat.is-active {
    background-color: #827ae1;
    border-color: #827ae1;
    color: #5246e2; }

/*
* Base Layout Styles
*
* Very Miminal Layout Styles
*/
.button-block,
.button-stacked {
  display: block; }

/*
* Button Types (optional)
*
* All of the files below represent the various button
* types (including shapes & sizes). None of these files
* are required. Simple remove the uneeded type below and
* the button type will be excluded from the final build
*/
/*
* Button Shapes
*
* This file creates the various button shapes
* (ex. Circle, Rounded, Pill)
*/
.button-square {
  border-radius: 0; }

.button-box {
  border-radius: 10px; }

.button-rounded {
  border-radius: 4px; }

.button-pill {
  border-radius: 200px; }

.button-circle {
  border-radius: 100%; }

/*
* Size Adjustment for equal height & widht buttons
*
* Remove padding and set a fixed width.
*/
.button-circle,
.button-box,
.button-square {
  padding: 0 !important;
  width: 40px; }
  .button-circle.button-giant,
  .button-box.button-giant,
  .button-square.button-giant {
    width: 70px; }
  .button-circle.button-jumbo,
  .button-box.button-jumbo,
  .button-square.button-jumbo {
    width: 60px; }
  .button-circle.button-large,
  .button-box.button-large,
  .button-square.button-large {
    width: 50px; }
  .button-circle.button-normal,
  .button-box.button-normal,
  .button-square.button-normal {
    width: 40px; }
  .button-circle.button-small,
  .button-box.button-small,
  .button-square.button-small {
    width: 30px; }
  .button-circle.button-tiny,
  .button-box.button-tiny,
  .button-square.button-tiny {
    width: 24px; }

/*
* Border Buttons
*
* These buttons have no fill they only have a
* border to define their hit target.
*/
.button-border, .button-border-thin, .button-border-thick {
  background: none;
  border-width: 2px;
  border-style: solid;
  line-height: 36px; }
  .button-border:hover, .button-border-thin:hover, .button-border-thick:hover {
    background-color: rgba(255, 255, 255, 0.9); }
  .button-border:active, .button-border-thin:active, .button-border-thick:active, .button-border.active, .active.button-border-thin, .active.button-border-thick, .button-border.is-active, .is-active.button-border-thin, .is-active.button-border-thick {
    -webkit-box-shadow: none;
            box-shadow: none;
    text-shadow: none;
    -webkit-transition-property: all;
            transition-property: all;
    -webkit-transition-duration: .3s;
            transition-duration: .3s; }

/*
* Border Optional Sizes
*
* A slight variation in border thickness
*/
.button-border-thin {
  border-width: 1px; }

.button-border-thick {
  border-width: 3px; }

/*
* Border Button Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.button-border, .button-border-thin, .button-border-thick,
.button-border-thin,
.button-border-thick {
  /*
  * Border Button Size Adjustment
  *
  * The line-height must be adjusted to compinsate for
  * the width of the border.
  */ }
  .button-border.button-primary, .button-primary.button-border-thin, .button-primary.button-border-thick,
  .button-border-thin.button-primary,
  .button-border-thick.button-primary {
    color: #1B9AF7; }
    .button-border.button-primary:hover, .button-primary.button-border-thin:hover, .button-primary.button-border-thick:hover, .button-border.button-primary:focus, .button-primary.button-border-thin:focus, .button-primary.button-border-thick:focus,
    .button-border-thin.button-primary:hover,
    .button-border-thin.button-primary:focus,
    .button-border-thick.button-primary:hover,
    .button-border-thick.button-primary:focus {
      background-color: rgba(76, 176, 249, 0.9);
      color: rgba(255, 255, 255, 0.9); }
    .button-border.button-primary:active, .button-primary.button-border-thin:active, .button-primary.button-border-thick:active, .button-border.button-primary.active, .button-primary.active.button-border-thin, .button-primary.active.button-border-thick, .button-border.button-primary.is-active, .button-primary.is-active.button-border-thin, .button-primary.is-active.button-border-thick,
    .button-border-thin.button-primary:active,
    .button-border-thin.button-primary.active,
    .button-border-thin.button-primary.is-active,
    .button-border-thick.button-primary:active,
    .button-border-thick.button-primary.active,
    .button-border-thick.button-primary.is-active {
      background-color: rgba(39, 152, 235, 0.7);
      color: rgba(255, 255, 255, 0.5);
      opacity: .3; }
  .button-border.button-plain, .button-plain.button-border-thin, .button-plain.button-border-thick,
  .button-border-thin.button-plain,
  .button-border-thick.button-plain {
    color: #FFF; }
    .button-border.button-plain:hover, .button-plain.button-border-thin:hover, .button-plain.button-border-thick:hover, .button-border.button-plain:focus, .button-plain.button-border-thin:focus, .button-plain.button-border-thick:focus,
    .button-border-thin.button-plain:hover,
    .button-border-thin.button-plain:focus,
    .button-border-thick.button-plain:hover,
    .button-border-thick.button-plain:focus {
      background-color: rgba(255, 255, 255, 0.9);
      color: rgba(27, 154, 247, 0.9); }
    .button-border.button-plain:active, .button-plain.button-border-thin:active, .button-plain.button-border-thick:active, .button-border.button-plain.active, .button-plain.active.button-border-thin, .button-plain.active.button-border-thick, .button-border.button-plain.is-active, .button-plain.is-active.button-border-thin, .button-plain.is-active.button-border-thick,
    .button-border-thin.button-plain:active,
    .button-border-thin.button-plain.active,
    .button-border-thin.button-plain.is-active,
    .button-border-thick.button-plain:active,
    .button-border-thick.button-plain.active,
    .button-border-thick.button-plain.is-active {
      background-color: rgba(255, 255, 255, 0.7);
      color: rgba(27, 154, 247, 0.5);
      opacity: .3; }
  .button-border.button-inverse, .button-inverse.button-border-thin, .button-inverse.button-border-thick,
  .button-border-thin.button-inverse,
  .button-border-thick.button-inverse {
    color: #222; }
    .button-border.button-inverse:hover, .button-inverse.button-border-thin:hover, .button-inverse.button-border-thick:hover, .button-border.button-inverse:focus, .button-inverse.button-border-thin:focus, .button-inverse.button-border-thick:focus,
    .button-border-thin.button-inverse:hover,
    .button-border-thin.button-inverse:focus,
    .button-border-thick.button-inverse:hover,
    .button-border-thick.button-inverse:focus {
      background-color: rgba(60, 60, 60, 0.9);
      color: rgba(238, 238, 238, 0.9); }
    .button-border.button-inverse:active, .button-inverse.button-border-thin:active, .button-inverse.button-border-thick:active, .button-border.button-inverse.active, .button-inverse.active.button-border-thin, .button-inverse.active.button-border-thick, .button-border.button-inverse.is-active, .button-inverse.is-active.button-border-thin, .button-inverse.is-active.button-border-thick,
    .button-border-thin.button-inverse:active,
    .button-border-thin.button-inverse.active,
    .button-border-thin.button-inverse.is-active,
    .button-border-thick.button-inverse:active,
    .button-border-thick.button-inverse.active,
    .button-border-thick.button-inverse.is-active {
      background-color: rgba(34, 34, 34, 0.7);
      color: rgba(238, 238, 238, 0.5);
      opacity: .3; }
  .button-border.button-action, .button-action.button-border-thin, .button-action.button-border-thick,
  .button-border-thin.button-action,
  .button-border-thick.button-action {
    color: #A5DE37; }
    .button-border.button-action:hover, .button-action.button-border-thin:hover, .button-action.button-border-thick:hover, .button-border.button-action:focus, .button-action.button-border-thin:focus, .button-action.button-border-thick:focus,
    .button-border-thin.button-action:hover,
    .button-border-thin.button-action:focus,
    .button-border-thick.button-action:hover,
    .button-border-thick.button-action:focus {
      background-color: rgba(185, 229, 99, 0.9);
      color: rgba(255, 255, 255, 0.9); }
    .button-border.button-action:active, .button-action.button-border-thin:active, .button-action.button-border-thick:active, .button-border.button-action.active, .button-action.active.button-border-thin, .button-action.active.button-border-thick, .button-border.button-action.is-active, .button-action.is-active.button-border-thin, .button-action.is-active.button-border-thick,
    .button-border-thin.button-action:active,
    .button-border-thin.button-action.active,
    .button-border-thin.button-action.is-active,
    .button-border-thick.button-action:active,
    .button-border-thick.button-action.active,
    .button-border-thick.button-action.is-active {
      background-color: rgba(161, 210, 67, 0.7);
      color: rgba(255, 255, 255, 0.5);
      opacity: .3; }
  .button-border.button-highlight, .button-highlight.button-border-thin, .button-highlight.button-border-thick,
  .button-border-thin.button-highlight,
  .button-border-thick.button-highlight {
    color: #FEAE1B; }
    .button-border.button-highlight:hover, .button-highlight.button-border-thin:hover, .button-highlight.button-border-thick:hover, .button-border.button-highlight:focus, .button-highlight.button-border-thin:focus, .button-highlight.button-border-thick:focus,
    .button-border-thin.button-highlight:hover,
    .button-border-thin.button-highlight:focus,
    .button-border-thick.button-highlight:hover,
    .button-border-thick.button-highlight:focus {
      background-color: rgba(254, 192, 78, 0.9);
      color: rgba(255, 255, 255, 0.9); }
    .button-border.button-highlight:active, .button-highlight.button-border-thin:active, .button-highlight.button-border-thick:active, .button-border.button-highlight.active, .button-highlight.active.button-border-thin, .button-highlight.active.button-border-thick, .button-border.button-highlight.is-active, .button-highlight.is-active.button-border-thin, .button-highlight.is-active.button-border-thick,
    .button-border-thin.button-highlight:active,
    .button-border-thin.button-highlight.active,
    .button-border-thin.button-highlight.is-active,
    .button-border-thick.button-highlight:active,
    .button-border-thick.button-highlight.active,
    .button-border-thick.button-highlight.is-active {
      background-color: rgba(243, 171, 38, 0.7);
      color: rgba(255, 255, 255, 0.5);
      opacity: .3; }
  .button-border.button-caution, .button-caution.button-border-thin, .button-caution.button-border-thick,
  .button-border-thin.button-caution,
  .button-border-thick.button-caution {
    color: #FF4351; }
    .button-border.button-caution:hover, .button-caution.button-border-thin:hover, .button-caution.button-border-thick:hover, .button-border.button-caution:focus, .button-caution.button-border-thin:focus, .button-caution.button-border-thick:focus,
    .button-border-thin.button-caution:hover,
    .button-border-thin.button-caution:focus,
    .button-border-thick.button-caution:hover,
    .button-border-thick.button-caution:focus {
      background-color: rgba(255, 118, 128, 0.9);
      color: rgba(255, 255, 255, 0.9); }
    .button-border.button-caution:active, .button-caution.button-border-thin:active, .button-caution.button-border-thick:active, .button-border.button-caution.active, .button-caution.active.button-border-thin, .button-caution.active.button-border-thick, .button-border.button-caution.is-active, .button-caution.is-active.button-border-thin, .button-caution.is-active.button-border-thick,
    .button-border-thin.button-caution:active,
    .button-border-thin.button-caution.active,
    .button-border-thin.button-caution.is-active,
    .button-border-thick.button-caution:active,
    .button-border-thick.button-caution.active,
    .button-border-thick.button-caution.is-active {
      background-color: rgba(246, 76, 89, 0.7);
      color: rgba(255, 255, 255, 0.5);
      opacity: .3; }
  .button-border.button-royal, .button-royal.button-border-thin, .button-royal.button-border-thick,
  .button-border-thin.button-royal,
  .button-border-thick.button-royal {
    color: #7B72E9; }
    .button-border.button-royal:hover, .button-royal.button-border-thin:hover, .button-royal.button-border-thick:hover, .button-border.button-royal:focus, .button-royal.button-border-thin:focus, .button-royal.button-border-thick:focus,
    .button-border-thin.button-royal:hover,
    .button-border-thin.button-royal:focus,
    .button-border-thick.button-royal:hover,
    .button-border-thick.button-royal:focus {
      background-color: rgba(164, 158, 240, 0.9);
      color: rgba(255, 255, 255, 0.9); }
    .button-border.button-royal:active, .button-royal.button-border-thin:active, .button-royal.button-border-thick:active, .button-border.button-royal.active, .button-royal.active.button-border-thin, .button-royal.active.button-border-thick, .button-border.button-royal.is-active, .button-royal.is-active.button-border-thin, .button-royal.is-active.button-border-thick,
    .button-border-thin.button-royal:active,
    .button-border-thin.button-royal.active,
    .button-border-thin.button-royal.is-active,
    .button-border-thick.button-royal:active,
    .button-border-thick.button-royal.active,
    .button-border-thick.button-royal.is-active {
      background-color: rgba(130, 122, 225, 0.7);
      color: rgba(255, 255, 255, 0.5);
      opacity: .3; }
  .button-border.button-giant, .button-giant.button-border-thin, .button-giant.button-border-thick,
  .button-border-thin.button-giant,
  .button-border-thick.button-giant {
    line-height: 66px; }
  .button-border.button-jumbo, .button-jumbo.button-border-thin, .button-jumbo.button-border-thick,
  .button-border-thin.button-jumbo,
  .button-border-thick.button-jumbo {
    line-height: 56px; }
  .button-border.button-large, .button-large.button-border-thin, .button-large.button-border-thick,
  .button-border-thin.button-large,
  .button-border-thick.button-large {
    line-height: 46px; }
  .button-border.button-normal, .button-normal.button-border-thin, .button-normal.button-border-thick,
  .button-border-thin.button-normal,
  .button-border-thick.button-normal {
    line-height: 36px; }
  .button-border.button-small, .button-small.button-border-thin, .button-small.button-border-thick,
  .button-border-thin.button-small,
  .button-border-thick.button-small {
    line-height: 26px; }
  .button-border.button-tiny, .button-tiny.button-border-thin, .button-tiny.button-border-thick,
  .button-border-thin.button-tiny,
  .button-border-thick.button-tiny {
    line-height: 20px; }

/*
* Border Buttons
*
* These buttons have no fill they only have a
* border to define their hit target.
*/
.button-borderless {
  background: none;
  border: none;
  padding: 0 8px !important;
  color: #EEE;
  font-size: 20.8px;
  font-weight: 200;
  /*
  * Borderless Button Colors
  *
  * Create colors for buttons
  * (.button-primary, .button-secondary, etc.)
  */
  /*
  * Borderles Size Adjustment
  *
  * The font-size must be large to compinsate for
  * the lack of a hit target.
  */ }
  .button-borderless:hover, .button-borderless:focus {
    background: none; }
  .button-borderless:active, .button-borderless.active, .button-borderless.is-active {
    -webkit-box-shadow: none;
            box-shadow: none;
    text-shadow: none;
    -webkit-transition-property: all;
            transition-property: all;
    -webkit-transition-duration: .3s;
            transition-duration: .3s;
    opacity: .3; }
  .button-borderless.button-primary {
    color: #1B9AF7; }
  .button-borderless.button-plain {
    color: #FFF; }
  .button-borderless.button-inverse {
    color: #222; }
  .button-borderless.button-action {
    color: #A5DE37; }
  .button-borderless.button-highlight {
    color: #FEAE1B; }
  .button-borderless.button-caution {
    color: #FF4351; }
  .button-borderless.button-royal {
    color: #7B72E9; }
  .button-borderless.button-giant {
    font-size: 36.4px;
    height: 52.4px;
    line-height: 52.4px; }
  .button-borderless.button-jumbo {
    font-size: 31.2px;
    height: 47.2px;
    line-height: 47.2px; }
  .button-borderless.button-large {
    font-size: 26px;
    height: 42px;
    line-height: 42px; }
  .button-borderless.button-normal {
    font-size: 20.8px;
    height: 36.8px;
    line-height: 36.8px; }
  .button-borderless.button-small {
    font-size: 15.6px;
    height: 31.6px;
    line-height: 31.6px; }
  .button-borderless.button-tiny {
    font-size: 12.48px;
    height: 28.48px;
    line-height: 28.48px; }

/*
* Raised Buttons
*
* A classic looking button that offers
* great depth and affordance.
*/
.button-raised {
  border-color: #e1e1e1;
  border-style: solid;
  border-width: 1px;
  line-height: 38px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e1e1e1));
  background: linear-gradient(#f6f6f6, #e1e1e1);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15); }
  .button-raised:hover, .button-raised:focus {
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(gainsboro));
    background: linear-gradient(top, white, gainsboro); }
  .button-raised:active, .button-raised.active, .button-raised.is-active {
    background: #eeeeee;
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px white;
            box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px white; }

/*
* Raised Button Colors
*
* Create colors for raised buttons
*/
.button-raised.button-primary {
  border-color: #088ef0;
  background: -webkit-gradient(linear, left top, left bottom, from(#34a5f8), to(#088ef0));
  background: linear-gradient(#34a5f8, #088ef0); }
  .button-raised.button-primary:hover, .button-raised.button-primary:focus {
    background: -webkit-gradient(linear, left top, left bottom, from(#42abf8), to(#0888e6));
    background: linear-gradient(top, #42abf8, #0888e6); }
  .button-raised.button-primary:active, .button-raised.button-primary.active, .button-raised.button-primary.is-active {
    border-color: #0880d7;
    background: #2798eb; }
.button-raised.button-plain {
  border-color: #f2f2f2;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f2f2f2));
  background: linear-gradient(white, #f2f2f2); }
  .button-raised.button-plain:hover, .button-raised.button-plain:focus {
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ededed));
    background: linear-gradient(top, white, #ededed); }
  .button-raised.button-plain:active, .button-raised.button-plain.active, .button-raised.button-plain.is-active {
    border-color: #e6e6e6;
    background: white; }
.button-raised.button-inverse {
  border-color: #151515;
  background: -webkit-gradient(linear, left top, left bottom, from(#2f2f2f), to(#151515));
  background: linear-gradient(#2f2f2f, #151515); }
  .button-raised.button-inverse:hover, .button-raised.button-inverse:focus {
    background: -webkit-gradient(linear, left top, left bottom, from(#363636), to(#101010));
    background: linear-gradient(top, #363636, #101010); }
  .button-raised.button-inverse:active, .button-raised.button-inverse.active, .button-raised.button-inverse.is-active {
    border-color: #090909;
    background: #222222; }
.button-raised.button-action {
  border-color: #9ad824;
  background: -webkit-gradient(linear, left top, left bottom, from(#afe24d), to(#9ad824));
  background: linear-gradient(#afe24d, #9ad824); }
  .button-raised.button-action:hover, .button-raised.button-action:focus {
    background: -webkit-gradient(linear, left top, left bottom, from(#b5e45a), to(#94cf22));
    background: linear-gradient(top, #b5e45a, #94cf22); }
  .button-raised.button-action:active, .button-raised.button-action.active, .button-raised.button-action.is-active {
    border-color: #8bc220;
    background: #a1d243; }
.button-raised.button-highlight {
  border-color: #fea502;
  background: -webkit-gradient(linear, left top, left bottom, from(#feb734), to(#fea502));
  background: linear-gradient(#feb734, #fea502); }
  .button-raised.button-highlight:hover, .button-raised.button-highlight:focus {
    background: -webkit-gradient(linear, left top, left bottom, from(#febc44), to(#f49f01));
    background: linear-gradient(top, #febc44, #f49f01); }
  .button-raised.button-highlight:active, .button-raised.button-highlight.active, .button-raised.button-highlight.is-active {
    border-color: #e59501;
    background: #f3ab26; }
.button-raised.button-caution {
  border-color: #ff2939;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5c69), to(#ff2939));
  background: linear-gradient(#ff5c69, #ff2939); }
  .button-raised.button-caution:hover, .button-raised.button-caution:focus {
    background: -webkit-gradient(linear, left top, left bottom, from(#ff6c77), to(#ff1f30));
    background: linear-gradient(top, #ff6c77, #ff1f30); }
  .button-raised.button-caution:active, .button-raised.button-caution.active, .button-raised.button-caution.is-active {
    border-color: #ff1022;
    background: #f64c59; }
.button-raised.button-royal {
  border-color: #665ce6;
  background: -webkit-gradient(linear, left top, left bottom, from(#9088ec), to(#665ce6));
  background: linear-gradient(#9088ec, #665ce6); }
  .button-raised.button-royal:hover, .button-raised.button-royal:focus {
    background: -webkit-gradient(linear, left top, left bottom, from(#9c95ef), to(#5e53e4));
    background: linear-gradient(top, #9c95ef, #5e53e4); }
  .button-raised.button-royal:active, .button-raised.button-royal.active, .button-raised.button-royal.is-active {
    border-color: #5246e2;
    background: #827ae1; }

/*
* 3D Buttons
*
* These buttons have a heavy three dimensional
* style that mimics the visual appearance of a
* real life button.
*/
.button-3d {
  position: relative;
  top: 0;
  -webkit-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); }
  .button-3d:hover, .button-3d:focus {
    -webkit-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); }
  .button-3d:active, .button-3d.active, .button-3d.is-active {
    top: 5px;
    -webkit-transition-property: all;
            transition-property: all;
    -webkit-transition-duration: .15s;
            transition-duration: .15s;
    -webkit-box-shadow: 0 2px 0 #bbbbbb, 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 0 #bbbbbb, 0 3px 3px rgba(0, 0, 0, 0.2); }

/*
* 3D Button Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.button-3d.button-primary {
  -webkit-box-shadow: 0 7px 0 #0880d7, 0 8px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 7px 0 #0880d7, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .button-3d.button-primary:hover, .button-3d.button-primary:focus {
    -webkit-box-shadow: 0 7px 0 #077ace, 0 8px 3px rgba(0, 0, 0, 0.3);
            box-shadow: 0 7px 0 #077ace, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .button-3d.button-primary:active, .button-3d.button-primary.active, .button-3d.button-primary.is-active {
    -webkit-box-shadow: 0 2px 0 #0662a6, 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 0 #0662a6, 0 3px 3px rgba(0, 0, 0, 0.2); }
.button-3d.button-plain {
  -webkit-box-shadow: 0 7px 0 #e6e6e6, 0 8px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 7px 0 #e6e6e6, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .button-3d.button-plain:hover, .button-3d.button-plain:focus {
    -webkit-box-shadow: 0 7px 0 #e0e0e0, 0 8px 3px rgba(0, 0, 0, 0.3);
            box-shadow: 0 7px 0 #e0e0e0, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .button-3d.button-plain:active, .button-3d.button-plain.active, .button-3d.button-plain.is-active {
    -webkit-box-shadow: 0 2px 0 #cccccc, 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 0 #cccccc, 0 3px 3px rgba(0, 0, 0, 0.2); }
.button-3d.button-inverse {
  -webkit-box-shadow: 0 7px 0 #090909, 0 8px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 7px 0 #090909, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .button-3d.button-inverse:hover, .button-3d.button-inverse:focus {
    -webkit-box-shadow: 0 7px 0 #030303, 0 8px 3px rgba(0, 0, 0, 0.3);
            box-shadow: 0 7px 0 #030303, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .button-3d.button-inverse:active, .button-3d.button-inverse.active, .button-3d.button-inverse.is-active {
    -webkit-box-shadow: 0 2px 0 black, 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 0 black, 0 3px 3px rgba(0, 0, 0, 0.2); }
.button-3d.button-action {
  -webkit-box-shadow: 0 7px 0 #8bc220, 0 8px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 7px 0 #8bc220, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .button-3d.button-action:hover, .button-3d.button-action:focus {
    -webkit-box-shadow: 0 7px 0 #84b91f, 0 8px 3px rgba(0, 0, 0, 0.3);
            box-shadow: 0 7px 0 #84b91f, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .button-3d.button-action:active, .button-3d.button-action.active, .button-3d.button-action.is-active {
    -webkit-box-shadow: 0 2px 0 #6b9619, 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 0 #6b9619, 0 3px 3px rgba(0, 0, 0, 0.2); }
.button-3d.button-highlight {
  -webkit-box-shadow: 0 7px 0 #e59501, 0 8px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 7px 0 #e59501, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .button-3d.button-highlight:hover, .button-3d.button-highlight:focus {
    -webkit-box-shadow: 0 7px 0 #db8e01, 0 8px 3px rgba(0, 0, 0, 0.3);
            box-shadow: 0 7px 0 #db8e01, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .button-3d.button-highlight:active, .button-3d.button-highlight.active, .button-3d.button-highlight.is-active {
    -webkit-box-shadow: 0 2px 0 #b27401, 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 0 #b27401, 0 3px 3px rgba(0, 0, 0, 0.2); }
.button-3d.button-caution {
  -webkit-box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .button-3d.button-caution:hover, .button-3d.button-caution:focus {
    -webkit-box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgba(0, 0, 0, 0.3);
            box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .button-3d.button-caution:active, .button-3d.button-caution.active, .button-3d.button-caution.is-active {
    -webkit-box-shadow: 0 2px 0 #dc0010, 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 0 #dc0010, 0 3px 3px rgba(0, 0, 0, 0.2); }
.button-3d.button-royal {
  -webkit-box-shadow: 0 7px 0 #5246e2, 0 8px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 7px 0 #5246e2, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .button-3d.button-royal:hover, .button-3d.button-royal:focus {
    -webkit-box-shadow: 0 7px 0 #493de1, 0 8px 3px rgba(0, 0, 0, 0.3);
            box-shadow: 0 7px 0 #493de1, 0 8px 3px rgba(0, 0, 0, 0.3); }
  .button-3d.button-royal:active, .button-3d.button-royal.active, .button-3d.button-royal.is-active {
    -webkit-box-shadow: 0 2px 0 #2f21d4, 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 0 #2f21d4, 0 3px 3px rgba(0, 0, 0, 0.2); }

/*
* Glowing Buttons
*
* A pulse like glow that appears
* rythmically around the edges of
* a button.
*/
/*
* Glow animation mixin for Compass users
*
*/
/*
* Glowing Keyframes
*
*/
@-webkit-keyframes glowing {
  from {
    -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
            box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8);
            box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); }
  to {
    -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
            box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); } }
@keyframes glowing {
  from {
    -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
            box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8);
            box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); }
  to {
    -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
            box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); } }
/*
* Glowing Keyframes for various colors
*
*/
@-webkit-keyframes glowing-primary {
  from {
    -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
            box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
            box-shadow: 0 0 20px rgba(27, 154, 247, 0.8); }
  to {
    -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
            box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); } }
@keyframes glowing-primary {
  from {
    -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
            box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
            box-shadow: 0 0 20px rgba(27, 154, 247, 0.8); }
  to {
    -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
            box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); } }
@-webkit-keyframes glowing-plain {
  from {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
            box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
            box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); }
  to {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
            box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); } }
@keyframes glowing-plain {
  from {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
            box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
            box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); }
  to {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
            box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); } }
@-webkit-keyframes glowing-inverse {
  from {
    -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
            box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(34, 34, 34, 0.8);
            box-shadow: 0 0 20px rgba(34, 34, 34, 0.8); }
  to {
    -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
            box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); } }
@keyframes glowing-inverse {
  from {
    -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
            box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(34, 34, 34, 0.8);
            box-shadow: 0 0 20px rgba(34, 34, 34, 0.8); }
  to {
    -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
            box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); } }
@-webkit-keyframes glowing-action {
  from {
    -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
            box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(165, 222, 55, 0.8);
            box-shadow: 0 0 20px rgba(165, 222, 55, 0.8); }
  to {
    -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
            box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); } }
@keyframes glowing-action {
  from {
    -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
            box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(165, 222, 55, 0.8);
            box-shadow: 0 0 20px rgba(165, 222, 55, 0.8); }
  to {
    -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
            box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); } }
@-webkit-keyframes glowing-highlight {
  from {
    -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
            box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8);
            box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); }
  to {
    -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
            box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); } }
@keyframes glowing-highlight {
  from {
    -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
            box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8);
            box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); }
  to {
    -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
            box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); } }
@-webkit-keyframes glowing-caution {
  from {
    -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
            box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
            box-shadow: 0 0 20px rgba(255, 67, 81, 0.8); }
  to {
    -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
            box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); } }
@keyframes glowing-caution {
  from {
    -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
            box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
            box-shadow: 0 0 20px rgba(255, 67, 81, 0.8); }
  to {
    -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
            box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); } }
@-webkit-keyframes glowing-royal {
  from {
    -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3);
            box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(123, 114, 233, 0.8);
            box-shadow: 0 0 20px rgba(123, 114, 233, 0.8); }
  to {
    -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3);
            box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); } }
@keyframes glowing-royal {
  from {
    -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3);
            box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); }
  50% {
    -webkit-box-shadow: 0 0 20px rgba(123, 114, 233, 0.8);
            box-shadow: 0 0 20px rgba(123, 114, 233, 0.8); }
  to {
    -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3);
            box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); } }
/*
* Glowing Buttons Base Styes
*
* A pulse like glow that appears
* rythmically around the edges of
* a button.
*/
.button-glow {
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: glowing;
          animation-name: glowing; }
  .button-glow:active, .button-glow.active, .button-glow.is-active {
    -webkit-animation-name: none;
            animation-name: none; }

/*
* Glowing Button Colors
*
* Create colors for glowing buttons
*/
.button-glow.button-primary {
  -webkit-animation-name: glowing-primary;
          animation-name: glowing-primary; }
.button-glow.button-plain {
  -webkit-animation-name: glowing-plain;
          animation-name: glowing-plain; }
.button-glow.button-inverse {
  -webkit-animation-name: glowing-inverse;
          animation-name: glowing-inverse; }
.button-glow.button-action {
  -webkit-animation-name: glowing-action;
          animation-name: glowing-action; }
.button-glow.button-highlight {
  -webkit-animation-name: glowing-highlight;
          animation-name: glowing-highlight; }
.button-glow.button-caution {
  -webkit-animation-name: glowing-caution;
          animation-name: glowing-caution; }
.button-glow.button-royal {
  -webkit-animation-name: glowing-royal;
          animation-name: glowing-royal; }

/*
* Dropdown menu buttons
*
* A dropdown menu appears
* when a button is pressed
*/
/*
* Dropdown Container
*
*/
.button-dropdown {
  position: relative;
  overflow: visible;
  display: inline-block; }

/*
* Dropdown List Style
*
*/
.button-dropdown-list {
  display: none;
  position: absolute;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  z-index: 1000;
  min-width: 100%;
  list-style-type: none;
  background: rgba(255, 255, 255, 0.95);
  border-style: solid;
  border-width: 1px;
  border-color: #d4d4d4;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  /*
  * Dropdown Below
  *
  */
  /*
  * Dropdown Above
  *
  */ }
  .button-dropdown-list.is-below {
    top: 100%;
    border-top: none;
    border-radius: 0 0 3px 3px; }
  .button-dropdown-list.is-above {
    bottom: 100%;
    top: auto;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    -webkit-box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.2);
            box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.2); }

/*
* Dropdown Buttons
*
*/
.button-dropdown-list > li {
  padding: 0;
  margin: 0;
  display: block; }
  .button-dropdown-list > li > a {
    display: block;
    line-height: 40px;
    font-size: 12.8px;
    padding: 5px 10px;
    float: none;
    color: #666;
    text-decoration: none; }
    .button-dropdown-list > li > a:hover {
      color: #5e5e5e;
      background: #f6f6f6;
      text-decoration: none; }

.button-dropdown-divider {
  border-top: 1px solid #e6e6e6; }

/*
* Dropdown Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.button-dropdown.button-dropdown-primary .button-dropdown-list {
  background: rgba(27, 154, 247, 0.95);
  border-color: #0880d7; }
  .button-dropdown.button-dropdown-primary .button-dropdown-list .button-dropdown-divider {
    border-color: #0888e6; }
  .button-dropdown.button-dropdown-primary .button-dropdown-list > li > a {
    color: #FFF; }
    .button-dropdown.button-dropdown-primary .button-dropdown-list > li > a:hover {
      color: #f2f2f2;
      background: #088ef0; }
.button-dropdown.button-dropdown-plain .button-dropdown-list {
  background: rgba(255, 255, 255, 0.95);
  border-color: #e6e6e6; }
  .button-dropdown.button-dropdown-plain .button-dropdown-list .button-dropdown-divider {
    border-color: #ededed; }
  .button-dropdown.button-dropdown-plain .button-dropdown-list > li > a {
    color: #1B9AF7; }
    .button-dropdown.button-dropdown-plain .button-dropdown-list > li > a:hover {
      color: #088ef0;
      background: #f2f2f2; }
.button-dropdown.button-dropdown-inverse .button-dropdown-list {
  background: rgba(34, 34, 34, 0.95);
  border-color: #090909; }
  .button-dropdown.button-dropdown-inverse .button-dropdown-list .button-dropdown-divider {
    border-color: #101010; }
  .button-dropdown.button-dropdown-inverse .button-dropdown-list > li > a {
    color: #EEE; }
    .button-dropdown.button-dropdown-inverse .button-dropdown-list > li > a:hover {
      color: #e1e1e1;
      background: #151515; }
.button-dropdown.button-dropdown-action .button-dropdown-list {
  background: rgba(165, 222, 55, 0.95);
  border-color: #8bc220; }
  .button-dropdown.button-dropdown-action .button-dropdown-list .button-dropdown-divider {
    border-color: #94cf22; }
  .button-dropdown.button-dropdown-action .button-dropdown-list > li > a {
    color: #FFF; }
    .button-dropdown.button-dropdown-action .button-dropdown-list > li > a:hover {
      color: #f2f2f2;
      background: #9ad824; }
.button-dropdown.button-dropdown-highlight .button-dropdown-list {
  background: rgba(254, 174, 27, 0.95);
  border-color: #e59501; }
  .button-dropdown.button-dropdown-highlight .button-dropdown-list .button-dropdown-divider {
    border-color: #f49f01; }
  .button-dropdown.button-dropdown-highlight .button-dropdown-list > li > a {
    color: #FFF; }
    .button-dropdown.button-dropdown-highlight .button-dropdown-list > li > a:hover {
      color: #f2f2f2;
      background: #fea502; }
.button-dropdown.button-dropdown-caution .button-dropdown-list {
  background: rgba(255, 67, 81, 0.95);
  border-color: #ff1022; }
  .button-dropdown.button-dropdown-caution .button-dropdown-list .button-dropdown-divider {
    border-color: #ff1f30; }
  .button-dropdown.button-dropdown-caution .button-dropdown-list > li > a {
    color: #FFF; }
    .button-dropdown.button-dropdown-caution .button-dropdown-list > li > a:hover {
      color: #f2f2f2;
      background: #ff2939; }
.button-dropdown.button-dropdown-royal .button-dropdown-list {
  background: rgba(123, 114, 233, 0.95);
  border-color: #5246e2; }
  .button-dropdown.button-dropdown-royal .button-dropdown-list .button-dropdown-divider {
    border-color: #5e53e4; }
  .button-dropdown.button-dropdown-royal .button-dropdown-list > li > a {
    color: #FFF; }
    .button-dropdown.button-dropdown-royal .button-dropdown-list > li > a:hover {
      color: #f2f2f2;
      background: #665ce6; }

/*
* Buton Groups
*
* A group of related buttons
* displayed edge to edge
*/
.button-group {
  position: relative;
  display: inline-block; }
  .button-group:after {
    content: " ";
    display: block;
    clear: both; }
  .button-group .button,
  .button-group .button-dropdown {
    float: left; }
    .button-group .button:not(:first-child):not(:last-child),
    .button-group .button-dropdown:not(:first-child):not(:last-child) {
      border-radius: 0;
      border-right: none; }
    .button-group .button:first-child,
    .button-group .button-dropdown:first-child {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-right: none; }
    .button-group .button:last-child,
    .button-group .button-dropdown:last-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }

/*
* Button Wrapper
*
* A wrap around effect to highlight
* the shape of the button and offer
* a subtle visual effect.
*/
.button-wrap {
  border: 1px solid #e3e3e3;
  display: inline-block;
  padding: 9px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#FFF));
  background: linear-gradient(#f2f2f2, #FFF);
  border-radius: 200px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04); }

/*
* Long Shadow Buttons
*
* A visual effect adding a flat shadow to the text of a button
*/
/*
* Long Shadow Function
*
* Loops $length times building a long shadow. Defaults downward right
*/
/*
* LONG SHADOW MIXIN
*
*/
/*
* Shadow Right
*
*/
.button-longshadow,
.button-longshadow-right {
  overflow: hidden; }
  .button-longshadow.button-primary,
  .button-longshadow-right.button-primary {
    text-shadow: 0px 0px #0880d7, 1px 1px #0880d7, 2px 2px #0880d7, 3px 3px #0880d7, 4px 4px #0880d7, 5px 5px #0880d7, 6px 6px #0880d7, 7px 7px #0880d7, 8px 8px #0880d7, 9px 9px #0880d7, 10px 10px #0880d7, 11px 11px #0880d7, 12px 12px #0880d7, 13px 13px #0880d7, 14px 14px #0880d7, 15px 15px #0880d7, 16px 16px #0880d7, 17px 17px #0880d7, 18px 18px #0880d7, 19px 19px #0880d7, 20px 20px #0880d7, 21px 21px #0880d7, 22px 22px #0880d7, 23px 23px #0880d7, 24px 24px #0880d7, 25px 25px #0880d7, 26px 26px #0880d7, 27px 27px #0880d7, 28px 28px #0880d7, 29px 29px #0880d7, 30px 30px #0880d7, 31px 31px #0880d7, 32px 32px #0880d7, 33px 33px #0880d7, 34px 34px #0880d7, 35px 35px #0880d7, 36px 36px #0880d7, 37px 37px #0880d7, 38px 38px #0880d7, 39px 39px #0880d7, 40px 40px #0880d7, 41px 41px #0880d7, 42px 42px #0880d7, 43px 43px #0880d7, 44px 44px #0880d7, 45px 45px #0880d7, 46px 46px #0880d7, 47px 47px #0880d7, 48px 48px #0880d7, 49px 49px #0880d7, 50px 50px #0880d7, 51px 51px #0880d7, 52px 52px #0880d7, 53px 53px #0880d7, 54px 54px #0880d7, 55px 55px #0880d7, 56px 56px #0880d7, 57px 57px #0880d7, 58px 58px #0880d7, 59px 59px #0880d7, 60px 60px #0880d7, 61px 61px #0880d7, 62px 62px #0880d7, 63px 63px #0880d7, 64px 64px #0880d7, 65px 65px #0880d7, 66px 66px #0880d7, 67px 67px #0880d7, 68px 68px #0880d7, 69px 69px #0880d7, 70px 70px #0880d7, 71px 71px #0880d7, 72px 72px #0880d7, 73px 73px #0880d7, 74px 74px #0880d7, 75px 75px #0880d7, 76px 76px #0880d7, 77px 77px #0880d7, 78px 78px #0880d7, 79px 79px #0880d7, 80px 80px #0880d7, 81px 81px #0880d7, 82px 82px #0880d7, 83px 83px #0880d7, 84px 84px #0880d7, 85px 85px #0880d7; }
    .button-longshadow.button-primary:active, .button-longshadow.button-primary.active, .button-longshadow.button-primary.is-active,
    .button-longshadow-right.button-primary:active,
    .button-longshadow-right.button-primary.active,
    .button-longshadow-right.button-primary.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .button-longshadow.button-plain,
  .button-longshadow-right.button-plain {
    text-shadow: 0px 0px #e6e6e6, 1px 1px #e6e6e6, 2px 2px #e6e6e6, 3px 3px #e6e6e6, 4px 4px #e6e6e6, 5px 5px #e6e6e6, 6px 6px #e6e6e6, 7px 7px #e6e6e6, 8px 8px #e6e6e6, 9px 9px #e6e6e6, 10px 10px #e6e6e6, 11px 11px #e6e6e6, 12px 12px #e6e6e6, 13px 13px #e6e6e6, 14px 14px #e6e6e6, 15px 15px #e6e6e6, 16px 16px #e6e6e6, 17px 17px #e6e6e6, 18px 18px #e6e6e6, 19px 19px #e6e6e6, 20px 20px #e6e6e6, 21px 21px #e6e6e6, 22px 22px #e6e6e6, 23px 23px #e6e6e6, 24px 24px #e6e6e6, 25px 25px #e6e6e6, 26px 26px #e6e6e6, 27px 27px #e6e6e6, 28px 28px #e6e6e6, 29px 29px #e6e6e6, 30px 30px #e6e6e6, 31px 31px #e6e6e6, 32px 32px #e6e6e6, 33px 33px #e6e6e6, 34px 34px #e6e6e6, 35px 35px #e6e6e6, 36px 36px #e6e6e6, 37px 37px #e6e6e6, 38px 38px #e6e6e6, 39px 39px #e6e6e6, 40px 40px #e6e6e6, 41px 41px #e6e6e6, 42px 42px #e6e6e6, 43px 43px #e6e6e6, 44px 44px #e6e6e6, 45px 45px #e6e6e6, 46px 46px #e6e6e6, 47px 47px #e6e6e6, 48px 48px #e6e6e6, 49px 49px #e6e6e6, 50px 50px #e6e6e6, 51px 51px #e6e6e6, 52px 52px #e6e6e6, 53px 53px #e6e6e6, 54px 54px #e6e6e6, 55px 55px #e6e6e6, 56px 56px #e6e6e6, 57px 57px #e6e6e6, 58px 58px #e6e6e6, 59px 59px #e6e6e6, 60px 60px #e6e6e6, 61px 61px #e6e6e6, 62px 62px #e6e6e6, 63px 63px #e6e6e6, 64px 64px #e6e6e6, 65px 65px #e6e6e6, 66px 66px #e6e6e6, 67px 67px #e6e6e6, 68px 68px #e6e6e6, 69px 69px #e6e6e6, 70px 70px #e6e6e6, 71px 71px #e6e6e6, 72px 72px #e6e6e6, 73px 73px #e6e6e6, 74px 74px #e6e6e6, 75px 75px #e6e6e6, 76px 76px #e6e6e6, 77px 77px #e6e6e6, 78px 78px #e6e6e6, 79px 79px #e6e6e6, 80px 80px #e6e6e6, 81px 81px #e6e6e6, 82px 82px #e6e6e6, 83px 83px #e6e6e6, 84px 84px #e6e6e6, 85px 85px #e6e6e6; }
    .button-longshadow.button-plain:active, .button-longshadow.button-plain.active, .button-longshadow.button-plain.is-active,
    .button-longshadow-right.button-plain:active,
    .button-longshadow-right.button-plain.active,
    .button-longshadow-right.button-plain.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .button-longshadow.button-inverse,
  .button-longshadow-right.button-inverse {
    text-shadow: 0px 0px #090909, 1px 1px #090909, 2px 2px #090909, 3px 3px #090909, 4px 4px #090909, 5px 5px #090909, 6px 6px #090909, 7px 7px #090909, 8px 8px #090909, 9px 9px #090909, 10px 10px #090909, 11px 11px #090909, 12px 12px #090909, 13px 13px #090909, 14px 14px #090909, 15px 15px #090909, 16px 16px #090909, 17px 17px #090909, 18px 18px #090909, 19px 19px #090909, 20px 20px #090909, 21px 21px #090909, 22px 22px #090909, 23px 23px #090909, 24px 24px #090909, 25px 25px #090909, 26px 26px #090909, 27px 27px #090909, 28px 28px #090909, 29px 29px #090909, 30px 30px #090909, 31px 31px #090909, 32px 32px #090909, 33px 33px #090909, 34px 34px #090909, 35px 35px #090909, 36px 36px #090909, 37px 37px #090909, 38px 38px #090909, 39px 39px #090909, 40px 40px #090909, 41px 41px #090909, 42px 42px #090909, 43px 43px #090909, 44px 44px #090909, 45px 45px #090909, 46px 46px #090909, 47px 47px #090909, 48px 48px #090909, 49px 49px #090909, 50px 50px #090909, 51px 51px #090909, 52px 52px #090909, 53px 53px #090909, 54px 54px #090909, 55px 55px #090909, 56px 56px #090909, 57px 57px #090909, 58px 58px #090909, 59px 59px #090909, 60px 60px #090909, 61px 61px #090909, 62px 62px #090909, 63px 63px #090909, 64px 64px #090909, 65px 65px #090909, 66px 66px #090909, 67px 67px #090909, 68px 68px #090909, 69px 69px #090909, 70px 70px #090909, 71px 71px #090909, 72px 72px #090909, 73px 73px #090909, 74px 74px #090909, 75px 75px #090909, 76px 76px #090909, 77px 77px #090909, 78px 78px #090909, 79px 79px #090909, 80px 80px #090909, 81px 81px #090909, 82px 82px #090909, 83px 83px #090909, 84px 84px #090909, 85px 85px #090909; }
    .button-longshadow.button-inverse:active, .button-longshadow.button-inverse.active, .button-longshadow.button-inverse.is-active,
    .button-longshadow-right.button-inverse:active,
    .button-longshadow-right.button-inverse.active,
    .button-longshadow-right.button-inverse.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .button-longshadow.button-action,
  .button-longshadow-right.button-action {
    text-shadow: 0px 0px #8bc220, 1px 1px #8bc220, 2px 2px #8bc220, 3px 3px #8bc220, 4px 4px #8bc220, 5px 5px #8bc220, 6px 6px #8bc220, 7px 7px #8bc220, 8px 8px #8bc220, 9px 9px #8bc220, 10px 10px #8bc220, 11px 11px #8bc220, 12px 12px #8bc220, 13px 13px #8bc220, 14px 14px #8bc220, 15px 15px #8bc220, 16px 16px #8bc220, 17px 17px #8bc220, 18px 18px #8bc220, 19px 19px #8bc220, 20px 20px #8bc220, 21px 21px #8bc220, 22px 22px #8bc220, 23px 23px #8bc220, 24px 24px #8bc220, 25px 25px #8bc220, 26px 26px #8bc220, 27px 27px #8bc220, 28px 28px #8bc220, 29px 29px #8bc220, 30px 30px #8bc220, 31px 31px #8bc220, 32px 32px #8bc220, 33px 33px #8bc220, 34px 34px #8bc220, 35px 35px #8bc220, 36px 36px #8bc220, 37px 37px #8bc220, 38px 38px #8bc220, 39px 39px #8bc220, 40px 40px #8bc220, 41px 41px #8bc220, 42px 42px #8bc220, 43px 43px #8bc220, 44px 44px #8bc220, 45px 45px #8bc220, 46px 46px #8bc220, 47px 47px #8bc220, 48px 48px #8bc220, 49px 49px #8bc220, 50px 50px #8bc220, 51px 51px #8bc220, 52px 52px #8bc220, 53px 53px #8bc220, 54px 54px #8bc220, 55px 55px #8bc220, 56px 56px #8bc220, 57px 57px #8bc220, 58px 58px #8bc220, 59px 59px #8bc220, 60px 60px #8bc220, 61px 61px #8bc220, 62px 62px #8bc220, 63px 63px #8bc220, 64px 64px #8bc220, 65px 65px #8bc220, 66px 66px #8bc220, 67px 67px #8bc220, 68px 68px #8bc220, 69px 69px #8bc220, 70px 70px #8bc220, 71px 71px #8bc220, 72px 72px #8bc220, 73px 73px #8bc220, 74px 74px #8bc220, 75px 75px #8bc220, 76px 76px #8bc220, 77px 77px #8bc220, 78px 78px #8bc220, 79px 79px #8bc220, 80px 80px #8bc220, 81px 81px #8bc220, 82px 82px #8bc220, 83px 83px #8bc220, 84px 84px #8bc220, 85px 85px #8bc220; }
    .button-longshadow.button-action:active, .button-longshadow.button-action.active, .button-longshadow.button-action.is-active,
    .button-longshadow-right.button-action:active,
    .button-longshadow-right.button-action.active,
    .button-longshadow-right.button-action.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .button-longshadow.button-highlight,
  .button-longshadow-right.button-highlight {
    text-shadow: 0px 0px #e59501, 1px 1px #e59501, 2px 2px #e59501, 3px 3px #e59501, 4px 4px #e59501, 5px 5px #e59501, 6px 6px #e59501, 7px 7px #e59501, 8px 8px #e59501, 9px 9px #e59501, 10px 10px #e59501, 11px 11px #e59501, 12px 12px #e59501, 13px 13px #e59501, 14px 14px #e59501, 15px 15px #e59501, 16px 16px #e59501, 17px 17px #e59501, 18px 18px #e59501, 19px 19px #e59501, 20px 20px #e59501, 21px 21px #e59501, 22px 22px #e59501, 23px 23px #e59501, 24px 24px #e59501, 25px 25px #e59501, 26px 26px #e59501, 27px 27px #e59501, 28px 28px #e59501, 29px 29px #e59501, 30px 30px #e59501, 31px 31px #e59501, 32px 32px #e59501, 33px 33px #e59501, 34px 34px #e59501, 35px 35px #e59501, 36px 36px #e59501, 37px 37px #e59501, 38px 38px #e59501, 39px 39px #e59501, 40px 40px #e59501, 41px 41px #e59501, 42px 42px #e59501, 43px 43px #e59501, 44px 44px #e59501, 45px 45px #e59501, 46px 46px #e59501, 47px 47px #e59501, 48px 48px #e59501, 49px 49px #e59501, 50px 50px #e59501, 51px 51px #e59501, 52px 52px #e59501, 53px 53px #e59501, 54px 54px #e59501, 55px 55px #e59501, 56px 56px #e59501, 57px 57px #e59501, 58px 58px #e59501, 59px 59px #e59501, 60px 60px #e59501, 61px 61px #e59501, 62px 62px #e59501, 63px 63px #e59501, 64px 64px #e59501, 65px 65px #e59501, 66px 66px #e59501, 67px 67px #e59501, 68px 68px #e59501, 69px 69px #e59501, 70px 70px #e59501, 71px 71px #e59501, 72px 72px #e59501, 73px 73px #e59501, 74px 74px #e59501, 75px 75px #e59501, 76px 76px #e59501, 77px 77px #e59501, 78px 78px #e59501, 79px 79px #e59501, 80px 80px #e59501, 81px 81px #e59501, 82px 82px #e59501, 83px 83px #e59501, 84px 84px #e59501, 85px 85px #e59501; }
    .button-longshadow.button-highlight:active, .button-longshadow.button-highlight.active, .button-longshadow.button-highlight.is-active,
    .button-longshadow-right.button-highlight:active,
    .button-longshadow-right.button-highlight.active,
    .button-longshadow-right.button-highlight.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .button-longshadow.button-caution,
  .button-longshadow-right.button-caution {
    text-shadow: 0px 0px #ff1022, 1px 1px #ff1022, 2px 2px #ff1022, 3px 3px #ff1022, 4px 4px #ff1022, 5px 5px #ff1022, 6px 6px #ff1022, 7px 7px #ff1022, 8px 8px #ff1022, 9px 9px #ff1022, 10px 10px #ff1022, 11px 11px #ff1022, 12px 12px #ff1022, 13px 13px #ff1022, 14px 14px #ff1022, 15px 15px #ff1022, 16px 16px #ff1022, 17px 17px #ff1022, 18px 18px #ff1022, 19px 19px #ff1022, 20px 20px #ff1022, 21px 21px #ff1022, 22px 22px #ff1022, 23px 23px #ff1022, 24px 24px #ff1022, 25px 25px #ff1022, 26px 26px #ff1022, 27px 27px #ff1022, 28px 28px #ff1022, 29px 29px #ff1022, 30px 30px #ff1022, 31px 31px #ff1022, 32px 32px #ff1022, 33px 33px #ff1022, 34px 34px #ff1022, 35px 35px #ff1022, 36px 36px #ff1022, 37px 37px #ff1022, 38px 38px #ff1022, 39px 39px #ff1022, 40px 40px #ff1022, 41px 41px #ff1022, 42px 42px #ff1022, 43px 43px #ff1022, 44px 44px #ff1022, 45px 45px #ff1022, 46px 46px #ff1022, 47px 47px #ff1022, 48px 48px #ff1022, 49px 49px #ff1022, 50px 50px #ff1022, 51px 51px #ff1022, 52px 52px #ff1022, 53px 53px #ff1022, 54px 54px #ff1022, 55px 55px #ff1022, 56px 56px #ff1022, 57px 57px #ff1022, 58px 58px #ff1022, 59px 59px #ff1022, 60px 60px #ff1022, 61px 61px #ff1022, 62px 62px #ff1022, 63px 63px #ff1022, 64px 64px #ff1022, 65px 65px #ff1022, 66px 66px #ff1022, 67px 67px #ff1022, 68px 68px #ff1022, 69px 69px #ff1022, 70px 70px #ff1022, 71px 71px #ff1022, 72px 72px #ff1022, 73px 73px #ff1022, 74px 74px #ff1022, 75px 75px #ff1022, 76px 76px #ff1022, 77px 77px #ff1022, 78px 78px #ff1022, 79px 79px #ff1022, 80px 80px #ff1022, 81px 81px #ff1022, 82px 82px #ff1022, 83px 83px #ff1022, 84px 84px #ff1022, 85px 85px #ff1022; }
    .button-longshadow.button-caution:active, .button-longshadow.button-caution.active, .button-longshadow.button-caution.is-active,
    .button-longshadow-right.button-caution:active,
    .button-longshadow-right.button-caution.active,
    .button-longshadow-right.button-caution.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .button-longshadow.button-royal,
  .button-longshadow-right.button-royal {
    text-shadow: 0px 0px #5246e2, 1px 1px #5246e2, 2px 2px #5246e2, 3px 3px #5246e2, 4px 4px #5246e2, 5px 5px #5246e2, 6px 6px #5246e2, 7px 7px #5246e2, 8px 8px #5246e2, 9px 9px #5246e2, 10px 10px #5246e2, 11px 11px #5246e2, 12px 12px #5246e2, 13px 13px #5246e2, 14px 14px #5246e2, 15px 15px #5246e2, 16px 16px #5246e2, 17px 17px #5246e2, 18px 18px #5246e2, 19px 19px #5246e2, 20px 20px #5246e2, 21px 21px #5246e2, 22px 22px #5246e2, 23px 23px #5246e2, 24px 24px #5246e2, 25px 25px #5246e2, 26px 26px #5246e2, 27px 27px #5246e2, 28px 28px #5246e2, 29px 29px #5246e2, 30px 30px #5246e2, 31px 31px #5246e2, 32px 32px #5246e2, 33px 33px #5246e2, 34px 34px #5246e2, 35px 35px #5246e2, 36px 36px #5246e2, 37px 37px #5246e2, 38px 38px #5246e2, 39px 39px #5246e2, 40px 40px #5246e2, 41px 41px #5246e2, 42px 42px #5246e2, 43px 43px #5246e2, 44px 44px #5246e2, 45px 45px #5246e2, 46px 46px #5246e2, 47px 47px #5246e2, 48px 48px #5246e2, 49px 49px #5246e2, 50px 50px #5246e2, 51px 51px #5246e2, 52px 52px #5246e2, 53px 53px #5246e2, 54px 54px #5246e2, 55px 55px #5246e2, 56px 56px #5246e2, 57px 57px #5246e2, 58px 58px #5246e2, 59px 59px #5246e2, 60px 60px #5246e2, 61px 61px #5246e2, 62px 62px #5246e2, 63px 63px #5246e2, 64px 64px #5246e2, 65px 65px #5246e2, 66px 66px #5246e2, 67px 67px #5246e2, 68px 68px #5246e2, 69px 69px #5246e2, 70px 70px #5246e2, 71px 71px #5246e2, 72px 72px #5246e2, 73px 73px #5246e2, 74px 74px #5246e2, 75px 75px #5246e2, 76px 76px #5246e2, 77px 77px #5246e2, 78px 78px #5246e2, 79px 79px #5246e2, 80px 80px #5246e2, 81px 81px #5246e2, 82px 82px #5246e2, 83px 83px #5246e2, 84px 84px #5246e2, 85px 85px #5246e2; }
    .button-longshadow.button-royal:active, .button-longshadow.button-royal.active, .button-longshadow.button-royal.is-active,
    .button-longshadow-right.button-royal:active,
    .button-longshadow-right.button-royal.active,
    .button-longshadow-right.button-royal.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }

/*
* Shadow Left
*
*/
.button-longshadow-left {
  overflow: hidden; }
  .button-longshadow-left.button-primary {
    text-shadow: 0px 0px #0880d7, -1px 1px #0880d7, -2px 2px #0880d7, -3px 3px #0880d7, -4px 4px #0880d7, -5px 5px #0880d7, -6px 6px #0880d7, -7px 7px #0880d7, -8px 8px #0880d7, -9px 9px #0880d7, -10px 10px #0880d7, -11px 11px #0880d7, -12px 12px #0880d7, -13px 13px #0880d7, -14px 14px #0880d7, -15px 15px #0880d7, -16px 16px #0880d7, -17px 17px #0880d7, -18px 18px #0880d7, -19px 19px #0880d7, -20px 20px #0880d7, -21px 21px #0880d7, -22px 22px #0880d7, -23px 23px #0880d7, -24px 24px #0880d7, -25px 25px #0880d7, -26px 26px #0880d7, -27px 27px #0880d7, -28px 28px #0880d7, -29px 29px #0880d7, -30px 30px #0880d7, -31px 31px #0880d7, -32px 32px #0880d7, -33px 33px #0880d7, -34px 34px #0880d7, -35px 35px #0880d7, -36px 36px #0880d7, -37px 37px #0880d7, -38px 38px #0880d7, -39px 39px #0880d7, -40px 40px #0880d7, -41px 41px #0880d7, -42px 42px #0880d7, -43px 43px #0880d7, -44px 44px #0880d7, -45px 45px #0880d7, -46px 46px #0880d7, -47px 47px #0880d7, -48px 48px #0880d7, -49px 49px #0880d7, -50px 50px #0880d7, -51px 51px #0880d7, -52px 52px #0880d7, -53px 53px #0880d7, -54px 54px #0880d7, -55px 55px #0880d7, -56px 56px #0880d7, -57px 57px #0880d7, -58px 58px #0880d7, -59px 59px #0880d7, -60px 60px #0880d7, -61px 61px #0880d7, -62px 62px #0880d7, -63px 63px #0880d7, -64px 64px #0880d7, -65px 65px #0880d7, -66px 66px #0880d7, -67px 67px #0880d7, -68px 68px #0880d7, -69px 69px #0880d7, -70px 70px #0880d7, -71px 71px #0880d7, -72px 72px #0880d7, -73px 73px #0880d7, -74px 74px #0880d7, -75px 75px #0880d7, -76px 76px #0880d7, -77px 77px #0880d7, -78px 78px #0880d7, -79px 79px #0880d7, -80px 80px #0880d7, -81px 81px #0880d7, -82px 82px #0880d7, -83px 83px #0880d7, -84px 84px #0880d7, -85px 85px #0880d7; }
    .button-longshadow-left.button-primary:active, .button-longshadow-left.button-primary.active, .button-longshadow-left.button-primary.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .button-longshadow-left.button-plain {
    text-shadow: 0px 0px #e6e6e6, -1px 1px #e6e6e6, -2px 2px #e6e6e6, -3px 3px #e6e6e6, -4px 4px #e6e6e6, -5px 5px #e6e6e6, -6px 6px #e6e6e6, -7px 7px #e6e6e6, -8px 8px #e6e6e6, -9px 9px #e6e6e6, -10px 10px #e6e6e6, -11px 11px #e6e6e6, -12px 12px #e6e6e6, -13px 13px #e6e6e6, -14px 14px #e6e6e6, -15px 15px #e6e6e6, -16px 16px #e6e6e6, -17px 17px #e6e6e6, -18px 18px #e6e6e6, -19px 19px #e6e6e6, -20px 20px #e6e6e6, -21px 21px #e6e6e6, -22px 22px #e6e6e6, -23px 23px #e6e6e6, -24px 24px #e6e6e6, -25px 25px #e6e6e6, -26px 26px #e6e6e6, -27px 27px #e6e6e6, -28px 28px #e6e6e6, -29px 29px #e6e6e6, -30px 30px #e6e6e6, -31px 31px #e6e6e6, -32px 32px #e6e6e6, -33px 33px #e6e6e6, -34px 34px #e6e6e6, -35px 35px #e6e6e6, -36px 36px #e6e6e6, -37px 37px #e6e6e6, -38px 38px #e6e6e6, -39px 39px #e6e6e6, -40px 40px #e6e6e6, -41px 41px #e6e6e6, -42px 42px #e6e6e6, -43px 43px #e6e6e6, -44px 44px #e6e6e6, -45px 45px #e6e6e6, -46px 46px #e6e6e6, -47px 47px #e6e6e6, -48px 48px #e6e6e6, -49px 49px #e6e6e6, -50px 50px #e6e6e6, -51px 51px #e6e6e6, -52px 52px #e6e6e6, -53px 53px #e6e6e6, -54px 54px #e6e6e6, -55px 55px #e6e6e6, -56px 56px #e6e6e6, -57px 57px #e6e6e6, -58px 58px #e6e6e6, -59px 59px #e6e6e6, -60px 60px #e6e6e6, -61px 61px #e6e6e6, -62px 62px #e6e6e6, -63px 63px #e6e6e6, -64px 64px #e6e6e6, -65px 65px #e6e6e6, -66px 66px #e6e6e6, -67px 67px #e6e6e6, -68px 68px #e6e6e6, -69px 69px #e6e6e6, -70px 70px #e6e6e6, -71px 71px #e6e6e6, -72px 72px #e6e6e6, -73px 73px #e6e6e6, -74px 74px #e6e6e6, -75px 75px #e6e6e6, -76px 76px #e6e6e6, -77px 77px #e6e6e6, -78px 78px #e6e6e6, -79px 79px #e6e6e6, -80px 80px #e6e6e6, -81px 81px #e6e6e6, -82px 82px #e6e6e6, -83px 83px #e6e6e6, -84px 84px #e6e6e6, -85px 85px #e6e6e6; }
    .button-longshadow-left.button-plain:active, .button-longshadow-left.button-plain.active, .button-longshadow-left.button-plain.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .button-longshadow-left.button-inverse {
    text-shadow: 0px 0px #090909, -1px 1px #090909, -2px 2px #090909, -3px 3px #090909, -4px 4px #090909, -5px 5px #090909, -6px 6px #090909, -7px 7px #090909, -8px 8px #090909, -9px 9px #090909, -10px 10px #090909, -11px 11px #090909, -12px 12px #090909, -13px 13px #090909, -14px 14px #090909, -15px 15px #090909, -16px 16px #090909, -17px 17px #090909, -18px 18px #090909, -19px 19px #090909, -20px 20px #090909, -21px 21px #090909, -22px 22px #090909, -23px 23px #090909, -24px 24px #090909, -25px 25px #090909, -26px 26px #090909, -27px 27px #090909, -28px 28px #090909, -29px 29px #090909, -30px 30px #090909, -31px 31px #090909, -32px 32px #090909, -33px 33px #090909, -34px 34px #090909, -35px 35px #090909, -36px 36px #090909, -37px 37px #090909, -38px 38px #090909, -39px 39px #090909, -40px 40px #090909, -41px 41px #090909, -42px 42px #090909, -43px 43px #090909, -44px 44px #090909, -45px 45px #090909, -46px 46px #090909, -47px 47px #090909, -48px 48px #090909, -49px 49px #090909, -50px 50px #090909, -51px 51px #090909, -52px 52px #090909, -53px 53px #090909, -54px 54px #090909, -55px 55px #090909, -56px 56px #090909, -57px 57px #090909, -58px 58px #090909, -59px 59px #090909, -60px 60px #090909, -61px 61px #090909, -62px 62px #090909, -63px 63px #090909, -64px 64px #090909, -65px 65px #090909, -66px 66px #090909, -67px 67px #090909, -68px 68px #090909, -69px 69px #090909, -70px 70px #090909, -71px 71px #090909, -72px 72px #090909, -73px 73px #090909, -74px 74px #090909, -75px 75px #090909, -76px 76px #090909, -77px 77px #090909, -78px 78px #090909, -79px 79px #090909, -80px 80px #090909, -81px 81px #090909, -82px 82px #090909, -83px 83px #090909, -84px 84px #090909, -85px 85px #090909; }
    .button-longshadow-left.button-inverse:active, .button-longshadow-left.button-inverse.active, .button-longshadow-left.button-inverse.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .button-longshadow-left.button-action {
    text-shadow: 0px 0px #8bc220, -1px 1px #8bc220, -2px 2px #8bc220, -3px 3px #8bc220, -4px 4px #8bc220, -5px 5px #8bc220, -6px 6px #8bc220, -7px 7px #8bc220, -8px 8px #8bc220, -9px 9px #8bc220, -10px 10px #8bc220, -11px 11px #8bc220, -12px 12px #8bc220, -13px 13px #8bc220, -14px 14px #8bc220, -15px 15px #8bc220, -16px 16px #8bc220, -17px 17px #8bc220, -18px 18px #8bc220, -19px 19px #8bc220, -20px 20px #8bc220, -21px 21px #8bc220, -22px 22px #8bc220, -23px 23px #8bc220, -24px 24px #8bc220, -25px 25px #8bc220, -26px 26px #8bc220, -27px 27px #8bc220, -28px 28px #8bc220, -29px 29px #8bc220, -30px 30px #8bc220, -31px 31px #8bc220, -32px 32px #8bc220, -33px 33px #8bc220, -34px 34px #8bc220, -35px 35px #8bc220, -36px 36px #8bc220, -37px 37px #8bc220, -38px 38px #8bc220, -39px 39px #8bc220, -40px 40px #8bc220, -41px 41px #8bc220, -42px 42px #8bc220, -43px 43px #8bc220, -44px 44px #8bc220, -45px 45px #8bc220, -46px 46px #8bc220, -47px 47px #8bc220, -48px 48px #8bc220, -49px 49px #8bc220, -50px 50px #8bc220, -51px 51px #8bc220, -52px 52px #8bc220, -53px 53px #8bc220, -54px 54px #8bc220, -55px 55px #8bc220, -56px 56px #8bc220, -57px 57px #8bc220, -58px 58px #8bc220, -59px 59px #8bc220, -60px 60px #8bc220, -61px 61px #8bc220, -62px 62px #8bc220, -63px 63px #8bc220, -64px 64px #8bc220, -65px 65px #8bc220, -66px 66px #8bc220, -67px 67px #8bc220, -68px 68px #8bc220, -69px 69px #8bc220, -70px 70px #8bc220, -71px 71px #8bc220, -72px 72px #8bc220, -73px 73px #8bc220, -74px 74px #8bc220, -75px 75px #8bc220, -76px 76px #8bc220, -77px 77px #8bc220, -78px 78px #8bc220, -79px 79px #8bc220, -80px 80px #8bc220, -81px 81px #8bc220, -82px 82px #8bc220, -83px 83px #8bc220, -84px 84px #8bc220, -85px 85px #8bc220; }
    .button-longshadow-left.button-action:active, .button-longshadow-left.button-action.active, .button-longshadow-left.button-action.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .button-longshadow-left.button-highlight {
    text-shadow: 0px 0px #e59501, -1px 1px #e59501, -2px 2px #e59501, -3px 3px #e59501, -4px 4px #e59501, -5px 5px #e59501, -6px 6px #e59501, -7px 7px #e59501, -8px 8px #e59501, -9px 9px #e59501, -10px 10px #e59501, -11px 11px #e59501, -12px 12px #e59501, -13px 13px #e59501, -14px 14px #e59501, -15px 15px #e59501, -16px 16px #e59501, -17px 17px #e59501, -18px 18px #e59501, -19px 19px #e59501, -20px 20px #e59501, -21px 21px #e59501, -22px 22px #e59501, -23px 23px #e59501, -24px 24px #e59501, -25px 25px #e59501, -26px 26px #e59501, -27px 27px #e59501, -28px 28px #e59501, -29px 29px #e59501, -30px 30px #e59501, -31px 31px #e59501, -32px 32px #e59501, -33px 33px #e59501, -34px 34px #e59501, -35px 35px #e59501, -36px 36px #e59501, -37px 37px #e59501, -38px 38px #e59501, -39px 39px #e59501, -40px 40px #e59501, -41px 41px #e59501, -42px 42px #e59501, -43px 43px #e59501, -44px 44px #e59501, -45px 45px #e59501, -46px 46px #e59501, -47px 47px #e59501, -48px 48px #e59501, -49px 49px #e59501, -50px 50px #e59501, -51px 51px #e59501, -52px 52px #e59501, -53px 53px #e59501, -54px 54px #e59501, -55px 55px #e59501, -56px 56px #e59501, -57px 57px #e59501, -58px 58px #e59501, -59px 59px #e59501, -60px 60px #e59501, -61px 61px #e59501, -62px 62px #e59501, -63px 63px #e59501, -64px 64px #e59501, -65px 65px #e59501, -66px 66px #e59501, -67px 67px #e59501, -68px 68px #e59501, -69px 69px #e59501, -70px 70px #e59501, -71px 71px #e59501, -72px 72px #e59501, -73px 73px #e59501, -74px 74px #e59501, -75px 75px #e59501, -76px 76px #e59501, -77px 77px #e59501, -78px 78px #e59501, -79px 79px #e59501, -80px 80px #e59501, -81px 81px #e59501, -82px 82px #e59501, -83px 83px #e59501, -84px 84px #e59501, -85px 85px #e59501; }
    .button-longshadow-left.button-highlight:active, .button-longshadow-left.button-highlight.active, .button-longshadow-left.button-highlight.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .button-longshadow-left.button-caution {
    text-shadow: 0px 0px #ff1022, -1px 1px #ff1022, -2px 2px #ff1022, -3px 3px #ff1022, -4px 4px #ff1022, -5px 5px #ff1022, -6px 6px #ff1022, -7px 7px #ff1022, -8px 8px #ff1022, -9px 9px #ff1022, -10px 10px #ff1022, -11px 11px #ff1022, -12px 12px #ff1022, -13px 13px #ff1022, -14px 14px #ff1022, -15px 15px #ff1022, -16px 16px #ff1022, -17px 17px #ff1022, -18px 18px #ff1022, -19px 19px #ff1022, -20px 20px #ff1022, -21px 21px #ff1022, -22px 22px #ff1022, -23px 23px #ff1022, -24px 24px #ff1022, -25px 25px #ff1022, -26px 26px #ff1022, -27px 27px #ff1022, -28px 28px #ff1022, -29px 29px #ff1022, -30px 30px #ff1022, -31px 31px #ff1022, -32px 32px #ff1022, -33px 33px #ff1022, -34px 34px #ff1022, -35px 35px #ff1022, -36px 36px #ff1022, -37px 37px #ff1022, -38px 38px #ff1022, -39px 39px #ff1022, -40px 40px #ff1022, -41px 41px #ff1022, -42px 42px #ff1022, -43px 43px #ff1022, -44px 44px #ff1022, -45px 45px #ff1022, -46px 46px #ff1022, -47px 47px #ff1022, -48px 48px #ff1022, -49px 49px #ff1022, -50px 50px #ff1022, -51px 51px #ff1022, -52px 52px #ff1022, -53px 53px #ff1022, -54px 54px #ff1022, -55px 55px #ff1022, -56px 56px #ff1022, -57px 57px #ff1022, -58px 58px #ff1022, -59px 59px #ff1022, -60px 60px #ff1022, -61px 61px #ff1022, -62px 62px #ff1022, -63px 63px #ff1022, -64px 64px #ff1022, -65px 65px #ff1022, -66px 66px #ff1022, -67px 67px #ff1022, -68px 68px #ff1022, -69px 69px #ff1022, -70px 70px #ff1022, -71px 71px #ff1022, -72px 72px #ff1022, -73px 73px #ff1022, -74px 74px #ff1022, -75px 75px #ff1022, -76px 76px #ff1022, -77px 77px #ff1022, -78px 78px #ff1022, -79px 79px #ff1022, -80px 80px #ff1022, -81px 81px #ff1022, -82px 82px #ff1022, -83px 83px #ff1022, -84px 84px #ff1022, -85px 85px #ff1022; }
    .button-longshadow-left.button-caution:active, .button-longshadow-left.button-caution.active, .button-longshadow-left.button-caution.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
  .button-longshadow-left.button-royal {
    text-shadow: 0px 0px #5246e2, -1px 1px #5246e2, -2px 2px #5246e2, -3px 3px #5246e2, -4px 4px #5246e2, -5px 5px #5246e2, -6px 6px #5246e2, -7px 7px #5246e2, -8px 8px #5246e2, -9px 9px #5246e2, -10px 10px #5246e2, -11px 11px #5246e2, -12px 12px #5246e2, -13px 13px #5246e2, -14px 14px #5246e2, -15px 15px #5246e2, -16px 16px #5246e2, -17px 17px #5246e2, -18px 18px #5246e2, -19px 19px #5246e2, -20px 20px #5246e2, -21px 21px #5246e2, -22px 22px #5246e2, -23px 23px #5246e2, -24px 24px #5246e2, -25px 25px #5246e2, -26px 26px #5246e2, -27px 27px #5246e2, -28px 28px #5246e2, -29px 29px #5246e2, -30px 30px #5246e2, -31px 31px #5246e2, -32px 32px #5246e2, -33px 33px #5246e2, -34px 34px #5246e2, -35px 35px #5246e2, -36px 36px #5246e2, -37px 37px #5246e2, -38px 38px #5246e2, -39px 39px #5246e2, -40px 40px #5246e2, -41px 41px #5246e2, -42px 42px #5246e2, -43px 43px #5246e2, -44px 44px #5246e2, -45px 45px #5246e2, -46px 46px #5246e2, -47px 47px #5246e2, -48px 48px #5246e2, -49px 49px #5246e2, -50px 50px #5246e2, -51px 51px #5246e2, -52px 52px #5246e2, -53px 53px #5246e2, -54px 54px #5246e2, -55px 55px #5246e2, -56px 56px #5246e2, -57px 57px #5246e2, -58px 58px #5246e2, -59px 59px #5246e2, -60px 60px #5246e2, -61px 61px #5246e2, -62px 62px #5246e2, -63px 63px #5246e2, -64px 64px #5246e2, -65px 65px #5246e2, -66px 66px #5246e2, -67px 67px #5246e2, -68px 68px #5246e2, -69px 69px #5246e2, -70px 70px #5246e2, -71px 71px #5246e2, -72px 72px #5246e2, -73px 73px #5246e2, -74px 74px #5246e2, -75px 75px #5246e2, -76px 76px #5246e2, -77px 77px #5246e2, -78px 78px #5246e2, -79px 79px #5246e2, -80px 80px #5246e2, -81px 81px #5246e2, -82px 82px #5246e2, -83px 83px #5246e2, -84px 84px #5246e2, -85px 85px #5246e2; }
    .button-longshadow-left.button-royal:active, .button-longshadow-left.button-royal.active, .button-longshadow-left.button-royal.is-active {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }

/*
* Button Sizes
*
* This file creates the various button sizes
* (ex. .button-large, .button-small, etc.)
*/
.button-giant {
  font-size: 28px;
  height: 70px;
  line-height: 70px;
  padding: 0 70px; }

.button-jumbo {
  font-size: 24px;
  height: 60px;
  line-height: 60px;
  padding: 0 60px; }

.button-large {
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  padding: 0 50px; }

.button-normal {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  padding: 0 40px; }

.button-small {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  padding: 0 30px; }

.button-tiny {
  font-size: 9.6px;
  height: 24px;
  line-height: 24px;
  padding: 0 24px; }



html{
    padding:0;
    margin:0;
    min-width: 1200px;
}

body {
    background-color: #ededed;
    font-family: "Microsoft YaHei", "微软雅黑", SimSun, '\5b8b\4f53', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    margin:0;
    padding:0;
}

a {
    color: #f74645;
}
a:focus, a:hover {
    color: #f74645;
    text-decoration: none;
}
.link-icon::after {
    content: '';
    display: inline-block;
    width: 14px;
    margin-left: 2px;
}
.link-icon:hover::after {
    content: '\e73a';
    font: normal normal normal 12px/1 'iconfont';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-size: 14px;
    color: blue;
    margin-left: 2px;
    vertical-align: text-bottom;
}
.no-confirm{
    color:#999;
}
.no-confirm:hover{
    color:#f74645;
}
h1.no-more-css,h2.no-more-css,h3.no-more-css,h4.no-more-css,h5.no-more-css,h6.no-more-css {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    display: initial;
}


button:focus, a:focus {
    outline: none;
}

.container {
    width: 1200px;
    padding: 0;
}

.btn-default:active:focus {
    background: #f74645;
    color: #ffffff;
}

/* 内容文本居中 */
.center {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* 横线 */
.line {
    height: 1px;
    background: #efefef;
    overflow: hidden;
    width: 100%;
    margin: 1px auto 1px auto;
}

.line-no-margin {
    height: 1px;
    background: #efefef;
    overflow: hidden;
    width: 100%;
    margin: auto;
}

/* 两侧都不允许出现浮动元素 */
.clear {
    clear: both;
}

/* 两侧都不允许出现浮动元素的无高度div */
.clear-div {
    clear: both;
    height: 0px;
    overflow: hidden;
}

/* 红色 */
.color-red {
    color: #f74645!important;
}

.color-yellow {
    color: #ECBD1A;
}

.color-blcak {
    color: #333;
}

.color-gray {
    color: #999;
}

.color-dark-gray {
    color: #666;
}

.color-light-gray {
    color: #CCC;
}

.color-lighter-gray {
    color: #EEE;
}

/* 去掉 margin 值 */
.no-margin {
    margin: 0px;
}

/* 去掉 padding 值 */
.no-padding {
    padding: 0px;
}

.no-padding-left {
    padding-left: 0px;
}

.no-padding-right {
    padding-left: 0px;
}

/* 定义字体大小 */
.font-15 {
    font-size: 15px;
}

.font-14 {
    font-size: 14px;
}

.font-13 {
    font-size: 13px;
}

.font-12 {
    font-size: 12px;
}

/* 占高度的div */
.space-div-10 {
    height: 10px;
}

.space-div-20 {
    height: 20px;
}

.space-div-30 {
    height: 30px;
}

.space-div-40 {
    height: 40px;
}

.space-div-50 {
    height: 50px;
}

/* 红色按钮 */
.button-caution, .button-caution-flat, .button-caution:visited, .button-caution-flat:visited {
    background-color: #f74645;
    border-color: #f74645;
}

.button-caution:hover, .button-caution-flat:hover {
    background-color: #c12222;
    border-color: #c12222;

}
.s-ui-s-btn{
    width:85px;
    height:34px;
    display: inline-block;
    text-align: center;
    border-radius:5px;
    line-height: 34px;
    font-size:12px;
}
a.s-ui-s-btn:hover{
    color:#fff;
}

/* 表单获得焦点时高亮边框 */
.form-control:focus {
    border-color: #F39494;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 2px rgba(236, 16, 16, .6);
}

.brandSearchForm input.inset-type:focus {
    border-color: #F39494;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), inset 0 0 2px rgba(236, 16, 16, .6);
}

.active-search-btn button {
    background: #f74645;
    border-color: #f74645;
    color: #fff;
}

.active-search-btn button span {
    color: #fff;
}

/* 顶部的一级导航 */
#top-navbar {
    width: 100%;
    background: #FFFFFF;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, .125);
    box-shadow: 0 1px 0px rgba(0, 0, 0, .125);
    z-index: 100;
    margin-bottom: 15px;
}

#top-navbar .container {
    height: 75px;
}

#top-navbar .navbar-logo {
    padding-left: 0;
    margin-left: 0;
}

#top-navbar .navbar-logo-right-text {
    padding-top: 22px;
    margin-right: 20px;
}

#top-navbar .navbar-btn {
    font-family: "Microsoft YaHei";
    width: 105px;
    height: 37px;
    line-height: 37px;
    margin-top: 22px;
    color: #656565;
    font-size: 16px;
    /* margin-left: 20px;*/
    margin-right: 20px;
    border: none;
    font-weight: 400;

}

#top-navbar .navbar-btn:hover {
    color: #f74645;
}

#top-navbar .navbar-btn-selected, #top-navbar .navbar-btn-selected:hover {
    background: #f74645;
    color: #FFFFFF;
}

#top-navbar .navbar-btn > h1, #top-navbar .navbar-btn > h2 {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei";
    font-size:16px;
    color: #555555;
}
#top-navbar .navbar-btn-selected h1{
    color:#fff;
}
.navbar-weixin-div {
    width: 130px;
    min-height: 120px;
    background: #fff;
    margin-top: 0px;
}

.navbar-weixin-div p {
    margin-bottom: 0px;
    display: block;
}

.navbar-weixin-div .weibo-logo {
    display: block;
    line-height: 21px;
    padding: 0px;
    margin: 10px 0 0 6px;
}

.navbar-weixin-div .guan-zhu {
    width: 50px;
    height: 21px;
    display: block;
    background: #5cb95a;
    color: #FFFFFF;
    line-height: 21px;
    padding: 0px;
    margin: 10px 0 0 10px;
    font-size: 14px;
    text-align: center;
}

/* 订单一级导航右边的小菜单 */
.navbar-right-menu {
    font-family: "Microsoft YaHei";
    margin-top: 37px;
}

.navbar-right-menu a.navbar-link {
    margin-left: 8px;
    /*padding-right: 12px;*/
    color: #656565;
}

.navbar-right-menu a.navbar-link:hover {
    color: red;
}

.navbar-right-menu a.login-red {
    color: #f74645;
}

/* 订单一级导航右边的小菜单中下拉菜单 */
.navbar-right-menu .dropdown {
    display: inline;
}

.navbar-right-menu .dropdown-menu {
    min-width: 100px;
}

/* 订单一级导航右边的小菜单,我的百强弹出层 */
.navbar-right-menu .my-baiqiang {
    border-bottom-color: #f74645;
}

.navbar-right-menu .navbar-right-menu-split {
    color: #e5e5e5;
}

.my-baiqiang-popover {
    padding: 0px;
    width: 197px;
    border-radius: 2px;
}

.my-baiqiang-popover.popover.bottom > .arrow {
    border-bottom-color: #F74645;
}

.my-baiqiang-popover.popover.bottom > .arrow:after {
    border-bottom-color: #F74645;
    left:75%;
}

.my-baiqiang-popover > .popover-content {
    padding: 0px;
}

.my-baiqiang-popover > .popover-content .top-div {
    height: 74px;
    background-color: #F74645;
    padding: 15px 10px 15px 10px;
}

.my-baiqiang-popover > .popover-content .top-div .top-div-sub1 {
    width: 45px;
    height: 45px;
    border-radius: 45px;
    border: 1px solid #F86767;
    overflow: hidden;
    -webkit-box-shadow: 0 0 0 3px rgba(255,255,255,0.2);
    -moz-box-shadow: 0 0 0 3px rgba(255,255,255,0.2);
    box-shadow: 0 0 0 3px rgba(255,255,255,0.2);
}

.my-baiqiang-popover > .popover-content .top-div .top-div-sub1 img {
    width: 100%;
    height: 100%;
}

.my-baiqiang-popover > .popover-content .top-div .top-div-sub2 {
    margin-left: 10px;
}

.my-baiqiang-popover > .popover-content .top-div .top-div-sub2 .p1 {
    font-size: 14px;
    color: #FFFFFF;
}

.my-baiqiang-popover > .popover-content .top-div .top-div-sub2 .p2 {
    font-size: 12px;
    color: #FFFFFF;
}

.my-baiqiang-popover > .popover-content .top-div .top-div-sub2 .p2 a {
    color: #FFFFFF;
    margin: 0px;
}

.my-baiqiang-popover > .popover-content .top-div .top-div-sub2 .p2 .msg-num {
    color: #FFCC00;
}

.my-baiqiang-popover > .popover-content .middle-div {
    padding: 0px 0px 7px 5px;
}

.my-baiqiang-popover > .popover-content .middle-div .button-tiny {
    background-color: #F4F4F4;
    margin: 8px 4px 0 10px;
    padding: 0 6px;
    float: left;
    color:#878787;
    font-size:12px;
}
.my-baiqiang-popover > .popover-content .middle-div .button-tiny:hover{
    background-color: #F74645;
    color:#fff;
}
.my-baiqiang-popover > .popover-content .middle-div .button-tiny:hover span{
    color:#fff;
}
.my-baiqiang-popover > .popover-content .middle-div .button-tiny span{
    color:#CBCBCB;
}

.my-baiqiang-popover > .popover-content .bottom-div {
    padding: 5px 0 5px 15px;
    font-size: 13px;
}

.my-baiqiang-popover > .popover-content .bottom-div .footmark-header {
    overflow: hidden;
    padding: 0px 15px 0px 0px;
}

.my-baiqiang-popover > .popover-content .bottom-div .footmark-header a {
    color: #666;
    font-size: 11px;
}

.my-baiqiang-popover > .popover-content .bottom-div .footmark a {
    margin-right: 4px;
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    display: inline-block;
    overflow: hidden;
}

.my-baiqiang-popover > .popover-content .bottom-div .footmark img {
    width: 100%;
}

/* 底部 */
#foot {
    width: 100%;
    background: #FFFFFF;
    border-radius: 0;
    -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, .125);
    box-shadow: 0 -1px 1px rgba(0, 0, 0, .125);
    z-index: 100;
    margin-top: 40px;
}

#foot .container {
    font-size: 13px;
    line-height: 20px;
    color: #7a7a7a;
    padding-top: 20px;
    min-height: 120px;
}

#foot .container a {
    color: #7a7a7a;
}

#foot .container .friend-link-line {
    padding-bottom: 10px;overflow:hidden;height:22px;
}

#foot .container .friend-link-line a {
    margin: 0 5px 0 5px;
}

#foot .container .nav-link-line {
    padding-bottom: 15px;
}

#foot .container .nav-link-line .split-char {
    margin: 0 10px 0 10px;
    color: #e1e1e1;
}

#foot .container .copyright-line {
    padding-bottom: 20px;
}

/* 评论区初始隐藏 */
.comment-area {
    display: none;
}

/* 第三方登录按钮的样式 */
/* QQ 按钮 */
.btn-qq, .btn-qq:visited {
    color: #FFFFFF;
    background: #ff5959;
}
.btn-qq:hover{
    box-shadow: 0 0 10px #FF5959;
}
/* 微信 按钮 */
.btn-weixin, .btn-weixin:visited, .btn-weixin:hover {
    color: #FFFFFF;
    background: #0bb515;
}
.btn-weixin:hover{
    box-shadow: 0 0 10px #0BB515;
}
/* 微博 按钮 */
.btn-weibo, .btn-weibo:visited, .btn-weibo:hover {
    color: #FFFFFF;
    background: #e67817;
}
.btn-weibo:hover{
    box-shadow: 0 0 10px #E67817;
}
/* 品牌搜索框 */
.brandSearchForm .container .row {
    margin: 0 0 15px 0;
}

.brandSearchForm .container .row .input-group {
    position: relative;
}

.brandSearchForm .container .row .input-group .search-label {
    position: absolute;
    right: 85px;
    top: 1px;
    z-index: 5;
    height: 52px;
    padding: 16px;
}

.brandSearchForm .container .row .input-group .search-label > a {
    display: inline-block;
    padding: 4px 6px;
    background: #eeeeee;
    margin-right: 8px;
    font-size: 12px;
    line-height: 12px;
    color: #888888;
}

.brandSearchForm .container .row .input-group .search-label > a:hover {
    color: #FFFFFF;
    background: #f74645;
}

.brandSearchForm .container .row .form-control {
    border-radius: 0;
    height: 52px;
    background: #fafafa;
    border-right: none;
    width: 1115px;
}

.brandSearchForm .container .row .btn {
    border-radius: 0;
    height: 52px;
    width: 85px;
    font-size: 25px;
    color: #999999;
}

.brandSearchForm .container .row .btn:active {

    border-color: #f74645;
}

.brandSearchForm .container .row .btn:hover {
    background: #f74645;
    border-color: #f74645;
    color: #fff;
}

.brandSearchForm .container .row .btn:active:focus {
    border-color: #f74645;
}

.brandSearchForm .container .row .btn:active span {
    color: #fff;
}

#bigAutocompleteContent {
    overflow: visible;
}

#bigAutocompleteContent > .searchTipLine {
    height: 40px;
    margin: 0;
    padding: 6px 0 6px 0;
}

#bigAutocompleteContent > .searchTipLine > dd {
    color: #888888;
}

.breadcrumb li > a {
    color: #666666;
}

/* 整站左右部分布局 */
.left-part {
    width: 900px;
    min-height: 600px;
    float: left;
}

.left-part .left-part-sub {
    background: #FFFFFF;
    color: #666666;
    margin-bottom: 20px;
   /* -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .125);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .125);*/
}

.left-part .left-part-sub .breadcrumb {
    background: none;
    padding-top: 12px;
    margin-bottom: 0px;
}

.left-part .left-part-sub .breadcrumb li {
    color: #999999;
}
.left-part .left-part-sub .breadcrumb li>a{
    color:#999;
}
.left-part .left-part-sub .breadcrumb li:last-child{
    color:#666;
}
.left-part .left-part-sub .line {
    color: #ededed;
}

.right-part {
    width: 285px;
    min-height: 50px;
    float: right;
}

.right-part .right-part-sub {
    background: #FFFFFF;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .125);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .125);
    margin-bottom: 20px;
}

/***右侧提示样式开始***/
.right-part-tip {
    background-color: #FFF;
    -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, .125);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .125);
    margin-bottom: 30px;
}

.right-part-tip-title {
    padding-left: 12px;
    height: 48px;
    line-height: 48px;
    font-size: 17px;
    color: #f74645;
}
.right-part-tip-title i{
    font-size: 20px;
}

.right-part-tip-content {
    padding: 8px 20px;
    line-height: 30px;
    font-size: 15px;
    text-indent: 2em;
    font-family: "Microsoft YaHei";
    color: #666666;
}

/***右侧提示样式结束***/

/* 翻页页码 */
.pagination {
    text-align: center;
}

.pagination .num {
    display: inline-block;
    height: 40px;
    width: 40px;
    border: 1px solid #efefef;
    font-size: 12px;
    line-height: 12px;
    padding: 14px 0 0 0;
    margin-right: 5px;
    cursor: pointer;
}

.pagination .num:hover {
    background: #f74645;
    color: #FFFFFF;
}

.pagination .num.current {
    background: #f74645;
    color: #FFFFFF;
}

.pagination .next, .pagination .prev, .pagination .end ,.pagination .first{
    display: inline-block;
    height: 40px;
    width: 65px;
    border: 1px solid #efefef;
    font-size: 12px;
    line-height: 12px;
    padding: 14px 0 0 0;
    margin-right: 5px;
    cursor: pointer;
}

.pagination .next:hover, .pagination .prev:hover {
    background: #f74645;
    color: #FFFFFF;
}

/*分页样式*/
.pagination {
    text-align: left;
    width: 100%;
    padding:0 25px;
}
.pagination span{
    margin-right: 4px;
}
.pagination a, .pagination span {

    display: inline-block;
    padding: 3px 8px;
    border: 1px solid #DBDBDB;
    color: #666;
    text-align: center;
}

.pagination .current {
    background: #f74645;
    color: #fff;
}

/*
leftNav
*/

.s-ui-ln-all {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;

}

.s-ui-ln-all .iterm {
    line-height: 1.414;
    width: 50%;
    /*text-align: center;*/
    float: left;
}

.s-ui-ln-all .icon {
    margin: 0 3px;
}
/*弹框统一样式*/
.bootstrap-dialog.type-primary .modal-header{
    background:#f74645;
}
.bootstrap-dialog.type-warning .modal-header{
    background:#f74645;
}
.bootstrap-dialog .bootstrap-dialog-message{
    /*text-align: center;*/
    margin-top:30px;
}
.bootstrap-dialog-footer-buttons .btn{
    border-color:#f74645;
    background-color: #fff;
    color:#f74645;
}
.modal-content{
    /*width:400px;*/
}
.modal-body{
    min-height: 116px;
}
/*最新促销*/
/*
.tmp-brand-product-item{
    width:100%;
    text-align: left;
    padding: 0 10px;
    margin-top:5px;
}
.tmp-brand-product-item .tmp-product-time{
    float:right;
    font-size: 12px;
    color:#999999;
}
.tmp-brand-product-item .tmp-product-price{
    color:#f74645;
    margin-left:20px;
}
.tmp-brand-product-item:hover a{
    color:#f74645;
}
.tmp-brand-product-item a{
    color:#666666;
    line-height: 40px;
}
*/

/*fixed*/
.qy-fixed{
    position: fixed;
    width:100%;
    left:0;
    z-index:1000;
    background-color:#f74645;
}
.qy-list{
    width:1200px;
    margin:0 auto!important;
}
.qy-upload{
    position:fixed;
    width:900px;
    padding:0;
    margin:0;
    z-index:1000;
}
.qy-list-class{
    width:100%;
    margin:0!important;
    padding:0;
}
.no-shops{
    display: block;
    width: 100%;
    text-align: center;
    height: 85px;
    line-height: 85px;
}



/* 右边栏热门品类品牌 */
#hot-cate-brand-tabs > li {
    font-size: 16px;
}


/* 下边是红线的tab样式 */
.nav-red-bottom-line {

}

.nav-tabs.nav-red-bottom-line > li {
    border: none;
    border-bottom: 1px solid #ddd;
   /* font-size: 15px;*/
}

.nav-tabs.nav-red-bottom-line > li > a, .nav-tabs.nav-red-bottom-line > li > a:hover, .nav-tabs.nav-red-bottom-line > li > a:focus {
    border: none;
    border-radius: 0;
    color: #333;
    background: none;
}

.nav-tabs.nav-red-bottom-line > li.active > a, .nav-tabs.nav-red-bottom-line > li.active > a:hover, .nav-tabs.nav-red-bottom-line > li.active > a:focus {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #F74645;
    color: #F74645;
    position: relative;
    top:1px;
}


/* --- 右边栏热门品类和热门品牌  ---- */
#hot-cate-brand-content {
    padding: 13px 13px 8px 13px;
    /*height: 225px;*/
}
.hotBrand_tab_list{
    margin-right:-5px;
    margin-bottom:-5px;
}
#hot-brand-content>a {
    float: left;
    color: #666666;
    font-size: 13px;
    height:37px;
    line-height: 37px;
    border: 1px solid #ddd;
    margin-bottom:5px;
    width: 87px;
    margin-right:5px;
    text-align: center;
    width: 127px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#hot-cate-content > a{
    float: left;
    color: #666666;
    font-size: 13px;
    height:37px;
    line-height: 35px;
    border: 1px solid #ddd;
    margin-bottom:5px;
    width: 133px;
    margin-right:5px;
    /*text-align: center;*/
    padding-left: 10px;
    box-sizing: border-box;
    width: 127px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#hot-cate-content > a > i {
    float: right;
    font-size: 14px;
    margin-top: 11px;
    margin-right: 8px;
}
#hot-brand-content > a:hover,#hot-cate-content > a:hover {
    color: #F74645;
    background: #f7f7f7;
}
/* ---右边栏聚惠几日新增统计---- */
.new-zhi-statistics-head {
    height: 42px;
    line-height: 30px;
    font-size: 16px;
    color: #f74645;
    padding: 6px 15px 0 15px;
}

.new-zhi-statistics-head > .stress {
    font-size: 22px;
    font-weight: bold;
}

.new-zhi-statistics-body {
    min-height: 50px;
    line-height: 20px;
    font-size: 13px;
    padding: 0px 15px 6px 15px;
}

.new-zhi-statistics-body .no-new-zhi {
    text-align: center;
    width: 100%;
    display: block;
    line-height: 20px;
    margin-bottom: 10px;
    color: #999999;
}

.new-zhi-statistics-body table {
    margin-bottom: 10px;
}

.new-zhi-statistics-body table tr {
    border-bottom: 1px dashed #ddd;
}
.new-zhi-statistics-body table thead th{
    color:#656565;
    font-weight: bold;
    border:none;
}
.new-zhi-statistics-body table tr > td {
    border: none;
}

.new-zhi-statistics-search {
    padding: 0 0 15px 15px;
}

.new-zhi-statistics-search #searchName {
    width: 173px;
    border: 2px solid #f74645;
}

.new-zhi-statistics-search .input-group-addon {
    background: #f74645;
    color: #FFFFFF;
    height: 34px;
    border: 2px solid #f74645;
}



/* ---右边栏值得买今日top10---- */
#right-zhi-today-top {
    width: 285px;
    z-index: 8;
}

.right-zhi-today-top-head {
    height: 42px;
    line-height: 30px;
    font-size: 16px;
    color: #f74645;
    padding: 10px 15px 0 15px;
}
.right-zhi-today-top-head>span{
    font-size: 19px;
}
.right-zhi-today-top-head > a {
    line-height: 30px;
    font-size: 12px;
    color: #999;
    float: right;
}

.right-zhi-today-top-body {
    min-height: 50px;
    line-height: 17px;
    font-size: 13px;
    /*padding: 6px 0 6px 15px;*/
    padding: 6px 0 6px 0px;
}
.right-zhi-today-top-body .zhi-top-tr:hover{
    background:#f8f7f7;
}
.right-zhi-today-top-body .zhi-top-tr {
    /*margin: 5px 0 15px 0;*/
    padding:5px 0 15px 15px;
    /*margin-top:5px;*/
}

.right-zhi-today-top-body .zhi-top-index {
    font-size: 16px;
    width: 30px;
    height:30px;
    line-height: 28px;
    border: 1px solid #f74645;
    text-align: center;
    /*background:#f74645;*/
    color: #f74645;
    border-radius:30px;
    margin-top:2px;
    float:left;

}

.right-zhi-today-top-body .zhi-top-text {
    float: left;
    width: 240px;
    padding: 0px 10px 0px 10px;
    font-size: 12px;
}

.right-zhi-today-top-body .zhi-top-text a {
    -ms-word-break: break-all;
    word-break: break-all;
    color: #666666;
    font-family: "宋体";
}
/*.right-zhi-today-top-body .zhi-top-text a:hover{
    color:#f74645;
   !* text-decoration: underline;*!
}*/

.right-zhi-today-top-body .zhi-top-text a > span {
    color: #f74645;
}


/* 右边"回到顶部按钮" */
#right-goto-top {
    position:fixed;
    bottom: 100px;
    display: none;
}

#right-goto-top > a {
    display: block;
    font-size: 20px;
    text-align: center;
    color: #ddd;
    line-height: 60px;
    width: 60px;
    height: 60px;
    cursor: pointer;
}

#right-goto-top > a:hover {
    background: #f74645;
    color: #FFFFFF;
}



/* ---右边栏登录入口及用户信息---- */
#right-login-info {
    width: 285px;
}

#right-login-info .right-login-info-offline, .right-login-info-online {
    padding: 20px 10px 20px 10px;
}

#right-login-info .right-login-info-avatar {
    float: left;
    width: 70px;
    height: 70px;
    border-radius: 6px;
    overflow: hidden;
    margin-right: 10px;
    margin-left: 5px;
    border:1px solid #eee;
}

#right-login-info .right-login-info-avatar > img {
    width: 100%;
    height: 100%;
}

#right-login-info .right-login-info-offline .right-login-info-content {
    padding: 0 0 0 10px;
    float: left;
    font-size: 14px;
    color: #666666;
    line-height: 23px;
}

#right-login-info .right-login-info-online .right-login-info-content {
    padding: 0px 0 0 10px;
    float: left;
    width: 180px;
}

#right-login-info .right-login-info-online .right-login-info-content .right-login-info-hello {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}

#right-login-info .right-login-info-online .right-login-info-content .right-login-info-hello .right-login-info-hello-msgnum {
    /*margin: 5px 10px 0 0;*/
}

#right-login-info .right-login-info-online .right-login-info-content .right-login-info-opt > a {
    float: left;
    display: inline-block;
    padding-right: 15px;
    font-size: 12px;
    color: #999999;
    line-height: 20px;
}

#right-login-info .right-login-info-button {
    border-top: 1px dashed #ddd;
    padding-top: 13px;
    margin-top: 13px;
}

#right-login-info .right-login-info-offline .right-login-info-button .button {
    padding: 0 3px;
    width: 85px;
    font-size: 13px;
}

#right-login-info .right-login-info-online .right-login-info-button .button {
    padding: 0 3px;
    width: 120px;
    font-size: 14px;
    line-height: 35px;
    height: 35px;
    font-family: 'Microsoft YaHei';
}

#right-login-info .right-login-info-online .right-login-info-button .btn-sign-in {
    color: #FFFFFF;
    background: #ff7e00;
    margin: 0 5px 0 5px;
}
#right-login-info .right-login-info-online .right-login-info-button .btn-sign-in:hover{
    box-shadow: 0 0 10px #E67817;
}
#right-login-info .right-login-info-online .right-login-info-button .btn-exchange-score {
    color: #FFFFFF;
    background: #00aeff;
    margin: 0 0 0 5px;
}
#right-login-info .right-login-info-online .right-login-info-button .btn-exchange-score:hover{
    box-shadow: 0 0 10px #00aeff;
}

/*top10*/
.text-container ul{
    width:100%;
    list-style: none;
    font-family: 'SimSun';
    /*padding-top:5px;*/
    /*padding-bottom:10px;*/
    margin:0;
    /*padding:5px 0 10px 0;*/
}
.text-container ul li{
    padding:8px 13px;
}
.text-container ul h3{
    padding:0;
    margin:0;
}
.text-container .right a{
    line-height: 16px;
    color:#666;
}
.text-container .right span{
    line-height: 16px;
    color:#f74645;
}
.text-container ul li:hover{
    background-color:#f8f7f7 ;
}
.text-container ul li:hover a{
    color:#f74645;
}
.text-container ul li div.number{
    width:32px;
    height:32px;
    border-radius: 32px;
    line-height: 32px;
    text-align: center;
    border:1px solid #f74645;
    float:left;
    font-size:15px;
    color:#f74645;
    font-family: "Microsoft YaHei";
}
.text-container ul li div.right{
    line-height: 16px;
    float:left;
    margin-left:10px;
    font-size: 12px;
    max-width:217px;
    word-break: break-all;
    font-family: "Microsoft YaHei";
}

.right-top-head-new{
    padding: 0 15px 0 15px;margin: 0;height: 45px;line-height: 45px;overflow: hidden;
}
.right-top-head-new:hover .more {
    color: #EC2B35;
}
.right-top-head-new .icon{
    width: 25px;height: 25px;float: left;display: block;margin:10px 5px 0 0;
    background: url('/themes/baiqiang_v3/Public/images/all-icon-bg2.png?v=003') center 50% no-repeat;
}
.right-top-head-new .h-title {
    font-size: 16px;margin: 0;padding: 0;height: 45px;line-height: 45px;max-width: 220px;float: left;
    color: #666;
}
.right-top-head-new h2 {
    font-size: 16px;margin: 0;padding: 0;height: 45px;line-height: 45px;max-width: 220px;float: left;
    color: #666;
}
.right-top-head-new h3 {
    font-size: 16px;margin: 0;padding: 0;height: 45px;line-height: 45px;max-width: 220px;float: left;
    color: #666;
}
.right-top-head-new .right-discount-title {
    font-size: 16px;margin: 0;padding: 0;height: 45px;line-height: 45px;max-width: 220px;float: left;
    color: #666;
}
/*购物指南*/
.right-top-head-new .icon_gwzn{
    background-position: -10px -5px;
}
/*品牌故事视频*/
.right-top-head-new .icon_ppstory{
    background-position: -45px -5px;
}
/*相似榜单*/
.right-top-head-new .icon_xsbd{
    background-position: -80px -5px;
}
/*打折优惠*/
.right-top-head-new .icon_dzyh{
    background-position: -115px -5px;
}
/*优惠券*/
.right-top-head-new .icon_yhq{
    background-position: -150px -5px;
}
/*最新折扣*/
.right-top-head-new .icon_zxzk{
    background-position: -185px -5px;
}
/*旗下店铺*/
.right-top-head-new .icon_qxdp{
    background-position: -220px -5px;
}
/*排行榜*/
.right-top-head-new .icon_phb{
    background-position: -255px -5px;
}
/*top10*/
.right-top-head-new .icon_top10{
    background-position: -290px -5px;
}
/*热门*/
.right-top-head-new .icon_hot{
    background-position: -325px -5px;
}
/*品牌动态*/
.right-top-head-new .icon_ppdt{
    background-position: -358px -5px;
}
/*电商导航*/
.right-top-head-new .icon_dsdh{
    background-position: -10px -40px;
}


.right-top-head-new .more{
    float: right;font-size: 12px;color: #999;margin-top: 1px;
}
.right-top-head-new .more .iconfont{
    margin-top: 16px;float: right;font-size: 14px;
}




.notie-transition {
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.notie-background-success {
  background-color: /*#57BF57*/ #f74645!important;
}

.notie-background-warning {
  background-color: #D6A14D !important; }

.notie-background-error {
  background-color: #E1715B !important; }

.notie-background-info {
  background-color: #4D82D6 !important; }

#notie-alert-outer, #notie-confirm-outer, #notie-input-outer, #notie-select-outer, #notie-date-outer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999;
  height: auto;
  width: 100%;
  display: none;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
  -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); }
  @media (max-width: 600px) {
    #notie-alert-outer, #notie-confirm-outer, #notie-input-outer, #notie-select-outer, #notie-date-outer {
      font-size: 18px; } }

#notie-alert-inner {
  padding: 12px;
  display: table-cell; }

#notie-alert-content {
  max-width: 900px;
  margin: 0 auto; }

#notie-alert-text {
  color: #FFFFFF; }

#notie-confirm-outer {
  cursor: default; }

#notie-confirm-inner, #notie-input-inner, #notie-select-inner {
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
  display: block;
  cursor: default;
  background-color: #4D82D6; }

#notie-confirm-text {
  color: #FFFFFF; }

#notie-confirm-text-yes {
  color: #FFFFFF; }

#notie-confirm-text-no {
  color: #FFFFFF; }

#notie-confirm-yes, #notie-confirm-no, #notie-input-no, #notie-input-yes {
  float: left;
  height: 50px;
  line-height: 50px;
  width: 50%;
  cursor: pointer;
  background-color: #57BF57; }

#notie-confirm-no, #notie-input-no {
  float: right;
  background-color: #E1715B; }

#notie-confirm-background, #notie-input-background, #notie-select-background, #notie-date-background {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999980;
  height: 100%;
  width: 100%;
  display: none;
  background-color: #FFFFFF;
  opacity: 0; }

/* INPUT */
#notie-input-outer {
  cursor: default; }

#notie-input-field {
  display: block;
  box-sizing: border-box;
  height: 55px;
  width: 100%;
  text-align: center;
  outline: 0;
  border: 0;
  background-color: #FFFFFF;
  font-family: inherit;
  font-size: 24px; }
  @media (max-width: 600px) {
    #notie-input-field {
      font-size: 18px; } }

#notie-input-text {
  color: #FFFFFF; }

#notie-input-text-yes {
  color: #FFFFFF; }

#notie-input-text-no {
  color: #FFFFFF; }

#notie-select-outer {
  top: auto;
  bottom: 0;
  cursor: default; }

#notie-select-text {
  color: #FFFFFF; }

#notie-select-choices, .notie-select-choice {
  background-color: #57BF57; }

.notie-select-choice {
  height: 50px;
  line-height: 50px;
  color: #FFFFFF;
  cursor: pointer; }

#notie-select-cancel {
  height: 60px;
  line-height: 60px;
  color: #FFFFFF;
  cursor: pointer;
  background-color: #A0A0A0; }

.notie-select-choice-bottom-border {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

#notie-date-outer {
  background-color: #4D82D6;
  color: #FFFFFF;
  cursor: default; }

#notie-date-selector {
  margin: 0 auto;
  max-width: 900px;
  padding-left: 10px;
  padding-right: 10px; }

.notie-date-up, .notie-date-down {
  height: 50px;
  float: left;
  width: 33.333333%;
  cursor: pointer; }

.notie-date-arrow, .notie-date-arrow-up, .notie-date-arrow-down {
  height: 40px;
  width: 40px;
  background-size: 40px 40px;
  margin: 0 auto;
  margin-top: 5px; }

.notie-date-arrow-up {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDI4bDEwLTEwIDEwIDEweiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMCAwaDQ4djQ4aC00OHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=); }

.notie-date-arrow-down {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDIwbDEwIDEwIDEwLTEweiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMCAwaDQ4djQ4aC00OHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4="); }

.notie-date-text {
  height: 50px;
  line-height: 50px;
  float: left;
  width: 33.333333%; }

#notie-date-yes, #notie-date-no {
  float: left;
  width: 50%;
  height: 50px;
  line-height: 50px;
  color: #FFFFFF;
  background-color: #57BF57;
  cursor: pointer; }

#notie-date-no {
  background-color: #E1715B; }


/*!
 * ui-dialog.css
 * Date: 2014-07-03
 * https://github.com/aui/artDialog
 * (c) 2009-2014 TangBin, http://www.planeArt.cn
 *
 * This is licensed under the GNU LGPL, version 2.1 or later.
 * For details, see: http://www.gnu.org/licenses/lgpl-2.1.html
 */
.ui-dialog {
    *zoom:1;
    _float: left;
    position: relative;
    background-color: #FFF;
   /* border: 1px solid #999;*/
    border-radius: 6px;
    outline: 0;
    background-clip: padding-box;
    font-family: Helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .15s ease-in-out, opacity .15s ease-in-out;
    transition: transform .15s ease-in-out, opacity .15s ease-in-out;
}
.ui-popup-show .ui-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.ui-popup-focus .ui-dialog {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.ui-popup-modal .ui-dialog {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 256px rgba(255, 255, 255, .3);
}
.ui-dialog-grid {
    width: auto;
    margin: 0;
    border: 0 none;
    border-collapse:collapse;
    border-spacing: 0;
    background: transparent;
}
.ui-dialog-header,
.ui-dialog-body,
.ui-dialog-footer {
    padding: 0;
    border: 0 none;
    text-align: left;
    background: transparent;
}
.ui-dialog-header {
    white-space: nowrap;
    border-bottom: 1px solid #E5E5E5;
    background:#f74645;
    color: #f7f7f7;
    border-radius:6px 6px 0 0;
}
.ui-dialog-close {
    position: relative;
    _position: absolute;
    float: right;
    top: 13px;
    right: 13px;
    _height: 26px;
    padding: 0 4px;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #FFF;
    opacity: .2;
    filter: alpha(opacity=20);
    cursor: pointer;
    background: transparent;
    _background: #FFF;
    border: 0;
    -webkit-appearance: none;
}
.ui-dialog-close:hover,
.ui-dialog-close:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    outline: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.ui-dialog-title {
    margin: 0;
    line-height: 1.428571429;
    min-height: 16.428571429px;
    padding: 15px;
    overflow:hidden; 
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    cursor: default;
}
.ui-dialog-body {
    /*border-bottom: 1px solid #ccc;*/
    border:1px solid #ccc;
    padding: 20px;
    text-align: center;
    font-family: "Microsoft YaHei";
    border-radius: 5px;
}
.ui-dialog-content {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    *zoom: 1;
    *display: inline;
    text-align: left;
}
.ui-dialog-footer {
    padding: 20px;
}
.ui-dialog-statusbar {
    float: left;
    margin-right: 20px;
    padding: 6px 0;
    line-height: 1.428571429;
    font-size: 14px;
    color: #888;
    white-space: nowrap;
}
.ui-dialog-statusbar label:hover {
    color: #333;
}
.ui-dialog-statusbar input,
.ui-dialog-statusbar .label {
    vertical-align: middle;
}
.ui-dialog-button {
    float: right;
    white-space: nowrap;
}
.ui-dialog-footer button+button {
    margin-bottom: 0;
    margin-left: 5px;
}
.ui-dialog-footer button {
    width:auto;
    overflow:visible;
    display: inline-block;
    padding: 6px 12px;
    _margin-left: 5px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.ui-dialog-footer button:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus {
  color: #f74645;
  text-decoration: none;
}

.ui-dialog-footer button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.ui-dialog-footer button[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.ui-dialog-footer button {
  color: #f74645;
  background-color: #fff;
  border-color: #f74645;
}

.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus,
.ui-dialog-footer button:active {
  color: #f74645;
  background-color: #ebebeb;
  border-color: #adadad;
}

.ui-dialog-footer button:active{
  background-image: none;
}

.ui-dialog-footer button[disabled],
.ui-dialog-footer button[disabled]:hover,
.ui-dialog-footer button[disabled]:focus,
.ui-dialog-footer button[disabled]:active {
  background-color: #ffffff;
  border-color: #f74645;
}

.ui-dialog-footer button.ui-dialog-autofocus {
  color: #f74645;
  background-color: #fff;
  border-color: #f74645;
}

.ui-dialog-footer button.ui-dialog-autofocus:hover,
.ui-dialog-footer button.ui-dialog-autofocus:focus,
.ui-dialog-footer button.ui-dialog-autofocus:active {
  color: #f74645;
  background-color: #fff;
  border-color: #f74645;
}

.ui-dialog-footer button.ui-dialog-autofocus:active {
  background-image: none;
}
.ui-popup-top-left .ui-dialog,
.ui-popup-top .ui-dialog,
.ui-popup-top-right .ui-dialog {
    top: -8px;
}
.ui-popup-bottom-left .ui-dialog,
.ui-popup-bottom .ui-dialog,
.ui-popup-bottom-right .ui-dialog {
    top: 8px;
}
.ui-popup-left-top .ui-dialog,
.ui-popup-left .ui-dialog,
.ui-popup-left-bottom .ui-dialog {
    left: -8px;
}
.ui-popup-right-top .ui-dialog,
.ui-popup-right .ui-dialog,
.ui-popup-right-bottom .ui-dialog {
    left: 8px;
}

.ui-dialog-arrow-a,
.ui-dialog-arrow-b {
    position: absolute;
    display: none;
    width: 0;
    height: 0;
    overflow:hidden;
    _color:#FF3FFF;
    _filter:chroma(color=#FF3FFF);
    border:8px dashed transparent;
}
.ui-popup-follow .ui-dialog-arrow-a,
.ui-popup-follow .ui-dialog-arrow-b{
    display: block;
}
.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-a {
    bottom: -16px;
    border-top:8px solid #7C7C7C;
}
.ui-popup-top-left .ui-dialog-arrow-b,
.ui-popup-top .ui-dialog-arrow-b,
.ui-popup-top-right .ui-dialog-arrow-b {
    bottom: -15px;
    border-top:8px solid #fff;
}
.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top-left .ui-dialog-arrow-b  {
    left: 15px;
}
.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-b  {
    left: 50%;
    margin-left: -8px;
}
.ui-popup-top-right .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-b {
    right: 15px;
}
.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-a {
    top: -16px;
    border-bottom:8px solid #7C7C7C;
}
.ui-popup-bottom-left .ui-dialog-arrow-b,
.ui-popup-bottom .ui-dialog-arrow-b,
.ui-popup-bottom-right .ui-dialog-arrow-b {
    top: -15px;
    border-bottom:8px solid #fff;
}
.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom-left .ui-dialog-arrow-b {
    left: 15px;
}
.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-b {
    margin-left: -8px;
    left: 50%;
}
.ui-popup-bottom-right .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-b {
    right: 15px;
}
.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-a {
    right: -16px;
    border-left:8px solid #7C7C7C;
}
.ui-popup-left-top .ui-dialog-arrow-b,
.ui-popup-left .ui-dialog-arrow-b,
.ui-popup-left-bottom .ui-dialog-arrow-b {
    right: -15px;
    border-left:8px solid #fff;
}
.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left-top .ui-dialog-arrow-b {
    top: 15px;
}
.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-b {
    margin-top: -8px;
    top: 50%;
}
.ui-popup-left-bottom .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-b {
    bottom: 15px;
}
.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-a {
    left: -16px;
    border-right:8px solid #7C7C7C;
}
.ui-popup-right-top .ui-dialog-arrow-b,
.ui-popup-right .ui-dialog-arrow-b,
.ui-popup-right-bottom .ui-dialog-arrow-b {
    left: -15px;
    border-right:8px solid #fff;
}
.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right-top .ui-dialog-arrow-b {
    top: 15px;
}
.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-b {
    margin-top: -8px;
    top: 50%;
}
.ui-popup-right-bottom .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-b {
    bottom: 15px;
}


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

.ui-dialog-loading {
    vertical-align: middle;
    position: relative;
    display: block;
    *zoom: 1;
    *display: inline;
    overflow: hidden;
    width: 32px;
    height: 32px;
    top: 50%;
    margin: -16px auto 0 auto;
    font-size: 0;
    text-indent: -999em;
    color: #666;
}
.ui-dialog-loading {
    width: 100%\9;
    text-indent: 0\9;
    line-height: 32px\9;
    text-align: center\9;
    font-size: 12px\9;
}

.ui-dialog-loading::after {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    margin: 14.5px 0 0 14.5px;
    border-radius: 100%;
    box-shadow: 0 -10px 0 1px #ccc, 10px 0px #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 0.5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc;
    -webkit-transform: rotate(360deg);
    -webkit-animation: ui-dialog-loading 1.5s infinite linear;
    transform: rotate(360deg);
    animation: ui-dialog-loading 1.5s infinite linear;
    display: none\9;
}




/* 右边栏热门品类品牌 */
#hot-cate-brand-tabs > li {
    font-size: 16px;
}


/* 下边是红线的tab样式 */
.nav-red-bottom-line {

}

.nav-tabs.nav-red-bottom-line > li {
    border: none;
    border-bottom: 1px solid #ddd;
   /* font-size: 15px;*/
}

.nav-tabs.nav-red-bottom-line > li > a, .nav-tabs.nav-red-bottom-line > li > a:hover, .nav-tabs.nav-red-bottom-line > li > a:focus {
    border: none;
    border-radius: 0;
    color: #333;
    background: none;
}

.nav-tabs.nav-red-bottom-line > li.active > a, .nav-tabs.nav-red-bottom-line > li.active > a:hover, .nav-tabs.nav-red-bottom-line > li.active > a:focus {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #F74645;
    color: #F74645;
    position: relative;
    top:1px;
}


/* --- 右边栏热门品类和热门品牌  ---- */
#hot-cate-brand-content {
    padding: 13px 13px 8px 13px;
    /*height: 225px;*/
}
.hotBrand_tab_list{
    margin-right:-5px;
    margin-bottom:-5px;
}
#hot-brand-content>a {
    float: left;
    color: #666666;
    font-size: 13px;
    height:37px;
    line-height: 37px;
    border: 1px solid #ddd;
    margin-bottom:5px;
    width: 87px;
    margin-right:5px;
    text-align: center;
    width: 127px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#hot-cate-content > a{
    float: left;
    color: #666666;
    font-size: 13px;
    height:37px;
    line-height: 35px;
    border: 1px solid #ddd;
    margin-bottom:5px;
    width: 133px;
    margin-right:5px;
    /*text-align: center;*/
    padding-left: 10px;
    box-sizing: border-box;
    width: 127px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#hot-cate-content > a > i {
    float: right;
    font-size: 14px;
    margin-top: 11px;
    margin-right: 8px;
}
#hot-brand-content > a:hover,#hot-cate-content > a:hover {
    color: #F74645;
    background: #f7f7f7;
}
/* ---右边栏聚惠几日新增统计---- */
.new-zhi-statistics-head {
    height: 42px;
    line-height: 30px;
    font-size: 16px;
    color: #f74645;
    padding: 6px 15px 0 15px;
}

.new-zhi-statistics-head > .stress {
    font-size: 22px;
    font-weight: bold;
}

.new-zhi-statistics-body {
    min-height: 50px;
    line-height: 20px;
    font-size: 13px;
    padding: 0px 15px 6px 15px;
}

.new-zhi-statistics-body .no-new-zhi {
    text-align: center;
    width: 100%;
    display: block;
    line-height: 20px;
    margin-bottom: 10px;
    color: #999999;
}

.new-zhi-statistics-body table {
    margin-bottom: 10px;
}

.new-zhi-statistics-body table tr {
    border-bottom: 1px dashed #ddd;
}
.new-zhi-statistics-body table thead th{
    color:#656565;
    font-weight: bold;
    border:none;
}
.new-zhi-statistics-body table tr > td {
    border: none;
}

.new-zhi-statistics-search {
    padding: 0 0 15px 15px;
}

.new-zhi-statistics-search #searchName {
    width: 173px;
    border: 2px solid #f74645;
}

.new-zhi-statistics-search .input-group-addon {
    background: #f74645;
    color: #FFFFFF;
    height: 34px;
    border: 2px solid #f74645;
}



/* ---右边栏值得买今日top10---- */
#right-zhi-today-top {
    width: 285px;
    z-index: 8;
}

.right-zhi-today-top-head {
    height: 42px;
    line-height: 30px;
    font-size: 16px;
    color: #f74645;
    padding: 10px 15px 0 15px;
}
.right-zhi-today-top-head>span{
    font-size: 19px;
}
.right-zhi-today-top-head > a {
    line-height: 30px;
    font-size: 12px;
    color: #999;
    float: right;
}

.right-zhi-today-top-body {
    min-height: 50px;
    line-height: 17px;
    font-size: 13px;
    /*padding: 6px 0 6px 15px;*/
    padding: 6px 0 6px 0px;
}
.right-zhi-today-top-body .zhi-top-tr:hover{
    background:#f8f7f7;
}
.right-zhi-today-top-body .zhi-top-tr {
    /*margin: 5px 0 15px 0;*/
    padding:5px 0 15px 15px;
    /*margin-top:5px;*/
}

.right-zhi-today-top-body .zhi-top-index {
    font-size: 16px;
    width: 30px;
    height:30px;
    line-height: 28px;
    border: 1px solid #f74645;
    text-align: center;
    /*background:#f74645;*/
    color: #f74645;
    border-radius:30px;
    margin-top:2px;
    float:left;

}

.right-zhi-today-top-body .zhi-top-text {
    float: left;
    width: 240px;
    padding: 0px 10px 0px 10px;
    font-size: 12px;
}

.right-zhi-today-top-body .zhi-top-text a {
    -ms-word-break: break-all;
    word-break: break-all;
    color: #666666;
    font-family: "宋体";
}
/*.right-zhi-today-top-body .zhi-top-text a:hover{
    color:#f74645;
   !* text-decoration: underline;*!
}*/

.right-zhi-today-top-body .zhi-top-text a > span {
    color: #f74645;
}


/* 右边"回到顶部按钮" */
#right-goto-top {
    position:fixed;
    bottom: 100px;
    display: none;
}

#right-goto-top > a {
    display: block;
    font-size: 20px;
    text-align: center;
    color: #ddd;
    line-height: 60px;
    width: 60px;
    height: 60px;
    cursor: pointer;
}

#right-goto-top > a:hover {
    background: #f74645;
    color: #FFFFFF;
}



/* ---右边栏登录入口及用户信息---- */
#right-login-info {
    width: 285px;
}

#right-login-info .right-login-info-offline, .right-login-info-online {
    padding: 20px 10px 20px 10px;
}

#right-login-info .right-login-info-avatar {
    float: left;
    width: 70px;
    height: 70px;
    border-radius: 6px;
    overflow: hidden;
    margin-right: 10px;
    margin-left: 5px;
    border:1px solid #eee;
}

#right-login-info .right-login-info-avatar > img {
    width: 100%;
    height: 100%;
}

#right-login-info .right-login-info-offline .right-login-info-content {
    padding: 0 0 0 10px;
    float: left;
    font-size: 14px;
    color: #666666;
    line-height: 23px;
}

#right-login-info .right-login-info-online .right-login-info-content {
    padding: 0px 0 0 10px;
    float: left;
    width: 180px;
}

#right-login-info .right-login-info-online .right-login-info-content .right-login-info-hello {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}

#right-login-info .right-login-info-online .right-login-info-content .right-login-info-hello .right-login-info-hello-msgnum {
    /*margin: 5px 10px 0 0;*/
}

#right-login-info .right-login-info-online .right-login-info-content .right-login-info-opt > a {
    float: left;
    display: inline-block;
    padding-right: 15px;
    font-size: 12px;
    color: #999999;
    line-height: 20px;
}

#right-login-info .right-login-info-button {
    border-top: 1px dashed #ddd;
    padding-top: 13px;
    margin-top: 13px;
}

#right-login-info .right-login-info-offline .right-login-info-button .button {
    padding: 0 3px;
    width: 85px;
    font-size: 13px;
}

#right-login-info .right-login-info-online .right-login-info-button .button {
    padding: 0 3px;
    width: 120px;
    font-size: 14px;
    line-height: 35px;
    height: 35px;
    font-family: 'Microsoft YaHei';
}

#right-login-info .right-login-info-online .right-login-info-button .btn-sign-in {
    color: #FFFFFF;
    background: #ff7e00;
    margin: 0 5px 0 5px;
}
#right-login-info .right-login-info-online .right-login-info-button .btn-sign-in:hover{
    box-shadow: 0 0 10px #E67817;
}
#right-login-info .right-login-info-online .right-login-info-button .btn-exchange-score {
    color: #FFFFFF;
    background: #00aeff;
    margin: 0 0 0 5px;
}
#right-login-info .right-login-info-online .right-login-info-button .btn-exchange-score:hover{
    box-shadow: 0 0 10px #00aeff;
}

/*top10*/
.text-container ul{
    width:100%;
    list-style: none;
    font-family: 'SimSun';
    /*padding-top:5px;*/
    /*padding-bottom:10px;*/
    margin:0;
    /*padding:5px 0 10px 0;*/
}
.text-container ul li{
    padding:8px 13px;
}
.text-container ul h3{
    padding:0;
    margin:0;
}
.text-container .right a{
    line-height: 16px;
    color:#666;
}
.text-container .right span{
    line-height: 16px;
    color:#f74645;
}
.text-container ul li:hover{
    background-color:#f8f7f7 ;
}
.text-container ul li:hover a{
    color:#f74645;
}
.text-container ul li div.number{
    width:32px;
    height:32px;
    border-radius: 32px;
    line-height: 32px;
    text-align: center;
    border:1px solid #f74645;
    float:left;
    font-size:15px;
    color:#f74645;
    font-family: "Microsoft YaHei";
}
.text-container ul li div.right{
    line-height: 16px;
    float:left;
    margin-left:10px;
    font-size: 12px;
    max-width:217px;
    word-break: break-all;
    font-family: "Microsoft YaHei";
}

.right-top-head-new{
    padding: 0 15px 0 15px;margin: 0;height: 45px;line-height: 45px;overflow: hidden;
}
.right-top-head-new:hover .more {
    color: #EC2B35;
}
.right-top-head-new .icon{
    width: 25px;height: 25px;float: left;display: block;margin:10px 5px 0 0;
    background: url('/themes/baiqiang_v3/Public/images/all-icon-bg2.png?v=003') center 50% no-repeat;
}
.right-top-head-new .h-title {
    font-size: 16px;margin: 0;padding: 0;height: 45px;line-height: 45px;max-width: 220px;float: left;
    color: #666;
}
.right-top-head-new h2 {
    font-size: 16px;margin: 0;padding: 0;height: 45px;line-height: 45px;max-width: 220px;float: left;
    color: #666;
}
.right-top-head-new h3 {
    font-size: 16px;margin: 0;padding: 0;height: 45px;line-height: 45px;max-width: 220px;float: left;
    color: #666;
}
.right-top-head-new .right-discount-title {
    font-size: 16px;margin: 0;padding: 0;height: 45px;line-height: 45px;max-width: 220px;float: left;
    color: #666;
}
/*购物指南*/
.right-top-head-new .icon_gwzn{
    background-position: -10px -5px;
}
/*品牌故事视频*/
.right-top-head-new .icon_ppstory{
    background-position: -45px -5px;
}
/*相似榜单*/
.right-top-head-new .icon_xsbd{
    background-position: -80px -5px;
}
/*打折优惠*/
.right-top-head-new .icon_dzyh{
    background-position: -115px -5px;
}
/*优惠券*/
.right-top-head-new .icon_yhq{
    background-position: -150px -5px;
}
/*最新折扣*/
.right-top-head-new .icon_zxzk{
    background-position: -185px -5px;
}
/*旗下店铺*/
.right-top-head-new .icon_qxdp{
    background-position: -220px -5px;
}
/*排行榜*/
.right-top-head-new .icon_phb{
    background-position: -255px -5px;
}
/*top10*/
.right-top-head-new .icon_top10{
    background-position: -290px -5px;
}
/*热门*/
.right-top-head-new .icon_hot{
    background-position: -325px -5px;
}
/*品牌动态*/
.right-top-head-new .icon_ppdt{
    background-position: -358px -5px;
}
/*电商导航*/
.right-top-head-new .icon_dsdh{
    background-position: -10px -40px;
}


.right-top-head-new .more{
    float: right;font-size: 12px;color: #999;margin-top: 1px;
}
.right-top-head-new .more .iconfont{
    margin-top: 16px;float: right;font-size: 14px;
}




body {
    background-color: #EDEDED;
}

li, ul, div, h2 {
    padding: 0;
    margin: 0;
}

ul {
    list-style: none;
}

.choseBrand-container-all {
    width: 900px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 20px;
    background-color: #ffffff;
    border-radius: 0 0 5px 5px;
}

.s-ui-sideicon-container {
    position: fixed;
    left: 50%;
    margin-left: -670px;
    top: 165px;
    width: 60px;
    z-index: 10000;
}

.s-ui-sideicon-container li {
    width: 30px;
    margin: 0 auto 5px;
    overflow: hidden;
    line-height: 30px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;
    background-color: #fff;
    border-radius: 30px;
}

.s-ui-sideicon-container li a {
    color: #f74645;
}

.s-ui-sideicon-container .iconSider {
    margin: 0 auto;
    display: block;
    font-size: 18px;
    width: 30px;
    line-height: inherit;
    border-radius: 30px;
    text-align: center;
}

.s-ui-sideicon-container .text {
    display: none;
    margin: 0 auto;
    line-height: inherit;
    text-align: center;
    font-size: 12px;
    overflow: hidden;
    border-radius: 30px;
    white-space: nowrap;
}

.s-ui-sideicon-container li.active_cate {
    width: 60px;
    line-height: 60px;
    background: #f74645;
}

.s-ui-sideicon-container li.active_cate:hover {
    background: #f74645;
}

.s-ui-sideicon-container li.active_cate a {
    color: #fff;
}

.s-ui-sideicon-container li:hover {
    width: 60px;
    background: #DDAC27;
}

.s-ui-sideicon-container li:hover a {
    color: #fff;
}

.s-ui-sideicon-container li:hover .iconSider {
    display: none;
}

.s-ui-sideicon-container li:hover .text {
    display: block;
}

.cate {
    padding: 0 32px 10px;
    width: 900px;
    margin: 0 auto;
}

.cate .cate-head {
    line-height: 46px;
    border-bottom: 1px solid #DDDDDD;
}

.cate .cate-head h2 {
    font: 18px/46px "Microsoft YaHei";
}

.cate li {
    padding: 15px 0 0 5px;
    border-bottom: 1px dashed #efefef;
}
.cate li:last-child{
    border-bottom: none;
}

.cate .cate-head span {
    display: inline-block;
    color: #f74645;
    font: 18px/46px "Microsoft YaHei";
    border-bottom: 2px solid #f74645;
    padding: 0 5px;
}

.cate-li-head h3 {
    width: 94px;
    display: inline-block;
    font: bolder 14px/30px "Microsoft YaHei";
    color: #656565;
}

.cate-li-list {
    width: 720px;
    margin-left: 10px;
}

.cate-li-list a {
    font: 12px/30px "Microsoft YaHei";
    color: #656565;
    padding-right: 16px;
}

.cate-li-list a:hover {
    color: #f74645;
}


*{font-family: "Microsoft Yahei","微软雅黑", "Helvetica", "黑体", "Hiragino Sans GB", sans-serif;}
body{background-color: #F8F8F8;}

.top-nav{
    width: 1200px;height: 50px;background-color: #F8F8F8;margin:20px auto 0;overflow: auto;
}
.top-nav  a li{
    width: 50%;border-top: #F1F1F1 solid 2px;float: left;color: #444444;font-size: 16px;height: 50px;text-align: center;line-height: 48px;
    border-bottom: #F1F1F1 solid 1px;
}
.top-nav a.hover li{background-color: #fff;border-top: #f74645 solid 2px;border-bottom: #fff solid 1px;}

.container1{background-color: #fff;width: 1200px;margin: 0 auto;padding: 0 30px;}
.brand-hot{padding-top: 30px;}
.brand-hot .head{margin-bottom: 30px;font-size: 16px;color: #333;font-weight: bold;}
.brand-hot .main{width: 1150px;background: #fff;}
.brand-hot .main ul{height: 200px;overflow: auto;}
.brand-hot .main ul li{width: 115px;float: left;height: 100px;line-height: 100px;text-align: center;}
.brand-hot .main ul li img{max-width: 100%;max-height: 100%;}
.brand-hot .main ul li:hover{filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7; }

.brand-hot-top{padding-top: 60px;}
.brand-hot-top .head{margin-bottom: 30px;font-size: 16px;color: #333;font-weight: bold;}
.brand-hot-top .main{width: 1150px;background: #fff;}
.brand-hot-top .main ul{height: 120px;}
.brand-hot-top .main ul li{width: 115px;float: left;height: 120px;text-align: center;}
.brand-hot-top .main ul li img{width: 50px;height: 50px;display: block;margin: 20px auto 15px;}
.brand-hot-top .main ul li span{color: #666;font-size: 16px;}
.brand-hot-top .main ul li:hover{filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7; }

.container2{background-color: #fff;width: 1200px;margin: 0 auto;}
.container2 .main{width: 1200px;margin: 0px auto;}
.container2 .main .head{border-bottom: 1px #ddd solid;position: relative;padding-top: 60px;}
.container2 .main .head b{position: absolute;bottom: -1px;border-bottom: 2px #f74645 solid;font-size: 18px;color: #f74645;line-height: 35px;margin-left: 30px;}
.container2 .main .head a{font-size: 18px;color: #f74645;}
.container2 .main .head a:hover{text-decoration: underline;}
.container2 .main dl{width: 1200px;overflow: hidden;margin-bottom: 0px;padding: 0 30px;}
.container2 .main dt{width: 150px;float: left;}
.container2 .main dt .iconfont{color:#333;font-size: 12px;}
.container2 .main dt h3{display: inline-block;}
.container2 .main dt a{color: #333;font-size: 16px;font-weight: bold;}
.container2 .main dt a:hover{text-decoration: underline;}
.container2 .main dd{width: 990px;float: left;padding-bottom: 25px;}
.container2 .main dd.dd{border-bottom: 1px #ededed dashed;}
.container2 .main dd a{color: #666;font-size: 16px;margin-top: 25px;display: inline-block;margin-right: 30px;}
.container2 .main dd a:hover{text-decoration: underline;}


.container3{background-color: #fff;width: 1200px;margin: 0 auto;}
.container3 .nav{width: 100%;padding:60px 30px 30px;}
.container3 .nav a{font-size: 16px;color: #fff;background-color: #f74645;padding: 5px 10px;margin-left: 6px;border-radius: 3px;cursor: pointer;}
.container3 .main{width: 1200px;margin: 0px auto;border-bottom: 15px #F8F8F8 solid;padding-bottom: 15px;}
.container3 .main .head{border-bottom: 1px #ddd solid;position: relative;padding-top: 60px;margin-bottom: 10px;}
.container3 .main .head b{position: absolute;bottom: -1px;border-bottom: 2px #f74645 solid;font-size: 16px;color: #333;line-height: 35px;margin-left: 30px;padding: 0 10px;}
.container3 .main .head a{float: right;color: #666;font-size: 14px;margin-top: -30px;margin-right: 20px;}
.container3 .main .head a i{font-size: 18px; margin-top: 0px;  float: right;}
.container3 .main .head a:hover{text-decoration: underline;}
.container3 .main dl{width: 1200px;overflow: hidden;margin-bottom: 0px;padding: 0 30px;}
.container3 .main dd{width: 1140px;float: left;padding-bottom: 10px;}
.container3 .main dd.dd{border-bottom: 1px #ededed dashed;}
.container3 .main dd a{width:120px;color: #666;font-size: 14px;margin-top: 10px;display: inline-block;text-align: left;overflow: hidden;
    height: 22px; white-space: nowrap;  text-overflow: ellipsis; }
.container3 .main dd a:hover{text-decoration: underline;}

.container4{background-color: #fff;width: 1200px;margin: 0 auto;}
.container4 .main{width: 1200px;margin: 15px auto 0;padding-bottom: 30px;}
.container4 .main .breadcrumb{background-color: white;margin-bottom:0;border-bottom: 1px solid #ddd;}
.container4 .main .head{border-bottom: 1px #ddd solid;padding-top: 20px;margin-bottom: 10px;padding-bottom:20px;color: #666;font-size: 18px;text-align: center;}
.container4 .main dl{width: 1200px;overflow: hidden;margin-bottom: 0px;padding: 0 30px;}
.container4 .main dd{width: 1140px;float: left;padding-bottom: 10px;}
.container4 .main dd.dd{border-bottom: 1px #ededed dashed;}
.container4 .main dd a{width:120px;color: #666;font-size: 14px;margin-top: 10px;display: inline-block;text-align: left;overflow: hidden;
    height: 22px; white-space: nowrap;  text-overflow: ellipsis; }
.container4 .main dd a:hover{text-decoration: underline;}
.container4 .more{font-size: 14px;color: #333;width: 1140px;height: 50px;line-height: 50px;text-align: center;
background-color: #F5F8FA;border-radius: 4px;margin: 30px auto 0;cursor: pointer;}
.container4 .more  i{font-size: 14px;margin-left: 10px;margin-top: 3px;}


    /* 顶部的收藏提示 */
    #tt_ab {
        height: 42px;
        background: #f6f6f6;
        color: #008aca;
        overflow: hidden;
        margin:0;
        line-height: 42px;
    }

    #tt_ab > .text-center {
        color: #333;
    }

    #tt_ab > .text-center > .key-btn {
        display: inline-block;
        padding: 3px 5px;
        background-color: #f74645;
        color: #FFFFFF;
        line-height: 14px;
        font-size: 14px;
        border-radius: 3px;
    }

    #tt_ab > .text-center > .top-tip-close {
        color: #9D9D9D;
        cursor: pointer;
        line-height: 38px;
        font-size: 26px;
        margin-right: 20px;
    }
    #tt_ab > .text-center > .tel{
        float: right;margin-right: 40px;color: #999;
    }
    #tt_ab .red{color: #f74645;}



	ul,h1,li,div{
		margin:0;padding:0;
	}
	ul{
		list-style: none;
	}
	.top-nav-all {
		width: 100%;
		height: 134px;
		background-color: #fff;
		margin-bottom: 15px;
	}
	.top-nav-all_1 {
		width: 1200px;
		margin: 0px auto;
		height: 98px;
	}
	.top-nav-all_1 .logo {
		width: 123px;
		height: 98px;
		float: left;
		display: inline-block;
		background-image: none;
		margin-left: 16px;
	}
	.top-nav-all_1 .logo img{
		margin-top: 28px;
		width: 390px;
		height: 46px;
	}
	.top-nav-all_1 .search {
		width: 384px;
		height: 98px;
		margin-left: 40px;
		float: left;
		display: inline-block;
		overflow: hidden;
	}
	.top-nav-all_1 .search-bar {
		width: 384px;
		height: 40px;
		margin-top: 29px;
		background: url('/themes/baiqiang_v3/Public/images/nav/search-bg.png') no-repeat;background-size: 100%;
	}
	.top-nav-all_1 .inset-type {
		width: 310px;
		height: 36px;
		line-height: 34px;
		padding: 8px;
		border: 0;
		margin: 2px;
		float: left;
	}
	.top-nav-all_1 input.inset-type:focus {
		border-color: #F39494;
		box-shadow: inset 0 1px 1px #fff, inset 0 0 2px #fff;
	}
	.top-nav-all_1 .search-sub {
		float: right;
		border: 0;
		width: 68px;
		height: 38px;
		background-color:rgba(255,255,255,0);
	}
	.top-nav-all_1 .search-sub i {
		background: url('/themes/baiqiang_v3/Public/images/nav/nav-bg1.png') no-repeat;background-size: 500px;
		width: 21px;height: 21px;display: block;background-position: -121px -26px;margin-left: 20px;
	}
	.top-nav-all_1 .search .more {
		margin-top: 10px;
	}
	.top-nav-all_1 .search .more a {
		color: #777777;
		display: inline-block;
		margin-right: 20px;
	}
	.top-nav-all_1 .search .more a.red {
		color: #f74645;
	}
	.top-nav-all_1 .banner {
		width: 282px;
		height: 82px;
		float: right;
		display: inline-block;
	}
	.top-nav-all_2 {
		width: 100%;
		height: 36px;
		line-height: 36px;
		background-color: #F74645;
	}
	.top-nav-all_2 .nav-in {
		width: 1200px;
		margin: 0px auto;
		text-align: left;
	}
	.top-nav-all_2 .nav-in-left {
		width: 970px;
		float: left;
		margin: 0px;
		padding: 0px;
	}
	.top-nav-all_2 .nav-in-left li {
		width: 160px;
		height: 36px;
		float: left;
		text-align: center;
		cursor: pointer;
	}
	.top-nav-all_2 .nav-in-left li.first {
		width: 2px;
		margin-left: -1px;
	}
	.top-nav-all_2 .nav-in-left li.index {
		width: 160px;
	}
	.top-nav-all_2 .nav-in-left li:hover, .top-nav-all_2 .nav-in-left li.hover {
		background: #DA0100;
	}
	.top-nav-all_2 .nav-in-left li a {
		width: 160px;
		height: 36px;
		color: #fff;
		font-size: 16px;
		display: block;
	}
	.top-nav-all_2 .nav-in-right {
		float: right;
		width: 200px;
		color: #fff;
		font-size: 16px;
		text-align: center;
	}

	.top-nav-all_2 .nav-in-right .login {
		float: right;
		width: 126px;
	}
	.top-nav-all_2 .nav-in-right .login a {
		color: #fff;
		font-size: 16px;
		float: left;
		padding: 0 10px;
		cursor: pointer;
	}
	.top-nav-all_2 .nav-in-right .login a span{
		font-size: 12px;
	}
	.top-nav-all_2 .nav-in-right .login .tologin{
		margin-left: 10px;
	}
	.top-nav-all_2 .nav-in-right .login a.me{
		margin-left: 15px;
	}
	.top-nav-all_2 .nav-in-right .login i {
		width: 2px;
		height: 18px;
		float: left;
		display: inline-block;
		background: url('/themes/baiqiang_v3/Public/images/index/delimiter.png') right 50% no-repeat;
		margin-top: 9px;
	}



	.top-nav-all_2 .nav-in-left .baoliao {
		position: relative;color: white;font-size: 16px;
	}
	.top-nav-all_2 .nav-in-left .baoliao .iconfont{
		font-size: 14px;
	}
	.top-nav-all_2 .nav-in-left .baoliao ul {
		display: none;
		position: absolute;
		z-index: 100;
		top: 36px;
		width: 160px;
		background-color: #F74645;
	}
	.top-nav-all_2 .nav-in-left .baoliao ul div {
		height: 10px;
	}
	.top-nav-all_2 .nav-in-left .baoliao ul li {
		height: 36px;
		line-height: 36px;
		float: none;
	}
	.top-nav-all_2 .nav-in-left .baoliao ul li:hover {
		background-color: #DA0100;
	}
	.top-nav-all_2 .nav-in-left .baoliao ul li a {
		color: #fff;
		font-size: 16px;
	}


	.top-nav-all .fiexd{
		position: fixed;
		top:0px;
		z-index: 1000;
	}
	.headicon{
		width: 30px;
		height: 30px;
	}

	.search .form-control::-moz-placeholder {
		color: #bbb;
	}
	.search .form-control:-ms-input-placeholder {
		color: #bbb;
	}
	.search .form-control::-webkit-input-placeholder {
		color: #bbb;
	}
	.nav-cent{width: 425px;height: 98px;float: left;margin-left: 20px;overflow: hidden;}
	.nav-cent ul{width: 445px;height: 26px;margin-top: 36px;}
	.nav-cent ul li{width: 120px;margin-left: 20px;float: left;font-size: 16px;color: #666;}
	.nav-cent ul li i{background: url('/themes/baiqiang_v3/Public/images/nav/nav-bg1.png') no-repeat;background-size: 500px;
	width: 20px;height: 24px;display: block;float: left;margin-right: 10px;}
	.nav-cent ul li i.i1{background-position: -20px -25px;}
	.nav-cent ul li i.i2{background-position: -54px -25px;}
	.nav-cent ul li i.i3{background-position: -88px -24px;}


.bigautocomplete-layout {
	display: none;;
	background-color: #FFFFFF;
	border: 1px solid #BCBCBC;
	position: absolute;
	z-index: 100;
	max-height: 500px;
	overflow-x:hidden;
	overflow-y:auto;

	border-collapse: collapse;
	border-spacing: 0;
	background: none repeat scroll 0 0 #FFFFFF;
	width: 100%;
	cursor: default;
}

.bigautocomplete-layout div {
	word-wrap:break-word;
	word-break:break-all;
	padding:1px 5px;
}

.bigautocomplete-layout .searchTipLine {
	background: none repeat scroll 0 0 #FFFFFF;
}

.bigautocomplete-layout .ct {
	background: none repeat scroll 0 0 #D2DEE8 !important;
}

.searchTipLine{ clear:both; text-align:right; height:28px; line-height:28px;}
.searchTipLine dt{float:left; text-indent:1em; height:28px; line-height:28px;
	max-width: 90%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.searchTipLine dd{ margin-right:1em; height:28px; line-height:28px;}


    .top-nav-right-53843735 {
        width: 143px;
        height: 87px;
        float: right;
        display: inline-block;
        margin-top:11px;
    }
    .top-nav-right-53843735 img {
        width:100%;height:100%;
    }



    body{background-color: #F8F8F8;}
    .top-nav-all{margin-bottom: 0px;}
    #foot{margin-top: 60px;}



.copyright-line a:hover {
	text-decoration: underline;
    color: #cd0200 !important;
}



    .new-right-part-sub {
        position: fixed;
        bottom: 150px;
        right: 0;
        width: 120px;
        height: 186px;
        z-index: 100;
    }
    .new-right-part-sub .qrcode {
        background-color: #fff;
    }
    .new-right-part-sub .qrcode .title {
        text-align: center;
        font-size: 14px;
        color: #333;
        padding: 10px 0;
    }
    .new-right-part-sub .qrcode img {
        display: block;
        width: 72px;
        margin: 0 auto;
    }
    .new-right-part-sub .qrcode .tip {
        text-align: center;
        font-size: 12px;
        color: #666;
        padding: 10px 0;
    }
    .go-top {
        display: none;
        text-align: center;
        line-height: 36px;
        background-color: #333;
        cursor: pointer;
    }
    .go-top span{
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        color: #fff;
        margin-right: 4px;
    }
    .go-top i{
        display: inline-block;
        vertical-align: middle;
        width: 13px;
        height: 11px;
        background: url('/themes/baiqiang_v3/Public/images/focus_us/go-top.png') no-repeat center;
        background-size: contain;
    }



	.full-screen-bg {
		position: fixed;
		left: 0;
		top: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		background-image: url('/themes/baiqiang_v3/Public/images/bg_repeat.png');
	}