@charset "UTF-8";
/**
 * @file _skin.scss
 * @private
 * @overview
 *
 */
/**
 * @file _skin1.scss
 * @private
 * @overview
 *
 */
/**
 * @file _components.scss
 * @private
 * @overview
 *
 */
/**
 * @file skin/_form.scss
 * @private
 * @overview
 *  表单风格样式
 */
/**
 * @file _mixins.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _mixins/animation.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _mixins/transition.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _functions.scss
 * @private
 * @overview
 *
 */
/**
 * @file framework/mixins/transform.scss
 * @private
 * @overview
 *
 */
/**
 * @file framework/skin/elements.scss
 * @private
 * @overview
 *  元色谱表
 *  配色体现在字体，边框，背景，阴影上，要定义足够大的色谱表才能达到要求
 *  一般来说，主从两色系配上四种状态色系就够用了。如果视觉设计师是用色狂魔，要么改造他，要么改造方案，主要困难在于命名。
 */
/**
 * @section 基础灰色系
 */
/**
 * @section 暗灰色系
 */
/**
 * @section 主色系
 */
/**
 * @section 从色系
 */
/**
 * @section 成功色系
 */
/**
 * @section 危险色系
 */
/**
 * @section 警告色系
 */
input ::-webkit-input-placeholder {
  color: #999; }
input::-moz-placeholder {
  color: #999;
  opacity: 1; }
input:-ms-input-placeholder {
  color: #999; }

.form-control {
  border-color: #ccc;
  background: #fff;
  color: #666;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .form-control:focus {
    border-color: #f3c341;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(240, 179, 17, 0.4);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(240, 179, 17, 0.4);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(240, 179, 17, 0.4); }
  .form-control.name-input {
    box-shadow: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
    .form-control.name-input:focus {
      border-color: #ccc;
      box-shadow: none; }
  .form-control.code-input {
    box-shadow: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
    .form-control.code-input:focus {
      border-color: #ccc;
      box-shadow: none; }
  .form-control[disalbed], .form-control[readonly] {
    background: #eee; }

.input-group-addon {
  border-color: #ccc;
  background: #eee;
  color: #666; }

/**
 * @file skin/_button.scss
 * @private
 * @overview
 *   按钮风格样式
 */
/**
 * @file _mixins.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _mixins/animation.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _mixins/transition.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _functions.scss
 * @private
 * @overview
 *
 */
/**
 * @file framework/mixins/transform.scss
 * @private
 * @overview
 *
 */
/**
 * @file framework/skin/elements.scss
 * @private
 * @overview
 *  元色谱表
 *  配色体现在字体，边框，背景，阴影上，要定义足够大的色谱表才能达到要求
 *  一般来说，主从两色系配上四种状态色系就够用了。如果视觉设计师是用色狂魔，要么改造他，要么改造方案，主要困难在于命名。
 */
/**
 * @section 基础灰色系
 */
/**
 * @section 暗灰色系
 */
/**
 * @section 主色系
 */
/**
 * @section 从色系
 */
/**
 * @section 成功色系
 */
/**
 * @section 危险色系
 */
/**
 * @section 警告色系
 */
/**
 * 主按钮配色
 */
.button {
  border-color: #d0d0d0;
  background: #fff;
  color: #333; }
  .button:hover {
    background: #f2f2f2;
    border-color: #c4c4c4;
    color: #333; }
  .button:focus {
    background: #f2f2f2;
    border-color: #bcbcbc;
    color: #333; }
  .button:active, .button.active {
    background: #ebebeb;
    border-color: #bcbcbc;
    color: #333;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    .button:active:hover, .button:active:focus, .button.active:hover, .button.active:focus {
      background: #e6e6e6;
      border-color: #b2b2b2; }
  .button[disabled] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #fff;
    border-color: #d0d0d0;
    color: #333; }

.button-master {
  border-color: #c1900c;
  background: #d9a20e;
  color: #fff; }
  .button-master:hover {
    background: #c1900c;
    border-color: #a97e0b;
    color: #fff; }
  .button-master:focus {
    background: #c1900c;
    border-color: #9b740a;
    color: #fff; }
  .button-master:active, .button-master.active {
    background: #b3850c;
    border-color: #9b740a;
    color: #fff;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    .button-master:active:hover, .button-master:active:focus, .button-master.active:hover, .button-master.active:focus {
      background: #a97e0b;
      border-color: #886509; }
  .button-master[disabled] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #d9a20e;
    border-color: #c1900c;
    color: #fff; }

.button-slave {
  border-color: #c1900c;
  background: #d9a20e;
  color: #fff; }
  .button-slave:hover {
    background: #c1900c;
    border-color: #a97e0b;
    color: #fff; }
  .button-slave:focus {
    background: #c1900c;
    border-color: #9b740a;
    color: #fff; }
  .button-slave:active, .button-slave.active {
    background: #b3850c;
    border-color: #9b740a;
    color: #fff;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    .button-slave:active:hover, .button-slave:active:focus, .button-slave.active:hover, .button-slave.active:focus {
      background: #a97e0b;
      border-color: #886509; }
  .button-slave[disabled] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #d9a20e;
    border-color: #c1900c;
    color: #fff; }

.button-danger {
  border-color: #ba1600;
  background: #d31900;
  color: #fff; }
  .button-danger:hover {
    background: #ba1600;
    border-color: #a01300;
    color: #fff; }
  .button-danger:focus {
    background: #ba1600;
    border-color: #911100;
    color: #fff; }
  .button-danger:active, .button-danger.active {
    background: #aa1400;
    border-color: #911100;
    color: #fff;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    .button-danger:active:hover, .button-danger:active:focus, .button-danger.active:hover, .button-danger.active:focus {
      background: #a01300;
      border-color: #7c0f00; }
  .button-danger[disabled] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #d31900;
    border-color: #ba1600;
    color: #fff; }

.buttonLink {
  color: #d9a20e; }
  .buttonLink:hover {
    color: #c1900c; }

.buttonToggle {
  padding: 2px 10px;
  border-color: #ddd;
  background: #fff;
  color: #333; }
  .buttonToggle:after {
    border-color: transparent transparent #c1900c; }
  .buttonToggle:active, .buttonToggle.active {
    border-color: #c1900c; }

.button-s {
  font-size: 13px;
  padding: 0 8px; }

.button-l {
  font-size: 16px;
  padding: 5px 25px; }

.button-xl {
  font-size: 18px;
  padding: 6px 30px; }

/**
 * @file skin/_paginator.scss
 * @private
 * @overview
 *  分页器风格样式
 */
/**
 * @file framework/skin/elements.scss
 * @private
 * @overview
 *  元色谱表
 *  配色体现在字体，边框，背景，阴影上，要定义足够大的色谱表才能达到要求
 *  一般来说，主从两色系配上四种状态色系就够用了。如果视觉设计师是用色狂魔，要么改造他，要么改造方案，主要困难在于命名。
 */
/**
 * @section 基础灰色系
 */
/**
 * @section 暗灰色系
 */
/**
 * @section 主色系
 */
/**
 * @section 从色系
 */
/**
 * @section 成功色系
 */
/**
 * @section 危险色系
 */
/**
 * @section 警告色系
 */
.paginator > li > a, .paginator > li > span {
  color: #666;
  border-color: #ddd;
  background: #fff; }
.paginator > li > a:hover {
  background: #eee; }
.paginator > li.active > a, .paginator > li.active > span {
  background: #d9a20e; }

.paginator-s > li > a, .paginator-s > li > span {
  font-size: 14px;
  padding: 0 8px; }

.paginator-l > li > a, .paginator-l > li > span {
  font-size: 16px;
  padding: 0 8px; }

/**
 * @file framework/skin/ribbon.scss
 * @private
 * @overview
 *  标带风格样式
 */
/**
 * @file framework/skin/elements.scss
 * @private
 * @overview
 *  元色谱表
 *  配色体现在字体，边框，背景，阴影上，要定义足够大的色谱表才能达到要求
 *  一般来说，主从两色系配上四种状态色系就够用了。如果视觉设计师是用色狂魔，要么改造他，要么改造方案，主要困难在于命名。
 */
/**
 * @section 基础灰色系
 */
/**
 * @section 暗灰色系
 */
/**
 * @section 主色系
 */
/**
 * @section 从色系
 */
/**
 * @section 成功色系
 */
/**
 * @section 危险色系
 */
/**
 * @section 警告色系
 */
.ribbon > .inner {
  color: #fff;
  background: #d9a20e; }

/**
 * @file skin/_stamp.scss
 * @private
 * @overview
 * 标志风格样式
 */
.stamp {
  background: #0cd2cb;
  color: #fff; }

.stamp-good {
  background: #0cd2cb;
  color: #fff; }

.stamp-stick {
  background: #f19149;
  color: #fff; }

.stamp-media {
  background: #f07e9e;
  color: #fff; }

.stamp-file {
  background: #da76f7;
  color: #fff; }

/**
 * @file framework/components/toast.scss
 * @private
 * @overview
 * 提示条
 *
 */
/**
 * UI Toast style
 */
.toast, .toast-info {
  border-color: #2c82f8; }
  .toast > .icon, .toast-info > .icon {
    background: url("/res/default/img/sprite.png") no-repeat -758px -423px; }

.toast-success {
  border-color: #389852; }
  .toast-success > .icon {
    background-position: -759px -6px; }

.toast-error {
  border-color: #ff6e00;
  font-weight: bold; }
  .toast-error > .icon {
    background-position: -759px -125px; }

.toast-warn {
  border-color: #f8d42c; }
  .toast-warn > .icon {
    background-position: -758px -378px; }

/**
 * @file framework/components/toast.scss
 * @private
 * @overview
 * 提示条
 *
 */
/**
 * @file framework/skin/elements.scss
 * @private
 * @overview
 *  元色谱表
 *  配色体现在字体，边框，背景，阴影上，要定义足够大的色谱表才能达到要求
 *  一般来说，主从两色系配上四种状态色系就够用了。如果视觉设计师是用色狂魔，要么改造他，要么改造方案，主要困难在于命名。
 */
/**
 * @section 基础灰色系
 */
/**
 * @section 暗灰色系
 */
/**
 * @section 主色系
 */
/**
 * @section 从色系
 */
/**
 * @section 成功色系
 */
/**
 * @section 危险色系
 */
/**
 * @section 警告色系
 */
.ui-window-header {
  border-top: 2px solid #d9a20e; }

/**
 * @file framework/components/mask.scss
 * @private
 * @overview
 * 遮罩层
 *
 */
/**
 * @file framework/skin/elements.scss
 * @private
 * @overview
 *  元色谱表
 *  配色体现在字体，边框，背景，阴影上，要定义足够大的色谱表才能达到要求
 *  一般来说，主从两色系配上四种状态色系就够用了。如果视觉设计师是用色狂魔，要么改造他，要么改造方案，主要困难在于命名。
 */
/**
 * @section 基础灰色系
 */
/**
 * @section 暗灰色系
 */
/**
 * @section 主色系
 */
/**
 * @section 从色系
 */
/**
 * @section 成功色系
 */
/**
 * @section 危险色系
 */
/**
 * @section 警告色系
 */
.attention {
  border: 1px solid #d9a20e; }

/**
 * @file framework/components/progressbar.theme.scss
 * @private
 * @overview
 * 进度条
 *
 */
/**
 * @file framework/skin/elements.scss
 * @private
 * @overview
 *  元色谱表
 *  配色体现在字体，边框，背景，阴影上，要定义足够大的色谱表才能达到要求
 *  一般来说，主从两色系配上四种状态色系就够用了。如果视觉设计师是用色狂魔，要么改造他，要么改造方案，主要困难在于命名。
 */
/**
 * @section 基础灰色系
 */
/**
 * @section 暗灰色系
 */
/**
 * @section 主色系
 */
/**
 * @section 从色系
 */
/**
 * @section 成功色系
 */
/**
 * @section 危险色系
 */
/**
 * @section 警告色系
 */
.progressbar-master > .progressbar-inner {
  background-color: #d9a20e; }

.progressbar-slave > .progressbar-inner {
  background-color: #d9a20e; }

/**
 * @file skin/_text.scss
 * @private
 * @overview
 *  文本风格样式，包括标题，段落，强调，小字，高亮
 */
/**
 * @file framework/skin/elements.scss
 * @private
 * @overview
 *  元色谱表
 *  配色体现在字体，边框，背景，阴影上，要定义足够大的色谱表才能达到要求
 *  一般来说，主从两色系配上四种状态色系就够用了。如果视觉设计师是用色狂魔，要么改造他，要么改造方案，主要困难在于命名。
 */
/**
 * @section 基础灰色系
 */
/**
 * @section 暗灰色系
 */
/**
 * @section 主色系
 */
/**
 * @section 从色系
 */
/**
 * @section 成功色系
 */
/**
 * @section 危险色系
 */
/**
 * @section 警告色系
 */
body {
  color: #666; }

a {
  color: #d9a20e; }
  a:hover {
    color: #c1900c; }

a[name], a[role] {
  color: inherit; }

h1, h2, h3, h4, h5, h6 {
  color: #333; }

mark, cite {
  color: #d9a20e; }

em, strong {
  color: #333; }

small {
  color: #999; }

.rmb, .rmbunit {
  color: #d31900; }

/**
 * @file skin/_pointer.scss
 * @private
 * @overview
 *  文本风格样式，包括标题，段落，强调，小字，高亮
 */
/**
 * @file _mixins.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _mixins/animation.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _mixins/transition.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _functions.scss
 * @private
 * @overview
 *
 */
/**
 * @file framework/mixins/transform.scss
 * @private
 * @overview
 *
 */
/**
 * @file framework/skin/elements.scss
 * @private
 * @overview
 *  元色谱表
 *  配色体现在字体，边框，背景，阴影上，要定义足够大的色谱表才能达到要求
 *  一般来说，主从两色系配上四种状态色系就够用了。如果视觉设计师是用色狂魔，要么改造他，要么改造方案，主要困难在于命名。
 */
/**
 * @section 基础灰色系
 */
/**
 * @section 暗灰色系
 */
/**
 * @section 主色系
 */
/**
 * @section 从色系
 */
/**
 * @section 成功色系
 */
/**
 * @section 危险色系
 */
/**
 * @section 警告色系
 */
.pointer-none:hover {
  color: inherit; }

.pointer-mark, .child-pointer-mark > * {
  -webkit-transition-property: color, border-color;
  -moz-transition-property: color, border-color;
  -ms-transition-property: color, border-color;
  -o-transition-property: color, border-color; }
  .pointer-mark:hover, .pointer-mark.active, .child-pointer-mark > *:hover, .child-pointer-mark > *.active {
    color: #d9a20e;
    border-color: #d9a20e; }

.pointer-glow, .collection-pointer-glow > * {
  -webkit-transition-property: border-color, -webkit-box-shadow;
  -moz-transition-property: border-color, -moz-box-shadow;
  -ms-transition-property: border-color, -ms-box-shadow;
  -o-transition-property: border-color, -o-box-shadow; }
  .pointer-glow:hover, .pointer-glow.active, .collection-pointer-glow > *:hover, .collection-pointer-glow > *.active {
    border-color: #d9a20e;
    -webkit-box-shadow: 0 0 7px #d9a20e;
    -moz-box-shadow: 0 0 7px #d9a20e;
    box-shadow: 0 0 7px #d9a20e; }

.pointer-brush, .child-pointer-brush > * {
  -webkit-transition-property: color, background;
  -moz-transition-property: color, background;
  -ms-transition-property: color, background;
  -o-transition-property: color, background; }
  .pointer-brush:hover, .pointer-brush.active, .child-pointer-brush > *:hover, .child-pointer-brush > *.active {
    background: #d9a20e; }
    .pointer-brush:hover *, .pointer-brush.active *, .child-pointer-brush > *:hover *, .child-pointer-brush > *.active * {
      color: #fff; }

.pointer-scale, .image-pointer-scale img {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -ms-transition-property: -ms-transform;
  -o-transition-property: -o-transform;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s; }
  .pointer-scale:hover, .pointer-scale.active, .image-pointer-scale img:hover, .image-pointer-scale img.active {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }

/**
 * @file framework/skin/pens.scss
 * @private
 * @overview
 *  配色笔
 */
/**
 * @file _mixins.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _mixins/animation.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _mixins/transition.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _functions.scss
 * @private
 * @overview
 *
 */
/**
 * @file framework/mixins/transform.scss
 * @private
 * @overview
 *
 */
/**
 * @file framework/skin/elements.scss
 * @private
 * @overview
 *  元色谱表
 *  配色体现在字体，边框，背景，阴影上，要定义足够大的色谱表才能达到要求
 *  一般来说，主从两色系配上四种状态色系就够用了。如果视觉设计师是用色狂魔，要么改造他，要么改造方案，主要困难在于命名。
 */
/**
 * @section 基础灰色系
 */
/**
 * @section 暗灰色系
 */
/**
 * @section 主色系
 */
/**
 * @section 从色系
 */
/**
 * @section 成功色系
 */
/**
 * @section 危险色系
 */
/**
 * @section 警告色系
 */
.gray-pen {
  color: #666;
  border-color: #666; }

.master-pen {
  color: #d9a20e;
  border-color: #d9a20e; }

.slave-pen {
  color: #d9a20e;
  border-color: #d9a20e; }

.success-pen {
  color: #20ae9d;
  border-color: #20ae9d; }

.danger-pen {
  color: #d31900;
  border-color: #d31900; }

.mute-pen {
  color: #aaa;
  border-color: #aaa; }

.black-brush {
  background-color: #000; }

.white-brush {
  background-color: #fff; }

.master-brush {
  background-color: #d9a20e; }

.slave-brush {
  background-color: #d9a20e; }

.slave-brush-light {
  background-color: #d8ad3a; }

.success-brush {
  background-color: #20ae9d; }

.danger-brush {
  background-color: #d31900; }

.mute-brush {
  background-color: #aaa; }

.alpha8 {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.alpha6 {
  opacity: 0.6;
  filter: alpha(opacity=60); }

.alpha4 {
  opacity: 0.4;
  filter: alpha(opacity=40); }

/**
 * @file framework/skin/elements.scss
 * @private
 * @overview
 *  元色谱表
 *  配色体现在字体，边框，背景，阴影上，要定义足够大的色谱表才能达到要求
 *  一般来说，主从两色系配上四种状态色系就够用了。如果视觉设计师是用色狂魔，要么改造他，要么改造方案，主要困难在于命名。
 */
/**
 * @section 基础灰色系
 */
/**
 * @section 暗灰色系
 */
/**
 * @section 主色系
 */
/**
 * @section 从色系
 */
/**
 * @section 成功色系
 */
/**
 * @section 危险色系
 */
/**
 * @section 警告色系
 */
.hover-text-primary:hover {
  color: #d9a20e !important; }

/**
 * @file _mixins.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _mixins/animation.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _mixins/transition.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _functions.scss
 * @private
 * @overview
 *
 */
/**
 * @file framework/mixins/transform.scss
 * @private
 * @overview
 *
 */
.gametimer.u-countdown-5 dd {
  background-image: url("/res/saishi/20/countdown_arc_bg.png"); }
.gametimer.u-countdown-6 .timer:before {
  border-color: #d9a20e #d9a20e transparent transparent; }

/**
 * @file _skin.scss
 * @private
 * @overview
 *
 */
/**
 * @file _variable.scss
 * @private
 * @overview
 * colors
 */
/**
 * @file _extends.scss
 * @private
 * @overview
 * @warn 这个模块必须在具有生成css目标文件的scss的中引入，而不要在私有scss文件中引入，否则会生成大量重复样式
 *
 */
/**
 * @file _mixins.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _mixins/animation.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _mixins/transition.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _functions.scss
 * @private
 * @overview
 *
 */
/**
 * @file framework/mixins/transform.scss
 * @private
 * @overview
 *
 */
.pointer-mark, .child-pointer-mark > *, .pointer-glow, .collection-pointer-glow > *, .pointer-brush, .child-pointer-brush > *, .pointer-scale, .image-pointer-scale img, .collection-videos h1, .collection-videos h2, .collection-videos h3, .collection-videos h4, .collection-videos h5, .collection-videos h6, .collection-articles.default-coloring > article h1, .collection-articles.default-coloring > article h2, .collection-articles.default-coloring > article h3, .collection-articles.default-coloring > article h4, .collection-articles.default-coloring > article h5, .collection-articles.default-coloring > article h6, .collection-articles.default-coloring > article p, .collection-articles.brush-coloring > article, .collection-articles.glow-coloring > article, .tag-filter .tag, .tab-filter > .tab, .fixedtoolbar .toolitem {
  -webkit-transition: all ease-in-out 0.15s;
  -moz-transition: all ease-in-out 0.15s;
  -ms-transition: all ease-in-out 0.15s;
  -o-transition: all ease-in-out 0.15s; }

/**
 * @file framework/skin/elements.scss
 * @private
 * @overview
 *  元色谱表
 *  配色体现在字体，边框，背景，阴影上，要定义足够大的色谱表才能达到要求
 *  一般来说，主从两色系配上四种状态色系就够用了。如果视觉设计师是用色狂魔，要么改造他，要么改造方案，主要困难在于命名。
 */
/**
 * @section 基础灰色系
 */
/**
 * @section 暗灰色系
 */
/**
 * @section 主色系
 */
/**
 * @section 从色系
 */
/**
 * @section 成功色系
 */
/**
 * @section 危险色系
 */
/**
 * @section 警告色系
 */
/**
 * @file _mixins.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _mixins/animation.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _mixins/transition.scss
 * @private
 * @overview
 *
 */
/**
 * 中文14px的字体对应24px的行高比较和谐，行高尽量不要是奇数
 */
/**
 * @file _functions.scss
 * @private
 * @overview
 *
 */
/**
 * @file framework/mixins/transform.scss
 * @private
 * @overview
 *
 */
/**
 * @file components/_order.scss
 * @private
 * @overview 订单相关的组件样式
 *
 */
/**
 * @file framework/skin/elements.scss
 * @private
 * @overview
 *  元色谱表
 *  配色体现在字体，边框，背景，阴影上，要定义足够大的色谱表才能达到要求
 *  一般来说，主从两色系配上四种状态色系就够用了。如果视觉设计师是用色狂魔，要么改造他，要么改造方案，主要困难在于命名。
 */
/**
 * @section 基础灰色系
 */
/**
 * @section 暗灰色系
 */
/**
 * @section 主色系
 */
/**
 * @section 从色系
 */
/**
 * @section 成功色系
 */
/**
 * @section 危险色系
 */
/**
 * @section 警告色系
 */
.progress-tracker-range {
  border: 2px solid #d9a20e; }
  .progress-tracker-range > div {
    background: #d9a20e; }

.progress-tracker dl.active span {
  background: #d9a20e; }

/**
 * @file usercenter.scss
 * @public
 * 个人中心公用样式
 */
/**
 * @file framework/skin/elements.scss
 * @private
 * @overview
 *  元色谱表
 *  配色体现在字体，边框，背景，阴影上，要定义足够大的色谱表才能达到要求
 *  一般来说，主从两色系配上四种状态色系就够用了。如果视觉设计师是用色狂魔，要么改造他，要么改造方案，主要困难在于命名。
 */
/**
 * @section 基础灰色系
 */
/**
 * @section 暗灰色系
 */
/**
 * @section 主色系
 */
/**
 * @section 从色系
 */
/**
 * @section 成功色系
 */
/**
 * @section 危险色系
 */
/**
 * @section 警告色系
 */
#doc-uc-nav li.active > a {
  color: #d9a20e; }

body {
  background: #fbfbfb url(/res/saishi/default/bg_page.png); }

body > footer {
  color: #fff;
  background: #d9a20e url(/res/saishi/20/bg_footer.png?v=1) no-repeat bottom center;
  background-size: 100%; }

.menubutton > .dropdownmenu a:hover {
  background: #d9a20e; }

.highlighted {
  color: #d9a20e; }

.giveIntegral .ico {
  color: #d9a20e; }

.prices-details .tip-price.ico {
  color: #d9a20e; }

.collection-videos h1, .collection-videos h2, .collection-videos h3, .collection-videos h4, .collection-videos h5, .collection-videos h6 {
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -ms-transition-property: color;
  -o-transition-property: color; }
  .collection-videos h1:hover, .collection-videos h2:hover, .collection-videos h3:hover, .collection-videos h4:hover, .collection-videos h5:hover, .collection-videos h6:hover {
    color: #d9a20e; }

.collection-bordered > * {
  border: 1px solid #e7e7e7; }

.collection-articles.default-coloring > article {
  background: #fff; }
  .collection-articles.default-coloring > article h1, .collection-articles.default-coloring > article h2, .collection-articles.default-coloring > article h3, .collection-articles.default-coloring > article h4, .collection-articles.default-coloring > article h5, .collection-articles.default-coloring > article h6 {
    -webkit-transition-property: color;
    -moz-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color; }
    .collection-articles.default-coloring > article h1:hover, .collection-articles.default-coloring > article h2:hover, .collection-articles.default-coloring > article h3:hover, .collection-articles.default-coloring > article h4:hover, .collection-articles.default-coloring > article h5:hover, .collection-articles.default-coloring > article h6:hover {
      color: #d9a20e; }
  .collection-articles.default-coloring > article p {
    -webkit-transition-property: color;
    -moz-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color; }
    .collection-articles.default-coloring > article p:hover {
      color: #333; }
.collection-articles.brush-coloring > article {
  -webkit-transition-property: color, background;
  -moz-transition-property: color, background;
  -ms-transition-property: color, background;
  -o-transition-property: color, background;
  background: #fff;
  border: 1px solid #e7e7e7; }
  .collection-articles.brush-coloring > article:hover {
    background: #f6f6f6; }
.collection-articles.glow-coloring > article {
  -webkit-transition-property: border-color, -webkit-box-shadow;
  -moz-transition-property: border-color, -moz-box-shadow;
  -ms-transition-property: border-color, -ms-box-shadow;
  -o-transition-property: border-color, -o-box-shadow; }
  .collection-articles.glow-coloring > article:hover {
    -webkit-box-shadow: 0 0 7px #feeee7;
    -moz-box-shadow: 0 0 7px #feeee7;
    box-shadow: 0 0 7px #feeee7; }

.tag-filter .tag {
  -webkit-transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -ms-transition-property: background-color, color;
  -o-transition-property: background-color, color; }
  .tag-filter .tag:hover, .tag-filter .tag.active {
    background-color: #d9a20e;
    color: #fff; }
    .tag-filter .tag:hover .input-time-text, .tag-filter .tag.active .input-time-text {
      background-color: #d9a20e; }
    .tag-filter .tag:hover .input-time input::-webkit-input-placeholder, .tag-filter .tag.active .input-time input::-webkit-input-placeholder {
      color: white !important; }

.tag-filter .more span, .tag-filter .more i {
  color: #d9a20e; }

.tab-filter > .tab {
  -webkit-transition-property: border-color;
  -moz-transition-property: border-color;
  -ms-transition-property: border-color;
  -o-transition-property: border-color; }
  .tab-filter > .tab:hover, .tab-filter > .tab.active {
    color: #d9a20e;
    border-color: #d9a20e; }

#datePanel .datepicker td.active {
  background-color: #d9a20e;
  background-image: none; }

.ui-window#dia-round-time {
  border-top-color: #d9a20e !important; }

.ui-window#dia-round-time .ui-dialogue-footer > .btn.btn-primary {
  border: 1px solid #d9a20e;
  background-color: #d9a20e;
  background-image: none; }

.fixedtoolbar .toolitem {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -ms-transition-property: background;
  -o-transition-property: background;
  color: #d9a20e; }
  .fixedtoolbar .toolitem:hover {
    background: #f8f8f8; }

.buttonToggle.active {
  color: #d9a20e; }

#musicArea .btn-wrap:hover {
  background-color: #d9a20e; }
  #musicArea .btn-wrap:hover .switch-btn {
    color: #fff; }

#doc-main .main .collection-attachments a:hover {
  color: #fff;
  background-color: #d9a20e; }

#doc-main .main ol.attachment li:hover {
  background-color: #d9a20e; }
  #doc-main .main ol.attachment li:hover div {
    color: #fff !important; }

.event-S .p-wrap .price-wrap .num {
  color: #d9a20e; }

.rich-txt-mode h2:before {
  background-color: #d9a20e; }

.jobs li.active {
  color: #fff;
  background-color: #d9a20e;
  border-color: #d9a20e; }

.theme-border {
  border-color: #d9a20e !important; }

.theme-color-hov {
  color: #333; }
  .theme-color-hov:hover {
    color: #d9a20e; }

.theme-border-hov:hover {
  border-color: #d9a20e !important; }

.theme-bg-alpha2-hover:hover, .theme-bg-alpha2-act2.active {
  background-color: rgba(217, 162, 14, 0.2) !important; }

#doc-navbar > .master-brush {
  background-color: #212022; }

#doc-footer {
  background-color: #212022; }

#doc-footer .master-brush {
  background-color: #212022; }

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