@charset "UTF-8";

/* CSS Document */

html {
    -webkit-overflow-scrolling: touch;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    -webkit-overflow-scrolling: touch !important;
}

i, em, b, strong {
    font-style: normal;
    font-weight: normal;
}

img {
    border: none;
    border: 0;
    max-width: 100%;
    vertical-align: middle;
    -webkit-user-drag: none;
}

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

body {
    line-height: 1.5;
    font-size: 14px;
    font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
    background-color: #fff;
    overflow-x: hidden;
}

ul, ol, dl, li {
    list-style: none
}

p {
    font-size: 14px;
    word-break: normal;
    text-align: justify;
    word-wrap: break-word;
    color: #757575;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after {
    content: "";
    content: none;
}

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

table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

html, body {
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: auto;
    width: 100%;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: auto;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

a {
    color: #0062cc;
    text-decoration: none;
    background-color: transparent;
}

textarea {
    overflow: hidden;
    resize: none;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

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

.hs-clearfix::before, .hs-clearfix::after {
    content: "";
    display: table;
}

.hs-clearfix::after {
    clear: both;
}

form, input, textarea, keygen, select, button {
    margin: 0;
    padding: 0;
    font: 14px "Microsoft YaHei", Arial, Helvetica, sans-serif;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    outline: none;
}

a {
    text-decoration: none;
    color: #000;
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
    outline: none;
}

a:hover {
    color: #666;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 14px;
    font-weight: normal;
}

::selection {
    background-color: #bbb;
    color: #fff;
}

::-moz-selection {
    background-color: #bbb;
    color: #fff;
}

::-webkit-selection {
    background-color: #bbb;
    color: #fff;
}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], input[type="tel"], input[type="email"], input[type="search"], select, textarea {
    border: none;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 2.2rem;
    line-height: normal;
    color: #424242;
    font-size: 0.8rem;
    font-family: inherit;
    box-sizing: border-box;
    -webkit-user-select: auto;
    user-select: text;
    -webkit-appearance: none;
    appearance: none;
}

a, button, input, textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

table, thead, tbody, tr, th, td {
    font-weight: normal;
    vertical-align: middle;
    word-break: normal;
    text-align: justify;
    word-wrap: break-word;
    border-collapse: collapse;
}


/*================================  public style =====================================*/


/*对齐,显示，隐藏等*/

.hs-fl {
    /*浮动左对齐*/
    float: left !important;
}

.hs-fr {
    /*浮动右对齐*/
    float: right !important;
}

.hs-show {
    /*显示*/
    display: block !important;
}

.hs-hide {
    /*隐藏*/
    display: none !important;
}


/*容器视图 自定义宽度*/

.hs-wrap {
    /*容器*/
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 320px;
    max-width: 1920px;
    height: auto;
    background-color: #fff;
    transition: all 300ms linear 700ms;
    opacity: 1;
}

.hs-w {
    /*主视图*/
    position: relative;
    margin: 0 auto;
    width: 1200px;
    height: auto;
}

.hs-w::after {
    display: table;
    content: '';
    clear: both;
}

.w1000 {
    width: 1000px !important;
}

.w990 {
    width: 990px !important;
}

.w980 {
    width: 980px !important;
}

.w800 {
    width: 800px !important;
}

.w570 {
    width: 570px !important;
}


/*超链接*/

.hs-links {
    /* links 链接置顶处理 */
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
    z-index: 2;
}

.hs-underline:hover {
    /*鼠标经过显示下划线*/
    text-decoration: underline !important;
}


/*字体颜色*/

.hs-text-main {
    /* 主色 */
    color: #f6ac20 !important;
}

.hs-text-with {
    /*配色*/
    color: #f9cc1c !important;
}

.hs-text-red {
    /*红色*/
    color: #e51c23 !important;
}

.hs-text-green {
    /*绿色*/
    color: #409d12 !important;
}

.hs-text-white {
    /*白色*/
    color: #fff !important;
}

.hs-text-blue {
    /*蓝色*/
    color: #005aa0 !important;
}

.hs-text-gray3 {
    /*黑系Alpha 30%*/
    color: #333 !important;
}

.hs-text-gray6 {
    /*黑系Alpha 60%*/
    color: #666 !important;
}

.hs-text-gray9 {
    /*黑系Alpha 90%*/
    color: #999 !important;
}


/*背景色*/

.hs-bgc-orange {
    /*主色*/
    background-color: #9551ee !important;
}

.hs-bgc-with {
    /*配色*/
    background-color: #f9cc1c !important;
}

.hs-bgc-red {
    /*红色*/
    background-color: #e51c23 !important;
}

.hs-bgc-green {
    /*绿色*/
    background-color: #409d12 !important;
}

.hs-bgc-white {
    /*白色*/
    background-color: #fff !important;
}

.hs-bgc-gray3 {
    /*黑系Alpha 30%*/
    background-color: #333 !important;
}

.hs-bgc-gray6 {
    /*黑系Alpha 60%*/
    background-color: #666 !important;
}

.hs-bgc-gray9 {
    /*黑系Alpha 90%*/
    background-color: #999 !important;
}

.hs-bgc-gray0 {
    /*黑系Alpha 100%*/
    background-color: transparent !important;
}

.hs-bgc-grayf6 {
    /*白系Alpha 1.6%*/
    background-color: #f6f6f6 !important;
}


/* 字体对齐 字体风格 */

.hs-tc {
    /*字体居中*/
    text-align: center !important;
}

.hs-tl {
    /*字体左对齐*/
    text-align: left !important;
}

.hs-tr {
    /*字体右对齐*/
    text-align: right !important;
}

.hs-fb {
    /*字体加粗*/
    font-weight: bold !important;
}

.hs-fi {
    /*字体斜体*/
    font-style: italic !important;
}

.hs-ti {
    /*文字缩进*/
    text-indent: 2em !important;
}


/*字体大小*/

.hs-f12 {
    font-size: 12px !important;
}

.hs-f13 {
    font-size: 13px !important;
}

.hs-f14 {
    font-size: 14px !important;
}

.hs-f15 {
    font-size: 15px !important;
}

.hs-f16 {
    font-size: 16px !important;
}

.hs-f18 {
    font-size: 18px !important;
}

.hs-f20 {
    font-size: 20px !important;
}

.hs-f22 {
    font-size: 22px !important;
}

.hs-f24 {
    font-size: 24px !important;
}

.hs-f30 {
    font-size: 30px !important;
}


/* 高度填充 */

.hs-hAuto {
    height: auto !important;
}

.hs-h4 {
    height: 4px !important;
}

.hs-h10 {
    height: 10px !important;
}

.hs-h20 {
    height: 20px !important;
}

.hs-h34 {
    height: 34px !important;
}

.hs-h40 {
    height: 40px !important;
}
.hs-h100 {
    position: relative;
    height: 100px !important;
    background-color: #fff;
    z-index: 2;
}

.hs-hAuto, .hs-h4:after, .hs-h10:after, .hs-h20:after, .hs-h34:after, .hs-h40:after ,.hs-h100:after {
    display: table;
    content: '';
    clear: both;
}


/* 圆角 */

.hs-r2px {
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.hs-r4px {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.hs-r6px {
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.hs-r8px {
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.hs-r10px {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.hs-r10pct {
    -webkit-border-radius: 10%;
    border-radius: 10%;
}

.hs-r20pct {
    -webkit-border-radius: 20%;
    border-radius: 20%;
}

.hs-r30pct {
    -webkit-border-radius: 30%;
    border-radius: 30%;
}

.hs-r40pct {
    -webkit-border-radius: 40%;
    border-radius: 40%;
}

.hs-r50pct {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}


/* 左填充 */

.hs-pl-0 {
    padding-left: 0px !important;
}

.hs-pl-1 {
    padding-left: 1px !important;
}

.hs-pl-2 {
    padding-left: 2px !important;
}

.hs-pl-3 {
    padding-left: 3px !important;
}

.hs-pl-4 {
    padding-left: 4px !important;
}

.hs-pl-5 {
    padding-left: 5px !important;
}

.hs-pl-6 {
    padding-left: 6px !important;
}

.hs-pl-8 {
    padding-left: 8px !important;
}

.hs-pl-10 {
    padding-left: 10px !important;
}

.hs-pl-12 {
    padding-left: 12px !important;
}

.hs-pl-14 {
    padding-left: 14px !important;
}

.hs-pl-16 {
    padding-left: 16px !important;
}

.hs-pl-18 {
    padding-left: 18px !important;
}

.hs-pl-20 {
    padding-left: 20px !important;
}

.hs-pl-22 {
    padding-left: 22px !important;
}

.hs-pl-24 {
    padding-left: 24px !important;
}

.hs-pl-26 {
    padding-left: 26px !important;
}

.hs-pl-28 {
    padding-left: 28px !important;
}

.hs-pl-30 {
    padding-left: 30px !important;
}

.hs-pl-40 {
    padding-left: 40px !important;
}

.hs-pl-50 {
    padding-left: 50px !important;
}


/* 右填充 */

.hs-pr-0 {
    padding-right: 0px !important;
}

.hs-pr-1 {
    padding-right: 1px !important;
}

.hs-pr-2 {
    padding-right: 2px !important;
}

.hs-pr-3 {
    padding-right: 3px !important;
}

.hs-pr-4 {
    padding-right: 4px !important;
}

.hs-pr-5 {
    padding-right: 5px !important;
}

.hs-pr-6 {
    padding-right: 6px !important;
}

.hs-pr-8 {
    padding-right: 8px !important;
}

.hs-pr-10 {
    padding-right: 10px !important;
}

.hs-pr-12 {
    padding-right: 12px !important;
}

.hs-pr-14 {
    padding-right: 14px !important;
}

.hs-pr-16 {
    padding-right: 16px !important;
}

.hs-pr-18 {
    padding-right: 18px !important;
}

.hs-pr-20 {
    padding-right: 20px !important;
}

.hs-pr-22 {
    padding-right: 22px !important;
}

.hs-pr-24 {
    padding-right: 24px !important;
}

.hs-pr-26 {
    padding-right: 26px !important;
}

.hs-pr-28 {
    padding-right: 28px !important;
}

.hs-pr-30 {
    padding-right: 30px !important;
}

.hs-pr-40 {
    padding-right: 40px !important;
}

.hs-pr-50 {
    padding-right: 50px !important;
}


/* 上填充 */

.hs-pt-0 {
    padding-top: 0px !important;
}

.hs-pt-1 {
    padding-top: 1px !important;
}

.hs-pt-2 {
    padding-top: 2px !important;
}

.hs-pt-3 {
    padding-top: 3px !important;
}

.hs-pt-4 {
    padding-top: 4px !important;
}

.hs-pt-5 {
    padding-top: 5px !important;
}

.hs-pt-6 {
    padding-top: 6px !important;
}

.hs-pt-8 {
    padding-top: 8px !important;
}

.hs-pt-10 {
    padding-top: 10px !important;
}

.hs-pt-12 {
    padding-top: 12px !important;
}

.hs-pt-14 {
    padding-top: 14px !important;
}

.hs-pt-16 {
    padding-top: 16px !important;
}

.hs-pt-18 {
    padding-top: 18px !important;
}

.hs-pt-20 {
    padding-top: 20px !important;
}

.hs-pt-22 {
    padding-top: 22px !important;
}

.hs-pt-24 {
    padding-top: 24px !important;
}

.hs-pt-26 {
    padding-top: 26px !important;
}

.hs-pt-28 {
    padding-top: 28px !important;
}

.hs-pt-30 {
    padding-top: 30px !important;
}

.hs-pt-40 {
    padding-top: 40px !important;
}

.hs-pt-50 {
    padding-top: 50px !important;
}


/* 下填充 */

.hs-pb-0 {
    padding-bottom: 0px !important;
}

.hs-pb-1 {
    padding-bottom: 1px !important;
}

.hs-pb-2 {
    padding-bottom: 2px !important;
}

.hs-pb-3 {
    padding-bottom: 3px !important;
}

.hs-pb-4 {
    padding-bottom: 4px !important;
}

.hs-pb-5 {
    padding-bottom: 5px !important;
}

.hs-pb-6 {
    padding-bottom: 6px !important;
}

.hs-pb-8 {
    padding-bottom: 8px !important;
}

.hs-pb-10 {
    padding-bottom: 10px !important;
}

.hs-pb-12 {
    padding-bottom: 12px !important;
}

.hs-pb-14 {
    padding-bottom: 14px !important;
}

.hs-pb-16 {
    padding-bottom: 16px !important;
}

.hs-pb-18 {
    padding-bottom: 18px !important;
}

.hs-pb-20 {
    padding-bottom: 20px !important;
}

.hs-pb-22 {
    padding-bottom: 22px !important;
}

.hs-pb-24 {
    padding-bottom: 24px !important;
}

.hs-pb-26 {
    padding-bottom: 26px !important;
}

.hs-pb-28 {
    padding-bottom: 28px !important;
}

.hs-pb-30 {
    padding-bottom: 30px !important;
}

.hs-pb-40 {
    padding-bottom: 40px !important;
}

.hs-pb-50 {
    padding-bottom: 50px !important;
}


/* 左边距 */

.hs-ml-0 {
    margin-left: 0px !important;
}

.hs-ml-2 {
    margin-left: 2px !important;
}

.hs-ml-3 {
    margin-left: 3px !important;
}

.hs-ml-4 {
    margin-left: 4px !important;
}

.hs-ml-5 {
    margin-left: 5px !important;
}

.hs-ml-6 {
    margin-left: 6px !important;
}

.hs-ml-8 {
    margin-left: 8px !important;
}

.hs-ml-10 {
    margin-left: 10px !important;
}

.hs-ml-12 {
    margin-left: 12px !important;
}

.hs-ml-14 {
    margin-left: 14px !important;
}

.hs-ml-16 {
    margin-left: 16px !important;
}

.hs-ml-18 {
    margin-left: 18px !important;
}

.hs-ml-20 {
    margin-left: 20px !important;
}

.hs-ml-22 {
    margin-left: 22px !important;
}

.hs-ml-24 {
    margin-left: 24px !important;
}

.hs-ml-26 {
    margin-left: 26px !important;
}

.hs-ml-28 {
    margin-left: 28px !important;
}

.hs-ml-30 {
    margin-left: 30px !important;
}


/* 右边距 */

.hs-mr-0 {
    margin-right: 0px !important;
}

.hs-mr-2 {
    margin-right: 2px !important;
}

.hs-mr-3 {
    margin-right: 3px !important;
}

.hs-mr-4 {
    margin-right: 4px !important;
}

.hs-mr-5 {
    margin-right: 5px !important;
}

.hs-mr-6 {
    margin-right: 6px !important;
}

.hs-mr-8 {
    margin-right: 8px !important;
}

.hs-mr-10 {
    margin-right: 10px !important;
}

.hs-mr-12 {
    margin-right: 12px !important;
}

.hs-mr-14 {
    margin-right: 14px !important;
}

.hs-mr-16 {
    margin-right: 16px !important;
}

.hs-mr-18 {
    margin-right: 18px !important;
}

.hs-mr-20 {
    margin-right: 20px !important;
}

.hs-mr-22 {
    margin-right: 22px !important;
}

.hs-mr-24 {
    margin-right: 24px !important;
}

.hs-mr-26 {
    margin-right: 26px !important;
}

.hs-mr-28 {
    margin-right: 28px !important;
}

.hs-mr-30 {
    margin-right: 30px !important;
}


/* 上边距 */

.hs-mt-0 {
    margin-top: 0px !important;
}

.hs-mt-2 {
    margin-top: 2px !important;
}

.hs-mt-3 {
    margin-top: 3px !important;
}

.hs-mt-4 {
    margin-top: 4px !important;
}

.hs-mt-6 {
    margin-top: 6px !important;
}

.hs-mt-8 {
    margin-top: 8px !important;
}

.hs-mt-10 {
    margin-top: 10px !important;
}

.hs-mt-12 {
    margin-top: 12px !important;
}

.hs-mt-14 {
    margin-top: 14px !important;
}

.hs-mt-16 {
    margin-top: 16px !important;
}

.hs-mt-18 {
    margin-top: 18px !important;
}

.hs-mt-20 {
    margin-top: 20px !important;
}

.hs-mt-22 {
    margin-top: 22px !important;
}

.hs-mt-24 {
    margin-top: 24px !important;
}

.hs-mt-26 {
    margin-top: 26px !important;
}

.hs-mt-28 {
    margin-top: 28px !important;
}

.hs-mt-30 {
    margin-top: 30px !important;
}


/* 下边距 */

.hs-mb-0 {
    margin-bottom: 0px !important;
}

.hs-mb-2 {
    margin-bottom: 2px !important;
}

.hs-mb-3 {
    margin-bottom: 3px !important;
}

.hs-mb-4 {
    margin-bottom: 4px !important;
}

.hs-mb-6 {
    margin-bottom: 6px !important;
}

.hs-mb-8 {
    margin-bottom: 8px !important;
}

.hs-mb-10 {
    margin-bottom: 10px !important;
}

.hs-mb-12 {
    margin-bottom: 12px !important;
}

.hs-mb-14 {
    margin-bottom: 14px !important;
}

.hs-mb-16 {
    margin-bottom: 16px !important;
}

.hs-mb-18 {
    margin-bottom: 18px !important;
}

.hs-mb-20 {
    margin-bottom: 20px !important;
}

.hs-mb-22 {
    margin-bottom: 22px !important;
}

.hs-mb-24 {
    margin-bottom: 24px !important;
}

.hs-mb-26 {
    margin-bottom: 26px !important;
}

.hs-mb-28 {
    margin-bottom: 28px !important;
}

.hs-mb-30 {
    margin-bottom: 30px !important;
}


/* 通用按钮格式 */

.hs-btn {
    position: relative;
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border: 0;
    background-color: #9551ee;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.hs-btn.hs-small {
    width: 60px;
    height: 30px;
    line-height: 30px;
}

.hs-btn.hs-big {
    margin: 0 auto;
    width: 100%;
    height: 46px;
    line-height: 46px;
    overflow: hidden;
}

.hs-btn:hover, .hs-btn:active {
    /*鼠标经过点击*/
    background-color: #8237e3;
}

.hs-disabled {
    /*按钮不可用*/
    color: #fff !important;
    background-color: #666 !important;
    cursor: not-allowed;
}

.disabledtrue {
    /*禁用按钮*/
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    cursor: no-drop;
    cursor: not-allowed;
}


/* 字段截取 */

.hs-ellipsis {
    /*单行截取*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hs-ellipsis-row {
    /*多行截取*/
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-box-orient: vertical;
}

.hs-ellipsis-row.row-1 {
    /*截取1行*/
    -webkit-line-clamp: 1;
}

.hs-ellipsis-row.row-2 {
    /*截取2行*/
    -webkit-line-clamp: 2;
}

.hs-ellipsis-row.row-3 {
    /*截取3行*/
    -webkit-line-clamp: 3;
}


/*不可选择复制*/

.hs-select-none {
    cursor: pointer;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -o-user-select: auto;
    user-select: auto;
}


/*通用滚动scroll*/

.scroll-box {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

.scroll-box::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(0, 0, 0, 0);
}

.scroll-box::-webkit-scrollbar {
    width: 5px;
    height: 13px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.scroll-box::-webkit-scrollbar-thumb {
    /*设置滚动条透明度*/
    background-color: rgba(0, 0, 0, .2);
    background-clip: padding-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    min-height: 28px;
}

.scroll-box::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}


/* End//scroll */


/* 屏蔽highcharts组件 */

.highcharts-credits, .highcharts-button-symbol {
    display: none !important;
}


/* 删除滚动条 */

.alpha {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    display: block;
    width: 100%;
    height: 100%;
}


/* 图片填充 */

.filling {
    margin: 0 auto;
    display: block;
    width: 100%;
    height: 100%;
}