html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea {
    margin: 0;
    padding: 0;
}

* {
    outline: none;
}

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

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

caption, th {
    font-weight: normal;
}

html, body, fieldset, img, iframe, abbr {
    border: 0;
}

i, cite, em, var, address, dfn {
    font-style: normal;
}

[hidefocus], summary {
    outline: 0;
}

li {
    list-style: none;
}

h1, h2, h3, h4, h5, h6, small {
    font-size: 100%;
}

sup, sub {
    font-size: 83%;
}

pre, code, kbd, samp {
    font-family: inherit;
}

q:before, q:after {
    content: none;
}

textarea {
    overflow: auto;
    resize: none;
}

label, summary {
    cursor: default;
}

a, button {
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6, strong, b {
    font-weight: bold;
}

del, ins, u, s, a, a:hover {
    text-decoration: none;
}

textarea, input, button, select, table {
    font-size: inherit;
    font-family:  inherit;
}

body {
    background: #fff;
}

a {
    color: inherit;
    outline-style: none
}

a:hover {
    color: inherit;
}

/*
 * 页面变量配置
 */

/*
 *  颜色设置
 */

:root {

    /*
     * 字体设置
     */


    /*
     * 布局设置
     */

    /*
     * 主色
     */
    /*
     * 辅色
     */
    /*
     * 辅色 1
     */
    /*
     * 辅色 2
     */
}

* {
    box-sizing: inherit;
}

body {
    min-width: 1200px;
    font: normal normal 12px/1.6 Helvetica, "Microsoft Yahei", Sans-Serif;
    background: #F5F8FB;
    box-sizing: border-box;
    color: #333;
}

h1, h2, h3, h4 {
    font-family: Helvetica,"Microsoft Yahei", STXihei, "Microsoft Jhenghei", "Microsoft Yahei", Simhei, Sans-Serif;
    font-weight: normal;
}

h1 {
    font-size: 20px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 14px;
}

p {
    margin-bottom: 10px;
}

em {
    color: #ef9b6d;
}

button {
    border: none;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

:root {
    /* * 清除浮动 */;
    /* * 水平居中 */;
    /* * 垂直居中 */;
    /* * 水平居中 */;
    /* * 垂直水平居中 */;
    /* 三角形 */;
}

.clearfix {
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

/* * 上三角 */

/* * 下三角 */

/*二级维度样式*/

.nav-tabs {
  border-top: 1px solid #e3e3e3;
  padding: 0 15px;
  margin-bottom: 20px;
}

.plan-nav {
  line-height: 44px;
  background: #F5F8FB;
  padding-left: 20px;
  margin-bottom: 15px;
}

.radio-group label + label {
    margin-left: 20px;
}

.tabAction {
  margin-top: 15px;
}

.tabAction select {
  vertical-align: bottom;
}

.right-tab {
  margin-top: 12px;
}

/*  fa-question-circle color*/

i.fa.fa-question-circle {
  color: #c0c4cb;
}

/*  报表公用样式  */

.charts {
  border-top: 1px solid #e5e5e5;
}

.zone {
  background: #fff;
}

.zone header {
  padding-right: 1em;
}

.zone + .zone {
  margin-top: 20px;
}

.multiIndicesMenu {
  display: inline-block;
  float: right;
  font-size: 14px;
}

.compare-indice {
  color: #999;
  font-size: 12px;
  margin: 0 5px;
}

.radio-group {
  display: inline-block;
}

h2 .floatr {
  float: right;
  font-size: 14px;
}

.change-account {
    width: 120px;
    margin: 0 5px;
}

/*
 修复间距
*/

.content-part + .q-timespan,
h2 + .comp-tspan > .q-timespan,
h2 + .time > .q-timespan,
h2 + .date-compare > .q-timespan,
h2 + .q-timespan {
    margin-top: 0;
}

html, body {
    width: 100%;
    height: 100%;
}

#wrap {
    position: relative; 
    height: 100%;
}

#content {
    height: 100%;
}

.content {
    margin: 0px 0 0 185px;
    padding: 60px 25px 10px;
    min-height: 100%;
    min-height: calc(100vh - 70px);
}

.content h2 {
    padding: 9px 0;
    font-weight: bold;
}

.content h2 small {
    font-size: 12.8px;
    font-size: 0.8rem;
    padding-left: 6px;
}

.content h2 .fa {
    color: #c0c4cb;
    margin: 0 6px;
}

.content:before, .content:after {
    content: "";
    display: table;
    line-height: 0;
}

.content:after {
    clear: both;
}

.content-part {
    padding: 10px 20px;
    overflow: hidden;
    background: white;
    position: relative;
    margin-bottom: 20px;
}

/* 分区内容块 */

.zone {
    border: 1px solid #e5e5e5;
    border-bottom-width: 3px;
}

.zone .zone-search {
    padding: 8px;
}

.zone .zone-search input[type=text] {
    width: 300px;
}

.zone h2, .zone header, .zone .zone-title {
    height: 3.5em;
    line-height: 3.5em;
    padding-left: 1.5em;
    font-size: 1.3em;
}

.zone h2 span.title-icon, .zone header span.title-icon, .zone .zone-title span.title-icon {
    background-color: #66718d;
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50%;
    margin-right: 1em;
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
}

.zone h2 span.title-icon i, .zone header span.title-icon i, .zone .zone-title span.title-icon i {
    color: #fff;
    font-size: 110%;
    vertical-align: middle;
    line-height: 26px;
}

.zone h2 span.title-icon i, .zone header span.title-icon i, .zone .zone-title span.title-icon i {
    font-size: 90%;
}

.zone .data-table {
    border-top: none;
    border-left: none;
    border-right: none;
    margin: 0;
}

.zone .data-table thead tr{
    border-bottom: 1px solid #e5e5e5;
}

.i-ellipsis, .i-check-square, .i-minus-circle, .i-download{
    background-image: url(https://p5.ssl.qhimg.com/t010d7459400a0bdf6d.png);
    background-size: 117px;
}

.i-check-square, .i-minus-circle{
    width: 16px;
    height: 16px;
    display: inline-block;
}

.i-check-square{
    background-position: -76px 0px;
}

.i-minus-circle{
    background-position: -60px 0px;
}

.i-ellipsis{
    display: inline-block;
    width: 13px;
    height: 3px;
    background-position: -104px 0px;
}

.i-download{
    display: inline-block;
    width: 12px;
    height: 14px;
    background-position: -92px 0px;
}

/* 头部 */

.header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  padding: 0 20px;
  background: #242A33;
  color: #999;
  height: 50px;
  line-height: 40px
}

.header .logo {
    float: left;
}

.header .logo a {
    background: url(https://p0.ssl.qhimg.com/t012dfabeef17466ffe.png?v=1b8a79)
        no-repeat left center;
    display: block;
    width: 165px;
    height: 50px;
    text-indent: -1000%;
    overflow: hidden;
}

.header a:hover {
    color: #fff;
}

/* 头部导航 */

.header .nav {
  float: left;
  font-size: 14px;
  line-height: 50px
}

.header .nav li {
    text-align: center;
    float: left;
    min-width: 100px;
    color: #fff;
}

.header .nav li a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 105px;
    color: #fff;
}

.header .nav li a:hover {
    color: #fff;
}

.header .nav li:hover {
    background: rgb(11, 20, 30);
}

.header .nav .active {
    background: rgb(11, 20, 30);
    color: white;
}

.header > .nav {
  font-size: 14px;
  color: #fff
}

.header > .nav li:hover {
    background: #12151A;
}

/* 未登录用户 */

.header .unsigned {
  float: right;
}

.header .unsigned .quc-main {
    padding-bottom: 10px;
}

.header .unsigned .quc-main .quc-third {
    display: none;
}

.header .unsigned .quc-main .quc-link-sign-up {
    display: none;
}

.header .unsigned li > a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #fff;
    padding: 0 15px;
    border: 1px solid #fff;
    border-radius: 15px;
    overflow: visible;
    overflow: initial;
}

.header .unsigned .on {
    color: #3b3d3e;
    background-color: #fff;
}

.sidebar {
    position: fixed;
    top: 50px;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 185px;
    margin: 0;
    padding-bottom: 40px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .3);
    background: #363F4D;
    color: #fff;
}

.sidebar section {
    color: #fff;
    font-size: 12px;
    line-height: 44px;
    border-top: 1px solid #3E4A59;
    position: relative
}

.sidebar section:before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    border-right: 1px solid #475467;
    left: 25px;
}

.sidebar h2 {
    font-size: 14px;
    padding-left: 12px;
    position: relative;
    color: #ABBCCC;
    background: #363f4d;
    z-index: 2;
    line-height: 44px;
}

.sidebar h2 span.menu-icon {
    background-color: #66718d;
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%;
    margin-right: 1em;
    text-align: center;
}

.sidebar h2 span.menu-icon i {
    color: #fff;
    font-size: 110%;
    vertical-align: middle;
    line-height: 28px;
}

.sidebar h2 .fa {
    display: block;
}

.sidebar h2:hover {
    color: #fff;
    background: #475466;
}

.sidebar ul {
    list-style: none;
    font-size: 12px;
    color: #475466;
    padding: 10px 0;
    margin: 0;
    float: none;

    /*background: #2c3440*/
    background: #242A33;
}

.sidebar li {
    line-height: 32px;
    height: 32px;
    width: 100%;
}

.sidebar li a.active, .sidebar li a:hover {
    color: #fff;
    background: transparent
}

.sidebar li a.active:before, .sidebar li a:hover:before {
    background-color: #fff;
}

.sidebar li a {
    display: block;

    /*color: var(--Palebluegrey);*/
    color: #b2b2b2;
    padding-left: 54px;
    text-decoration: none;
    position: relative
}

.sidebar li a:before {
    content: '';
    display: block;
    position: absolute;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #475467;
    left: 21.5px;
    top: 12px;
    border: 1px solid #2C3440;
}

.sidebar li:only-child {
    height: 28px;
    margin-top: -4px;
}

/* footer */

.footer {
    text-align: center;
    color: #666;
    padding: 1em 0;
    padding-left: 185px;
}

.footer p {
    margin: 0;
}

.tab {
    font-size: inherit;
    line-height: 40px;
    border-bottom: 1px solid #DADFE6;
}

.tab .tab-item {
    float: left;
    position: relative;
    line-height: 38px;
}

.tab .tab-item .tab-btn, 
        .tab .tab-item .tabview-btn, 
        .tab .tab-item > a, 
        .tab .tab-item > div > a {
    width: 70px;
    display: block;
    text-align: center;
    color: #596980;
    box-sizing: border-box;
    margin-bottom: -2px;
    cursor: pointer;
    font-size: 12px
}

.tab .tab-item .tab-btn:hover, .tab .tab-item .tabview-btn:hover, .tab .tab-item > a:hover, .tab .tab-item > div > a:hover {
    color: #7D93B3;
    border-bottom: 2px solid transparent;

    /*border-bottom: 2px solid #e4eaf0;*/
}

.tab .tab-item .tab-btn.active, .tab .tab-item .tabview-btn.active, .tab .tab-item > a.active, .tab .tab-item > div > a.active {
    color: #475466;
    border-bottom: 2px solid #56bf8b;
    background: #fff;
}

.tab .tab-item .tabview-btn {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    line-height: 40px;
    color: #6B7E99
}

.tab .tab-item .tabview-btn.active {
    color: #475466;
    border-top: 2px solid #56bf8b;
    border-bottom: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #fff;
    margin-bottom: -1px;
}

.tab:before, .tab:after {
    content: "";
    display: table;
    line-height: 0;
}

.tab:after {
    clear: both;
}

.tab:hover {
    background: #f5f8fb;
}

.tab .tab-title {
    float: left;
    font-size: 16px;
    margin-right: 10px;
}

.tab .more {
    float: right;
    margin-left: 10px;
}

.data-table {
    width: 100%;
    font-size: 12px;
    text-align: left;
    margin: 1em 0;
    border: 1px solid #DADFE6;
}

.data-table th, .data-table td {
    white-space: nowrap;
    max-width: 600px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    line-height: 40px;
    border-bottom: 1px solid #DADFE6
}

.data-table th:first-child, .data-table td:first-child {
    padding-left: 20px;
}

.data-table th:last-child, .data-table td:last-child {
    padding-right: 20px;
}

.data-table .sort_icon {
    position: relative;
}

.data-table .sort {
    position: absolute;
    left: 0;
    line-height: 0.5em;
    font-size: 12px;
    cursor: pointer;
    color: #999;
}

.data-table i.sort.sort-asc {
    top: -8px;
}

.data-table i.sort.sort-desc {
    top: 18px;
}

.data-table i.sort.sort-asc:before,
    .data-table i.sort.sort-desc:before {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 5px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.data-table i.sort.sort-desc:before {
    border-top: 5px dashed;
}

.data-table .sorted {
    color: #fff;
}

.data-table thead tr {
    background: #596980;
}

.data-table thead th {
    color: #fff;
    line-height: 35px;
    border-bottom: 1px solid #DADFE6;
}

.data-table thead th.checkbox {
    width: 56px;
}

.data-table tbody tr {
    background: #fff;
}

.data-table tbody tr.table-infolist,
        .data-table tbody tr.table-childlist {
    background: #FCFCFD;
}

.data-table tbody tr.clickable {
    cursor: pointer;
}

.data-table tbody tr.clickable:hover {
    background: #FCFCFD;
}

.data-table tbody td {
    color: #575E66;
}

.data-table tbody td.noresult,
        .data-table tbody td.loading {
    text-align: center;
}

.data-table tbody td.checkbox {
    width: 56px;
}

.data-table tbody td.td-break {
    white-space: inherit;
    word-break: break-all;
}

.data-table tbody tr:nth-child(even) {
    background: #FCFCFD;
}

.data-table td.right,
    .data-table th.right {
    text-align: right;
}

.data-table td.center,
    .data-table th.center {
    text-align: center;
}

.data-table tfoot {
    font-weight: bold;
}

.data-table .nowrap {
    white-space: nowrap;
}

.data-table a {
    color: #7D93B3;
}

.data-table a:first-child {
    margin-left: 0;
}

/* opt表格样式*/

.opt-table {
    width: 100%;
    font-size: 12px;
    text-align: left;
    border-top: 1px solid #DADFE6;
    border-bottom: 1px solid #DADFE6;
    
}

.opt-table .data-table {
    table-layout: fixed;
    border: 0;
}

.opt-table .data-table td:first-child {
    padding-left: 0;
}

.opt-table th, .opt-table td {
    white-space: nowrap;
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    line-height: 40px;
    border-bottom: 1px solid #DADFE6;
    padding: 0 20px;
}

.opt-table th .green, .opt-table td .green {
    color: green;
}

.opt-table th .red, .opt-table td .red {
    color: red;
}

.opt-table th:first-child, .opt-table td:first-child {
    padding-left: 20px;
    padding-right: 20px;
}

.opt-table .margin_icon {
    padding-left: 6px;
}

.opt-table .sort_icon {
    position: relative;
}

.opt-table .sort {
    position: absolute;
    left: 8px;
    line-height: 0.5em;
    font-size: 12px;
    cursor: pointer;
    color: #dadfe6;
}

.opt-table i.sort.sort-asc {
    top: -8px;
}

.opt-table i.sort.sort-desc {
    top: 18px;
}

.opt-table i.sort.sort-asc:before,
    .opt-table i.sort.sort-desc:before {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 5px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.opt-table i.sort.sort-desc:before {
    border-top: 5px dashed;
    border-bottom: 0;
}

.opt-table .sorted {
    color: #999;
}

.opt-table thead tr {
    background: #F5F8FB;
}

.opt-table thead th {
    color: #6B7E99;
    line-height: 40px;
    overflow: hidden;
    border-bottom: 1px solid #DADFE6;

    /*不晓得为啥加这个
             * &:first-child {
              overflow: visible;
            }
            */
}

.opt-table thead th.head_no_padding {
    padding: 0;
    overflow: inherit;
}

.opt-table thead th.bl {
    border-left: 1px solid #DADFE6;
}

.opt-table thead .bl:first-child {
    border-left: 0;
}

.opt-table thead th.checkbox {
    width: 56px;
}

.opt-table thead th.center {
    text-align: center;
}

.opt-table tbody tr {
    background: #fff;
}

.opt-table tbody tr .table-infolist .bl:first-child, .opt-table tbody tr .table-childlist .bl:first-child {
    border-left: 0;
}

.opt-table tbody tr .table-infolist td.last-sort-pr, .opt-table tbody tr .table-childlist td.last-sort-pr {

    /*padding-right: 21px;
              /*padding-right: 8px;*/
}

.opt-table tbody tr .table-infolist:last-child td, .opt-table tbody tr .table-childlist:last-child td {
    border-bottom: 0;
}

.opt-table tbody tr.table-infolist,
        .opt-table tbody tr.table-childlist,
        .opt-table tbody tr.sum-children {
    background: #F7F7FA;
}

.opt-table tbody tr.table-infolist td, .opt-table tbody tr.table-childlist td, .opt-table tbody tr.sum-children td {
    border-left: 0;
}

.opt-table tbody tr.clickable {
    cursor: pointer;
}

.opt-table tbody td.bl {
    border-left: 1px solid #DADFE6;
}

.opt-table tbody .bl:first-child {
    border-left: 0;
}

.opt-table tbody table thead tr {
    background: #F5F8FB;
}

.opt-table tbody td {
    color: #575E66;
}

.opt-table tbody td .checkbox {
    position: relative;
    margin-right: 30px;
}

.opt-table tbody td .childlist {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #FCFCFD;
}

.opt-table tbody td .childlist .data-table td {
    border-bottom: 1px solid #e6ebf2;
}

.opt-table tbody td .childlist::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.opt-table tbody td .childlist::-webkit-scrollbar-thumb {
    background: #ced3d9;
    border-radius: 10px;
    border-radius: 30px;
}

.opt-table tbody td .childlist::-webkit-scrollbar-track {
    background: #eaeced;
}

.opt-table tbody td.sort_pr {
    padding-right: 28px;
}

.opt-table tbody th .checkbox {
    margin-right: 0;
}

.opt-table tbody td.noresult,
        .opt-table tbody td.loading {
    text-align: center;
}

.opt-table tbody td.checkbox {
    width: 56px;
}

.opt-table tbody td.td-break {
    white-space: inherit;
    word-break: break-all;
}

.opt-table td.right,
    .opt-table th.right {
    text-align: right;
}

.opt-table td.center,
    .opt-table th.center {
    text-align: center;
}

.opt-table tfoot {
    font-weight: bold;
}

.opt-table .nowrap {
    white-space: nowrap;
}

.opt-table a {
    color: #7D93B3;
}

.opt-table a:first-child {
    margin-left: 0;
}

/*************fold-table style*********************/

.fold-table td {
  overflow: visible;
}

.pagination {
    text-align: right;
    color: #999;
    margin: 1.5em 0 1em;
    margin-right: 15px;
}

.pagination .page + .page {
    margin-left: 5px;
}

.pagination .pages {
    font-size: 0;
}

.pagination .pages > * {
    font-size: 12px;
}

.pagination .total em {
    font-weight: bold;
    margin: 0 .2em;
}

.pagination .page {
    font-size: 12px;
    line-height: 22px;
    display: inline-block;

    /*width: 22px;*/
    text-align: center;
    padding: 0 0.8em;
    border: 1px solid #DADFE6;
    margin-left: -1px;
    background: #fff;
    color: #596980;
    text-decoration: none;
}

.pagination .page.current {
    font-style: normal;
    background: #56BF8B;
    border-color: #56BF8B;
    color: #fff;
}

.pagination .page.current+.ui-page {
    border-left-color: #56bf8b;
}

.pagination .page.disabled, .pagination .page.disabled:hover {
    color: #ccc;
    background: #efefef;
    cursor: default;
}

.pagination .page:first-child, .pagination .page:last-child {
    width: 48px;
    padding: 0;
}

.pagination .page:first-child {
    margin-right: 5px;
}

.pagination .page:last-child {
    margin-left: 10px;
}

.pagination .ellipsis {
    cursor: default;
    vertical-align: middle;
    width: 20px;
    border: 0;
}

.pagination .total {
    margin-right: 10px;
}

.pagination .total em {
    font-style: normal;
}

.pagination .config-ps {
    margin-left: 10px;
}

.pagination .config-ps select {
    width: auto;
    height: 2.4em;
}

.single-page .ui-pagination {
    display: none;
}

.advice-table .pagination{
    margin: 0 15px 0 0;
    line-height: 40px;
}

/* 表单
 * ===========================================================================
 */

.form {
}

.form:before, .form:after {
    content: "";
    display: table;
    line-height: 0;
}

.form:after {
    clear: both;
}

.form .item {
    width: 100%;
    margin-bottom: 0.84em;
    line-height: 2.5;
}

.form .item:before, .form .item:after {
    content: "";
    display: table;
    line-height: 0;
}

.form .item:after {
    clear: both;
}

.form .label {
    display: block;
    float: left;
    padding-right: .5em;
    color: #666;
    line-height: 3;
    min-height: 10px;
    min-width: 80px;
    text-align: right;
}

.form .label .required {
    font-weight: bold;
    color: #f00;
}

.form .label.right {
    min-width: 7em;
    text-align: right;
}

.form .control {
    line-height: 3;
    min-height: 10px;
    padding-bottom: 1px;
}

.form .control .tips {
    font-size: 12px;
    color: #999;
}

.form .note {
    background: #ffffcc;
    border: 1px solid #ffdd9a;
    padding: 5px 15px;
}

.form .links {
    line-height: 1.5;
}

.form .input-date {
    width: 80px;
}

.form a:not(.btn) {
    color: #333;
}

.form a:not(.btn):hover {
    color: #56bf8b;
}

.form em {
    padding-left: 10px;
}

/* inline form */

.form-inline {
    margin: 1em 0
}

.form-inline .item {
    float: left;
    margin-right: 2em;
    margin-bottom: 0.83em;
    width: auto;
}

.form-inline .item .label, .form-inline .item .control {
    display: inline-block;
    width: auto;
}

.btn {
    display: inline-block;
    padding: 0.36em 0.8em;
    margin-bottom: 0;
    margin-right: 0.5em;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-image: none
    /*border-radius: 0.3em;*/
}

.btn:hover, .btn:focus {
    outline: none;
}

.btn.disabled {
    background: #ddd;
    border: inherit;
}

.btn.disabled:hover {
    background: #ddd;
    border: inherit;
    cursor: not-allowed;
}

.btn:last-child {
    margin-right: 0;
}

/* button size */

.btn-mini {
    font-size: 12px;
    padding: 0.1em 0.8em;
}

.btn-small {
    font-size: 12px;
    width: 60px;
}

.btn-medium {
    font-size: 12px;
    width: 80px;
}

.btn-big {
    font-size: 12px;
    padding: 4px 8px;
}

/* round */

.btn-round {
    border-radius: 1.3em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    min-width: 6em;
}

/* button color */

.btn-default {
    color: #fff;
    background-color: #7D93B3;
    border: 1px solid #7D93B3
}

.btn-default:hover {
    color: #fff;
    background-color: rgb(143, 158, 179);
    border: 1px solid  rgb(143, 158, 179);
}

.btn-default:active {
    color: #fff;
    background-color: rgb(89, 126, 179);
    border: 1px solid  rgb(89, 126, 179);
}

.btn-info {
    color: #fff;
    background-color: #56bf8b
}

.btn-info:hover {
    background-color: rgb(87, 179, 133);
}

.btn-info:active {
    background-color: rgb(87, 179, 133);
}

.btn-white {
   color: #56bf8b;
   background-color: #fff;
   border: 1px solid #56bf8b;
}

.btn-primary {
    color: #fff;
    border: 1px solid #56BF8B;
    background-color: #56BF8B
}

.btn-primary:hover {
    color: #fff;
    background-color: rgb(92, 179, 135);
    border: 1px solid  rgb(92, 179, 135);
}

.btn-primary:active {
    color: #fff;
    background-color: rgb(69, 179, 124);
    border: 1px solid  rgb(69, 179, 124);
}

/* icon buttons */

.btn-icon {
    background: transparent;
    font-size: 12px;
    border: none;
    color: #596980;
}

.btn-icon i {
    padding-right: 5px;
}

.btn-icon:hover {
    background: transparent;
    border: none;
    color: #7D93B3;
}

.btn-icon:active {
    background: transparent;
    border: none;
    color: #596980;
}

.btn-icon .btn-default {
    color: #999
}

.btn-icon .btn-default:hover {
    color: #56bf8b;
}

.btn-icon.btn-primary {
    color: #56bf8b
}

.btn-icon.btn-primary:hover {
    color: rgb(87, 230, 158);
}

.btn-label-item {
    color: #56bf8b;
    background-color: #fff;
    border: 1px solid #56bf8b;
    padding: 0.8em 1.2em;
    border-radius: 1.5em
}

.btn-label-item:hover {
    color: #fff;
    background-color: rgb(87, 230, 158);
    border: 1px solid  rgb(87, 230, 158);
}

.btn[disabled="disabled"] {
    background-color: rgb(218, 223, 230);
    border: 1px solid #ddd;
    cursor: not-allowed;
    color: #fff;
}

.btn-icon[disabled="disabled"] {
    color: #DADFE6;
}

/* 输入框
 *  ===========================================================================
 */

.input-wrap {
    display: inline-block;
    margin-right: 10px;
}

input{
}

input::-ms-clear {
    display: none;
}

input:not([type]), input[type=text], input[type=password], input[type=url], input[type=number] {
    vertical-align: middle;
    border: 1px solid #e9e9e9;
    background-color: #fff;
    height: 2.5em;
    line-height: normal;
    line-height: 2.5\9;
    padding: 0 .4em;
    width: 240px;
    margin-right: 5px;
}

input:not([type]):focus, input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=number]:focus {
    outline: none;
    border-color: rgb(107, 199, 153);
    box-shadow: 1px 2px 2px #ececec;
    transition: border-color 200ms ease-in;
}

input:not([type]).error:focus, input[type=text].error:focus, input[type=password].error:focus, input[type=url].error:focus, input[type=number].error:focus {
    border-color: #E5675C;
}

input[type=url] {
    width: 400px;
}

input.size-mini {
    width: 60px;
}

input.size-small {
    width: 120px;
}

input.size-big {
    width: 400px;
}

input:not([type]):disabled,
input[type=text]:disabled,
input[type=password]:disabled,
input[type=url]:disabled,
input[type=number]:disabled,
input[type=text]:-moz-read-only,
input[type=password]:-moz-read-only,
input[type=url]:-moz-read-only,
input[type=number]:-moz-read-only,
input[type=text][readonly=readonly],
input[type=password][readonly=readonly],
input[type=url][readonly=readonly],
input[type=number][readonly=readonly]{
    border: 1px solid #e9e9e9;
    background-color: #fff;
    color: #ABBCCC;
    cursor: not-allowed;
    width: 15em;
}

input:not([type]):disabled,
input[type=text]:disabled,
input[type=password]:disabled,
input[type=url]:disabled,
input[type=number]:disabled,
input[type=text]:read-only,
input[type=password]:read-only,
input[type=url]:read-only,
input[type=number]:read-only,
input[type=text][readonly=readonly],
input[type=password][readonly=readonly],
input[type=url][readonly=readonly],
input[type=number][readonly=readonly]{
    border: 1px solid #e9e9e9;
    background-color: #fff;
    color: #ABBCCC;
    cursor: not-allowed;
    width: 15em;
}

input[type=text]:disabled {
    border: 1px solid #e9e9e9;
    background-color: #fff;
    color: #ABBCCC;
    cursor: not-allowed;
    width: 15em;
}

input[type=text]:-moz-read-only,
input[type=password]:-moz-read-only,
input[type=url]:-moz-read-only,
input[type=number]:-moz-read-only,
input[type=text][readonly=readonly],
input[type=password][readonly=readonly],
input[type=url][readonly=readonly],
input[type=number][readonly=readonly]{
    cursor: text;
}

input[type=text]:read-only,
input[type=password]:read-only,
input[type=url]:read-only,
input[type=number]:read-only,
input[type=text][readonly=readonly],
input[type=password][readonly=readonly],
input[type=url][readonly=readonly],
input[type=number][readonly=readonly]{
    cursor: text;
}

.error[type=text],
.error:not([type]),
.error[type=password],
.error[type=checkbox],
.error[type=radio] {
    border-color: #E5675C;
    /* color: var(--red-color);*/
}

em.error{
    color: #E5675C;
}

.size-mini input {
  width: 60px;
}

.size-small input,
.size-small input[type=text]:disabled {
  width: 120px;
}

.convert-path td .input-wrap em {
  position: absolute;
  left: 20%;
  top: 25px;
}

/* textarea */

textarea {
    border: 1px solid #e9e9e9;
    padding: 0.3em 0.4em;
    margin-right: 5px;
}

textarea:focus {
    outline: none;
    border-color: #56bf8b;
}

textarea.error {
    border-color: #E5675C;
}

/*单选按钮*/

input[type="radio"],
input[type="checkbox"]{
    position: absolute;
    clip: rect(0,0,0,0);
    cursor: pointer;
}

input[type="radio"] + i,
input[type="checkbox"]+ i {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #999;
    vertical-align: middle;
    margin: 0 8px 0 5px;
    top: -1px;
}

input[type="checkbox"]+ i {
  margin: 0;
}

input[type="radio"] + i {
    border-radius: 50%
}

input[type="radio"] + i:hover {
    box-shadow: inset 0 0 3px 0 #aaa;
}

input[type="radio"]:checked + i,
input[type="checkbox"]:checked+ i{
    border-color: #56bf8b
}

input[type="radio"]:checked + i:hover, input[type="checkbox"]:checked+ i:hover {
    box-shadow: inset 0 0 3px 0 #56bf8b;
}

input[type="checkbox"]:indeterminate+ i{
    border-color: #56bf8b;
    background: #56bf8b
}

input[type="checkbox"]:indeterminate+ i:hover {
    box-shadow: inset 0 0 3px 0 #56bf8b;
}

label:hover {
    cursor: pointer
}

label:hover input[type="radio"] + i,
    label:hover input[type="checkbox"] + i {
    box-shadow: inset 0 0 3px 0 #aaa;
}

label:hover input[type="radio"]:checked + i,
    label:hover input[type="checkbox"]:checked+ i {
    box-shadow: inset 0 0 3px 0 #56bf8b;
}

input[type="radio"]:focus + i,
input[type="checkbox"]:focus+ i{
    box-shadow: 0 1px .5em 0 #aaa;
}

input[type="radio"] + i:after,
input[type="checkbox"] + i:after {
    opacity: 0;
    transition: opacity .1s;
}

input[type="radio"] + i:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #56bf8b;
}

input[type="checkbox"] + i:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /*content: '\f00c';*/
    content: '\2714';
    color: #56bf8b;
    font-size: 10px;
}

input[type="checkbox"]:indeterminate + i:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    content: '-';
    color: #fff;
    font-size: x-large;
    opacity: 1;
}

input[type="radio"]:checked + i:after,
input[type="checkbox"]:checked + i:after {
    opacity: 1;
}

input[type="checkbox"]:disabled + i,
input[type="radio"]:disabled + i {
  border-color: #ccc;
  color: #ABBCCC;
  background: #fff;
  cursor: not-allowed;
}

.radio-group .radio-disabled,
.checkbox-disabled {
  color: #ABBCCC;
  cursor: not-allowed;

}

.radio-group .radio-disabled input[type="radio"] + i:hover,
  .radio-group .radio-disabled input[type="checkbox"] + i:hover,
  .radio-group .radio-disabled input[type="radio"]:checked + i:hover,
  .radio-group .radio-disabled input[type="checkbox"]:checked+ i:hover,
  .checkbox-disabled input[type="radio"] + i:hover,
  .checkbox-disabled input[type="checkbox"] + i:hover,
  .checkbox-disabled input[type="radio"]:checked + i:hover,
  .checkbox-disabled input[type="checkbox"]:checked+ i:hover {
    box-shadow: none;
}

.radio-group .radio-disabled:hover,
.checkbox-disabled:hover {
    cursor: not-allowed
}

.radio-group .radio-disabled:hover input[type="radio"] + i,
    .radio-group .radio-disabled:hover input[type="checkbox"] + i,
    .radio-group .radio-disabled:hover input[type="radio"]:checked + i,
    .radio-group .radio-disabled:hover input[type="checkbox"]:checked+ i,
    .checkbox-disabled:hover input[type="radio"] + i,
    .checkbox-disabled:hover input[type="checkbox"] + i,
    .checkbox-disabled:hover input[type="radio"]:checked + i,
    .checkbox-disabled:hover input[type="checkbox"]:checked+ i {
    box-shadow: none;
}

.not-allowed input[type="checkbox"] + i {
    cursor: not-allowed;
}

.not-allowed label:hover {
    cursor: pointer
}

.not-allowed label:hover input[type="radio"] + i,
        .not-allowed label:hover input[type="checkbox"] + i,
        .not-allowed label:hover input[type="radio"]:checked + i,
        .not-allowed label:hover input[type="checkbox"]:checked+ i {
    box-shadow: none;
}

/* select */

select:disabled {
    border: 1px solid #e9e9e9;
    background-color: #f1f1f1;
    color: #ABBCCC;
    cursor: default;
    cursor: not-allowed;
}

select {
    line-height: 1;
    padding: 0 0.2em;
    height: 2.5em;
    border: 1px solid #e9e9e9;
    width: 240px;
    box-shadow: inset 0 1px 3px #eee;
    margin-right: 5px;
    cursor: pointer;
    margin-right: 5px;
    font-size: 12px

    /* sizing */
}

select:focus {
    outline: none;
    border-color: lighten($primary-color, 10);
}

select .error {
    border-color: #EF9B6D;
}

select.size-small {
    width: 120px;
}

select.size-big {
    width: 400px;
}

/*改写原生样式*/

.v-select {
  display: inline-block;
  margin: 0 5px;

}

.v-select .v-select-group__title {
    padding-left: 8px;
    font-size: 12px;
    color: #999;
    height: 30px;
    line-height: 30px;
    cursor: default;
    border-bottom: 1px solid #DADFE6;
    text-align: left;
}

.v-select .v-select-group__wrap {
    border-bottom: 1px solid #DADFE6;
}

.v-select .dropdown {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    vertical-align: middle;
    max-width: 200px;
}

.v-select .dropdown .dropdown-wrap {
    font-size: 0;
    line-height: 28px;
}

.v-select .dropdown .dropdown-input {
    color: #596980;
    width: 100%;
    margin: 0;
    cursor: pointer;
    font-size: 12px;
    height: 28px;
    border: 1px solid #DADFE6;
    padding: 0 22px 0 8px;
    overflow: hidden;
    max-width: 128px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.v-select .size-big {
    width: 240px;
}

.v-select i.fa-caret-down {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    cursor: pointer;
    color: #596980;
    margin: 0;
}

.v-select .dropdown-list {
    position: absolute;
    width: 100%;
    list-style: none;
    max-height: 274px;
    overflow-y: auto;
    border: 1px solid #DADFE6;
    border-top: 0;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 99;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.v-select .dropdown-list .dropdown-item {
    text-align: left;
    cursor: pointer;
    line-height: 28px;
    padding: 0 5px 0 8px;
    border-top: 1px solid #DADFE6;
    color: #596980;
    font-size: 12px;
    font-weight: normal;
}

.v-select .dropdown-list .dropdown-item .v-select-option-wrap {
    white-space: nowrap;
    max-width: 250px;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

.v-select .dropdown-list .dropdown-item.is-disabled {
    color: #c0ccda;
    cursor: not-allowed;
}

.v-select .dropdown-list .dropdown-item.hover, .v-select .dropdown-list .dropdown-item.selected {
    background-color: #F5F8FB;
    font-weight: bold;
}

.v-select .dropdown-list .dropdown-item:first-child {
    border-top: 0;
}

.v-select .v-select-group .dropdown-item {
    padding-left: 15px;
}

.v-select .dropdown-wrap:first-child li:first-child {
    border-top: 0;
}

.v-select .dropdown-list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.v-select .dropdown-list::-webkit-scrollbar-thumb {
    background: #ced3d9;
    border-radius: 10px;
    border-radius: 30px;
}

.v-select .dropdown-list::-webkit-scrollbar-track {
    background: #eaeced;
}

/*置灰状态*/

.v-select input:not([type]):disabled {
    color: #ABBCCC;
}

.v-select input:not([type]):disabled + .fa {
    color: #ABBCCC;
}

/***********************************************
*  Modal相关
***********************************************/

.modal {
    position: fixed;
    z-index: 101;
    background: white;
    top: 50%;
    left: 50%;
    box-shadow: 0 0 3px #b3b3b3;
    min-width: 200px;
}

.modal-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}

.modal .modal-hd {
    height: 56px;
    line-height: 56px;
    position: relative;
    font-size: 1.1em;
    font-weight: bold;
}

.modal .modal-hd span{
    padding-left: 15px;
    border-left: 3px solid #51c08a;
    font-size: 16px;
    color: #384b66;
}

.modal .modal-hd .close {
    font-size: 16px;
    right: 15px;
    position: absolute;
    top: 18px;
    text-decoration: none;
}

.modal .modal-bd .modal-content {
    padding: 20px;
    min-width: 400px;
}

.modal .modal-bd .btn-wrap {
    background: #eee;
    padding: 10px;
    text-align: right;
}

.modal .tab{ padding-left: 20px}

.modal .modal-table-wrapper{ padding: 20px}

.modal-mask {
    background: black;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/*高度限定，出现滚动条
.modal .modal-bd {
    max-height: 600px;
    overflow: auto;
}
*/

/* common modal : alert, confirm, warn*/

.public-modal {
    box-shadow: 0 0 16px #333;
    border-color: #333;
    z-index: 102;
}

.public-modal .modal-bd {
    padding: 0;
}

.public-modal .msg-wrap {
    padding: 2em;
    min-width: 15em;
}

.public-modal .msg-wrap span {
    max-width: 40em;
}

.public-modal .btn-wrap {
    text-align: center;
    padding: 1em 2em;
    background: #eee;
}

.public-modal .icon {
    font-size: 16px;
}

.public-modal .icon-warn {
    color: #ff4b21;
}

.public-modal .icon-confirm {
    color: #FF9708;
}

.modal-type-warn .icon-warn, .modal-type-confirm .icon-confirm {
    display: inline-block;
}

.modal-type-alert .modal-cancel, .modal-type-warn .modal-cancel {
    display: none;
}

/* subtitle */

.modal span.sub-title {
  font-size: 12px;
  margin-left: 6px;
  color: #777;
  padding-left: 0;
  border-left: none;
}

.modal span.sub-title span{
  padding-left: 0;
  border-left: none;
  font-size: 12px;
}

#opt-modal .modal-bd{ overflow: visible}

/*=============Tooltip=============*/

.tooltip {
  display: inline-block;
  cursor: pointer;
}

.v-tags-tip {
  position: absolute;
  color: #73ACE6;
  background: #F3F9FF;
  padding: 10px;
  line-height: 1.5;
  white-space: normal;
  border: 1px solid #ABD0F5;
  border-radius: .4em;
  z-index: 999;
  font-size: 12px;
  word-break: break-all;
  max-width: 450px!important;
  /*filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));*/
}

.v-tags-tip:before {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  border-left: 1px solid #ABD0F5;
  border-bottom: 1px solid #ABD0F5;
  background: #F3F9FF;
  transform: rotate(45deg);
}

.v-tags-tip.top:before {
  bottom: -6px;
  left: 50%;
  margin-left: -4px;
  transform: rotate(-45deg);
}

.v-tags-tip.right:before {
  left: -6px;
  top: 50%;
  margin-top: -4px;
}

.v-tags-tip.bottom:before {
  left: 50%;
  top: -6px;
  margin-left: -4px;
  transform: rotate(135deg);
}

.v-tags-tip.left:before {
  right: -6px;
  top: 50%;
  margin-top: -4px;
  transform: rotate(-135deg);
}

.datepicker {
  position: relative;
  width: 8em;
}

.datepicker input[type=text]:-moz-read-only, .datepicker input[type=text][readonly=readonly]{
  border: 1px solid #e9e9e9;
  background-color: #fff;
  color: #666;
  cursor: pointer;
  width: 100%;
}

.datepicker input[type=text]:read-only, .datepicker input[type=text][readonly=readonly]{
  border: 1px solid #e9e9e9;
  background-color: #fff;
  color: #666;
  cursor: pointer;
  width: 100%;
}

.datepicker .fa-calendar {
  position: absolute;
  right: 0.6em;
  top: 0.75em;
  pointer-events: none;
}

.daterange {
  display: inline-block;
  position: relative;
  width: 14.28em;
}

.daterange .fa-calendar {
  position: absolute;
  right: .5em;
  top: 0.75em;
  pointer-events: none;
}

.daterange .calendar-wrap{
  position: absolute;
  width: 35.78em;
  border: 1px solid #bbb;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 2px 2px .5em 0px rgba(0, 0, 0, .2);
  box-sizing: border-box;
  z-index: 8;
}

.daterange .datespan{
}

.daterange .datespan:before, .daterange .datespan:after {
    content: "";
    display: table;
    line-height: 0;
}

.daterange .datespan:after {
    clear: both;
}

.daterange .datespan .start, .daterange .datespan .end {
    display: inline-block;
    padding: 0.4em 6.84em;
    background: #e7f4fd;
}

.daterange .datespan .end {
    float: right;
}

.daterange .calendar {
  position: relative;
  display: inline-block;
  box-shadow: none;
  border: none;
  width: 17.8em;
  vertical-align: top;
  float: left;
}

.daterange .range-str {
  padding: 1em .2em;
  text-align: center;
  display: block;
  clear: both;
}

.daterange .shortcut {
  margin-bottom: .6em;
  text-align: center;
}

.daterange .shortcut span {
  display: inline-block;
  color: #218de6;
  padding: .4em 1em;
  cursor: pointer
}

.daterange .shortcut span:hover {
    background: #e7f4fd;
}

.daterange .operations {
  position: absolute;
  right: .6em;
  bottom: .6em;
}

.daterange input[type=text]:-moz-read-only, .daterange input[type=text][readonly=readonly]{
  border: 1px solid #e9e9e9;
  background-color: #fff;
  color: #666;
  cursor: pointer;
  width: 100%;
}

.daterange input[type=text]:read-only, .daterange input[type=text][readonly=readonly]{
  border: 1px solid #e9e9e9;
  background-color: #fff;
  color: #666;
  cursor: pointer;
  width: 100%;
}

.daterange input[readonly="readonly"] {
  border: 1px solid #e9e9e9;
  background-color: #fff;
  color: #666;
  cursor: pointer;
  width: 100%;
}

input[readonly=readonly] {
    border: 1px solid #e9e9e9;
    background-color: #fff;
    color: #666;
    cursor: pointer;
    width: 15em;
}

.calendar {
  position: absolute;
  padding: .8em .4em .4em;
  width: 18em;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 0 1px .5em 0px rgba(0, 0, 0, .2);
  z-index: 9;
}

.calendar .head {
  text-align: center;
  overflow: hidden;
}

.calendar .head .fa {
  float: left;
  line-height: 2;
  padding: 0 .4em;
  cursor: pointer;
}

.calendar .fa.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.calendar .head .fa-chevron-right {
  float: right;
}

.calendar select {
  width: 5em;
  height: 2em;
}

.calendar .month-select {
  width: 4em;
  margin-left: 0.4em;
}

.calendar .day-wrap .day, .calendar .week-wrap .week {
  float: left;
  width: 2.42em;
  height: 2.42em;
  line-height: 2.42;
  text-align: center;
}

.calendar .day-wrap .day:not(.place) {
  color: #2196f3;
  cursor: pointer;
}

.calendar .day-wrap .day.inrange {
  background: #e7f4fd;
}

.calendar .day-wrap .day:not(.place):hover {
  background: #a0c9f9;
  color: #fff;
}

.calendar .day-wrap .day.active {
  background: #2196f3;
  color: #fff;
}

.calendar .day-wrap .day.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.calendar .day-wrap .day.disabled:hover {
  background: #fff;
  color: #ccc;
  cursor: not-allowed;
}

/** 报表区域样式 **/

.report {
    /*
    margin: 0  0 0 200px;
    padding: 10px 25px;
    */
}

/******************站点管理***********************/

.sites-list {
    width: 100%;
    overflow: hidden;
}

.sites-list p, .sites-list li {
    margin: 0;
}

.sites-list .flowGridColumn {
    float: left;
    width: 33.33%;
}

.sites-list li {
    padding: 10px;
    overflow: hidden;
}

.sites-list li .site-item {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background: #fff;
    padding: 0 20px;
}

.sites-list ul:first-of-type li {
    padding-left: 0;
}

.sites-list ul:last-of-type li {
    padding-right: 0;
}

.sites-list .top {
    position: relative;
    margin-left: -20px;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    border-bottom: 1px solid #ddd;
    width: 100%;
    padding: 0 20px;
}

.sites-list h2 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 20px;
    margin: 0 90px 0 -20px;
    font-size: 18px;
    font-weight: normal;
    line-height: 50px;
    height: 50px;
    color: #384b66
}

.sites-list .opt {
    position: absolute;
    right: 12px;
    top: 0;
    line-height: 16px;
    height: 16px;
    margin-top: 19px;
}

.sites-list .opt a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.sites-list .desc {
    padding: 20px 0;
}

.sites-list .desc h3 {
    margin: 0;
    font-size: 14px;
    margin-bottom: 10px;
    color: #384b66
}

.sites-list .desc p {
    color: #a3b1bf;
}

.sites-list dl {
    padding: 15px 0 10px;
    border-top: 1px solid #e7e7e7;
}

.sites-list dt {
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 10px 0;
}

.sites-list dd {
    line-height: 1.5em;
    padding: 0.3em 0;
}

.sites-list dd .index{
    color: #66728c;
    margin-right: 5px;
    word-break: break-all;
    word-wrap: break-word;
}

.domain-select {
    padding: 20px 0;
}

.domain-select cite {
    color: #66728c;
    font-size: larger;
    padding: 0 3px;
}

.gencode .gencode-select {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
}

.gencode .code-tip{
    position: absolute;
    left: 275px;
    background: #fffef2;
    color: #c48941;
    border: 1px solid #f0e2b8;
    width: 445px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
}

.gencode .gencode-index {
    padding: 8px 2px;
}

.gencode .gencode-index .gen-index {
    font-size: 16px;
    color: #738699;
    padding-right: 8px;
}

.gencode .gencode-index .gen-text {
    color: #384b66;
    font-size: 14px;
    padding-right: 8px;
}

.gencode .gencode-index .gen-des {
    color: #738699;
    font-size: 12px;
}

.gencode .gencode-index .gen-des em {
    color: #3f6ec2;
}

.gencode .gencode-index .gen-action {
    font-size: 12px;
    cursor: pointer;
    color: #56BF8B;
}

.gencode .gencode-index .tooltip {
    font-size: 18px;
    color: #888;
}

.gencode .code{

    /* padding: 0 20px 20px 15px;*/
    padding: 0 20px 0 15px;
}

.gencode .copy{

    /* padding: 0 0 10px 15px;*/
    padding-left: 15px;
}

.gencode .copy .btn {
    font-size: 14px;
}

.gencode #gencode-pre {
    width:100%;
    height: 230px;
    resize:none;
    color: #66728c;
    border:1px solid #e9e9e9;
    padding: 10px;
    margin: 0 0 10px;
    line-height: 1.4;
    overflow: auto;
    background: #fafbfc;
    border-radius: 3px;
}

#backToReport {
    float: right;
    font-size: 12px;
    color: #666;
    height: 28px;
    line-height: 28px;
    font-weight: normal
}

#backToReport a {
    color: #56bf8b;
}

.f14 {
  font-size: 14px;
}

.fa {
  cursor: pointer;
}

.daterange {
  width: 15em;
}

.charts {
  display: table;
  width: 100%;
  position: relative;
  height: 300px;
}

.loadingchart,
.emptychart {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300px;
  background: #fff;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  background: url("//p2.ssl.qhimg.com/d/inn/b8c9e688/null.png") no-repeat center #fff;
}

.loadingchart {
  background: url("//p0.ssl.qhimg.com/t01a540d30e7929463b.gif") no-repeat center #fff;
  background-size: 60px;
}

.report-path .trate1,
.report-path .trate2,
.report-path .trate3,
.report-path .trate4 {
  width: 55px;
  height: 20px;
  text-align: left;
  padding: 0 0 0 5px;
  line-height: 20px;
  display: block;
}

.trate1 {
  color: #6b47b3;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAUBAMAAADbzbjtAAAALVBMVEVrR7IAAAD49f6/r9+/r99rR7JrR7JrR7JrR7JrR7Lx7fvh2PJrR7Lv6vr69/80iNDUAAAADnRSTlOAAPy1tHQBSUc78Nkl7h54zYwAAABsSURBVCjPYzjKgA2wThMUFBRgiH6HDbw1TwRJ8r3DCpTL8Eg+AmpFSGJqBUvi1AqSxKkVJIlTawJCElPrBDySrwLIlVTBY+wjDzyuVWnEEwgeoBDCqREkiVMjQhJTI+7IfuUBSgm4kslEkCQAU1OdiXdBN84AAAAASUVORK5CYII=);
}

.trate2 {
  color: #e56d45;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAUCAMAAAAePVXsAAAAM1BMVEUAAAD/qwD/qwD/qwD/qwD/qwD/qwD/qwD/qwD69PL/qwD68uv+ylz+yVv769T836f936ZmYqEOAAAACXRSTlMAAeiRjXbhSknzL9nmAAAAYUlEQVQ4y53UMRKAMAwDQWMIkACB/78WFZg6vut3RpVs9zael8m+/Knj9XMO2GqmQzAcgnIIyiEoh6AcgnIEFjlQd+hWtvPSTsIWkyNMDjE5xOQQk2PM/E6w/jPbcj8R7AUBpCR0NpjLTgAAAABJRU5ErkJggg==);
}

.trate3 {
  color: #2d70b3;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAUBAMAAADbzbjtAAAAMFBMVEUtcLMAAADy9vqjwN2jwN0tcLMtcLMtcLMtcLMtcLPo7/bS4O8tcLPp8Pfm7vX1+PudQGD8AAAAD3RSTlOAAPy1tHQBSUc78Nkl8e68+pmqAAAAbUlEQVQoz33SoRWAMAyE4Rg0zQx0B1aoxGNgCTwbFMNGLFTZ96D0fC5nv/erRB6xNtyqGmRt1r55B47N3HQ4WHoKpCmQpkCaAmm6AVmaHXwXB6uHMXMsKXCMJ5CFCmQhkIZAFvJj16RA8iYX8AezoLn/ypx3HAAAAABJRU5ErkJggg==);
}

.trate4 {
 color: #4CA63A;
 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAUCAMAAAAePVXsAAAAM1BMVEVIpzIAAADt+eqq2KGq2KFIpzJIpzJIpzJIpzJIpzLk9ODR7MxIpzLl9eHj9N9IpzLv+u25nlyRAAAAEHRSTlOAAPy1tHQBSUc88Nkl8e465xa43gAAAGBJREFUOMud1EkSgCAUA9GgooIT9z+tqfocALr3b5nozhovf3uKlK823rseHUptpsWQuIDhELRD0A5BOwTtCCx2oCczV5lbtiIRdiYJMTvE7BCzQ8xulpHdVrNo8idK6v2QVze9Z5YNMwAAAABJRU5ErkJggg==);
}

.chart-path .total-conv {
  margin-left: 140px;
  height: 60px;
  width: 100px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAA8CAMAAACn4e/8AAAA/1BMVEUAAAD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/qgD/////+Or/qgD/+On/47H/wVj/897/7tD/04b/+/T/8tr/6L//x2n/xF//9eL/8Nb/79X/5rn/3J//25z/2Zj/1pL/1Y//9+b/68j/6sT/4az/1Iv/0ID/yW7/uUH/4Kr/znr/y3P/vEn/u0n/ukX/tjlApm9RAAAAL3RSTlMA/Cbv8q2KDAYDuraZfl9N9+vl49/CR9vUz8qPhHVkV1I4MyIfHhoTAbCikGlGLooW8xcAAAFpSURBVFjD7dTXcoJAGIbhn2oDe+wx9pgKSFXsvabf/7VkPIhOEhUR9myfG3jnm/1nAUiGlhCiGRKApIaGgJAxpEhgBgJiAwZoQ0DMoEESkJNwBEd+4AiO4AiO4AiOXBARkcMRHNnBERzBkX+RlojYQoIgsdJEhHo6kQCo8UnlZSoi0ZCVGF+FrfoTQ+g99xNdnQiEfLBT42NtueHuiHY0V4HffAW/NFbdSjSXhL/ghQPIB2o9d2NEvx1hy3CMJ59+H0wdjphI/hsvnFS8D680ByPMCEuCtdvruHLZETTH0tV+hAVfKEBMmnYTLZPKkmBHmY2Ydj4cdbS5CnrALm8w8znsnDliTXHPcJkSF361PoLOaJPJW4ywOIKksjh5BPM3miuBQ/XEHaF3j77ER/rRA26o5KIHP7a+SXNFcG5/03//6e7ya3tO7qryMWUizzS1o2ozeaxEWRIQ8CXYQCpOhal4yp8NeeF831B9vUpZkp36AAAAAElFTkSuQmCC);
  text-align: center;
  padding-top: 23px;
  position: relative;
}

.chart-path .total-conv:before {
  position: absolute;
  content: "\603B\8F6C\5316\7387";
  top: -3px;
  left: 26px;
}

.chart-path .conv-name {
  display: inline-block;
  background: #f5f8fb;
  height: 35px;
  text-align: right;
  line-height: 35px;
  padding-right: 10px;
  margin: 10px 10px 10px 0;
  vertical-align: bottom;
}

.chart-path .conv-name.tnum1 {
  width: 240px;
}

.chart-path .conv-name.tnum2 {
  width: 205px;
  margin-left: 35px;
}

.chart-path .conv-name.tnum3 {
  width: 170px;
  margin-left: 70px;
}

.chart-path .conv-name.tnum4 {
  width: 135px;
  margin-left: 105px;
}

.chart-path .conv-name.tnum5 {
  width: 100px;
  margin-left: 140px;
}

.chart-path .conv-mount {
  height: 35px;
  display: inline-block;
  margin: 10px 10px 10px 0;
}

.chart-path .path-radio-v {
  width: 100px;
  height: 33px;
  text-align: center;
  padding-top: 0px;
  margin-left: 140px;
}

.chart-path .path-radio-v.trate1 {
  color: #6b47b3;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAhCAMAAAAYqf65AAAArlBMVEUAAABrR7JrR7JrR7L59v9rR7LSxur28v318fxrR7JrR7JrR7L39P3w6/vi2fOrltVrR7JrR7JrR7JrR7JrR7JrR7JrR7JrR7Lp4/fQw+jKvOWwndhrR7JrR7JrR7JrR7JrR7JrR7JrR7Ly7vvy7frt5/jm3/Xj3PTVyuzNwOe5p92ZgctrR7JrR7Lg1vHZzu27qt60otqfiM5rR7Lf1fHGt+PEteK/r9+SeMf69/97wxpYAAAAOXRSTlMAgHgF/hLI+PZxVyX679uke2VfWy8pFA7lxb+odGxOSERAG/Lx6eDdy8KwmUYz2M+yrJw71ru5tJQYtX3FAAABNklEQVRIx+3VaY6CQBCG4aqGZt8UARFRcR0VHZfZ+v4XG2IyIXEUZOl/PBeovOEDAKhGkCOiUQCfSDLjSJaID5rEOJM0IDLjzHAAGXfYHemO/OmOFB0ZMs6OCAMcmYyj5Qh1gCCJ7Q+RcSFakZoEcKNrOFqy1i226HqQCxI12oitRmyi8YzCHa+P7f2+lC32PQEeoFNyGrYScc4j/hMOvcu70TAivEUUmk+cT7N+xPpMUgrlgqtqW2KtCAn7AwFepLsYKqyi9Y5MfaiCpmRXZQTy276XRVQlDHr7V0cwPBVFlI7gq3wERhZxEKA+4Rrbx8IRrL6dyRya0jXcLp4+iUse0QydjSNLfDinLKI9nnv/nV6EP/k70ZYgUe3QWpmKoZgrS7LHMx940FM3VolD1Nid6lUifgFhofMEIEt7OAAAAABJRU5ErkJggg==);
}

.chart-path .path-radio-v.trate2 {
  color: #e56d45;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAhCAMAAAAYqf65AAAApVBMVEUAAADlbUXlbUXlbUXlbUXlbUXlbUX33tb0zMDlbUX58O357+z57en1z8PlbUXlbUXlbUXlbUXlbUXlbUXlbUX46+fxuKXvrZjlbUXlbUXlbUXlbUXlbUX68u/45N321Mn0yLrvqJPlbUXlbUXlbUX44dn329LtmX7lbUX58e745+L45uHzxrjzwrPwsp7tnoXlbUXlbUXlbUXxvKzrknXlbUX69PLpoYi6AAAANnRSTlMAgHlxAlwT3MYw+PbyyH9+dldHJQXvsahqY04pEPzkzsGkREAM4NiZOfnq5766rJwcGQi0lBfJPyK/AAABLElEQVRIx+3U6U6DQBDA8WGBhXIfpaUUyllKD+2hzvs/mjVREkURcfcbvxeY/DOTAaAuETgiLgWgRNWQI00lFFwTOTNdIBpyticgIHfCNGQa8mEa0jdkg5zVAszsU4AcGZntA1SlmNcJ8qEsxbKCN5Lv2icDmTMyS15L0LrnLBXmEUUMn0lr2TI1ZERX3yM6qEcWR2Rg++i0EV3zWXhOE9YRXZfIfgj+FeFR+F3VjD0C3bRWszkMI/myper4R5tFN6Jf7DmLDQ6nmbshEd0jWO3SZGgEiV5gnGtEBhzBPm0jxrk1YV5jn+MTia4wXvvYMuOnTaTnsLkBC3Hx/U1v75u4wHjdx/Y1x1Cf200wE5diriqHQE/04KCYuVhQ4EDyPTkUHeKIoez5Egz3Crnk2zhTkddMAAAAAElFTkSuQmCC);
}

.chart-path .path-radio-v.trate3 {
  color: #2d70b3;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAhCAMAAAAYqf65AAAArlBMVEUAAAAtcLMtcLMtcLMtcLMtcLP09/stcLMtcLMtcLMtcLPV4vG90ufq8fctcLMtcLMtcLPv9Pnu8/jn7/YtcLMtcLMtcLMtcLMtcLMtcLPy9vrd6POzy+OQs9eLr9YtcLMtcLMtcLPw9fnZ5fLD1uq60Oa3zuWevduZudqFq9R0oM4tcLMtcLPj6/Tg6vTR3+7H2euvyOJtm8stcLMtcLPt8vjP3u6nw99klcf1+PvwMchOAAAAOXRSTlMAgH53cQL+ekYSBtzI8ldAJff2719bTi8pDvzkwKqmamQU+eDMxsOyr6ObMxjq59jQvJg7HPTWt5SsWLApAAABNUlEQVRIx+3VWXKCQBSF4UsPNvOk4ICKaASck2iG3v/GAlTykJAQBPqNbwO3/qoDDaCYTBKImQpAhHWHC+ToOAJT54LpJjCHC7ZmIHHhpP5If+RLf6TqSMAFu0gwRk9DLpAxRzbA1CK71xkXYqAtiTWFHLVNNDd454wYeRMKn4qchTboNmJBLAW+o5MR6u75eonRKI8oU2ScnLuI2CywrMBf1MNq/9hyBO62iKh084tNt4+oNr2SZbMRuDoajVWoh9oe2rr8TkGK5QgqlUeQBrw+5+F5lUXcSx3XH0GQYP8IzRx99vb/CNZZxEGF5tRruLtUjuCcsCyiufKPrRyxD4uI9hTr901vUubfoDN04v3MMeL3/JvoVPHsbLXT0J25w5OmL4kcgQDUlr2QYIZJ6Mk2hfo+AIoW878FdVdkAAAAAElFTkSuQmCC);
}

.chart-path .path-radio-v.trate4 {
  color: #4CA63A;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAhCAMAAAAYqf65AAAArlBMVEUAAABLpjtLpjtLpjvu+uxLpjvr+OjB47xLpjtLpjvp9+bU7dBLpjtLpjtLpjtLpjvl9eK+4ri64LNLpjtLpjtLpjtLpjtLpjtLpjtLpjvn9uTd8dhLpjtLpjtLpjtLpjvs+erj9N/g8tzY79XI58Ol1Jybz5KYzo6Ty4lLpjtLpjtLpjvW7tLR68zE5b+13a6o1p+g0peHxXyCw3d7v3BLpjvP68uy26qr2KTv+u2kTvLHAAAAOXRSTlMAgHkT/gP5yCgP99txV0AH8MXBd2VfW05FL/Plc2wkG/zu6eHOsKimo0gzAd7YyryyrJyaljvWubQzlnWqAAABO0lEQVRIx+3U526DMBSG4WMbY2aAMBKSkL3IaHZb3/+NVUipkJoSpv/x3MDRK38yADExEgibBIBgJnOBZIYJmIwLxkzAMhdMxoC4cKg90h751R55d2TIBTsiCNFpxgWyu2gMoHai7afEhZD0jdFRIbEfm6hr88YNuihQKDwlOcb6IDUbsR49I1JU8RHTGotwkJ9EvCIxPg+biDhcRn0CWaydd11OeS1aGpFp0sMnu3rE4uImEbnUh7HRpUoRDPkhhWL2SoCc0iNYrNyYQBmk767KjED+uHuhBWXR0LsVHcHwjHvZEbkj+JrlRyxv3s6C6qxHtD2+HcH8G/cmUF36sQ0yX+KaRtSjdkZrXfpvTklEY6gS/P2nB87df5lT/Rxj6+jzmTbV7LnONsnvJAAd94PIcLFrREGsUCjuB4iV8zXY53XuAAAAAElFTkSuQmCC);
}

.download .fa,
.table-title-tip .fa {
    padding-right: 5px;
}

.download-btn{
    position: relative;
    float: right;
}

/*********optimize account***************/

h2 span label {
  font-weight: normal;
  font-size: 12px;
}

h2 a.btn-custom {
  font-size: 12px;
  line-height: 16px;
}

.target-zone {
  margin-bottom: 20px;
}

.target-zone p {
    margin: 15px 20px;
}

.zone .no-convertion-tip {
    margin: 20px;
    text-align: center;
    font-size: 16px;
}

.report,
.opt-container {
  position: relative;
}

.report .no-convertion, .opt-container .no-convertion {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 8;
    background: rgba(252, 252, 253, .8);
}

.report .no-convertion .no-convertion-panel, .opt-container .no-convertion .no-convertion-panel {
    margin: 200px auto;
    width: 360px;
    height: 270px;
    background: #596980;
    padding: 10px;
    border-radius: 5px;
}

.report .no-convertion .no-convertion-panel img, .opt-container .no-convertion .no-convertion-panel img {
    margin: 30px 0 20px;
}

.report .no-convertion .no-convertion-panel h3, .opt-container .no-convertion .no-convertion-panel h3 {
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.report .no-convertion .no-convertion-panel .no-convertion-tip, .opt-container .no-convertion .no-convertion-panel .no-convertion-tip {
    color: #abb2bc;
    text-align: center;
}

.report .no-convertion .no-convertion-panel .no-convertion-tip .link-opt, .opt-container .no-convertion .no-convertion-panel .no-convertion-tip .link-opt {
    color: #56BF8B;
    text-decoration: underline;
}

.select-plan {
  margin: 15px 0;
  line-height: 30px;
}

.select-plan input.search-plan {
    width: 175px;
    margin-bottom: 10px;
}

.select-plan input.plan {
    width: 175px;
    margin-left: 10px;
}

.select-plan .custom-plan {
    position: relative;
}

.select-plan .custom-plan .fa-window-close-o {
    position: absolute;
    top: 2px;
    right: 10px;
    color: #90a3c0;
}

.select-plan .custom-plan .fa-search {
    position: absolute;
    top: 17px;
    font-size: 16px;
    left: 165px;
    color: #7D93B3;
}

.select-plan .custom-plan .floatr {
    float: right;
}

.select-plan .custom-plan .custom-plan-select,
    .select-plan .custom-plan .hand-custom-plan-select {
    position: absolute;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 10px;
    right: 120px;
    width: 300px;
    z-index: 99;
    top: 26px;
}

.select-plan .custom-plan .custom-plan-select .tr, .select-plan .custom-plan .hand-custom-plan-select .tr {
    text-align: right;
}

.select-plan .custom-plan .custom-plan-select .plan-list, .select-plan .custom-plan .hand-custom-plan-select .plan-list {
    height: 150px;
    overflow-x: hidden;
    border: 1px solid #e5e5e5;
    margin: 10px 0;
}

.select-plan .custom-plan .custom-plan-select .plan-list input[type="checkbox"]+ i, .select-plan .custom-plan .hand-custom-plan-select .plan-list input[type="checkbox"]+ i {
    margin-right: 5px;
}

.select-plan .custom-plan .custom-plan-select .plan-list label + label, .select-plan .custom-plan .hand-custom-plan-select .plan-list label + label {
    margin-left: 0;
}

.select-plan .custom-plan .custom-plan-select .plan-list .label, .select-plan .custom-plan .hand-custom-plan-select .plan-list .label {
    width: 125px;
    margin: 5px;
    display: inline-block;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}

.select-plan .custom-plan .custom-plan-select .plan-list::-webkit-scrollbar, .select-plan .custom-plan .hand-custom-plan-select .plan-list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.select-plan .custom-plan .custom-plan-select .plan-list::-webkit-scrollbar-thumb, .select-plan .custom-plan .hand-custom-plan-select .plan-list::-webkit-scrollbar-thumb {
    background: #ced3d9;
    border-radius: 10px;
    border-radius: 30px;
}

.select-plan .custom-plan .custom-plan-select .plan-list::-webkit-scrollbar-track, .select-plan .custom-plan .hand-custom-plan-select .plan-list::-webkit-scrollbar-track {
    background: #eaeced;
}

.select-plan .custom-plan .custom-plan-select .triangle, .select-plan .custom-plan .hand-custom-plan-select .triangle {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 11px solid;
    border-color: transparent transparent #d2d2d2 transparent;
    position: absolute;
    right: 23px;
    top: -22px
}

.select-plan .custom-plan .custom-plan-select .triangle:after, .select-plan .custom-plan .hand-custom-plan-select .triangle:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    position: absolute;
    border-bottom-color: #fff;
    border-top-width: 0;
    right: -10px;
    top: 1px;
}

.select-plan .custom-plan .hand-custom-plan-select {
    right: 0;
}

.opt-zone {
  display:block;
}

/*分析icon*/

.opt-zone .analysis-pie,
  .opt-zone .analysis-exchange {
    background-image: url(https://p5.ssl.qhimg.com/t010d7459400a0bdf6d.png);
    background-position: -2px -2px;
}

.opt-zone .analysis-exchange {
    background-position: -32px -2px;
}

.opt-zone .fa-question-circle {
    font-size: 14px;
    vertical-align: text-top;
}

.opt-zone .floatr {
    float: right;
}

.opt-zone .floatr .btn{
    margin-right: 0;
}

.opt-zone .q-timespan {
    margin: 0;
}

.opt-zone .opt-tool-row {
    border-top: 1px solid #e5e5e5;
    padding: 20px;
}

.opt-zone .radio-group {
    margin-right: 15px;
}

.opt-zone .charts {
    border-top: 0;
}

.opt-zone .chart-tip {
    margin: 20px;
    background: #f5f8fb;
    line-height: 37px;
    padding-left: 20px;
    color: #596980;
}

.opt-zone .border-top {
    border-top: 1px solid #e5e5e5;
}

.opt-zone .problem,
  .opt-zone .plan-problem {
    border-top: 1px solid #e5e5e5;
    padding: 20px;
}

.opt-zone .problem .problem-item, .opt-zone .plan-problem .problem-item {
    margin-top: 20px;
}

.opt-zone .problem .problem-item i.red, .opt-zone .plan-problem .problem-item i.red {
    color: #E5675C;
}

.opt-zone .problem .problem-item .reason-content, .opt-zone .plan-problem .problem-item .reason-content {
    margin-left: -28px;
    margin-top: 15px;
    border: 1px solid #e5e5e5;
    background: #fff;
    margin-bottom: 10px;
}

.opt-zone .problem .problem-item .reason-content .tab-item:first-child .active, .opt-zone .plan-problem .problem-item .reason-content .tab-item:first-child .active {
    border-left: 0;
}

.opt-zone .problem .problem-item .reason-content p.radio-group,
        .opt-zone .problem .problem-item .reason-content p.group-tip,
        .opt-zone .plan-problem .problem-item .reason-content p.radio-group,
        .opt-zone .plan-problem .problem-item .reason-content p.group-tip{
    margin: 20px 20px 0 20px;
    line-height: 1em;
}

.opt-zone .problem .problem-item input[type="text"].error:focus, .opt-zone .plan-problem .problem-item input[type="text"].error:focus {
    border-color: #E5675C;
}

.opt-zone .problem .problem-item .mg10, .opt-zone .plan-problem .problem-item .mg10 {
    margin: 10px auto;
}

.opt-zone .problem .problem-item .btn-icon, .opt-zone .plan-problem .problem-item .btn-icon {
    padding: 0 5px;
}

.opt-zone .problem .problem-item .link-opt, .opt-zone .plan-problem .problem-item .link-opt {
    color: #56BF8B;
    text-decoration: underline;
}

.opt-zone .problem .problem-item .link-opt a, .opt-zone .plan-problem .problem-item .link-opt a {
    color: #56BF8B;
}

.opt-zone .problem .problem-item .button-wrapper, .opt-zone .plan-problem .problem-item .button-wrapper {
    margin: -20px 0 20px 20px;
}

.opt-zone .problem .problem-item .advice-table, .opt-zone .plan-problem .problem-item .advice-table {
    margin: 20px 20px 10px;
}

.opt-zone .problem .problem-item .advice-table .fold-table .tbody-scroll, .opt-zone .plan-problem .problem-item .advice-table .fold-table .tbody-scroll {
    max-height: 400px;
    overflow-y: auto;
}

.opt-zone .problem .problem-item .advice-table .fold-table .tbody-scroll .data-table td, .opt-zone .plan-problem .problem-item .advice-table .fold-table .tbody-scroll .data-table td {
    overflow: visible;
}

.opt-zone .problem .problem-item .advice-table .fold-table .tbody-scroll::-webkit-scrollbar, .opt-zone .plan-problem .problem-item .advice-table .fold-table .tbody-scroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.opt-zone .problem .problem-item .advice-table .fold-table .tbody-scroll::-webkit-scrollbar-thumb, .opt-zone .plan-problem .problem-item .advice-table .fold-table .tbody-scroll::-webkit-scrollbar-thumb {
    background: #ced3d9;
    border-radius: 10px;
    border-radius: 30px;
}

.opt-zone .problem .problem-item .advice-table .fold-table .tbody-scroll::-webkit-scrollbar-track, .opt-zone .plan-problem .problem-item .advice-table .fold-table .tbody-scroll::-webkit-scrollbar-track {
    background: #eaeced;
}

.opt-zone .problem .problem-item .advice-table .add-opt-tip, .opt-zone .plan-problem .problem-item .advice-table .add-opt-tip {
    margin: 0;
    position: relative;
}

.opt-zone .problem .problem-item .advice-table .service-timepicker, .opt-zone .plan-problem .problem-item .advice-table .service-timepicker {
    position: relative;
}

.opt-zone .problem .problem-item .advice-table .service-timepicker .timepicker-panel, .opt-zone .plan-problem .problem-item .advice-table .service-timepicker .timepicker-panel {
    position: absolute;
    width: 670px;
    background: #fff;
    top: 27px;
    right: -10px;
    z-index: 99;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
}

.opt-zone .problem .problem-item .advice-table .service-timepicker .timepicker-panel .time-picker-bd th, .opt-zone .plan-problem .problem-item .advice-table .service-timepicker .timepicker-panel .time-picker-bd th {
    padding: 3px;
}

.opt-zone .problem .problem-item .advice-table .service-timepicker .timepicker-panel .time-picker-bd td, .opt-zone .plan-problem .problem-item .advice-table .service-timepicker .timepicker-panel .time-picker-bd td {
    padding: 3px;
    border: 0;
    line-height: 18px;
}

.opt-zone .problem .problem-item .advice-table .service-timepicker .timepicker-panel .time-picker-wrap a, .opt-zone .plan-problem .problem-item .advice-table .service-timepicker .timepicker-panel .time-picker-wrap a {
    color: #fff;
}

.opt-zone .problem .problem-item .advice-table .service-timepicker .timepicker-panel .time-picker-bd td .checkbox, .opt-zone .plan-problem .problem-item .advice-table .service-timepicker .timepicker-panel .time-picker-bd td .checkbox {
    margin-right: 5px;
}

.opt-zone .problem .problem-item .advice-table .service-timepicker .timepicker-panel .triangle, .opt-zone .plan-problem .problem-item .advice-table .service-timepicker .timepicker-panel .triangle {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 11px solid;
    border-color: transparent transparent #d2d2d2 transparent;
    position: absolute;
    right: 23px;
    top: -22px
}

.opt-zone .problem .problem-item .advice-table .service-timepicker .timepicker-panel .triangle:after, .opt-zone .plan-problem .problem-item .advice-table .service-timepicker .timepicker-panel .triangle:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    position: absolute;
    border-bottom-color: #fff;
    border-top-width: 0;
    right: -10px;
    top: 1px;
}

.opt-zone .problem .problem-item .advice-table .opt-table, .opt-zone .plan-problem .problem-item .advice-table .opt-table {
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
    table-layout: fixed;
}

.opt-zone .problem .problem-item .advice-table .opt-table .slot, .opt-zone .plan-problem .problem-item .advice-table .opt-table .slot {
    position: relative;
}

.opt-zone .problem .problem-item .advice-table .opt-table td:first-child, .opt-zone .plan-problem .problem-item .advice-table .opt-table td:first-child {
    padding-left: 20px;
}

.opt-zone .problem .problem-item .advice-table .opt-table td.tbody-scroll-td, .opt-zone .plan-problem .problem-item .advice-table .opt-table td.tbody-scroll-td {
    padding: 0;
}

.opt-zone .problem .problem-item .advice-table .opt-table .warning-tip, .opt-zone .plan-problem .problem-item .advice-table .opt-table .warning-tip {
    position: absolute;
    right: 0;
    top: 17px;
    border: 1px solid #f0E2B8;
    background-color: #FFFEF2;
    color: #C48941;
    padding: 0 10px;
    line-height: 30px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
    font-size: 12px;
}

.opt-zone .problem .problem-item .advice-table .opt-table .fa-times, .opt-zone .plan-problem .problem-item .advice-table .opt-table .fa-times {
    margin-left: 20px;
}

.opt-zone .problem .problem-item .advice-table .v-select:first-child, .opt-zone .plan-problem .problem-item .advice-table .v-select:first-child {
    margin: 0;
}

.opt-zone .problem .problem-item .advice-table .pagination, .opt-zone .plan-problem .problem-item .advice-table .pagination {
    margin: 0;
}

.opt-zone .problem .problem-item .advice-table .fa-edit, .opt-zone .plan-problem .problem-item .advice-table .fa-edit {
    font-size: 16px;
    vertical-align: middle;
    margin-left: 5px;
}

.opt-zone .problem .problem-item .index-box, .opt-zone .plan-problem .problem-item .index-box {
    width: 18px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    margin-right: 10px;
    background: #ddd;
    display: inline-block;
    background: #e5675c;
}

.opt-zone .problem .problem-item .fa-angle-double-right,
      .opt-zone .problem .problem-item .fa-angle-down,
      .opt-zone .plan-problem .problem-item .fa-angle-double-right,
      .opt-zone .plan-problem .problem-item .fa-angle-down {
    margin-left: 6px;
}

.opt-zone .problem .problem-item .advice-list, .opt-zone .plan-problem .problem-item .advice-list {
    margin-left: 28px;
}

.opt-zone .problem .problem-item .advice, .opt-zone .plan-problem .problem-item .advice {
    margin-top: 15px;
    color: #596980;
    list-style: disc;
}

.opt-zone .problem .problem-item .grey, .opt-zone .plan-problem .problem-item .grey {
    background: #abbbcc;
}

.opt-zone .problem .problem-item:first-child, .opt-zone .plan-problem .problem-item:first-child {
    margin-top: 0;
}

.opt-zone .plan-problem {
    padding: 0;
}

.opt-zone .plan-problem .problem-item .btn-icon {
    padding: 10px 5px;
}

.opt-zone .plan-problem .problem-item .advice {
    margin-top: 0;
}

.layout-defaultmg{
  margin: 15px 0 20px 0;
}

.problem-tip {
  color: #596980;
}

#op-service-table{ overflow: visible}

#op-service-table .service-timepicker{ position:relative }

#op-service-table .timepicker-panel{
    position: absolute;
    width: 670px;
    background: #fff;
    z-index: 99;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
    top: 24px;
    right: -150px;
}

#op-service-table .triangle{ 
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 11px solid;
    border-color: transparent transparent #d2d2d2 transparent;
    position: absolute;
    right: 160px;
    top: -22px;
}

#op-service-table .triangle:after{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    position: absolute;
    border-bottom-color: #fff;
    border-top-width: 0;
    right: -10px;
    top: 1px;
}

#op-service-table .opt-table tbody td .checkbox{ margin-right: 5px; }

#op-service-table .opt-table .time-picker-bd th, #op-service-table .time-picker-bd td{ padding: 3px; }

#op-service-table .opt-table .time-picker-bd th:first-child, #op-service-table .time-picker-bd td:first-child{
    border: 0;
    line-height: 18px;
}

#op-service-table .opt-table a{ color: #fff }

#opt-modal input[type="text"].error { background: #E5675C;}

#opt-modal .warning-tip{
    position: absolute;
    right: 0;
    top: 17px;
    border: 1px solid #f0E2B8;
    background-color: #FFFEF2;
    color: #C48941;
    padding: 0 10px;
    line-height: 30px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
    font-size: 12px;
}

/************rocket animation***************/

@keyframes 'fade-rocket-leave' {
  0%{
    left:0px;
    opacity: 1;
  }
  5% {
    left: 30px;
    opacity: 1;
  }
  10% {
    left: 50px;
    opacity: 1;
  }
  30% {
    left: 200px;
    opacity: 0.8;
  }
  60%{
    left:350px;
    opacity: 0.5;
  }
  100%{
    left:500px;
    opacity: 0;
  }
}

.fade-rocket-leave {
    top: 0px;
    position:absolute;
    left:100px;
    opacity:1;
    animation-name: "fade-rocket-leave"; 
    animation-duration: 1s;
}

#section .reason-content{ margin-top: 0;}

#section .advice-table{ margin-top: 5px;}

.data-table .checkbox {
  margin-right: 20px;
}

.report-path thead th,
.report-path tbody td {
  padding: 0 20px;
}

.fixed-table + .scroll-box table td:first-child {
  padding-left: 0;
}

.fixed-table + .scroll-box table td:first-child table td:first-child {
    padding-left: 20px;
}

/**********tab-new style****************/

.tab-new {
    position: absolute;
    display: inline-block;
    border-radius: 100%;
    border: 4px solid red;
    right: 6px;
    top: 10px;
}

.mask-panel {
  position: absolute;
  top: 145px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: rgba(252, 252, 253, .8);
}

.mask-panel img {
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translate(-50%,-50%);
}

.content .mgr-5 {
    margin-right: 5px;
}

.row {
}

.row:before {
    content: '';
    display: table;
}

#carousel-row {
    position: relative;
    height: 550px;
}

#carousel-row .swiper-button-group {
    position: absolute;
    top: 0;
    bottom: 140px;
    right: 0;
    left: 0;
}

#carousel-row .swiper-button-prev {
    background-image: none;
    position: absolute;
    top: 280px;
    left: 0;
}

#carousel-row .swiper-button-prev .swiper-slick:before {
    transform: rotate(120deg);
    top: 225px;
}

#carousel-row .swiper-button-prev .swiper-slick:after {
    transform: rotate(60deg);
    top: 277px;
}

#carousel-row .swiper-button-prev:hover .swiper-slick {
    opacity: 1;
}

#carousel-row .swiper-button-next {
    background-image: none;
    position: absolute;
    top: 280px;
    right: 33px;
}

#carousel-row .swiper-button-next .swiper-slick:before {
    transform: rotate(60deg);
    top: 225px;
}

#carousel-row .swiper-button-next .swiper-slick:after {
    transform: rotate(120deg);
    top: 277px;
}

#carousel-row .swiper-button-arrow {
    transition: all .3s linear;
    height: 420px;
    width: 60px;
    transform: translate(0,-50%);
    z-index: 6;
    opacity: 0
}

#carousel-row .swiper-button-arrow:before,
      #carousel-row .swiper-button-arrow:after {
    content: "";
    position: absolute;
    z-index: 6;
    display: block;
    width: 62px;
    height: 2px;
    background-color: #fff;
}

#carousel-row .swiper-slide {
    background-image: url(https://p0.ssl.qhimg.com/t018df6fa7bf183268e.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#carousel-row .swiper-slide .swiper-slide-item {
    position: relative;
    height: 600px;
    width: 1200px;
    margin: 0 auto;
}

#carousel-row .swiper-slide .text-content {
    position: absolute;
    z-index: 10;
    width: 70%;
    top: 190px;
    color: #fff;
    text-align: left;
}

#carousel-row .swiper-slide .big-title {
    font-size: 48px;
    margin-bottom: 20px;
}

#carousel-row .swiper-slide .desc {
    font-size: 18px;
    margin-bottom: 60px;
}

#carousel-row .swiper-slide .detail-btn {
    background-color: #fff;
    color: #666;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    width: 150px;
    height: 50px;
    line-height: 50px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 16px;
}

#carousel-row .visiter {
    background-image: url(https://p0.ssl.qhimg.com/t017f1f5301ac3491d2.jpg);
}

#carousel-row .optimize {
    background-image: url(https://p2.ssl.qhimg.com/t017703478600802281.jpg);
}

#carousel-row .searchword {
    background-image: url(https://p0.ssl.qhimg.com/t01fd4fe4fbe8c9cc94.jpg);
}

#carousel-row:hover .swiper-slick {
    opacity: 1;
}

/*features*/

.features {
    padding: 100px 0 40px 0;
    background-color: #fff;
}

.features .features-table {
    width: 1200px;
    margin: 80px auto;
    text-align: center;
}

.features .features-table .cell {
    width: 25%;
}

.features .features-item {
    background: #fff;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
    margin: 0 12px;
    padding: 60px 0;
    border-radius: 8px;
}

.features .title {
    padding: 40px 0 20px 0;
    font-size: 20px;
}

.features .features-detail {
    line-height: 1.8;
    font-size: 12px;
    color: #666;
    padding: 0 2.5em;
}

.features .features-img {
    width: 75px;
    height: 90px;
    margin: 0 auto;
    overflow: hidden;
    background: url('https://p0.ssl.qhimg.com/t017b8ea71b3b1e360f.png') no-repeat
}

.features #features1-img {
    background-position-x: 0px;
}

.features #features2-img {
    background-position-x: -130px;
}

.features #features3-img {
    background-position-x: -260px;
}

.features #features4-img {
    background-position-x: -390px;
}

/*end advantage*/

.experience {
    padding-top: 80px;
}

.experience .experience-slick {
    position: relative;
    width: 1000px;
    margin: 50px auto;
}

.experience .experience-slick .swiper-container {
    padding-bottom: 55px;
    padding-top: 10px;
}

.experience .experience-slick .swiper-slide {
    width: 760px;
}

.experience .experience-slick .swiper-button-prev,
        .experience .experience-slick .swiper-button-next {
    z-index: 8;
    top: 175px;
    background-image: url(https://p2.ssl.qhimg.com/t014b0e8e93dd2cb70a.png);
    width: 12px;
    height: 40px;
    background-position: -15px;
    transform: scale(3) rotate(180deg);
}

.experience .experience-slick .swiper-button-prev {
    left: -50px;
    transform: scale(3)
}

.experience .experience-slick .swiper-button-prev:hover {
    background-position: 0;
    transform: scale(3) rotate(180deg);
}

.experience .experience-slick .swiper-button-next {
    right: -50px
}

.experience .experience-slick .swiper-button-next:hover {
    background-position: 0;
    transform: scale(3);
}

.experience .experience-slick .slick-item {
    height: 350px;
    position: relative;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
}

.experience .experience-slick .slick-item .avatar {
    width: 100px;
    height: 100px;
    margin-top: 10px;
    background-color: #fff;
}

.experience .experience-slick .slick-item .praise {
    width: 600px;
    vertical-align: top;
    color: #738699;
    font-size: 18px;
    padding: 120px 0 0 70px;
    line-height: 1.8
}

.experience .experience-slick .slick-item .praise::before {
    content: '"';
    position: absolute;
    left: 40px;
    top: 70px;
    font-size: 48px;
}

.experience .experience-slick .slick-item .praise::after {
    content: '"';
    position: absolute;
    font-size: 48px;
    top: 170px;
    right: 80px;
}

.experience .experience-slick .slick-item .user {
    position: absolute;
    font-size: 14px;
    color: #738699;
    bottom: -50px;
    left: 320px;
    box-shadow: 0 0 2px 2px #eee;
    background: #fff;
    width: 120px;
    height: 120px;
    text-align: center;
    border-radius: 100%;
}

.experience .experience-slick .slick-dots {
    bottom: -75px;
}

.experience .experience-slick .slick-dots li button {
}

.experience .experience-slick .slick-dots li button:before {
    height: 11px;
    width: 11px;
    content: '';
    border: 1px solid #fff;
    border-radius: 50%;
}

.experience .experience-slick .slick-dots li.slick-active button:before {
    background-color: #fff;
    opacity: 1;
}

.partner {
    background: url(https://p2.ssl.qhimg.com/t017f8baeea2ff19e9b.png) center top no-repeat;
    background-size: 100% auto;
    background-color: #3e4a5a;
    padding: 100px 0 60px 0;
    color: #fff;
    position: relative;
    height: 580px;
}

.partner .arc-bg {
    position:absolute;
    top: -60px;
    left: 0;
    width: 100%;
    height: 120px;
    border-radius: 100%/120px;
    background: #F5F8FB;
    clip: rect(60px, 100vw, 120px, 0)
}

.partner .partner-container {
    width: 960px;
    height: 300px;
    margin: 50px auto;
    position: relative;
}

.partner .partner-container .partner-item {
    height: 50px;
    display: inline-block;
    width: 140px;
    margin: 10px;
    background-color: #fff;
    background-repeat: no-repeat;
}

.partner .partner-container .little-person {
    position: absolute;
    right: -15px;
    bottom: -127px;
    width: 50px;
    height: 150px;
    background: url(https://p3.ssl.qhimg.com/t01192875a5bf441445.png) no-repeat;
}

h1 {
  font-size: 36px;
}

hr {
  box-sizing: content-box;
  height: 0;
  margin: 20px auto;
  display: block;
}

.center {
  text-align: center!important;
}

.circle {
  border-radius: 50%!important;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px
}

.slick-initialized .slick-slide {
  display: block;
  overflow: hidden;
}

.disib {
  display: inline-block;
}

.ft {
    width: 100%;
    height: 120px;
    z-index: 10;
    position: static;
    padding: 25px 0;
    clear: both;
    background-color: rgb(54, 63, 77);
    margin: 0 auto;
}

.ft .footer {
    padding: 0;
}

.ft .site-name {
    color: rgb(115, 134, 153);
    margin-bottom: 1em
}

.ft .site-name a:hover {
    color: rgb(218, 223, 230);
}

.ft .site-copyright {
    color: rgb(115, 134, 153);
}

/*   login css*/

#login p a {
  white-space: nowrap;
}

/**header title and chart**/

.header-chart-line {
  margin: 0 0 20px;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

.content-part .header-chart-line {
  margin: 0 -20px;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 40px;
  height: 3px;
  border-radius: 0;
  background: #f5f8fb;
}

.swiper-pagination-bullet-active {
  background: #fff;
}

.notLogin {
  padding: 0;
  margin: 0 auto;
  width: 100%
}
.notLogin > .header-wrapper {
  width: 1200px;
  margin: auto
}
.nav .domain-select {
  padding: 0;
}

#login_info[data-v-991e3836] {
    float: right;
    font-size: 12px;
    margin-top: 8px;
}
@media screen and (max-width: 1000px) {
#login_info > .nav-right[data-v-991e3836] {
        display: none;
}
}
.nav-right > a[data-v-991e3836],
    .nav-right > span[data-v-991e3836] {
    display: inline-block;
    margin-right: 15px;
    color: #fff;
    padding: 0 1em
}
.nav-right > a[data-v-991e3836]:hover, .nav-right > span[data-v-991e3836]:hover {
    border-bottom: 2px solid #fff;
}
.nav-right > a.logout[data-v-991e3836] {
    margin-right: 0;
}





























































































































































































































































































































































































































/**
 * Swiper 4.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2017 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 28, 2017
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-invisible-blank-slide {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -ms-flex-align: start;
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, .25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, .25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="50" /></filter></svg>#filter');
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

.notLogin {
  padding: 0;
  margin: 0 auto;
  width: 100%
}
.notLogin > .header-wrapper {
  width: 1200px;
  margin: auto
}
.nav .domain-select {
  padding: 0;
}

#login_info[data-v-048dc5e4] {
    float: right;
    font-size: 12px;
    margin-top: 8px;
}
@media screen and (max-width: 1000px) {
#login_info > .nav-right[data-v-048dc5e4] {
        display: none;
}
}
.nav-right > a[data-v-048dc5e4],
    .nav-right > span[data-v-048dc5e4] {
    display: inline-block;
    margin-right: 15px;
    color: #fff;
    padding: 0 0.5em
}
.nav-right > a[data-v-048dc5e4]:hover, .nav-right > span[data-v-048dc5e4]:hover {
    border-bottom: 2px solid #fff;
}
.nav-right > span[data-v-048dc5e4]:hover {
    border-bottom: 0;
}
.nav-right > a.logout[data-v-048dc5e4] {
    margin-right: 0;
}
/*
 * 页面变量配置
 */
/*
 *  颜色设置
 */
[data-v-771ade86]:root {

    /*
     * 字体设置
     */


    /*
     * 布局设置
     */

    /*
     * 主色
     */
    /*
     * 辅色
     */
    /*
     * 辅色 1
     */
    /*
     * 辅色 2
     */
}
.message[data-v-771ade86] {
  width: 500px;
  padding: 25px 35px;
  font-size: 14px;
}
.remember[data-v-771ade86] {
  margin-left: 5px;
  margin-right: 20px;
  font-size: 12px;
}
.btn-container[data-v-771ade86] {
  text-align: center;
  margin-top: 35px;
}

.custom-modal .close {
  display: none;
}
.custom-modal .message {
  width: 447px;
  margin: 30px;
  font-size: 14px;
  text-align: center;
}
.custom-modal .tip {
  margin-bottom: 30px;
  text-align: left;
}
.custom-modal .link {
  color: #56BF8B;
  margin: 0 5px;
}

h4[data-v-4927d7b6] {
  font-size: 18px;
  text-align: center;
  margin: 20px auto;
}

.iframe-header[data-v-25aafe4f] {
  background-color: #fff;
  border-bottom: 1px solid rgb(227, 227, 227);
  padding: 5px 15px;
}
iframe[data-v-25aafe4f] {
  min-height: 500px;
}
.content[data-v-25aafe4f] {
  padding: 0;
  margin: 0;
  padding-top: 60px;
}

.content[data-v-b3583b02] {
  margin: 0;
  text-align: center;
}
.guide[data-v-b3583b02] {
  height: 500px;
  padding-top: 100px;
}
.guide h3[data-v-b3583b02] {
  font-size: 16px;
  margin-bottom: 30px;
}
.footer[data-v-b3583b02] {
  padding-left: 0;
}


.row[data-v-d40e97e8] {
  background: #fff;
}
.tab-row[data-v-d40e97e8] {
  text-align: center;
  margin-top: 20px;
}
.tab-row a[data-v-d40e97e8] {
  display: inline-block;
  width: 290px;
  line-height: 50px;
  font-size: 26px;
  font-weight: normal;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .1)
}
.tab-row a[data-v-d40e97e8]:hover,
    .tab-row a.active[data-v-d40e97e8] {
  color: rgb(86, 191, 139);
  border-bottom: 2px solid rgb(86, 191, 139);
}
#present-row[data-v-d40e97e8] {
    position: relative;
    height: 500px;
    background: url("https://p1.ssl.qhimg.com/t01a144bca0b3e12c35.png") no-repeat center;
    background-size: cover
}
.present[data-v-d40e97e8],
.account[data-v-d40e97e8] {
    width: 1200px;
    height: 500px;
    margin: 0 auto
}
.account .cell[data-v-d40e97e8],
.present .cell[data-v-d40e97e8] {
    width: 50%;
    display: inline-block;
    padding-top: 50px
}
.account tr[data-v-d40e97e8] {
  height: 480px;
  vertical-align: top;
}
.account .desc[data-v-d40e97e8] {
  margin-left: 80px;
}
.account .desc li[data-v-d40e97e8] {
  line-height: 30px;
  margin-bottom: 15px;
  font-size: 20px;
  list-style-type: upper-alpha;
  color: rgb(217, 169, 111);
}
.present .cell .title[data-v-d40e97e8] {
    font-size: 26px;
    color: #363f4d;
    padding-bottom: 60px
}
.present .cell .des[data-v-d40e97e8] {
    font-size: 16px;
    margin-bottom: 30px
}
.present .cell .des .subtitle[data-v-d40e97e8] {
    display: inline-block;
    color: #444;
    font-weight: bold
}
.present .cell .des .text[data-v-d40e97e8] {
    display: inline;
    color: #666
}
.footer-container[data-v-d40e97e8] {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.little-person[data-v-d40e97e8] {
    position: absolute;
    right: 0;
    bottom: -51px;
    width: 50px;
    height: 150px;
    background: url(https://p3.ssl.qhimg.com/t01192875a5bf441445.png) no-repeat;
}
.txt-left[data-v-d40e97e8] {
  text-align: left;
}
.txt-right[data-v-d40e97e8] {
  text-align: right;
}
.account td[data-v-d40e97e8] {
  position: relative;
}
.manual-text[data-v-d40e97e8] {
    position: relative;
    margin: 30px 0 15px 80px;
    word-wrap: break-word;
    word-break: normal;
    font-size: 24px;
}
.manual-text[data-v-d40e97e8]::before {
    content: attr(data-index);
    position: absolute;
    left: -80px;
    top: -10px;
    display: inline-block;
    width: 50px;
    line-height: 50px;
    font-size: 30px;
    border: 1px solid rgb(230, 235, 242);
    border-radius: 50%;
    text-align: center;
    background: rgb(230, 235, 242);
    margin-right: 10px;
    color: #fff;
}
.text[data-v-d40e97e8] {
  font-size: 16px;
  color: rgb(102, 102, 102);
}
.tag-index[data-v-d40e97e8],
.tag-notice[data-v-d40e97e8] {
  margin-right: 5px;
  font-size: 20px;
  color: rgb(217, 169, 111);
}
.tag-notice[data-v-d40e97e8] {
  font-size: 16px;
}
.sub-text[data-v-d40e97e8] {
  margin-left: 20px;
}
.account .pt20[data-v-d40e97e8] {
  padding-top: 70px;
}

.heatmap[data-v-7a3b5182] {
  position: relative;
  padding: 0 40px;
}
h1[data-v-7a3b5182] {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 18px;
  color: #384b66;
  font-weight: bold;
}
.ps[data-v-7a3b5182] {
  color: #a3b1bf;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
select[data-v-7a3b5182] {
  width: 8em;
  margin: 0 15px 0 5px;
}
hr[data-v-7a3b5182] {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.heatmap .summary[data-v-7a3b5182] {
  position: absolute;
  top: 0;
  right: 40px;
  padding: 10px;
  width: 180px;
  height: 86px;
  background: #f6f7f9;
  border: 1px solid #dadfe6;
  font-size: 14px;
}
.heatmap .summary .key[data-v-7a3b5182] {
  color: #738699;
}
.heatmap .summary .value[data-v-7a3b5182] {
  color: #384b66;
}
.heatmap .color-line[data-v-7a3b5182] {
  float: right;
}
.heatmap .color-line .color-unit[data-v-7a3b5182] {
  display: inline-block;
}
.heatmap .color-line .color-unit .color-block[data-v-7a3b5182] {
  display: inline-block;
  border-radius: 4px;
  width: 24px;
  height: 12px;
  margin: 0 0 0 15px;
  cursor: pointer;
}
.heatmap .color-line .color-unit .color-value[data-v-7a3b5182] {
  display: inline-block;
}

.hm-container .rect {
  padding: 5px 10px;
}
.hm-container .rect .cls {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAw0lEQVQ4y6WRMQ6CQBBF33ABEhJbLuGlrKSn1dCLBbaewVPoMWiJkD3BWAhk3YybAL/abOa/zP8jqroHjkDGMvVALap6X2GeIckGM0CWBB8dcAacMeyA0zgzKwQ0IvIEygDigFJEXsAtBihUNReR1oNM5lZVc76FzxJVfRir+ga8dwWksQ0YB6ppk5j5H2CRLMBPBKOTKCDMX/lxLEgIuBiZ0wBSx67QAQ1QGIW50XwAdrEzLi6x3+AfEuAKDCvMb6D+AMNhaDuyE5d4AAAAAElFTkSuQmCC);
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.hm-container .rect .cls:hover {
  transform: scale(1.1);
}
.hm-container .rect .text {
  width: 150px;
  height: 50px;
  color: #fff;
}
.hm-container .rect .text.aside {
  position: absolute;
  right: -155px;
  top: 0;
  background: rgba(38, 38, 38, .5);
  border: 1px solid #a4ba9e;
}

.header[data-v-93a4a038] {
  background-color: #fff;
  border-bottom: 1px solid #dadfe6;
}
.header h2[data-v-93a4a038] {
  color: #455770;
}
.header .fa[data-v-93a4a038] {
  margin-left: 5px;
}
.content[data-v-93a4a038] {
  margin: 10px 0;
  display: -ms-flexbox;
  display: flex;
}
.form[data-v-93a4a038] {
  padding: 20px;
}
.form .label[data-v-93a4a038],
  .form .control[data-v-93a4a038] {
  line-height: 32px;
  text-align: left;
  min-width: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 200px;
}
.detail-wrap[data-v-93a4a038] {
  max-width: 280px;
  border: 1px solid #dadfe6;
  margin-right: 20px;
  background: #fff;
}
.detail-wrap .detail-title[data-v-93a4a038] {
  margin-bottom: 15px;
  overflow: hidden;
}
.detail-wrap .detail-title .detail-head[data-v-93a4a038],
    .detail-wrap .detail-title .detail-info[data-v-93a4a038] {
  float: left;
}
.detail-wrap .detail-title .detail-info[data-v-93a4a038] {
  padding: 5px 15px;
  width: 150px;
}
.detail-wrap .detail-title .detail-info .control[data-v-93a4a038] {
  max-width: 90px;
}
.detail-wrap .detail-title .item[data-v-93a4a038] {
  margin: 0;
  width: 155px;
}
.list-wrap[data-v-93a4a038] {
  -ms-flex: 1;
      flex: 1;
}
.list-wrap .q-timespan[data-v-93a4a038] {
  margin-top: 0;
  line-height: 28px;
  vertical-align: baseline;
}
.arrow-r[data-v-93a4a038] {
  display: inline-block;
  width: 14px;
  height: 14px;
  font-size: 14px;
  text-align: right;
  color: #999;
}
.data-table[data-v-93a4a038] {
  table-layout: fixed;
}
.data-table .text-left[data-v-93a4a038] {
  text-align: right;
}
.data-table thead th[data-v-93a4a038],
  .data-table tbody td[data-v-93a4a038] {
  min-width: 50px;
  max-width: 400px;
  padding: 0 5px 0 20px
}
.data-table thead th[data-v-93a4a038]:last-child, .data-table tbody td[data-v-93a4a038]:last-child {
  padding-right: 20px;
}
.data-table tbody tr.toggle-detail[data-v-93a4a038] {
  background: #f5f8fb;
}
.data-table tbody tr.info[data-v-93a4a038] {
  background: #fff;
}
.data-table .text-right[data-v-93a4a038] {
  width: 180px;
}
.pointer[data-v-93a4a038] {
  cursor: pointer;
}
.tip[data-v-93a4a038] {
  color: #999;
  font-size: 12px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
.tip .clickable[data-v-93a4a038] {
  cursor: pointer;
  text-decoration: underline
}
.tip .clickable[data-v-93a4a038]:hover {
  color: #57e69e;
}
/*
 * 页面变量配置
 */
/*
 *  颜色设置
 */
:root {

    /*
     * 字体设置
     */


    /*
     * 布局设置
     */

    /*
     * 主色
     */
    /*
     * 辅色
     */
    /*
     * 辅色 1
     */
    /*
     * 辅色 2
     */
}
.sidebar {
    overflow-x: hidden;
    overflow-y: auto;
}
.sidebar::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.sidebar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .40);
    border-radius: 0;
    border-radius: 0;
}
.sidebar::-webkit-scrollbar-track {
    background: #2c3440;
}
.sidebar h2 {
    cursor: pointer;
}
.sidebar h2 .arrow-toggle {
    float: right;
    line-height: 45px;
    margin-right: 15px;
}
.menu-expand {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9;
    background: #363F4D;

    height: 35px;
    line-height: 35px;
    padding-left: 20px;
    overflow: hidden;
    color: #6B7E99
}
.menu-expand > svg {
    float: right;
    margin: 8px 10px 0 0;
    cursor: pointer;
}
.menu-expand > svg > path {
    fill: #6B7E99;
}
.menu-expand > svg:hover > path {
    fill: #fff;
}
.menu-expand > svg.extracted {
    transform: rotate(180deg);
}
.sidebar-extract {
    width: 60px;
    overflow: visible;
    overflow: initial;
}
.sidebar-extract + .content {
    margin-left: 60px;
}
.sidebar-extract + .content + .footer {
    padding-left: 60px;
}
.sidebar-extract .menu-expand {
    padding: 0;
    text-align: center
}
.sidebar-extract .menu-expand > span {
    display: none;
}
.sidebar-extract .menu-expand > svg {
    float: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.sidebar-extract section {
    position: relative;
    height: 45px;
}
.sidebar-extract section > h2 {
    padding: 0;
    text-align: center;
}
.sidebar-extract section > h2 > .menu-icon {
    margin: 0;
}
.sidebar-extract section > h2 > .menu-title {
    display: none;
}
.sidebar-extract section > h2 > .arrow-toggle {
    display: none;
}
.sidebar-extract section .submenu {
    display: none;
}
.sidebar-extract section:before {
    display: none;
}
.sidebar-extract section:hover > h2 {
    background: #475466;
}
.sidebar-extract section:hover > h2 > .menu-icon {
    display: none;
}
.sidebar-extract section:hover > h2 > .menu-title {
    display: block;
    white-space: nowrap;
    font-size: 12px;
}
.sidebar-extract section:hover > h2 + .submenu {
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1;
    width: 120px;
    padding: 6px 15px;
}
.sidebar-extract section:hover > h2 + .submenu > li > a {
    padding: 0;
}
.sidebar-extract section:hover > h2 + .submenu > li > a:before {
    display: none;
}
.sidebar li a.disabled:hover {
    color: #b2b2b2;
}
.sidebar li a.disabled:hover:before {
    background-color: #475467;
}
.submenu .submenu-item {
  position: relative;
}
.submenu-item .new-func {
  background: url("https://p5.ssl.qhimg.com/t0132d38f57f054918f.png") no-repeat;
  display: inline-block;
  width: 31px;
  height: 14px;
  margin-left: 10px;
  vertical-align: middle;
}

h2[data-v-2e613c9a] {
    position: relative;
}
small[data-v-2e613c9a] {
    font-family: Microsoft Yahei,sans-serif;
}
/*
 * 页面变量配置
 */
/*
 *  颜色设置
 */
[data-v-63db705a]:root {

    /*
     * 字体设置
     */


    /*
     * 布局设置
     */

    /*
     * 主色
     */
    /*
     * 辅色
     */
    /*
     * 辅色 1
     */
    /*
     * 辅色 2
     */
}
.change-view-mode[data-v-63db705a] {
    float: right;
    font-size: 12px;
    color: #666;
    font-weight: normal
}
.change-view-mode > .sep[data-v-63db705a] {
    display: inline-block;
    width: 2em;
    color: #a1a1a1;
    text-align: center
}
.hover-link[data-v-63db705a] {
    font-size: 12px;
    color: #a1a1a1;
    text-decoration: none;
    height: 28px;
    line-height: 28px;
    font-weight: normal;
}
.hover-link[data-v-63db705a]:hover {
    color: #384b66;
    text-decoration: underline;
}
.data-table[data-v-63db705a] {
    table-layout: fixed;
}
.data-table th[data-v-63db705a]:first-child,
.data-table td[data-v-63db705a]:first-child {
    padding-left: 20px;
}
.data-table .tac-r[data-v-63db705a] {
    text-align: right;
}
.opt-table .rank[data-v-63db705a] {
  width: 16px;
  line-height: 16px;
  background: #ABBCCC;
  color: #fff;
  margin: 0;
  text-align: center;
}
.opt-table .rank_1[data-v-63db705a] {
  background: #E5675C;
}
.opt-table .rank_2[data-v-63db705a] {
  background: #FFAA00;
}
.opt-table .rank_3[data-v-63db705a] {
  background: #F2C230;
}
.top-zone[data-v-63db705a],
.zone[data-v-63db705a] {
    background: #fff;
    overflow: hidden;
    margin-bottom: 20px;
}
.zone header[data-v-63db705a] {
    padding-right: 1em;
}
.top-zone[data-v-63db705a] {
    border: 0;
    background: transparent;
}
.top-zone-row[data-v-63db705a] {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.top-zone-cell[data-v-63db705a] {
    display: table-cell
}
.top-zone-cell > div[data-v-63db705a] {
    background: #fff;
    border: 1px solid #e5e5e5;
    margin-bottom: 20px
}
.multi-indices-menu[data-v-63db705a] {
  float: right;
  font-size: 14px;
}
.multi-indices-menu select[data-v-63db705a] {
  width: 9em;
  margin: 0 5px;
}
.compare-indice[data-v-63db705a] {
  color: #999;
  font-size: 12px;
  margin: 0 5px;
}
.qhbar-table[data-v-63db705a] {
}
.qhbar-table > tbody tr[data-v-63db705a]:nth-child(even) {
    background: #fff
}
.percent-bar-con[data-v-63db705a] {
    width: 100%;
    overflow: hidden;
    background: #f5f8fb;
}
.percent-bar[data-v-63db705a] {
    float: right;
    padding-right: 10px;
    line-height: 1.4;
    text-align: right;
}
.percent-bar-yellow[data-v-63db705a] {
    color: #fff;
    background: #e8b71a;
}
.percent-bar-green[data-v-63db705a] {
    color: #fff;
    background: #4fc188;
}
.view-all[data-v-63db705a] {
    float: right;
    font-size: 12px;
    color: #B0B3B7
}
.view-all a[data-v-63db705a] {
    margin-left: 5px;
    text-decoration: none
}
.view-all:hover a[data-v-63db705a] {
    text-decoration: underline
}
.ml6[data-v-63db705a] {
    margin-left: 6px;
}
.mr6[data-v-63db705a] {
    margin-right: 6px;
}
.bdb[data-v-63db705a] {
    border-bottom: 1px solid #e5e5e5;
}
.btn-icon[data-v-63db705a] {
    margin-top: 14px;
}
.btn-toggle-arrow[data-v-63db705a] {
    display: block;
    position: relative;
    width: 48px;
    height: 10px;
    padding: 0;
    line-height: 1;
    vertical-align: middle;
    border-radius: 0;
    margin: 0 auto;
    background: #c8ccd5;
    color: #fff
}
.btn-toggle-arrow[data-v-63db705a]:hover {
    color: #fff;
    background-color: #56BF8B
}
.arrow-up[data-v-63db705a]:after, .arrow-down[data-v-63db705a]:after{
    content: '';
    display: block;
    position: absolute;
    left: 18px;
    width: 0;
    height: 0;
    bottom: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
.arrow-up[data-v-63db705a]:after{
    border-bottom: 4px solid #fff;
}
.arrow-down[data-v-63db705a]:after{
    border-top: 4px solid #fff;
}
.arrow-up[data-v-63db705a]:after, .arrow-down[data-v-63db705a]:after {
    content: '';
    display: block;
    position: absolute;
    left: 18px;
    bottom: 3px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
.arrow-down[data-v-63db705a]:after {
    border-top: 4px solid #fff;
}
.arrow-up[data-v-63db705a]:after {
    border-bottom: 4px solid #fff;
}
.site-survey[data-v-63db705a] {
    margin-bottom: 20px;
}
.site-survey h2[data-v-63db705a] {
    padding: 0;
    margin-top: 20px;
    margin-bottom: 10px;
}
.mode-active[data-v-63db705a] {
    font-weight: bold;
    text-decoration: underline;
    color: #384b66
}
.data-table td.pad-0[data-v-63db705a] {
    padding-left: 0;
    padding-right: 0;
}
.fff-divider[data-v-63db705a] {
    position: relative;
    padding-left: 20px;
}
.fff-divider[data-v-63db705a]:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #fff
}
.qhbar-table td[data-v-63db705a],
.qhbar-table th[data-v-63db705a] {
  padding: 0 20px;
}
.qhbar-table th[data-v-63db705a]:first-child {
  padding: 0 17px;
}
.overview-table td[data-v-63db705a]:first-child {
  border-left: 1px solid #e5e5e5;
}
.overview-table td[data-v-63db705a]:last-child {
  border-right: 2px solid #e5e5e5;
}

.charts[data-v-17c48276] {
  border: 0!important;
}
.zone[data-v-17c48276] {
    background: #fff;
    margin: 20px 0;
}
.realtime-uv[data-v-17c48276] {
    float: right;
    margin-right: 30px;
    font-size: 12px;
    color: #999;
}
.toggle-flow-type[data-v-17c48276] {
    padding: 5px 0 10px 3em;
    -webkit-user-select: none;
            -moz-user-select: none;
             -ms-user-select: none;
         user-select: none;
}
.checkbox[data-v-17c48276] {
    display: inline-block;
    padding-left: 20px;
    margin-right: 25px;
    font-size: 12px;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAElBMVEX////d4Ord4Ofd3+va4eje4OV0/av1AAAAO0lEQVQI12NwVTI2ElJScmUIYAADJgYFNAYLgwGEwQhjMCEYDjApAQyGApyBLgXXhTA5SEVIUVBQUBQAg8wErikP7a8AAAAASUVORK5CYII=) left center no-repeat;
}
.checkbox.checked[data-v-17c48276] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAe1BMVEX//////v////39///c4Ond4ef+/v3e4OUnvE7d4OsovEwqvVDb4OnZ4Oip5Lj7/fr2/ffc3uri9ufA68pv04xOym1BxmQ7wV0uwFYlvEzw+vLs+fDp9u3c89/W893Q8NnN79ae4LCS3aWH2J131Ytr0Ydeznxhzns2wVy3gNuAAAAAsklEQVQY0y2PV3IEMQhEm0YgjSZsTs7Zvv8J3VO1/Kh4rUcB5hoxDLsotUTEVFENKrqBgHlFIAXS9BjBQIinSDoV+IRBDZnm2B4XWlkBqMgefsbbh4QdEyn2dGptXDwww/YH2vO5tesBLsVfLuPy9tf65RXrjMLv3m/X1s97M0NBYHMce2+nRybdBIz+ObbfrWJHSgHg71+bdHdAP2YDSHV0KVwXS4ciQgkk1BqTDi/3qv+EGQbH70lusQAAAABJRU5ErkJggg==);
}
.table-title-tip[data-v-17c48276] {
    font-size: 12px;
    color: rgb(210, 176, 37);
    margin-left: 5px;
}
.table-tool-row[data-v-17c48276] {
    padding: 0 20px 20px;
    font-size: 12px
}
.table-tool-row > select[data-v-17c48276] {
  width: 8em;
  margin: 0 15px 0 5px;
}
.data-table[data-v-17c48276] {
    table-layout: fixed;
}
.data-table th span.margin_icon[data-v-17c48276] {
  margin-left: 6px;
}
.data-table th[data-v-17c48276],
.data-table td[data-v-17c48276] {
    text-align: left;
}
.data-table th[data-v-17c48276]:first-child,
.data-table td[data-v-17c48276]:first-child {
    text-align: center;
}
.download-btn[data-v-17c48276]{
    float: right;
    margin-right: 14px;
}

.zone[data-v-d7e3d57a] {
    background: #fff;
    margin: 20px 0;
}
.bdb[data-v-d7e3d57a] {
    border-bottom: 1px solid #e5e5e5;
}
.multi-indices-menu[data-v-d7e3d57a] {
  float: right;
  font-size: 14px;
}
.multi-indices-menu select[data-v-d7e3d57a] {
  width: 9em;
  margin: 0 5px;
}
.compare-indice[data-v-d7e3d57a] {
  color: #999;
  font-size: 12px;
  margin: 0 5px;
}
.table-title-tip[data-v-d7e3d57a] {
    font-size: 12px;
    color: #999;
    margin-left: 5px;
}
.data-table[data-v-d7e3d57a] {
    table-layout: fixed;
}
.data-table th[data-v-d7e3d57a]:first-child,
.data-table td[data-v-d7e3d57a]:first-child {
    text-align: center;
}

.scroll-box[data-v-17b5cd63] {
  overflow: auto
}
.scroll-box[data-v-17b5cd63]::-webkit-scrollbar {
  width: 5px;
  height: 5px
}
.scroll-box[data-v-17b5cd63]::-webkit-scrollbar-thumb {
  background: #ced3d9;
  border-radius: 10px;
  border-radius: 30px
}
.scroll-box[data-v-17b5cd63]::-webkit-scrollbar-track {
  background: #eaeced
}
.fixed-table[data-v-17b5cd63] {
  float: left;
  width: auto;
  border-right: 1px solid #dadfe6;
}
.fixedtable-boxshadow[data-v-17b5cd63] {
  box-shadow: 2px 0 5px -2px rgba(0, 0, 0, .2);
}
 


.compTextIndent[data-v-2e13e2d0] {
  margin-left: 20px;
}
.table-infolist .bl .infoTextIndent[data-v-2e13e2d0] {
  margin-left: 46px;
}
.textIndent[data-v-2e13e2d0] {
  margin-left: 66px;
}
.fixed-width-cell[data-v-2e13e2d0] {
  min-width: 300px;
}
.fixed-width-itemcell[data-v-2e13e2d0] {
  min-width: 100px;
}
/********正常表格显示含有icon********/
.opt-table td[data-v-2e13e2d0]:last-child {
  padding-right: 28px;
}
/************左侧固定列无右侧padding*****************/
.fixed-table .table-childlist th[data-v-2e13e2d0]:last-child, 
.fixed-table .table-childlist td[data-v-2e13e2d0]:last-child {
  padding-right: 0px;
}
.fa--empty[data-v-2e13e2d0] {
  width: 13px;
  height: 5px;
  display: inline-block;
}
.visiable-th[data-v-2e13e2d0] {
  overflow: visible;
}
.bluethead td.has-scroll-bar[data-v-2e13e2d0],
.scroll-box td.has-scroll-bar[data-v-2e13e2d0] {
  padding-right: 13px!important;
}
.has-scroll-bar table td[data-v-2e13e2d0]:last-child{
  padding-right: 29px;
}
.relative[data-v-2e13e2d0] {
  position: relative;
}
.sum-children td[data-v-2e13e2d0]{
  background: #F7F7FA;
}
.opt-table.bluethead thead tr[data-v-2e13e2d0] {
  background: #596980;
}
.opt-table.bluethead thead tr th[data-v-2e13e2d0] {
  color: #fff;
}
.opt-table.bluethead thead tr .sort[data-v-2e13e2d0] {
  color: #999;
}
.opt-table.bluethead thead tr .sorted[data-v-2e13e2d0] {
  color: #fff;
}
.tooltip_icon[data-v-2e13e2d0]{
  font-size: 16px;
}

.geo-distrib-charts[data-v-acf67ce4] {
    width: 100%;
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
}
.search[data-v-acf67ce4], .fr[data-v-acf67ce4] {
  float: right;
}
.right-tab a[data-v-acf67ce4] {
  float: left;
}
.fr .btn[data-v-acf67ce4] {
  margin: 0;
}
.fr[data-v-acf67ce4] {
  line-height: 53px;
}
.v-select[data-v-acf67ce4] {
  margin: 0 10px;
}
/*
 * 页面变量配置
 */
/*
 *  颜色设置
 */
[data-v-1026f29e]:root {

    /*
     * 字体设置
     */


    /*
     * 布局设置
     */

    /*
     * 主色
     */
    /*
     * 辅色
     */
    /*
     * 辅色 1
     */
    /*
     * 辅色 2
     */
}
.zone[data-v-1026f29e] {
    background: #fff;
    overflow: hidden;
    margin-bottom: 20px;
}
.title[data-v-1026f29e] {
    padding: 5px 0;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: bold;
}
.risefall-type[data-v-1026f29e] {
    margin-bottom: 20px;
}
.data-table[data-v-1026f29e] {
    table-layout: fixed;
}
.data-table .order-text[data-v-1026f29e] {
    text-align: center;
}
.data-table .order-ctrl[data-v-1026f29e] {
    cursor: pointer;
    text-align: center;
}
.order-ctrl.active[data-v-1026f29e] {
    background-color: #56bf8b;
}

/*
 * 页面变量配置
 */
/*
 *  颜色设置
 */
:root {

    /*
     * 字体设置
     */


    /*
     * 布局设置
     */

    /*
     * 主色
     */
    /*
     * 辅色
     */
    /*
     * 辅色 1
     */
    /*
     * 辅色 2
     */
}
.risefall-type .compare-type {
    display: inline-block
}
.risefall-type .compare-type > label {
    margin-right: 10px;
    margin-left: 0
}
.risefall-type .se-type-select {
    margin-left: 0;
}
.up-arrow {
    color: red;
}
.down-arrow {
    color: #56bf8b;
}
.up-arrow,
.down-arrow {
    margin-left: 5px;
    font-family: Microsoft Yahei;
    font-weight: bold;
}
.datepicker{ width: 15em
}
/*
 * 页面变量配置
 */
/*
 *  颜色设置
 */
[data-v-02fb9240]:root {

    /*
     * 字体设置
     */


    /*
     * 布局设置
     */

    /*
     * 主色
     */
    /*
     * 辅色
     */
    /*
     * 辅色 1
     */
    /*
     * 辅色 2
     */
}
.mid-charts[data-v-02fb9240]{
    width: 100%;
    padding-top: 10px;
}
.bar-picker-wrapper[data-v-02fb9240]{ margin: 20px;
}
.datepicker[data-v-02fb9240]{ display: inline-block;
}
.zone header[data-v-02fb9240]{ 
    border-top: 1px solid #ccc;
    border-bottom : 1px solid #ccc;
}
.charts[data-v-02fb9240]{ border-top: none;
}
.fr[data-v-02fb9240]{ 
    float: right;
    margin: 15px 25px 10px;
}
.q-timespan[data-v-02fb9240]{ margin: 15px 25px;
}
.timespan-wrapper[data-v-02fb9240]{
    padding-top: 15px;
    padding-left: 20px;
    box-sizing: border-box;
}
span.timespan[data-v-02fb9240]{
    display: inline-block;
    margin-right: 12px;
    padding: 0 5px;
    cursor: pointer;
    color: #fff;
    background-color: #56bf8b;
}
/*
 * 页面变量配置
 */
/*
 *  颜色设置
 */
[data-v-73a59e38]:root {

    /*
     * 字体设置
     */


    /*
     * 布局设置
     */

    /*
     * 主色
     */
    /*
     * 辅色
     */
    /*
     * 辅色 1
     */
    /*
     * 辅色 2
     */
}
@media (min-height:400px) and (max-height:650px) {
.modal .modal-table-wrapper[data-v-73a59e38] {
    max-height: calc(100vh - 200px);
    overflow: auto;
}
.modal-bd-wrapper >.min-height-table[data-v-73a59e38] {
    min-height: 500px;
}
}
@media (min-height:650px) {
.modal-bd-wrapper >.min-height-table[data-v-73a59e38] {
    min-height: 600px;
}
}
.title-wrapper >*[data-v-73a59e38]{ display: inline-block
}
.indices-menu[data-v-73a59e38]{ padding: 9px 0
}
.opt-table thead tr[data-v-73a59e38]{ background-color: #f6f7f9
}
.modal[data-v-73a59e38]{ width: 80%
}
.modal-table thead tr th[data-v-73a59e38]:last-child{ 
    max-width: 70px;
    text-align: center;
}
.modal-table thead tr th[data-v-73a59e38]{ min-width: 120px
}
.modal-bd-wrapper >.min-height-table[data-v-73a59e38]{ 
    position: relative;
    padding-bottom: 5px;
    background-color: #fff;
}
.modal-bd-wrapper >div.chart-tip[data-v-73a59e38]{ margin-top: 0;
}
.modal-bd-wrapper[data-v-73a59e38]{ min-width: 1000px;
}
#odd-thead tr th[data-v-73a59e38]{ min-width: 200px
}
.del-td[data-v-73a59e38]{ text-align: center
}
.zone[data-v-73a59e38]{ border-bottom-width: 1px
}
.mr-20[data-v-73a59e38]{ margin-right: 20px
}
.mt-5[data-v-73a59e38]{ margin-top: 5px
}
.pointer[data-v-73a59e38]{ cursor: pointer
}
.i-ellipsis[data-v-73a59e38], .i-check-square[data-v-73a59e38], .i-minus-circle[data-v-73a59e38], .i-download[data-v-73a59e38]{ 
    margin-right: 5px;
    vertical-align: middle;
}
.status-txt >small[data-v-73a59e38]{ color: #9f9f9f
}
.fa-ellipsis-h[data-v-73a59e38], .fa-ellipsis-h[data-v-73a59e38]:hover{ color: #e5615a
}
.fa-check-square-o[data-v-73a59e38], .fa-check-square-o[data-v-73a59e38]:hover{ color: #47a3ff
}
.fa-minus-circle[data-v-73a59e38], .fa-minus-circle[data-v-73a59e38]:hover{ color: #a9b8c8
}
.fa-edit[data-v-73a59e38], .fa-edit[data-v-73a59e38]:hover, .fa-trash-o[data-v-73a59e38], .fa-trash-o[data-v-73a59e38]:hover{ color: #a9b8c8
}
.font-grey[data-v-73a59e38]{ color: #575E66
}
.btn-wrapper[data-v-73a59e38]{ margin-left: 20px;
}
.btn-absolute[data-v-73a59e38]{
    position: absolute;
    bottom: 5px;
}
#priceList[data-v-73a59e38], #serviceList[data-v-73a59e38], #budgetList[data-v-73a59e38], #pauseList[data-v-73a59e38]{ display: none
}
td >input[data-v-73a59e38]{
    width: auto;
    line-height: 40px;
    line-height: 40px;
    line-height: 2.5rem;
}
td >input[readonly][data-v-73a59e38], td > input[readonly][data-v-73a59e38]:focus{
    border: none;
    outline: none;
    -webkit-appearance: none;
    background: transparent;
}
input[data-v-73a59e38]{max-width: 80px
}
.sync-alert-wrapper[data-v-73a59e38]{
    position: absolute;
    display: none;
    padding: 12px 12px 20px;
    box-shadow: 0px 0px 5px #ccc;
    bottom: 60px;
    left: 20px;
    border-radius: 5px;
    background-color: #fff;
    z-index : 999
}
.sync-alert-wrapper > .close[data-v-73a59e38] {
    float: right;
    margin-bottom: 10px;
    color: #a0b1bf;
    font-size: 16px;
}
.sync-alert-wrapper > .diff-wrapper .title[data-v-73a59e38] {
    clear: both;
    padding: 0 30px;
    font-size: 18px;
}
.sync-alert-wrapper > .diff-wrapper .alert-content[data-v-73a59e38] {
    padding-left: 47px;
    color: #6c7680;
    margin-bottom: 20px;
}
.sync-alert-wrapper > .diff-wrapper .alert-top[data-v-73a59e38] {
    margin-bottom: 3px;
}
.sync-alert-wrapper > .diff-wrapper .title .fa-ellipsis-h[data-v-73a59e38] {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 12px;
    background-color: #71abe8;
    color: #fff;
    font-weight: 100;
    vertical-align: top;
}
.sync-alert-wrapper > .diff-wrapper .title .fa-info-circle[data-v-73a59e38], .sync-alert-wrapper > .diff-wrapper .title .fa-info-circle[data-v-73a59e38] {
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    vertical-align: top;
}
.sync-alert-wrapper > .diff-wrapper .title .fa-info-circle[data-v-73a59e38] {
    color: #ffaa00;
}
.sync-alert-wrapper > .diff-wrapper .title .fa-check-circle[data-v-73a59e38] {
    color: #51c089;
}
.sync-alert-wrapper > .diff-wrapper .title span[data-v-73a59e38] {
    color: #334866;
    line-height: 24px;
    display: inline-block;
    vertical-align: top;
}
.modal .modal-table-wrapper[data-v-73a59e38] {
  padding: 10px 20px;
}
.modal-table-wrapper .fa-trash[data-v-73a59e38]{
    font-size: 16px;
    color: #a0b1bf;
}
.modal-table-wrapper .fa-trash table[data-v-73a59e38]{
    table-layout: fixed;
    width: 100%;
}
.alert-show[data-v-73a59e38]{display:inline-block
}
.modal-shadow[data-v-73a59e38]{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .5);
    z-index: 102;
    top: 0;
    left: 0;
}
.opt-table th[data-v-73a59e38], .opt-table td[data-v-73a59e38]{ 
    max-width: 600px;
    padding-right: 0;
}
.opt-table thead th[data-v-73a59e38]:last-child{ width: 18%
}
.floatr[data-v-73a59e38]{ 
    float: right;
}
.radio-group[data-v-73a59e38]{ margin-right: 20px;
}
.charts[data-v-73a59e38]{ 
    clear: both;
    border-top: none;
}
.alert-wrapper-arrow[data-v-73a59e38]{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 11px solid;
    border-color: rgba(200, 200, 200, .5) transparent transparent transparent;
    position: absolute;
    left: 50px;
    bottom: -22px
}
.alert-wrapper-arrow[data-v-73a59e38]:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    position: absolute;
    border-top-color: #fff;
    border-bottom-width: 0;
    right: -10px;
    top: -12px;
    z-index: 9999;
}
.download[data-v-73a59e38]{
    color: #fff;
    background-color: #7D93B3;
    border: 1px solid #7D93B3;
}
.note-text[data-v-73a59e38]{
    padding: 0;
    font-size: 12px;
    color: #a3b1bf;
    position: absolute;
    left: 165px;
    bottom: 10px;
}
.link-opt a[data-v-73a59e38]{
  color: #56BF8B;
  text-decoration: underline;
}

.fold-table .btn-icon[data-v-c01e2396]{
  padding: 0 5px;
  vertical-align: baseline;
}
.advice-tip[data-v-c01e2396] {
  margin-right: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 1em;
}
.modal-bd-wrapper .modal-table-wrapper .advice-table[data-v-c01e2396]{
    border: 1px solid #DADFE6;
    border-top: none;
}
/*
 * 页面变量配置
 */
/*
 *  颜色设置
 */
[data-v-1415a800]:root {

    /*
     * 字体设置
     */


    /*
     * 布局设置
     */

    /*
     * 主色
     */
    /*
     * 辅色
     */
    /*
     * 辅色 1
     */
    /*
     * 辅色 2
     */
}
.tdCell-landpage[data-v-1415a800]{ overflow: hidden;
}
.tdCell-bidword[data-v-1415a800] {
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 150px;
    white-space: nowrap;
}
.compTextIndent[data-v-1415a800] {
    margin-left: 20px;
}
.infoTextIndent[data-v-1415a800] {
    margin-left: 46px;
}
.textIndent[data-v-1415a800] {
    margin-left: 66px;
}
.select-all[data-v-1415a800] {
    position: relative;
    display: inline-block;
    border: 1px solid #DADFE6;
    line-height: 20px;
    padding: 3px;
    margin-right: 7px;
    margin-left: -7px;
}
.fa-caret-square-o-down[data-v-1415a800] {
    font-size: 19px;
    margin-left: 3px;
    color: #6C7680;
    vertical-align: middle;
}
.dropdown-list[data-v-1415a800] {
    position: absolute;
    left: -14px;
    top: 26px;
    border: 1px solid #DADFE6;
    cursor: pointer;
    z-index: 99;
}
.dropdown-item[data-v-1415a800] {
    background: #fff;
    width: 80px;
    text-align: center;
}
.dropdown-list .active[data-v-1415a800] {
    font-weight: bold;
}

.search-box[data-v-1876c1b3] {
  position: relative;
}
.select-input[data-v-1876c1b3] {
  border-left: 0;
  border-right: 0;
  margin: 0;
  width: 100%;
}
.fa-search[data-v-1876c1b3] {
  position: absolute;
  right: 5px;
  top: 17px;
  color: #acb6bf;
}

.visible-table-td tr td {
  overflow: visible;
}
.opt-table .time-picker-wrap thead tr {
  background: #fff;
}
.opt-table .time-picker-wrap thead th {
  border: 0;
}


.fold-table .btn-icon[data-v-37c6ee6b]{
  padding: 0 5px;
  vertical-align: baseline;
}
.advice-tip[data-v-37c6ee6b] {
  margin-right: 20px;
  margin-top: 20px;
  line-height: 1em;
  margin-bottom: 20px;
}
.modal-bd-wrapper .modal-table-wrapper .advice-table[data-v-37c6ee6b]{
  border: 1px solid #DADFE6;
  border-top: none;
}

.time-wrap[data-v-f2fc23ce] {
    display: inline-block;
}
.period-text[data-v-f2fc23ce] {
    padding-right: 5px;
}
.time-picker-wrap[data-v-f2fc23ce] {
    padding: 15px;
    line-height: 1.5;
}
.time-picker-hd[data-v-f2fc23ce] {
  border-bottom: 1px dotted #abbccc;
}
.time-picker-hint[data-v-f2fc23ce] {
    float: right;
    margin: 10px 0;
}
.time-picker-hint span[data-v-f2fc23ce] {
    margin-left: 10px;
}
.time-picker-hint i[data-v-f2fc23ce] {
    display: inline-block;
    margin-right: 5px;
    width: 18px;
    height: 18px;
    border-radius: 10px;
    vertical-align: middle;
    color: white;
    position: relative;
    top: -1px;
    background: #abbccc;
}
.time-picker-hint .active i[data-v-f2fc23ce] {
    background: #56BF8B;
}
.time-picker-hint .origin i[data-v-f2fc23ce] {
    background: white;
    border: 1px solid #56BF8B;
    color: #56BF8B;
}
.time-picker-ft[data-v-f2fc23ce] {
    padding-left: 70px;
    color: #999;
    margin-top: 5px;
}
.time-picker-ft p[data-v-f2fc23ce] {
    margin-bottom: 0;
}
.time-picker-submit-wrap[data-v-f2fc23ce] {
    text-align: right;
    margin-top: 10px;
}
.time-picker-shortcuts[data-v-f2fc23ce] {
    margin-bottom: 10px;
}
.time-picker-day[data-v-f2fc23ce] {
    width: 65px;
}
.time-picker-day input[type="checkbox"]+ i[data-v-f2fc23ce] {
    margin: 5px;
}
.time-picker-hour[data-v-f2fc23ce] {
    color: #e6e6e6;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px
}
.time-picker-hour.active[data-v-f2fc23ce] {
    color: #56BF8B;
}
.time-picker-hour.origin[data-v-f2fc23ce] {
    color: #abbccc;
}
.time-picker-btns[data-v-f2fc23ce] {
    padding: 3px;
}
.time-picker-btns span[data-v-f2fc23ce] {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 10px;
    background: #abbccc;
    color: white;
    text-align: center;
    cursor: pointer;
}
.time-picker-btns.active span[data-v-f2fc23ce] {
    background: #56BF8B;
}
.time-picker-btns.origin span[data-v-f2fc23ce] {
    background: white;
    border: 1px solid #56BF8B;
    color: #56BF8B;
}

.fold-table .btn-icon[data-v-e718d5d2]{
  padding: 0 5px;
  vertical-align: baseline;
}
.advice-tip[data-v-e718d5d2] {
  margin-right: 20px;
  margin-top: 20px;
  line-height: 1em;
  margin-bottom: 20px;
}
.modal-bd-wrapper .modal-table-wrapper .advice-table[data-v-e718d5d2]{
    border: 1px solid #DADFE6;
    border-top: none;
}

.fold-table .btn-icon[data-v-d5573252]{
  padding: 0 5px;
  vertical-align: baseline;
}
.advice-tip[data-v-d5573252] {
  margin-right: 20px;
  margin-top: 20px;
  line-height: 1em;
  margin-bottom: 20px;
}
.modal-bd-wrapper .modal-table-wrapper .advice-table[data-v-d5573252]{
    border: 1px solid #DADFE6;
    border-top: none;
}

.fold-table .btn-icon[data-v-756841ca]{
  padding: 0 5px;
  vertical-align: baseline;
}
.fold-table td[data-v-756841ca] {
  overflow: hidden;
}
.modal-bd-wrapper .modal-table-wrapper .advice-table[data-v-756841ca]{
    border: 1px solid #DADFE6;
    border-top: none;
}
/*
 * 页面变量配置
 */
/*
 *  颜色设置
 */
[data-v-d390479e]:root {

    /*
     * 字体设置
     */


    /*
     * 布局设置
     */

    /*
     * 主色
     */
    /*
     * 辅色
     */
    /*
     * 辅色 1
     */
    /*
     * 辅色 2
     */
}
.top-zone[data-v-d390479e],
.zone[data-v-d390479e] {
    overflow: hidden;
    display: table;
    table-layout: fixed;
    width: 100%;
}
.zone[data-v-d390479e]{
    margin-bottom: 20px;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}
.zone heading[data-v-d390479e]{ padding-right: 16px; padding-right: 16px; padding-right: 1rem;
}
.top-zone[data-v-d390479e]{
    border: 0;
    background: transparent;
}
.zone-header[data-v-d390479e]{ border-bottom: 1px solid #e5e5e5;
}
.top-zone-cell[data-v-d390479e]{
    background: transparent;
    display: table-cell
}
.top-zone-cell > div[data-v-d390479e] {
    background: #fff;
    border: 1px solid #e5e5e5;
}
.title[data-v-d390479e] {
    padding: 12px 20px;
    font-size: 16px;
    margin-top: 0;
    font-weight: bold;
}
.table-div[data-v-d390479e] {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 20px
}
.table-div > div[data-v-d390479e] {
    display: table-cell;
    width: 50%;
}
.charts[data-v-d390479e] { height: 301px;
}
.circle[data-v-d390479e] {
    display: inline-block;
    width: 72px;
    height: 72px;
    padding: 18px;
    margin-right: 10px;
    line-height: 1.6em;
    color: white;
    border-radius: 50%;
    text-align: center;
    background: red;
    vertical-align: middle;
}
.male[data-v-d390479e] {
    background: #638ca6;
}
.female[data-v-d390479e] {
    background: #56bf8b;
}
.icon-proportion[data-v-d390479e] {
    display: inline-block
}
.icon-proportion > span[data-v-d390479e] {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 36px;
    margin: 4px;
    text-align: center;
    border-radius: 50%;
    line-height: 36px;
    background: #c3c7d0;
    color: #fff;
    font-size: 20px;
    vertical-align: middle;
    overflow: hidden;
}
.icon-proportion > span > .fa[data-v-d390479e] {
    position: relative;
    z-index: 2;
}
.icon-proportion > span > .male-ico-bg-part[data-v-d390479e],
        .icon-proportion > span > .female-ico-bg-part[data-v-d390479e] {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: inherit;
}
.icon-proportion > span > .male-ico-bg-part[data-v-d390479e],
        .icon-proportion > span.male-active[data-v-d390479e] {
    background: #00abef;
}
.icon-proportion > span > .female-ico-bg-part[data-v-d390479e],
        .icon-proportion > span.female-active[data-v-d390479e] {
    background: #fc6981;
}
.row-gender[data-v-d390479e] {
    margin: 20px auto;
    line-height: 72px;
    text-align: center;
}
.mr20[data-v-d390479e]{ margin-right: 20px;
}

.zone[data-v-e55204b6] {
    background: #fff; 
    margin-bottom: 20px;
}
.data-table[data-v-e55204b6] {
    table-layout: fixed;
}
.charts[data-v-e55204b6] {
  border: 0;
}

.container[data-v-ae893b46] {
    padding: 20px;
}
.label[data-v-ae893b46] {
    margin-right: 12px;
}
/*
 * 页面变量配置
 */
/*
 *  颜色设置
 */
[data-v-1557ce68]:root {

    /*
     * 字体设置
     */


    /*
     * 布局设置
     */

    /*
     * 主色
     */
    /*
     * 辅色
     */
    /*
     * 辅色 1
     */
    /*
     * 辅色 2
     */
}
.zone[data-v-1557ce68] {
    background: #fff;
    overflow: hidden;
    margin-bottom: 0;
}
.data-table .ta-l[data-v-1557ce68] {
    text-align: left;
}
/*
.data-table tbody tr {
    background: #fff;
}
.data-table tbody tr:hover {
    background: #EAF3FD;
}
*/
.operate-cell .fa[data-v-1557ce68] {
    margin-right: 5px;
}
.add-site[data-v-1557ce68] {
    font-size: 12px;
}
.desc-text[data-v-1557ce68] {
    margin-top: 20px;
    color: #596980;
    font-size: 12px;
}
.form .label[data-v-1557ce68] {
    min-width: 50px;
}
.mutil-expr[data-v-1557ce68] {
    background: #ebf5ff;
    padding: 10px 10px;
    margin-bottom: 0.84em;
    line-height: 2
}
.mutil-expr cite[data-v-1557ce68] {
    cursor: pointer;
    color: #56bf8b;
}
.mutil-expr p[data-v-1557ce68] {
    margin: 0;
}
.mutil-expr .tip[data-v-1557ce68] {
    color: #333;
    margin: 0;
    font-weight: bold
}
.mutil-expr .tip > span[data-v-1557ce68] {
    vertical-align: middle;
}
.mutil-expr .tip > .tooltip[data-v-1557ce68] {
    color: #000;
    margin-left: 5px;
}
.modal-tip[data-v-1557ce68] {
    margin-top: 10px;
    font-size: 12px;
    color: #9ca0a2;
}
.ellipsis[data-v-1557ce68] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.arrow[data-v-1557ce68] {
    display: inline-block;
    margin-left: 2px;
    font-size: 14px;
}
/*
 * 页面变量配置
 */
/*
 *  颜色设置
 */
[data-v-42b77eb4]:root {

    /*
     * 字体设置
     */


    /*
     * 布局设置
     */

    /*
     * 主色
     */
    /*
     * 辅色
     */
    /*
     * 辅色 1
     */
    /*
     * 辅色 2
     */
}
.zone[data-v-42b77eb4] {
    background: #fff;
    overflow: hidden;
    margin-bottom: 0;
}
.zone-search[data-v-42b77eb4] {
    padding: 0 23px 16px;
}
.table-title-tip[data-v-42b77eb4] {
    font-size: 12px;
    color: #999;
    margin-left: 5px;
}
.operate-cell .fa[data-v-42b77eb4] {
    margin-right: 5px;
}
.sanky-chart-wrap[data-v-42b77eb4] {
    position: relative;
    width: 100%;
    height: 500px;
    box-sizing: content-box;
    padding-bottom: 50px;
    background: #fff
}
.sanky-chart-wrap > a[data-v-42b77eb4] {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 5;
    width: 500px;
    margin-left: -250px;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #7e7e7e;
}
.sanky-chart-mask[data-v-42b77eb4] {
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 500px;
    background: #fff url('//p2.ssl.qhimg.com/d/inn/b8c9e688/null.png') center no-repeat;
}
.loadingchart[data-v-42b77eb4] {
    z-index: 7;
    height: 500px;
}

.addSubMenu-btn[data-v-18b9d1b2] {
  display: inline-block;
  float: right;
  font-size: 12px;
  margin-top: 12px;
}
.zone header[data-v-18b9d1b2] {
  padding-right: 1em;
}
.center[data-v-18b9d1b2] {
  text-align: center;
}
.modal-table[data-v-18b9d1b2] {
  padding: 10px 10px 30px; 
  min-width: 600px;
  max-height: 550px;
  overflow-y: auto
}
.modal-table[data-v-18b9d1b2]::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.modal-table[data-v-18b9d1b2]::-webkit-scrollbar-thumb {
  background: #ced3d9;
  border-radius: 10px;
  border-radius: 30px;
}
.modal-table[data-v-18b9d1b2]::-webkit-scrollbar-track {
  background: #eaeced;
}
.arrow-r[data-v-18b9d1b2] {
  display: inline-block;
  width: 14px;
  height: 14px;
  font-size: 14px;
  text-align: right;
  color: #999;
}
.data-table tr td[data-v-18b9d1b2],
.data-table tr th[data-v-18b9d1b2] {
  padding: 0 15px;
}
.data-table tbody tr.menu[data-v-18b9d1b2] {
  background: #fff;
  cursor: pointer;
}
.data-table tbody tr.sub-menu[data-v-18b9d1b2] {
  background: #f5f5f5
}
.data-table tbody tr.sub-menu td[data-v-18b9d1b2]:nth-child(2) {
  text-indent: 1em;
}


.tab + .zone[data-v-495ad900] {
  border-top: 0;
}
.search[data-v-495ad900] {
  float: right;
}
.right-tab a[data-v-495ad900] {
  float: left;
}
.modal[data-v-495ad900],
.modal-bd[data-v-495ad900] {
  min-width: 800px;
}
.mv-container[data-v-495ad900] {
  text-align: center;
}
p.text-content[data-v-495ad900] {
    text-align: center;
    font-size: 14px;
    margin: 0 0 40px;
}
.guid-mask[data-v-495ad900] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .4);
}
.guid-add[data-v-495ad900] {
  position: absolute;
  top: 205px;
  left: 212px;
}
.guid-close[data-v-495ad900] {
    background: rgba(0, 0, 0, .4);
    color: #fff;
    display: inline-block;
    width: 80px;
    line-height: 35px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 20px;
    vertical-align: text-bottom;
    margin-left: 10px;
    word-spacing: 0;
}
.guid-system[data-v-495ad900] {
    position: absolute;
    left: 211px;
    right: 25px;
    top: 291px;
    height: 200px;
    box-sizing: content-box;
    border-width: 50px 150px 10px 800px;
    border-style: solid;
    border-image: url(https://p0.ssl.qhimg.com/t0118f0d2fd108d4e88.png) 50 150 10 800 repeat;
    background: url(https://p0.ssl.qhimg.com/t0118f0d2fd108d4e88.png) -350px -57px;
    background-clip: content-box;
}
.guid-system .guid-close[data-v-495ad900] {
  position: absolute;
  top: -57px;
}
html[data-useragent*='MSIE 10.0'] .guid-system[data-v-495ad900] {
  border: 0;
  background-position: 0 0;
  height: 400px;
  background-repeat: no-repeat;
}
html[data-useragent*='MSIE 10.0'] .guid-system .guid-close[data-v-495ad900] {
  top: -9px;
  left: 800px;
}
.guid-create[data-v-495ad900] {
    position: absolute;
    top: 294px;
    left: 213px;
}

.crowd-zone[data-v-248a8358] {
  border-top: 0;
}
.crowd-zone .time[data-v-248a8358] {
  margin-left: 15px;
}
.crowd-content + .zone[data-v-248a8358] {
  margin-top: 20px;
}

.crowd-container[data-v-1e77d62a] {
  padding: 0 10px;
}
.crowd-list[data-v-1e77d62a] {
    overflow: hidden;
    margin-bottom: 15px;
}
.crowd-item[data-v-1e77d62a] {
    float: left;
    width: 240px;
    line-height: 50px;
    border: 1px solid #e5e5e5;
    position: relative;
    margin: 5px;
    cursor: pointer;
}
.crowd-item .close[data-v-1e77d62a] {
  position: absolute;
  top: -18px;
  right: 2px;
  font-size: 14px;
  color: #abbccc;
}
.crowd-add[data-v-1e77d62a] {
    border: 1px dashed #abbccc;
    color: #7d93b3;
    font-size: 14px;
    cursor: pointer;
}
.fa-icon[data-v-1e77d62a] {
    float: left;
    width: 50px;
    font-size: 20px;
    text-align: center;
    background: #f9fbfd;
    margin-right: 15px;
}

/*
 * 页面变量配置
 */
/*
 *  颜色设置
 */
[data-v-6f685035]:root {

    /*
     * 字体设置
     */


    /*
     * 布局设置
     */

    /*
     * 主色
     */
    /*
     * 辅色
     */
    /*
     * 辅色 1
     */
    /*
     * 辅色 2
     */
}
.crowd-content[data-v-6f685035] {
    height: 420px;
    border: 1px solid #e5e5e5;
    background: #e6ecf2;
    margin-bottom: 20px;
    padding: 10px;
}
.crowd-wrap[data-v-6f685035] {
    background: #fff;
    height: 400px;
}
.crowd-header[data-v-6f685035] {
    line-height: 40px;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 15px;
    color: #7d93b3;
    overflow: hidden;
}
.crowd-header .icon[data-v-6f685035] {
    margin-right: 5px;
    font-size: 14px;
}
.crowd-header .crowd-item-add[data-v-6f685035],
    .crowd-header .crowd-item-back[data-v-6f685035] {
    float: left;
    cursor: pointer;
}
.crowd-header .crowd-detail[data-v-6f685035] {
    cursor: pointer;
    float: right;
    margin-right: 5px;
}
.crowd-header .crowd-item-add[data-v-6f685035] {
    color: #73ace6;
}
.crowd-sidebar[data-v-6f685035] {
    float: left;
    width: 180px;
    border-right: 1px solid #e5e5e5;
    height: 358px;
    background: #f5f8fb;
}
.crowd-sidebar li[data-v-6f685035] {
    line-height: 40px;
    padding-left: 15px;
    cursor: pointer;
}
.crowd-sidebar li .right[data-v-6f685035] {
    float: right;
    margin-right: 10px;
    display: none;
}
.crowd-sidebar li.active[data-v-6f685035] {
    background: #fff;
}
.crowd-sidebar li.active .right[data-v-6f685035] {
    display: block;
}
.crowd-section .list[data-v-6f685035] {
    height: 310px;
    overflow: auto;
}
.crowd-section .list .crowd-container[data-v-6f685035] {
    margin-top: 20px;
}
.crowd-section .list li[data-v-6f685035] {
    line-height: 40px;
    border-bottom: 1px solid #e5e5e5;
    color: #2B2F33!important;
}
.crowd-section .list li .checkbox[data-v-6f685035] {
    margin: 0 10px;
}
.crowd-section .list .form[data-v-6f685035] {
    margin-top: 15px;
}
.crowd-section .list[data-v-6f685035]::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.crowd-section .list[data-v-6f685035]::-webkit-scrollbar-thumb {
    background: #ced3d9;
    border-radius: 10px;
    border-radius: 30px;
}
.crowd-section .list[data-v-6f685035]::-webkit-scrollbar-track {
    background: #eaeced;
}
.crowd-section .list-footer[data-v-6f685035] {
    border-top: 1px solid #e5e5e5;
    height: 50px;
}
.crowd-section .list-footer .btn[data-v-6f685035] {
    margin: 10px;
}
.crowd-section .list-footer .btn + .btn[data-v-6f685035] {
    margin-left: 0;
}
.crowd-section .opt-box[data-v-6f685035] {
    float: right;
    margin-right: 5px;
    color: #6b7e99;
    cursor: pointer;
}
.crowd-section .opt-box span[data-v-6f685035] {
    margin-right: 10px;
}
.crowd-section .opt-box span .fa[data-v-6f685035] {
    margin-right: 5px;
}
.not-allowed[data-v-6f685035] {
  cursor: not-allowed;
}
.not-allowed label[data-v-6f685035] {
    color: #ABBCCC!important;
    cursor: not-allowed;
}

.crowd-content[data-v-abe5638e] {
  padding: 0 20px 0 5px;
}
.crowd-data[data-v-abe5638e] {
  margin: 0;
  display: inline-block;
  margin-left: 20px;
}
.crowd-container .control[data-v-abe5638e] {
  line-height: 2;
}
.crowd-container .control .q-timespan[data-v-abe5638e] {
  margin: 0;
}
.crowd-num[data-v-abe5638e],
.crowd-percent[data-v-abe5638e] {
  color: #73ace6;
  margin-right: 20px;
  font-weight: bold;
}
.control-wrap[data-v-abe5638e] {
  background: #f5f8fb;
  width: 695px;
  max-height: 340px;
  min-height: 156px;
  margin-left: 80px;
  overflow-y: auto
}
.control-wrap[data-v-abe5638e]::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.control-wrap[data-v-abe5638e]::-webkit-scrollbar-thumb {
  background: #ced3d9;
  border-radius: 10px;
  border-radius: 30px;
}
.control-wrap[data-v-abe5638e]::-webkit-scrollbar-track {
  background: #eaeced;
}
.control-tool[data-v-abe5638e] {
    background: #f5f8fb;
    width: 695px;
    padding-left: 15px;
    margin-bottom: 1px;
    margin-left: 80px;
}
.control-tool .q-timespan[data-v-abe5638e] {
  margin: 10px 0;
}
.fa-mgr[data-v-abe5638e] {
  margin-right: 5px;
}
.opt-add[data-v-abe5638e],
.attr-list[data-v-abe5638e],
.action-list[data-v-abe5638e] {
  color: #73ace6;
  text-decoration: underline;
  line-height: 1;
  padding: 15px;
  margin-bottom: 25px;
}
.opt-add[data-v-abe5638e] {
  width: 120px;
  cursor: pointer;
}
.attr-list[data-v-abe5638e],
.action-list[data-v-abe5638e] {
  margin: 0;
  color: #666;
  text-decoration: none;
}
.attr-item[data-v-abe5638e],
.action-item[data-v-abe5638e] {
  margin: 0 10px 10px;
}
.attr-item .fa[data-v-abe5638e], .action-item .fa[data-v-abe5638e] {
  color: #a1b1be;
}
.attr-item input[data-v-abe5638e], .action-item input[data-v-abe5638e] {
  height: 28px;
  border-color: #e9e9e9;
}
.attr-item .error[data-v-abe5638e], .action-item .error[data-v-abe5638e] {
  border-color: #E5675C;
}
.attr-item .v-select[data-v-abe5638e], .action-item .v-select[data-v-abe5638e] {
  width: 60px;
}
.atime[data-v-abe5638e] {
  margin-right: 10px;
}
.atime .size-small[data-v-abe5638e] {
  width: 120px;
}
.atime .size-mini[data-v-abe5638e] {
  width: 60px;
}
.no-scroll[data-v-abe5638e] {
  max-height: 100%;
}
.loading[data-v-abe5638e] {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.loading img[data-v-abe5638e] {
  width: 20px;
  height: 20px;
  display: block;
}

.multiIndicesMenu[data-v-4323783a]{
  display: inline-block;
  float: right;
  font-size: 14px;
}
.zone[data-v-4323783a] {
  background: #fff;
}
.zone + .zone[data-v-4323783a] {
  margin-top: 20px;
}


.search[data-v-019821b9] {
  float: right;
}
.right-tab a[data-v-019821b9] {
  float: left;
}

.search[data-v-c39db356] {
  float: right;
}
.right-tab a[data-v-c39db356] {
  float: left;
}
.mv-tips[data-v-c39db356] {
  color: #999;
  font-size: 12px;
  margin-left: 5px;
}

.search[data-v-45118070] {
  float: right;
}
.right-tab a[data-v-45118070] {
  float: left;
}

.modal .form[data-v-5a5ef97f] {
  width: 700px;
}
.search[data-v-5a5ef97f] {
  float: right;
}
.item hr[data-v-5a5ef97f] {
  border: 0;
  border-top: 1px solid #eee;
}
td[data-v-5a5ef97f] {
 position: relative;
}
.gray[data-v-5a5ef97f] {
  color: #ccc;
}
.data-table td.form-msg[data-v-5a5ef97f] {
  overflow: visible;
}
.data-table td.url[data-v-5a5ef97f] {
  overflow: hidden;
  max-width: 100px;
  text-overflow: ellipsis;
}
.marginTop[data-v-5a5ef97f] {
  margin-top: 15px;
}
.toolbar-row[data-v-5a5ef97f] {
  margin: 15px;
}
.modal .data-table th[data-v-5a5ef97f],
.modal .data-table td[data-v-5a5ef97f] {
  padding: 0 10px;
}
.bdb[data-v-5a5ef97f] {
    border-bottom: 1px solid #e5e5e5;
}
.zone td .btn[data-v-5a5ef97f]:first-child {
  padding-left: 0;
}   

.search[data-v-6b9d0cf8] {
  float: right;
}
.right-tab a[data-v-6b9d0cf8] {
  float: left;
}
.mask-panel[data-v-6b9d0cf8] {
  top: 110px;
}
.modal[data-v-6b9d0cf8],
.modal-bd[data-v-6b9d0cf8] {
  min-width: 800px;
}
.mv-container[data-v-6b9d0cf8] {
  text-align: center;
}
p.text-content[data-v-6b9d0cf8] {
    text-align: center;
    font-size: 14px;
    margin: 0 0 40px;
}

.search[data-v-e169d91c] {
  float: right;
}
.right-tab a[data-v-e169d91c] {
  float: left;
}

.search[data-v-4405b2e9] {
  float: right;
}
.right-tab a[data-v-4405b2e9] {
  float: left;
}

.blue-tip[data-v-2837fcbc] {
  color: #638ca6;
  font-size: 14px;
  margin: 0 5px;
}
/*
 * 页面变量配置
 */
/*
 *  颜色设置
 */
[data-v-21483902]:root {

    /*
     * 字体设置
     */


    /*
     * 布局设置
     */

    /*
     * 主色
     */
    /*
     * 辅色
     */
    /*
     * 辅色 1
     */
    /*
     * 辅色 2
     */
}
.input-add-item[data-v-21483902] {
  float: left;
}
.input-add-item .add-btn[data-v-21483902] {
  border: 1px solid #ccc;
  margin: 5px;
  background: #fff;
}
.input-add-item .btn .fa-plus[data-v-21483902] {
  margin-right: 5px;
}
.input-item[data-v-21483902] {
  float: left;
  margin: 5px 0;
  position: relative;
}
.input-item .fa-close[data-v-21483902] {
  position: absolute;
  right: 10px;
  top: 9px;
  color: #adbdcc;
}
.item[data-v-21483902] {
  overflow: hidden;
  margin-top: 15px;
}
.item .label[data-v-21483902] {
  float: left;
  margin: 5px 0;
  text-align: right;
  width: 80px;
}
.item .label-inline[data-v-21483902] {
  float: left;
  margin: 10px 0;
  padding-left: 20px;
}
.item .control[data-v-21483902] {
  margin-left: 80px;
}
.item .province[data-v-21483902] {
  display: inline-block;
  color: #596980;
  width: 60px;
  height: 28px;
  margin: 5px;
  border: 1px solid #dadfe6;
  cursor: pointer;
  text-align: center;
  line-height: 28px;
}
.item .input-wrap[data-v-21483902] {
  margin-left: 5px;
  margin-right: 0;
}
.input-add-item .btn-primary[data-v-21483902] {
  margin-left: 4px;
}
.item .province.active[data-v-21483902] {
  color: #28bc4e;
  border-color: #28bc4e;
}
.item .gray[data-v-21483902] {
  background: #ccc;
  color: #fff;
}
.gray[data-v-21483902] {
  color: #ccc;
}
.item .white[data-v-21483902] {
  color: #fff;
}

.mgtop6[data-v-59aad674] {
  margin-top: -6px;
}
.tooltip i[data-v-59aad674] {
  font-size: 14px;
}

.content-tip[data-v-3710e890] {
  margin: 10px 20px;
}
.control[data-v-3710e890] {
  display: inline-block;
}
.label[data-v-3710e890] {
  display: inline-block;
  width: 50px;
  vertical-align: top;
}
.modal-bd-wrapper .modal-table-wrapper .advice-table[data-v-3710e890]{
    border: 1px solid #DADFE6;
    border-top: none;
}
.content-tip .control p[data-v-3710e890]:first-child{margin-bottom: -10px;
}
.content-tip .control p[data-v-3710e890]:last-child{margin-bottom: 0px;line-height: 2.5
}

.toolbar-row[data-v-418dc2af] {
  margin-left: -5px;
}
.modal-bd[data-v-418dc2af] {
  width: 500px;
}
.modal-bd p[data-v-418dc2af] {
  text-align: center;
  margin: 20px;
}
p.text-content[data-v-418dc2af] {
    text-align: center;
    font-size: 14px;
    margin: 20px;
}
.mask-panel[data-v-418dc2af] {
  position: absolute;
  top: 100px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 8;
  background: rgba(252, 252, 253, .8);
}
.mask-panel img[data-v-418dc2af] {
  position: absolute;
  top: 200px;
  left: 50%;
  transform: translate(-50%,-50%);
}
.v-select[data-v-418dc2af] {
  margin-right: 0;
}

.industry[data-v-e94bd5c4],
.sub-industry[data-v-e94bd5c4] {
    width: 115px;
}
.site-item a[data-v-e94bd5c4]:hover,
.site-item a:hover .fa[data-v-e94bd5c4] {
    color: #56bf8b;
}
.add-site[data-v-e94bd5c4] {
    font-size: 12px;
}
.sites-list .opt[data-v-e94bd5c4] {
    margin-top: 0;
    line-height: 50px;
    height: 50px;
    color: #738699
}
.modal .modal-bd .modal-content[data-v-e94bd5c4] {
    min-width: 500px;
    overflow: auto;
}
.code-area[data-v-e94bd5c4] {
    padding: 10px;
    font-size: 14px;
}
.clip-note[data-v-e94bd5c4] {
    font-size: 14px;
}
.note-text[data-v-e94bd5c4] {
  margin-top: 15px;
  padding: 0;
  font-size: 12px;
  color: #a3b1bf;
}
.form[data-v-e94bd5c4]{ margin-top: 15px
}

.sites-list-setting input {
    width: 240px;
}
/*
 * 页面变量配置
 */
/*
 *  颜色设置
 */
[data-v-5c20d0e6]:root {

    /*
     * 字体设置
     */


    /*
     * 布局设置
     */

    /*
     * 主色
     */
    /*
     * 辅色
     */
    /*
     * 辅色 1
     */
    /*
     * 辅色 2
     */
}
.gencode[data-v-5c20d0e6] {
    padding-bottom: 30px;
}
.code-type-select[data-v-5c20d0e6] {
}
.code-type-select > *[data-v-5c20d0e6] {
    vertical-align: middle;
}
.code-type-select .code-tip[data-v-5c20d0e6] {
    left: 28px;
}
.type-label + .type-label[data-v-5c20d0e6] {
    position: relative;
    margin-left: 20px;
}
.tooltip[data-v-5c20d0e6] {
    font-size: 16px;
    line-height: 1;
    margin-left: 5px;
    margin-right: 10px;
    color: #aaa;
}
.note-text[data-v-5c20d0e6] {
    margin-top: 15px;
    padding: 0;
    font-size: 12px;
    color: #a3b1bf;
}
.content .content-part .modal-content[data-v-5c20d0e6] {
    min-width: 900px;
    max-height: 700px;
}
table[data-v-5c20d0e6] {
    width: 100%;
}
thead[data-v-5c20d0e6] {
    background: #606d80;
    height: 35px;
    color: #fff;
}
th[data-v-5c20d0e6], td[data-v-5c20d0e6] {
    text-align: left;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.get-code-text[data-v-5c20d0e6] {
  float: right;
  margin-top: -5px;
}
/*
 * 页面变量配置
 */
/*
 *  颜色设置
 */
[data-v-0c6dfeaa]:root {

    /*
     * 字体设置
     */


    /*
     * 布局设置
     */

    /*
     * 主色
     */
    /*
     * 辅色
     */
    /*
     * 辅色 1
     */
    /*
     * 辅色 2
     */
}
.gencode[data-v-0c6dfeaa] {
    padding: 0 0 30px 0;
}
.spread-opts[data-v-0c6dfeaa] {
    width: 70px;
    margin-bottom: 0.84em;
    line-height: 2.5;
    cursor: pointer;
    color: #56BF8B
}
.spread-opts > .fa[data-v-0c6dfeaa] {
    font-weight: bold;
    margin-left: 10px;
    transform: scale(1.4);
}
.spread-items .label[data-v-0c6dfeaa] {
    float: none;
    display: inline-block;
}
.install-status[data-v-0c6dfeaa] {
    height: 45px;
    background: #f5f8fb;
    line-height: 45px;
    padding-left: 20px;
}
.install-status-success[data-v-0c6dfeaa],
.install-status-failed[data-v-0c6dfeaa] {
    display: inline-block;
    margin-left: 40px;
    color: #56BF8B
}
.install-status-success > .fa[data-v-0c6dfeaa], .install-status-failed > .fa[data-v-0c6dfeaa] {
    margin-right: 5px;
}
.install-status-success[data-v-0c6dfeaa] {
    color: #56BF8B;
}
.install-status-failed[data-v-0c6dfeaa] {
    color: #E5675C;
}
.action-recover[data-v-0c6dfeaa] {
    float: right;
    line-height: 45px;
    height: 45px;
    margin-right: 20px;
}
/*modals*/
.modal-groups[data-v-0c6dfeaa] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
}
.modal-item--content[data-v-0c6dfeaa] {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2050;
    padding: 20px 40px;
    width: 499px;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    background: #fff;
    text-align: center;
}
.content-header[data-v-0c6dfeaa] {
    padding-top: 10px;
    font-size: 18px;
    color: #384b66;
}
hr[data-v-0c6dfeaa] {
    margin-top: 12px;
    margin-bottom: 12px;
    border: 0;
    border-top: 1px solid #eeeeee;
    background-color: white;
}
.content-desc[data-v-0c6dfeaa] {
    font-size: 14px;
    color: #738699;
}
.btn-wrap[data-v-0c6dfeaa] {
    padding: 20px 0 10px 0;
}
.start-install[data-v-0c6dfeaa] {
    margin-top: 20px;
}

.modal-groups .modal-hd > .close {
    display: none;
}
.v-branch-body {
    color: #999!important;
    font-size: 13px!important;
}
.v-branch-body .fa {
    color: #999!important;
}
.v-branch-body .fa:hover {
    color: #999!important;
}
.v-node > .fa-folder-open-o:before {
    content: "\F07C"!important;
}
.v-node > .fa-folder-o:before {
    content: "\F07B"!important;
}
.gencode-tooltip > .fa {
    margin-right: 8px;
    vertical-align: middle;
}
/*
 * 页面变量配置
 */
/*
 *  颜色设置
 */
[data-v-040b40d0]:root {

    /*
     * 字体设置
     */


    /*
     * 布局设置
     */

    /*
     * 主色
     */
    /*
     * 辅色
     */
    /*
     * 辅色 1
     */
    /*
     * 辅色 2
     */
}
.gencode[data-v-040b40d0] {
    padding: 0 0 30px 0;
}
.check-type-select[data-v-040b40d0],
.page-type-select[data-v-040b40d0] {
    overflow: hidden;
    padding-bottom: 20px
}
.check-type-select > *[data-v-040b40d0], .page-type-select > *[data-v-040b40d0] {
    vertical-align: middle;
}
.type-label[data-v-040b40d0] {
    margin-left: 5px;
    margin-right: 15px
}
.type-label > *[data-v-040b40d0] {
    vertical-align: middle;
}
.check-btns a[data-v-040b40d0]:hover {
    color: #56bf8b;
    opacity: .7;
}
.ps[data-v-040b40d0] {
    margin-left:  15px;
    color: #999;
}
img[data-v-040b40d0] {
    vertical-align: middle;
}
.ck-tips[data-v-040b40d0] {
  position: relative;
  width: 714px;
  margin: 30px 0 0 10px;
  padding: 30px 20px;
  background: #f5f5f5;
  color: #868ca7;
  font-size: 12px;
}
.ck-tips[data-v-040b40d0]:before {
  content: '';
  position: absolute;
  top: -6px;
  left: -6px;
  width: 38px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAYCAMAAAChk39BAAAAllBMVEVHcEzk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5ORydoXKys2lp66EiJN7f42eoKi0truNkJrX19nDxMfe3t6tr7XQ0dOVmKG8vcEtMmMaAAAAInRSTlMABuGCwWYoWI5yM6qaPPnYQQykEhvQuO3K77NKIk15e/JLzfLiQAAAARNJREFUeNqF0dmSgjAQBVDZV4FRFMfZu0MIi6D//3PTIVDUFDi5D02KPoSHu/sneegF/vX0etzcGvne+4rPaQJTwr9rN3Osg21O6yXeuH5xPxw/upjwLJ+jAl1iyVwtsyXLtMyUzANtDGIBPTtU6beZS8xXxwfKWfMt9kPsMLMWniUgZqsjG5kQwBvEEmAoG+zqCmR8YqliAzKadwEVHxh2DEVb1b1iV2LfirWKlcDpqqruUJQ3mJKqEhbWzEz+tJpdspRwwwdNTkxAN37CkE0/hXyXzUzd1gNHxBpKmgLqiWXrEvgdVnFkCXpmzSUsacSaRbIEfS6yBH0KKmGVpDBP9jmKfStwvLd9+H40dsXGu3V+AQGFY/kgD6ckAAAAAElFTkSuQmCC) no-repeat center;
}
.ck-example[data-v-040b40d0] {
  margin: 10px 15px;
  color: #abaebb;
}
.ck-example >  p[data-v-040b40d0] {
  margin: 0;
}
.ck-step[data-v-040b40d0] {
  padding-left: 8px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAMAAABh9kWNAAAADFBMVEWGi6iGi6iGi6iGi6hYxDLsAAAAA3RSTlP0hfnKLjlkAAAAF0lEQVR42gEMAPP/AAEAAQACAwAAAQABAEQACmuZC4IAAAAASUVORK5CYII=) no-repeat 0 8px;
}

.content-part[data-v-3e5b92d6]{ overflow: visible;
}
.modal .modal-bd .modal-content[data-v-3e5b92d6] {
    min-width: 700px;
}
.iframe-header[data-v-3e5b92d6]{ padding-top: 0
}

.toolbar-row {
    margin: 10px 0;
}
td > .fa:hover {
    color: #56bf8b;
}
.btn-icon .fa-plus-circle {
  font-size: 14px;
}


.content-part[data-v-60e4cb29]{ overflow: visible;
}
.zone-search[data-v-60e4cb29] {
    padding: 10px 0;
}
.data-table th[data-v-60e4cb29],
.data-table td[data-v-60e4cb29] {
    /* padding: 8px;*/
    /* height: 30px;*/
    /* line-height: 30px;*/
    text-align: left;
}
.data-table th[data-v-60e4cb29]:first-child,
.data-table td[data-v-60e4cb29]:first-child {
    text-align: center;
}
td > .fa[data-v-60e4cb29]:hover {
    color: #56bf8b;
}
.eidt-col input[data-v-60e4cb29] {
    width: 140px;
    height: 28px;
}
.iframe-header[data-v-60e4cb29]{ padding-top: 0
}

.trans-tab[data-v-2e63608c]:hover {
  background: #fff;
}
.trans-tab .tab-item[data-v-2e63608c] {
  display: block;
  margin-top: 10px;
}
.trans-tab .tab-item-btn[data-v-2e63608c] {
  padding: 0 15px;
}
.trans-tab .active[data-v-2e63608c] {
  border-bottom: 2px solid #56bf8b;
}
.content-part[data-v-2e63608c]{ overflow: visible;
}
.fa[data-v-2e63608c] {
  cursor: pointer;
}
.toolbar-row[data-v-2e63608c] {
    margin: 10px;
}
.modal .modal-bd[data-v-2e63608c] {
  width: 900px;
}
.form .label[data-v-2e63608c] {
  width: 20%;
}
.form .control[data-v-2e63608c] {
  width: 80%;
  float: left;
  word-wrap: break-word;
}
.form .control .size-small[data-v-2e63608c] {
  margin-left: 5px;
}
.form .data-table[data-v-2e63608c] {
  line-height: 1;
}
.modal .modal-bd .btn-wrap[data-v-2e63608c]{
  background: #fff;
  text-align: center;
}
.gray[data-v-2e63608c] {
  color: #666;
}
.modal .data-table td[data-v-2e63608c] {
  max-width: 300px;
  position: relative;
  overflow: visible;
}
.addurl[data-v-2e63608c] {
  font-family: Helvetica, 'Microsoft Yahei', sans-serif;
  font-size: 12px
}
.input-wrap[data-v-2e63608c],
.ml5[data-v-2e63608c] {
  padding-left: 5px;
}
.toolbar-row select[data-v-2e63608c] {
    vertical-align: middle;
}
.note-text[data-v-2e63608c] {
  margin-top: 15px;
  padding: 0 15px;
  font-size: 12px;
  color: #a3b1bf;
}
.zone.iframe-header[data-v-2e63608c]{
  padding: 0;
}
.zone.iframe-header header[data-v-2e63608c] {
  margin: 10px 20px;
}
.zone.paddingbt30[data-v-2e63608c] {
  padding-bottom: 30px;
}
.no-margin[data-v-2e63608c] {
  margin: 0;
}
.trans-tab[data-v-2e63608c] {
  margin: 0 15px;
}


.iframe-header[data-v-0f3a3382] {
    background-color: #fff;
    border-bottom: 1px solid rgb(227, 227, 227);
    padding: 5px 15px;
}
iframe[data-v-0f3a3382] {
    min-height: 500px;
}

.zone-search[data-v-44cbdc04] {
    padding: 10px 0;
}
.data-table th[data-v-44cbdc04],
.data-table td[data-v-44cbdc04] {
    text-align: left;
}
.data-table th[data-v-44cbdc04]:first-child,
.data-table td[data-v-44cbdc04]:first-child {
    text-align: center;
}
td > .fa[data-v-44cbdc04]:hover {
    color: #56bf8b;
}
.eidt-col input[data-v-44cbdc04] {
    width: 140px;
    height: 28px;
}
.iframe-header[data-v-44cbdc04]{ padding-top :0
}

.opt-table thead tr[data-v-c52f20fe] {
  background: #596980;
}
.opt-table thead tr th[data-v-c52f20fe],
  .opt-table thead tr .sort[data-v-c52f20fe] {
  color: #fff;
}
.opt-table thead tr .sorted[data-v-c52f20fe] {
  color: #999;
}
.content-part[data-v-c52f20fe] {
  overflow: visible;
}
.sync-container[data-v-c52f20fe] {
  padding: 0 25px;
}
.sync-container .label[data-v-c52f20fe] {
  min-width: 90px;
}
.modal[data-v-c52f20fe],
.modal-bd[data-v-c52f20fe] {
  min-width: 800px;
}
.mgr[data-v-c52f20fe] {
  margin-right: 20px;
}
.btn-container[data-v-c52f20fe] {
  margin: 0 0 25px 85px;
}
.btn-mgr[data-v-c52f20fe] {
  margin-right: 15px;
}
.no-margin .v-select[data-v-c52f20fe] {
  margin: 0;
}
.mv-container[data-v-c52f20fe] {
  text-align: center;
}
.margin-nobtn[data-v-c52f20fe] {
  margin-bottom: 20px;
}
p.text-content[data-v-c52f20fe] {
  text-align: center;
  font-size: 14px;
  margin: 20px;
}
.system[data-v-c52f20fe] {
  display: inline-block;
  width: 32px;
  line-height: 20px;
  font-size: 12px;
  background: #73ace6;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  margin-right: 5px;
}

.search[data-v-a3793474] {
  float: right;
}

.search[data-v-41b13ce6] {
  float: right;
}

.search[data-v-17457361] {
  float: right;
}
/*
 * 页面变量配置
 */
/*
 *  颜色设置
 */
:root {

    /*
     * 字体设置
     */


    /*
     * 布局设置
     */

    /*
     * 主色
     */
    /*
     * 辅色
     */
    /*
     * 辅色 1
     */
    /*
     * 辅色 2
     */
}
.q-timespan {
    margin: 15px 0;
    display: inline-block;
}
.timespan {
    display: inline-block;
    margin-right: 12px;
    padding: 0 5px;
    cursor: pointer;
    vertical-align: sub
}
.timespan.active {
    color: #fff;
    background-color: #56bf8b;
}

.icon-title[data-v-4ca7b802] {
    display: inline-block;
    height: 28px;
    margin: 10px 0;
    line-height: 28px;
}
.icon[data-v-4ca7b802] {
    height: 28px;
    width: 28px;
    border-radius: 50%;
    background-color: #66718d;
    text-align: center;
    display: inline-block;
    margin: 0 5px 0 0;
}
.icon i[data-v-4ca7b802] {
    color: #fff;
}
.title[data-v-4ca7b802], .tip[data-v-4ca7b802] {
    display: inline-block;
    vertical-align: middle;
}
.title[data-v-4ca7b802] {
    font-weight: bold;
    font-size: 16px;
}
.tip[data-v-4ca7b802] {
    color: #999;
    font-size: 12px;
    margin-left: 5px;
}

.tit-icon[data-v-7ddd6828] {
  display: block;
}
.iframe-header[data-v-7ddd6828]{
  background-color: #fff;
  border-bottom: 1px solid rgb(227, 227, 227);
  padding: 5px 15px;
}
.iframe-header header[data-v-7ddd6828]{
  height: 28px;
  margin: 10px 0;
  line-height: 28px;
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  padding-left: 0;
}
.iframe-header header .tip[data-v-7ddd6828] {
  color: #999;
  font-size: 12px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
.iframe-header .title-icon[data-v-7ddd6828]{
  height: 28px;
  width: 28px;
  border-radius: 50%;
  background-color: #66718d;
  text-align: center;
  margin: 0 5px 0 0;
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.iframe-header .title-icon .tit-icon[data-v-7ddd6828]{
  color: #fff;
  line-height: 28px;
}

small[data-v-6f2681ca] {
    font-family: Microsoft Yahei,sans-serif;
}

.tab[data-v-792d55b3]:hover{
  background: #fff;
}
.tab .tab-item a.active[data-v-792d55b3] {
  color: #555;
}
.floatr[data-v-792d55b3] {
  float: right;
}
.tab li[data-v-792d55b3] {
  line-height: 44px;
  margin-right: 10px;
}
#special-tab .tab .tab-item > a[data-v-792d55b3]{ width: 80px
}

.comp-tspan .checkbox {
  margin: 0 5px;
}
.comp-tspan .checkbox label i {
  margin-right: 4px;
}

.search {
    display: inline-block;
    height: 28px;
    line-height: 28px;
}
.btn {
    display: inline-block;
}
.input-wrap {
  margin-right: 5px;
}
/*
 * 页面变量配置
 */
/*
 *  颜色设置
 */
[data-v-2a000917]:root {

    /*
     * 字体设置
     */


    /*
     * 布局设置
     */

    /*
     * 主色
     */
    /*
     * 辅色
     */
    /*
     * 辅色 1
     */
    /*
     * 辅色 2
     */
}
.domain-select[data-v-2a000917] {
    position: relative;
    padding: 0 1.4em;
    width: 300px;
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none
}
.domain-select > .current-domain[data-v-2a000917] {
    position: relative;
    padding-right: 20px;
    cursor: pointer
}
.domain-select > .current-domain > span[data-v-2a000917] {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.domain-select span[data-v-2a000917]:hover {
    color: #fff
}
.domain-select i[data-v-2a000917]:hover {
    color: #999
}
.select-panel[data-v-2a000917] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    min-width: 100%;
    max-height: 182px;
    overflow-x: hidden;
    overflow-y: auto;
    /*padding: 10px 0;*/
    padding: 0;
    background: #fff;
    color: #596980;
    text-align: left;
    line-height: 2;
    
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box
}
.select-panel > div[data-v-2a000917] {
    min-width: 300px;/*max-width: 440px;*/
    max-width: 400px;
    padding: 0 10px;
    line-height: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    border-bottom: 1px solid #DADFE6;
    font-size: 14px
}
.select-panel > div[data-v-2a000917]:last-child {
    border: 0
}
.select-panel > div[data-v-2a000917]:hover {
    background-color: #F5F8FB
}
.select-panel > div.current[data-v-2a000917] {
    background-color: #F5F8FB;
    font-weight: bold;
    color: #333
}
.select-panel[data-v-2a000917]::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.select-panel[data-v-2a000917]::-webkit-scrollbar-thumb {
    background: #ced3d9;
    border-radius: 10px;
    border-radius: 30px;
}
.select-panel[data-v-2a000917]::-webkit-scrollbar-track {
    background: #eaeced;
}
.caret[data-v-2a000917] {
    position: absolute;
    top: 0;
    right: -10px;
    width: 30px;
    height: 100%;
}
.caret[data-v-2a000917]:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: -3px 0 0 -3px;
    border-top: 7px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.compare-indice[data-v-66fc41eb] {
  color: #999;
  font-size: 12px;
  margin: 0 5px;
}

.charts[data-v-4c558c8e] {
  display: table;
  width: 100%;
  position: relative;
  height: 300px;
}



.vue-switch[data-v-14b0f39c] {
	position: relative;
	display: inline-block;
	width: 48px;
	height: 20px;
	line-height: 20px;
	border-radius: 20px;
	border: 1px solid #d5d5d5;
	background-color: #d5d5d5;
	cursor: pointer;
	transition: all 0.21s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	transform: rotate(0deg);
}
.vue-switch span[data-v-14b0f39c] {
	position: absolute;
	font-size: 12px;
	left: 25px;
	color: #222;
}
.vue-switch span.open[data-v-14b0f39c] {
	display: none;
}
.vue-switch span.close[data-v-14b0f39c] {
	display: inline;
}
.vue-switch[data-v-14b0f39c]::after {
	position: absolute;
	content: '';
	width: 18px;
	height: 18px;
	border-radius: 18px;
	background-color: #fff;
	left: 1px;
	top: 1px;
	cursor: pointer;
	transition: left 0.23s ease, width 0.23s ease, background-color 0.23s ease;
}
.vue-switch[data-v-14b0f39c]:active::after {
	width: 22px;
}
.vue-switch.z-on[data-v-14b0f39c] {
	background-color: #d33;
	border-color: #d33;
}
.vue-switch.z-on.c-blue[data-v-14b0f39c] {
	background-color: #3091f2;
	border-color: #3091f2;
}
.vue-switch.z-on.c-orange[data-v-14b0f39c] {
	background-color: #f60;
	border-color: #f60;
}
.vue-switch.z-on.c-green[data-v-14b0f39c] {
	background-color: #56bf8b;
	border-color: #56bf8b;
}
.vue-switch.z-on span[data-v-14b0f39c] {
	color: #fff;
	left: 10px;
}
.vue-switch.z-on span.open[data-v-14b0f39c] {
	display: inline;
}
.vue-switch.z-on span.close[data-v-14b0f39c] {
	display: none;
}
.vue-switch.z-on[data-v-14b0f39c]:active::after {
	left: 25px;
}
.vue-switch.z-on[data-v-14b0f39c]::after {
	left: 29px;
}
.vue-switch.s-lg[data-v-14b0f39c] {
	width: 60px;
}
.vue-switch.s-lg.z-on[data-v-14b0f39c]:active::after {
	left: 37px;
}
.vue-switch.s-lg.z-on[data-v-14b0f39c]::after {
	left: 41px;
}
.vue-switch.s-sm[data-v-14b0f39c] {
	width: 36px;
	height: 10px;
	overflow: visible;
}
.vue-switch.s-sm span[data-v-14b0f39c] {
	display: none;
}
.vue-switch.s-sm[data-v-14b0f39c]::after {
	width: 18px;
	height: 18px;
	top: -4px;
	left: -1px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .17);
}
.vue-switch.s-sm[data-v-14b0f39c]:active::after {
	width: 21px;
}
.vue-switch.s-sm.z-disabled[data-v-14b0f39c] {
	background-color: #e5e5e5;
	border-color: #e5e5e5;
	cursor: not-allowed;
}
.vue-switch.s-sm.z-disabled[data-v-14b0f39c]::after {
	background-color: #d5d5d5;
	box-shadow: none;
	cursor: not-allowed;
}
.vue-switch.s-sm.z-on[data-v-14b0f39c] {
	background-color: #fae2e2;
	border-color: #fae2e2;
}
.vue-switch.s-sm.z-on.c-blue[data-v-14b0f39c] {
	background-color: #cae3fc;
	border-color: #cae3fc;
}
.vue-switch.s-sm.z-on.c-blue[data-v-14b0f39c]::after {
	background-color: #3091f2;
}
.vue-switch.s-sm.z-on.c-orange[data-v-14b0f39c] {
	background-color: #ffc299;
	border-color: #ffc299;
}
.vue-switch.s-sm.z-on.c-orange[data-v-14b0f39c]::after {
	background-color: #f60;
}
.vue-switch.s-sm.z-on.c-green[data-v-14b0f39c] {
	background-color: #b3ffd9;
	border-color: #b3ffd9;
}
.vue-switch.s-sm.z-on.c-green[data-v-14b0f39c]::after {
	background-color: #56bf8b;
}
.vue-switch.s-sm.z-on span[data-v-14b0f39c] {
	display: none;
}
.vue-switch.s-sm.z-on[data-v-14b0f39c]:active::after {
	left: 15px;
}
.vue-switch.s-sm.z-on[data-v-14b0f39c]::after {
	left: 19px;
	background-color: #d33;
}
.vue-switch.s-sm.z-on.z-disabled[data-v-14b0f39c]::after {
	box-shadow: none;
}

.indice-container {
    float: right;
    position: relative;
    margin-right: 14px;
    -webkit-user-select: none;
            -moz-user-select: none;
             -ms-user-select: none;
         user-select: none;
}
.q-custom-indices {
    position: absolute;
    right: 100%;
    bottom: 6px;
    padding: 15px;
    padding-bottom: 12px;
    margin-right: 5px;
    background: white;
    min-width: 605px;
    font-size: 12px;
    border: 1px solid #cdcbcb;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, .2);
    /****确保浮层在最上面******/
    z-index: 99999999;
}
.q-custom-indices > div {
    line-height: 3em
}
.q-custom-indices > div > label {
    width: 100px;
}
.q-custom-indices label,
.q-custom-indices li {
    display: inline-block
}
.q-custom-indices ul {
  display: block;
  margin-left: 100px;
}
.q-custom-indices li {
    margin-right: 1em
}
.q-custom-indices .control .btn {
  padding: 0;
}
.q-custom-indices button {
    width: 7em
}
.q-custom-indices .restore {
    margin-left: 1em;
    color: #56bf8b;
    text-decoration: none;
}
.q-custom-indices .restore:hover {
    color: #56bf8b;
    text-decoration: underline;
}
.restore-btn {
    font-size: 12px;
    vertical-align: baseline;
}
.q-custom-indices label {
    font-weight: normal;
    cursor: pointer;
}
.q-custom-indices label span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAElBMVEX////d4Ord4Ofd3+va4eje4OV0/av1AAAAO0lEQVQI12NwVTI2ElJScmUIYAADJgYFNAYLgwGEwQhjMCEYDjApAQyGApyBLgXXhTA5SEVIUVBQUBQAg8wErikP7a8AAAAASUVORK5CYII=) center center no-repeat;
    background-size: cover;
    cursor: pointer;
    border-radius: 0;
}
.q-custom-indices label span.checked {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAe1BMVEX//////v////39///c4Ond4ef+/v3e4OUnvE7d4OsovEwqvVDb4OnZ4Oip5Lj7/fr2/ffc3uri9ufA68pv04xOym1BxmQ7wV0uwFYlvEzw+vLs+fDp9u3c89/W893Q8NnN79ae4LCS3aWH2J131Ytr0Ydeznxhzns2wVy3gNuAAAAAsklEQVQY0y2PV3IEMQhEm0YgjSZsTs7Zvv8J3VO1/Kh4rUcB5hoxDLsotUTEVFENKrqBgHlFIAXS9BjBQIinSDoV+IRBDZnm2B4XWlkBqMgefsbbh4QdEyn2dGptXDwww/YH2vO5tesBLsVfLuPy9tf65RXrjMLv3m/X1s97M0NBYHMce2+nRybdBIz+ObbfrWJHSgHg71+bdHdAP2YDSHV0KVwXS4ciQgkk1BqTDi/3qv+EGQbH70lusQAAAABJRU5ErkJggg==)
}
.q-custom-indices .triangle {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 11px solid;
    border-color: transparent transparent transparent #d2d2d2;
    position: absolute;
    right: -22px;
    bottom: 10px;
    margin-top: -11px
}
.q-custom-indices .triangle:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    position: absolute;
    border-left-color: #fff;
    border-right-width: 0;
    right: 1px;
    bottom: -10px
}
.q-custom-indices.form .label {
  min-width: 105px;
  text-align: left;
}
.indice-container .indice-trigger .fa {
    padding-right: 5px;
}
.right-tab .indice-container {
    margin: 0;
}
.right-tab .indice-trigger {
    display: block;
    box-sizing: border-box;
    cursor: pointer;
}
.right-tab .q-custom-indices {
    bottom: -6px;
}
.mgTop4 {
  margin-top: 4px;
}
.mgleft8 {
  margin-left: 8px;
}
/*
 * 页面变量配置
 */
/*
 *  颜色设置
 */
[data-v-975a5978]:root {

    /*
     * 字体设置
     */


    /*
     * 布局设置
     */

    /*
     * 主色
     */
    /*
     * 辅色
     */
    /*
     * 辅色 1
     */
    /*
     * 辅色 2
     */
}
.date-compare[data-v-975a5978] {
    -webkit-user-select: none;
            -moz-user-select: none;
             -ms-user-select: none;
         user-select: none;
}
.q-timespan[data-v-975a5978] {
    margin: 15px 0;
    display: inline-block;
}
.timespan[data-v-975a5978] {
    display: inline-block;
    margin-right: 12px;
    padding: 0 5px;
    cursor: pointer
}
.timespan.active[data-v-975a5978] {
    color: #fff;
    background-color: #56bf8b;
}
.datepicker[data-v-975a5978] {
    display: inline-block;
}

.date-compare > .q-timespan {
    margin-right: 15px;
}
/*.date-compare .calendar {
    z-index: 99999;
    font-size: 14px;
}*/
.date-compare .checkbox {
    margin: 0 5px;
}
.date-compare .checkbox label i {
    margin-right: 4px;
}
.date-compare .datepicker input[disabled] {
    border: 1px solid #e9e9e9;
    background-color: #f1f1f1;
    color: #ccc;
    cursor: not-allowed;
    color: transparent;
}
.date-compare .compare-type {
    display: inline-block
}
.date-compare .compare-type > label {
    margin-right: 10px;
    margin-left: 0;
}

.radio-squares .checkbox[data-v-63a8c42d] {
    display: inline-block;
    padding-left: 20px;
    margin-right: 15px;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAElBMVEX////d4Ord4Ofd3+va4eje4OV0/av1AAAAO0lEQVQI12NwVTI2ElJScmUIYAADJgYFNAYLgwGEwQhjMCEYDjApAQyGApyBLgXXhTA5SEVIUVBQUBQAg8wErikP7a8AAAAASUVORK5CYII=) left center no-repeat;
}
.radio-squares .checkbox.checked[data-v-63a8c42d] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAe1BMVEX//////v////39///c4Ond4ef+/v3e4OUnvE7d4OsovEwqvVDb4OnZ4Oip5Lj7/fr2/ffc3uri9ufA68pv04xOym1BxmQ7wV0uwFYlvEzw+vLs+fDp9u3c89/W893Q8NnN79ae4LCS3aWH2J131Ytr0Ydeznxhzns2wVy3gNuAAAAAsklEQVQY0y2PV3IEMQhEm0YgjSZsTs7Zvv8J3VO1/Kh4rUcB5hoxDLsotUTEVFENKrqBgHlFIAXS9BjBQIinSDoV+IRBDZnm2B4XWlkBqMgefsbbh4QdEyn2dGptXDwww/YH2vO5tesBLsVfLuPy9tf65RXrjMLv3m/X1s97M0NBYHMce2+nRybdBIz+ObbfrWJHSgHg71+bdHdAP2YDSHV0KVwXS4ciQgkk1BqTDi/3qv+EGQbH70lusQAAAABJRU5ErkJggg==);
}

.top-statis[data-v-1cb38e18] {
    display: table;
    table-layout: fixed;
    width: 100%;
    background: #fff;
    padding: 20px 0 10px;
    border: 1px solid #e5e5e5;
    border-bottom: 3px solid #e5e5e5
}
.top-statis > div[data-v-1cb38e18] {
    display: table-cell;
    text-align: center;
    border-right: 1px solid #e5e5e5
}
.top-statis > div[data-v-1cb38e18]:last-child {
    border: 0
}
.ts-name[data-v-1cb38e18] {
    color: #666;
    font-size: 14px;
}
.ts-value[data-v-1cb38e18] {
    padding: 0 10px;
    font-size: 32px;
    font-weight: bold;
    color: #444;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cascader-container {
  display: inline-block;
  margin-right: 5px;
}
.cascader-context.small {
    width: 120px;
}
.cascader-context.big {
    width: 240px;
}
.cascader-context {
  position: relative;
}
.cascader-context input,
  .cascader-context input:not([type]):disabled {
  width: 100%;
  height: 28px;
}
.cascader-context .fa {
  position: absolute;
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  cursor: pointer;
  color: #596980;
  margin: 0;
}
.cascader-menu-level1,
.cascader-menu-level2 {
    box-shadow: 0 0 5px #dadfe6;
    list-style: none;
    max-height: 274px;
    overflow-y: auto;
    border: 1px solid #DADFE6;
    border-top: 0;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 99;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.cascader-menu-level1::-webkit-scrollbar, .cascader-menu-level2::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.cascader-menu-level1::-webkit-scrollbar-thumb, .cascader-menu-level2::-webkit-scrollbar-thumb {
  background: #ced3d9;
  border-radius: 10px;
  border-radius: 30px;
}
.cascader-menu-level1::-webkit-scrollbar-track, .cascader-menu-level2::-webkit-scrollbar-track {
  background: #eaeced;
}
.cascader-menu-level1.small, .cascader-menu-level2.small {
  width: 120px;
}
.cascader-menu-level1.big, .cascader-menu-level2.big {
  width: 240px;
}
.cascader-menu-level2 {
    position: absolute
}
.cascader-menu-level2.small {
  left: 120px;
}
.cascader-menu-level2.big {
  left: 240px;
  width: 120px;
}
.casecader-menu-item {
    position: relative;
    border-top: 1px solid #dadfe6;
    line-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    text-align: left;
    cursor: pointer;
    line-height: 28px;
    padding: 0 5px 0 8px;
    color: #596980;
    font-size: 12px;
    font-weight: normal
}
.casecader-menu-item.active,
    .casecader-menu-item:hover {
  background-color: #F5F8FB;
  font-weight: bold;
}
.cascader-icon {
    position: absolute;
    right: 5px;
    font-size: 16px;
}

/*
 * 页面变量配置
 */
/*
 *  颜色设置
 */
[data-v-7d5853c6]:root {

    /*
     * 字体设置
     */


    /*
     * 布局设置
     */

    /*
     * 主色
     */
    /*
     * 辅色
     */
    /*
     * 辅色 1
     */
    /*
     * 辅色 2
     */
}
.select-container[data-v-7d5853c6] {
    cursor: pointer;
    display: inline-block;
    width: 240px;
    background-color: #fff;
    line-height: 20px;
    margin: 0 5px;
    vertical-align: top;
    margin-top: 2px;
}
.select-container .select-tags[data-v-7d5853c6] {
    min-height: 28px;
    border: 1px solid #dadfe6;
    max-height: 80px;
    overflow-y: auto
}
.select-container .select-tags[data-v-7d5853c6]::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.select-container .select-tags[data-v-7d5853c6]::-webkit-scrollbar-thumb {
    background: #ced3d9;
    border-radius: 10px;
    border-radius: 30px;
}
.select-container .select-tags[data-v-7d5853c6]::-webkit-scrollbar-track {
    background: #eaeced;
}
.select-container .select-tags.error[data-v-7d5853c6] {
    border-color: #E5675C;
}
.select-container input[data-v-7d5853c6] {
    width: auto;
    border: 0;
    height: 24px;
    box-shadow: none;
    vertical-align: baseline;
    float: left;
}
.select-droplist[data-v-7d5853c6] {
    width: 240px;
    box-shadow: 0 0 5px #dadfe6;
    list-style: none;
    max-height: 274px;
    overflow-y: auto;
    border: 1px solid #DADFE6;
    border-top: 0;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 99;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.select-droplist[data-v-7d5853c6]::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.select-droplist[data-v-7d5853c6]::-webkit-scrollbar-thumb {
    background: #ced3d9;
    border-radius: 10px;
    border-radius: 30px;
}
.select-droplist[data-v-7d5853c6]::-webkit-scrollbar-track {
    background: #eaeced;
}
.select-droplist-item[data-v-7d5853c6] {
    border-top: 1px solid #dadfe6;
    line-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    text-align: left;
    cursor: pointer;
    line-height: 28px;
    padding: 0 5px 0 8px;
    color: #596980;
    font-size: 12px;
    font-weight: normal;
    max-width: 235px;
}
.select-droplist-item span.text[data-v-7d5853c6] {
    position: relative;
}
.select-droplist-item .checkbox[data-v-7d5853c6] {
    margin-right: 5px;
}
.select-droplist-item.active[data-v-7d5853c6],
    .select-droplist-item[data-v-7d5853c6]:hover {
    background-color: #F5F8FB;
    font-weight: bold;
}
.tag-item[data-v-7d5853c6] {
    display: inline-block;
    float: left;
    border: 1px solid #8fa8cc;
    background: #8fa8cc;
    padding-left: 5px;
    margin: 2px;
    color: #fff;
    position: relative;
    padding-right: 15px;
    max-width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tag-item .fa[data-v-7d5853c6] {
    width: 10px;
    line-height: 10px;
    background: #f5f8fb;
    color: #8fa8cc;
    text-align: center;
    position: absolute;
    top: 1px;
    right: 1px;
}
.tag-padding[data-v-7d5853c6] {
  padding-right: 5px;
}
.placeholder[data-v-7d5853c6] {
  color: #757575;
  vertical-align: -webkit-baseline-middle;
  padding: 0 5px;
}
.not-allowed[data-v-7d5853c6] {
  color: #ABBCCC;
  cursor: not-allowed
}
.not-allowed[data-v-7d5853c6]:hover {
    background: #fff;
    font-weight: normal;
}
.error[data-v-7d5853c6] {
  color: red;
}
.warning[data-v-7d5853c6] {
    background: #fff;
    padding: 5px 10px;
    text-align: center;
    color: #596980;
}
.warning-search[data-v-7d5853c6] {
    color: #ef9b6d;
}

.tip-content[data-v-1c123f9f]{
    display: inline-block;
    margin-bottom: 0;
}
.chart-tip[data-v-1c123f9f]{
    margin: 20px;
    background: #f5f8fb;
    line-height: 37px;
    padding-left: 20px;
    color: #596980;
}

.quc-mod-sign-in .quc-main {
  margin-top: -10px;
  padding: 0;
  width: auto;
}
.quc-tip-wrapper {
  padding-top: 5px;
  height: 30px;
  line-height: 30px;
}
.quc-tip-wrapper .quc-tip-error {
  color: red;
}
.quc-field .quc-input-bg {
  display: inline-block;
  width: 100%;
  border: 1px solid #dadfe6;
}
.quc-field.quc-field-password .quc-input-bg {
  display: inline-block;
  width: 100%;
  border: 1px solid #dadfe6;
}
.quc-checkbox-keep-alive {
  margin-right: 6px;
}
.quc-button-sign-in {
  margin-left: 2px;
  width: 160px;
  height: 40px;
  border: none;
  border-radius: 20px;
  background: #465467;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.quc-button-sign-in:hover {
  background: #606d80;
}
.quc-button-sign-in:active {
  background: #4289cc;
}
.quc-field-captcha .quc-input-bg {
  margin-bottom: 10px;
}
.quc-field-captcha img {
  vertical-align: middle;
}
.quc-input-bg label.quc-placeholder {
  position: absolute;
  z-index: 130200;
  color: #a9a9a9;
  cursor: text;
}
.quc-field-captcha,
.quc-field-keep-alive,
.quc-field-third-part,
.quc-footer {
  display: none;
}
.quc-label {
  display: block;
  margin: 14px 0;
  color: #66728c;
  font-size: 14px;
  font-weight: normal;
}
.quc-field-submit {
  margin-top: 25px;
  text-align: left;
}
#quc-login-pane-btn.on {
  background-color: #fff;
  color: #3b3d3e;
}
#quc-login-pane-btn {
  padding: 5px 1em;
  border: 1px solid #fff;
  border-radius: 15px;
  color: #fff;
}
#quc-login-pane {
  position: absolute;
  z-index: 9999;
  right: 0;
  border: 1px solid #e6ebf1;
  background: rgb(255, 255, 255);
  font-family: Microsoft Yahei;
  line-height: normal;
  border-radius: 4px;
  padding-bottom: 20px;
}
#quc-login-pane p {
  font-size: 14px;
  padding: 0 30px;
}
#quc-login-pane p a {
  display: inline;
  padding: 0;
  border: 0;
  color: #738699;
  text-decoration: none;
  font-size: 12px;
}
#quc-login-pane p a:hover {
  color: #7e878e;
}
#quc-login-pane p .newuser {
  display: inline-block;
  margin: 0;
  width: 100%;
  height: 40px;
  border-radius: 2px;
  background-color: rgba(54, 180, 71, .6);
  color: #fff;
  text-align: center;
  line-height: 40px;
}
#quc-login-pane p .newuser:hover {
  background-color: rgb(54, 180, 71);
  color: #fff;
}
#quc-login-pane hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #ddd;
}
#quc-login-pane .arrow:after {
  border-bottom-color: #f0efee;
}
#quc-login-pane .arrow {
  position: absolute;
  top: -10px;
  right: 18px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-width: 0;
  border-bottom-color: rgba(255, 255, 255, .95);
}
#quc-login-pane .dj-tip {
  font-size: 12px;
  font-style: italic;
  color: #36b447;
  padding-left: 50px;
  line-height: 1.6;
  margin: 10px 0;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAOpJREFUOE+lk8EOwUAQhv/xQg6iPTtoI9ZVQngH4saZm/AOhMTVirQOzq04eCEjbVPZbnWD7ml3Z+bb+WdmCSUXfYq3jy0H4BoqXI3tT3oAdA86Z1/3zwEs6U4BzAsSm4XCW6i2DMCSLn+jKBTeO+69saS7A9DT6MvozMBEA+9D4fWjuxhgn5wmM+X0PZkakb1CfM1pJ3aCtn9JANIdMbDSnYwAYBwIbx0D6tLZEGjwC4DB25vwh0YAQN0EygcdngEUSTB1hFQJRUU0ZUBqEaOXPrXRkEG2jaljqUFSIP+Pcgop9Zm++QuqzwvD5moR6yGyhwAAAABJRU5ErkJggg==')
    30px 1px no-repeat;
}
#quc-login-pane .dj-tip > b {
  color: #22752d;
}
#quc-login-pane .divider {
  width: 100%;
  height: 30px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAP4AAAAeCAMAAAA7DFPhAAAAclBMVEUAAAD////+/v/a3+ba3+ba3+bq7fHa3+ba3+bj5+za3+ba3+bd4uj19vjM09rs7/Lp7O/a3+b8/P29xtDy9Pby9Pa7xc7EzNTa3+ba3+bi5uvi5uvQ1t26w83AydLa3+ba3+ba3+bM09ra3+bO09i4wsylbHHpAAAAJHRSTlMATU7+Hnl/86eh+eRxYKB4ZVhS22dZ5765uKyrlPPQIE7XoSKnz9ekAAABAklEQVRYw+3YyXbDIAwFUD1hPOAxxPGQsRP//4ulbnzaxFmzEXdhttYRCCSKoii8RE+lyd5nfSN5klyd0traPj2pPCFh3rKCccdFtiNRKpXin1ZVJMhO9XjQK0H5T7IWT9pMzvnPC2wUOQmRKMYGKynp10d4eu/c9QA4v/oFR00yzCmA7nJFNewBd+k0vHQmGcoaQPOT8rOr4EYs6pJkMBbAOADo3BmuwcIaCu8rsN/wmXkc/MeHz+6DF9aE/x8Kbrv5G2Gbf1pLX7eUvgYQVfr+Lr7xcA9f0sV3e/3sEdP2y370Sm95hDe80scd0odd66iTuRY56lwH3aac9CdFURTYN1prLZ+z5BiHAAAAAElFTkSuQmCC')
    center center no-repeat;
}

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