@charset "UTF-8";
/**
 * Author: Sivan
 * Date: 2017-01-22 16:44
 */
/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 全局基本样式。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 外部调用的快捷方式。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 通用外部 Mix-in。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 基本组件变量。适用于公共组件（按钮、栅格等），单独页面（产品站）应避免使用本变量。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 全局色板。
 */
body {
  min-width: 1226px;
  font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
  background-color: #fafafa;
  color: #000; }

a {
  text-decoration: none;
  color: #666;
  transition: color 0.2s; }
  a:hover {
    color: #ffab10; }

/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 常见布局相关组件。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 外部调用的快捷方式。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 通用外部 Mix-in。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 基本组件变量。适用于公共组件（按钮、栅格等），单独页面（产品站）应避免使用本变量。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 全局色板。
 */
.container {
  width: 1226px;
  *zoom: 1;
  margin-right: auto;
  margin-left: auto; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }

.row {
  margin-left: -14px;
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.markdown-container img {
  width: 100%; }

/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 栅格系统。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 外部调用的快捷方式。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 通用外部 Mix-in。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 基本组件变量。适用于公共组件（按钮、栅格等），单独页面（产品站）应避免使用本变量。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 全局色板。
 */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20 {
  float: left;
  margin-left: 14px;
  min-height: 1px; }

.col-1 {
  width: 48px; }

.col-2 {
  width: 110px; }

.col-3 {
  width: 172px; }

.col-4 {
  width: 234px; }

.col-5 {
  width: 296px; }

.col-6 {
  width: 358px; }

.col-7 {
  width: 420px; }

.col-8 {
  width: 482px; }

.col-9 {
  width: 544px; }

.col-10 {
  width: 606px; }

.col-11 {
  width: 668px; }

.col-12 {
  width: 730px; }

.col-13 {
  width: 792px; }

.col-14 {
  width: 854px; }

.col-15 {
  width: 916px; }

.col-16 {
  width: 978px; }

.col-17 {
  width: 1040px; }

.col-18 {
  width: 1102px; }

.col-19 {
  width: 1164px; }

.col-20 {
  width: 1226px; }

.col-offset1 {
  margin-left: 76px; }

.col-offset2 {
  margin-left: 138px; }

.col-offset3 {
  margin-left: 200px; }

.col-offset4 {
  margin-left: 262px; }

.col-offset5 {
  margin-left: 324px; }

.col-offset6 {
  margin-left: 386px; }

.col-offset7 {
  margin-left: 448px; }

.col-offset8 {
  margin-left: 510px; }

.col-offset9 {
  margin-left: 572px; }

.col-offset10 {
  margin-left: 634px; }

.col-offset11 {
  margin-left: 696px; }

.col-offset12 {
  margin-left: 758px; }

.col-offset13 {
  margin-left: 820px; }

.col-offset14 {
  margin-left: 882px; }

.col-offset15 {
  margin-left: 944px; }

.col-offset16 {
  margin-left: 1006px; }

.col-offset17 {
  margin-left: 1068px; }

.col-offset18 {
  margin-left: 1130px; }

.col-offset19 {
  margin-left: 1192px; }

.col-offset20 {
  margin-left: 1254px; }

/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 通用脚手架 class。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 外部调用的快捷方式。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 通用外部 Mix-in。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 基本组件变量。适用于公共组件（按钮、栅格等），单独页面（产品站）应避免使用本变量。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 全局色板。
 */
.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: " ";
    display: table; }
  .clearfix:after {
    clear: both; }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

.ir {
  display: block;
  text-align: left;
  text-indent: -9999em;
  overflow: hidden; }

.sep,
.ndash {
  margin: 0 .25em;
  font-family: sans-serif; }

.sym {
  font-family: sans-serif; }

/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 栅格系统。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 外部调用的快捷方式。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 通用外部 Mix-in。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 基本组件变量。适用于公共组件（按钮、栅格等），单独页面（产品站）应避免使用本变量。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 全局色板。
 */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20 {
  float: left;
  margin-left: 14px;
  min-height: 1px; }

.col-1 {
  width: 48px; }

.col-2 {
  width: 110px; }

.col-3 {
  width: 172px; }

.col-4 {
  width: 234px; }

.col-5 {
  width: 296px; }

.col-6 {
  width: 358px; }

.col-7 {
  width: 420px; }

.col-8 {
  width: 482px; }

.col-9 {
  width: 544px; }

.col-10 {
  width: 606px; }

.col-11 {
  width: 668px; }

.col-12 {
  width: 730px; }

.col-13 {
  width: 792px; }

.col-14 {
  width: 854px; }

.col-15 {
  width: 916px; }

.col-16 {
  width: 978px; }

.col-17 {
  width: 1040px; }

.col-18 {
  width: 1102px; }

.col-19 {
  width: 1164px; }

.col-20 {
  width: 1226px; }

.col-offset1 {
  margin-left: 76px; }

.col-offset2 {
  margin-left: 138px; }

.col-offset3 {
  margin-left: 200px; }

.col-offset4 {
  margin-left: 262px; }

.col-offset5 {
  margin-left: 324px; }

.col-offset6 {
  margin-left: 386px; }

.col-offset7 {
  margin-left: 448px; }

.col-offset8 {
  margin-left: 510px; }

.col-offset9 {
  margin-left: 572px; }

.col-offset10 {
  margin-left: 634px; }

.col-offset11 {
  margin-left: 696px; }

.col-offset12 {
  margin-left: 758px; }

.col-offset13 {
  margin-left: 820px; }

.col-offset14 {
  margin-left: 882px; }

.col-offset15 {
  margin-left: 944px; }

.col-offset16 {
  margin-left: 1006px; }

.col-offset17 {
  margin-left: 1068px; }

.col-offset18 {
  margin-left: 1130px; }

.col-offset19 {
  margin-left: 1192px; }

.col-offset20 {
  margin-left: 1254px; }

/**
 * Components: Btn
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2015-11-11 11:11
 * Description: 全局按钮设置。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 外部调用的快捷方式。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 通用外部 Mix-in。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 基本组件变量。适用于公共组件（按钮、栅格等），单独页面（产品站）应避免使用本变量。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 全局色板。
 */
.btn {
  display: inline-block;
  width: 158px;
  height: 38px;
  padding: 0;
  margin: 0;
  border: 1px solid #999;
  font-size: 14px;
  line-height: 38px;
  text-align: center;
  background-color: #fff;
  color: #999;
  cursor: pointer;
  transition: all 0.2s; }
  .btn:hover {
    text-decoration: none;
    color: #999; }
  .btn:focus {
    outline: 0; }
  .btn:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.18); }
  .btn.btn-disabled, .btn[disabled] {
    background: #ccc !important;
    border-color: #ccc !important;
    color: #fff !important;
    cursor: default !important; }

.btn-small {
  width: 118px;
  height: 28px;
  font-size: 12px;
  line-height: 28px; }

.btn-large {
  width: 178px;
  height: 48px;
  line-height: 48px; }

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

input.btn,
button.btn {
  width: 160px;
  height: 40px; }
input.btn-small,
button.btn-small {
  width: 120px;
  height: 30px; }
input.btn-large,
button.btn-large {
  width: 180px;
  height: 50px; }
input.btn-block,
button.btn-block {
  width: 100%; }

.btn-black {
  background: #000;
  border-color: #000;
  color: #fff; }
  .btn-black:hover {
    background-color: #000;
    border-color: #000;
    color: #fff; }

.btn-primary {
  background: #ffab10;
  border-color: #ffab10;
  color: #fff; }
  .btn-primary:hover {
    background-color: #ffcf76;
    border-color: #ffcf76;
    color: #fff; }

.btn-line-black {
  background-color: transparent;
  border-color: #000;
  color: #000; }
  .btn-line-black:hover {
    color: #fff;
    background-color: #000;
    border-color: #000; }
  .btn-line-black.btn-disabled, .btn-line-black[disabled] {
    background-color: #fff !important;
    border: 1px dashed #666 !important;
    color: #999 !important;
    cursor: default !important; }

.btn-line-primary {
  background-color: transparent;
  border-color: #ffab10;
  color: #ffab10; }
  .btn-line-primary:hover {
    color: #fff;
    background-color: #ffcf76;
    border-color: #ffcf76; }
  .btn-line-primary.btn-disabled, .btn-line-primary[disabled] {
    background-color: #fff !important;
    border: 1px dashed #666 !important;
    color: #999 !important;
    cursor: default !important; }

/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: OPEN API 公共页头页尾等。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 外部调用的快捷方式。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 通用外部 Mix-in。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 基本组件变量。适用于公共组件（按钮、栅格等），单独页面（产品站）应避免使用本变量。
 */
/**
 * Author: Sivan <sunxingfan@xiaomi.com>
 * Date: 2017-01-22 16:44
 * Description: MUI 全局色板。
 */
.site-header {
  position: relative;
  z-index: 10;
  height: 45px;
  font-size: 14px;
  line-height: 45px;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(255, 171, 16, 0.15); }

.site-logo {
  float: left;
  color: #000; }
  .site-logo .logo {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 45px;
    margin-right: 10px;
    background: url("/static/images/logo.png") no-repeat 50% 50%; }

.site-nav {
  float: right; }
  .site-nav > a {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    text-align: center; }
  .site-nav .user-info {
    display: inline-block;
    margin-left: 20px;
    vertical-align: top;
    text-align: right;
    color: #666; }
  .site-nav .username {
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top; }
  .site-nav .sep {
    margin: 0 .5em;
    color: #ccc; }
  .site-nav .icon {
    display: inline-block;
    vertical-align: top; }
  .site-nav .icon-user {
    width: 16px;
    height: 42px;
    margin-right: .25em;
    background: url("/static/images/icon_user.png") no-repeat 50% 50%; }

.site-footer {
  height: 40px;
  margin-top: 20px;
  font-size: 12px;
  line-height: 40px;
  background-color: #f0f0f0;
  color: #666; }
  .site-footer .footer-desc {
    float: left;
    margin: 0; }
    .site-footer .footer-desc span {
      margin-right: .5em; }
  .site-footer .footer-nav {
    float: right; }
    .site-footer .footer-nav a {
      color: #666; }
      .site-footer .footer-nav a:hover {
        color: #000; }

.site-main {
  min-height: 620px; }

.site-box {
  min-height: 600px;
  padding: 30px 40px;
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: 0 4px 10px 0 rgba(255, 171, 16, 0.15); }
  .site-box .nav-section {
    margin: 0 -40px; }
    .site-box .nav-section .nav-title {
      margin: 0 0 20px;
      padding-left: 56px;
      font-size: 14px;
      font-weight: 400;
      color: #999;
      background: url("/static/images/icon_flag.png") no-repeat 25px 50%; }
    .site-box .nav-section .nav-list {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      .site-box .nav-section .nav-list + .nav-title {
        margin-top: 45px; }
      .site-box .nav-section .nav-list li + li {
        margin-top: 20px; }
      .site-box .nav-section .nav-list a {
        display: block;
        padding-left: 56px;
        color: #666; }
        .site-box .nav-section .nav-list a:hover {
          color: #ffab10; }
        .site-box .nav-section .nav-list a.router-link-active {
          border-right: 4px solid #ffab10;
          color: #ffab10; }

.login-container {
  width: 960px;
  margin: 0 auto; }
  .login-container .flow-bar {
    display: flex;
    margin: 20px 0;
    padding: 0;
    height: 80px;
    background: #ffffff;
    box-shadow: 0px 4px 10px 0px rgba(255, 171, 16, 0.1); }
    .login-container .flow-bar li {
      list-style: none;
      flex: 1;
      text-align: center;
      font-size: 18px;
      line-height: 80px; }
      .login-container .flow-bar li.active {
        color: #ffab10; }
      .login-container .flow-bar li.disabled {
        color: #cbcbcb; }
      .login-container .flow-bar li.sep-line {
        border-bottom: 1px dashed #cbcbcb;
        width: 139px;
        height: 40px; }
  .login-container .flow-content {
    min-height: 200px;
    background: #ffffff;
    box-shadow: 0px 4px 10px 0px rgba(255, 171, 16, 0.1); }

.icon {
  display: inline-block;
  text-indent: -9999em;
  text-align: left;
  overflow: hidden; }

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