/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.5;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
}

main {
    display: block;
}

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

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

button,
input {
    /* 1 */
    overflow: visible;
}

button,
select {
    /* 1 */
    text-transform: none;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

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

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}


[hidden] {
    display: none;
}

/*normalize.css v8.0.1 end!!!*/

body {
    /*灰色*/
    --grey-1: #f7f8fa;
    --grey-2: #f2f3f5;
    --grey-3: #e5e6eb;
    --grey-4: #c9cdd4;
    --grey-5: #a9aeb8;
    --grey-6: #86909c;
    --grey-7: #6b7785;
    --grey-8: #4e5969;
    --grey-9: #272e3b;
    --grey-10: #1d2129;
    /*黄色*/
    --huang-1: #FFF4E8;
    --huang-2: #FFDDBE;
    --huang-3: #FFC494;
    --huang-4: #FFA86A;
    --huang-5: #FF8940;
    --huang-6: #FF6716;
    --huang-7: #D24C0E;
    --huang-8: #A63407;
    --huang-9: #792003;
    --huang-10: #4D1100;
    /*主色调*/
    --primary-1: var(--huang-1);
    --primary-2: var(--huang-2);
    --primary-3: var(--huang-3);
    --primary-4: var(--huang-4);
    --primary-5: var(--huang-5);
    --primary-6: var(--huang-6);
    --primary-7: var(--huang-7);
    --primary-8: var(--huang-8);
    --primary-9: var(--huang-9);
    --primary-10: var(--huang-10);

    /* 程序的颜色设置*/
    --border-color: #ececec;
    /*最主要的线条颜色*/
    --border-primary-color: var(--primary-6);
    --font-size-large: 18px;
    /*大号字体大小*/
    --font-size-max: 16px;
    /*大号字体大小*/
    --font-size: 14px;
    /*正常字体大小*/
    --font-size-min: 12px;
    /*小号字体*/
    --font-size-little: 10px;
    /*较小号字体*/
    --font-color: #808080;
    --background-grey-color: #ececec;
    /*主要的灰色调背景颜色*/
    --background-white-color: #ffffff;
    /*主要白色背景颜色*/
    --primary-color: var(--primary-6);
    /*主色*/
    --hover-background-color: var(--huang-1);
    /*鼠标放上的背景颜色*/
    --panel-border-radius: 2px;
    /*下拉菜单圆*/
    --border-radius: 2px;
    /*按钮圆角*/

    /*对齐的4个变量设置*/
    --margin1: 4px;
    --margin2: 8px;
    --margin3: 12px;
    --margin4: 16px;

    /*主要字体部分设置*/
    color: var(--font-color);
    /*最主要的文字及icon颜色*/
    font-size: var(--font-size);
    /*正常字体大小*/
    margin: 0;
    background-color: var(--background-grey-color);
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Arial", "SimSun", "sans-serif";
    font-style: normal;
}

/*清除浮动经典代码*/
.clearfix {
    overflow: hidden;
    _zoom: 1;
}

.mgr1 {
    margin-right: var(--margin1);
}

.mgr2 {
    margin-right: var(--margin2);
}

.mgr3 {
    margin-right: var(--margin3);
}

.mgr4 {
    margin-right: var(--margin4);
}

.mgl1 {
    margin-left: var(--margin1);
}

.mgl2 {
    margin-left: var(--margin2);
}

.mgl3 {
    margin-left: var(--margin3);
}

.mgl4 {
    margin-left: var(--margin4);
}

.mgt1 {
    margin-top: var(--margin1);
}

.mgt2 {
    margin-top: var(--margin2);
}

.mgt3 {
    margin-top: var(--margin3);
}

.mgt4 {
    margin-bottom: var(--margin4);
}

.mgt1 {
    margin-bottom: var(--margin1);
}

.mgt2 {
    margin-bottom: var(--margin2);
}

.mgt3 {
    margin-bottom: var(--margin3);
}

.mgt4 {
    margin-bottom: var(--margin4);
}

.mg1 {
    margin: var(--margin1);
}

.mg2 {
    margin: var(--margin2)
}

.mg3 {
    margin: var(--margin3)
}

.mg4 {
    margin: var(--margin4)
}

.l {
    float: left !important;
}

.r {
    float: right !important;
}

.c {
    border-radius: 50%;
}

.w100 {
    width: 100%;
}

.h100 {
    height: 100%;
}

.inline {
    display: inline-block;
}

.bdt {
    border-right: 1px solid var(--border-color);
}

.bdr {
    border: 1px solid var(--border-color);
}

.bdl {
    border-left: 1px solid var(--border-color);
}

.bdb {
    border-bottom: 1px solid var(--border-color);
}

.bd {
    border: 1px solid var(--border-color);
}

.center,
.acenter,
.vcenter {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    display: -moz-box;
    -moz-box-orient: horizontal;
    display: -o-box;
    -o-box-orient: horizontal;
    display: -ms-box;
    -ms-box-orient: horizontal;
    display: box;
    box-orient: horizontal;
}

.center {
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -moz-box-pack: center;
    -moz-box-align: center;
    -o-box-pack: center;
    -o-box-align: center;
    box-pack: center;
    box-align: center;
}

.vcenter {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-box-align: center;
    box-align: center;
}

.acenter {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-box-pack: center;
    box-pack: center;
}

.a {
    font: inherit;
    color: var(--font-color);
    text-decoration: none;
    color: var(--font-color);
}

/* 未被访问的链接 */
a:link {
    color: var(--font-color);
    text-decoration: none;
}

/* 已被访问的链接 */
a:visited {
    color: var(--font-color);
    text-decoration: none;
}

/* 将鼠标悬停在链接上 */
a:hover {
    color: var(--primary-5);
}

/* 被选择的链接 */
a:active {
    color: var(--primary-color);
}

.size1 {
    font-size: 1px
}

.size2 {
    font-size: 2px
}

.size3 {
    font-size: 3px
}

.size4 {
    font-size: 4px
}

.size5 {
    font-size: 5px
}

.size6 {
    font-size: 6px
}

.size7 {
    font-size: 7px
}

.size8 {
    font-size: 8px
}

.size9 {
    font-size: 9px
}

.size10 {
    font-size: 10px
}

.size11 {
    font-size: 11px
}

.size12 {
    font-size: 12px
}

.size13 {
    font-size: 13px
}

.size14 {
    font-size: 14px
}

.size15 {
    font-size: 15px
}

.size16 {
    font-size: 16px
}

.size17 {
    font-size: 17px
}

.size18 {
    font-size: 18px
}

.size19 {
    font-size: 19px
}

.size20 {
    font-size: 20px
}

.size21 {
    font-size: 21px
}

.size22 {
    font-size: 22px
}

.size23 {
    font-size: 23px
}

.size24 {
    font-size: 24px
}

.size25 {
    font-size: 25px
}

.size26 {
    font-size: 26px
}

.size27 {
    font-size: 27px
}

.size28 {
    font-size: 28px
}

.size29 {
    font-size: 29px
}

.size30 {
    font-size: 30px
}

.size31 {
    font-size: 31px
}

.size32 {
    font-size: 32px
}

.size33 {
    font-size: 33px
}

.size34 {
    font-size: 34px
}

.size35 {
    font-size: 35px
}

.size36 {
    font-size: 36px
}

.size37 {
    font-size: 37px
}

.size38 {
    font-size: 38px
}

.size39 {
    font-size: 39px
}

.size40 {
    font-size: 40px
}

.size41 {
    font-size: 41px
}

.size42 {
    font-size: 42px
}

.size43 {
    font-size: 43px
}

.size44 {
    font-size: 44px
}

.size45 {
    font-size: 45px !important;
}

.size46 {
    font-size: 46px
}

.size47 {
    font-size: 47px
}

.size48 {
    font-size: 48px
}

.size49 {
    font-size: 49px
}

.size50 {
    font-size: 50px
}

.bgcolor {
    background-color: var(--background-grey-color) !important;
}



/****************************************
* *****     程序主体部分布局   ************
* ***** by:tealin 2022-04-07 ***********/
/* 头部文件定义 */
.header-wraper {
    position: fixed;
    width: 100%;
    height: 58px;
    border-bottom: 1px solid var(--border-color);
    vertical-align: middle;
    position: fixed;
    z-index: 99;
    background-color: var(--background-white-color);
    top: 0;
    left: 0;
    overflow-y: visible;
}

.logo {
    height: 100%;
    line-height: 100%;
    font-size: 22px;
    width: 200px;
    color: #FF6716;
}

.header-right {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
    margin-right: 20px;
    float: right;
    height: 100%;
}

.body {
    width: 100%;
    margin-top: 58px;
    min-height: calc(100vh - 58px);
    padding: 0;
    background-color: var(--background-grey-color);
}

/* 侧边栏代码开始 */
.sider-wraper {
    position: fixed;
    height: 100vh;
    width: 200px;
    z-index: 98;
    left: 0;
    top: 0;
    overflow-x: visible;
    /* 不设置宽度缩小时菜单无法显示 */
    overflow-y: auto;
    background-color: var(--background-white-color);
    border-right: 1px solid var(--border-color);
}

.sider {
    width: 100%;
}

/* 侧边栏顶部位置可占位可放置图表及文字 */
.sider-top {
    width: 100%;
    height: 58px;
    border-bottom: 1px solid var(--grey-3);
    line-height: 58px;
    vertical-align: middle;
    position: relative;
}

.sider-menu {
    position: relative;
}
.sider-bottom{
    height: 50px;
}
.sider-menu-title {
    height: 38px;
    line-height: 38px;
    width: 100%;
    margin: 8px 0px;
    cursor: pointer;
    vertical-align: middle;
}

.sider-menu-title-icon {
    width: 50px;
    height: 38px;
    margin: 0;
    vertical-align: middle;
    text-align: center;
    float: left;
}

.sider-menu-title-text {
    float: left;
}

.sider-menu-title-text::before {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e7b2";
    left: 170px;
    position: absolute;
}

/* 菜单标题点击后的箭头状态 */
.sider-menu-title-text-dianji::before {
    content: "\e745";
    position: absolute;
    left: 170px;
}

.sider-menu-panel {
    display: none;
}

.sider-menu-panel-item {
    cursor: pointer;
    line-height: 32px;
    height: 32px;
    margin: 8px 0;
    padding-left: 50px;
    white-space: nowrap;
}

.open {
    display: block;
}

.off {
    display: none;
}

/* 关闭侧边栏后的titel-menu相对位置 */
.sider-menu-toggle {
    position: relative;
}

/* 关闭侧边栏后的titel-text状态 */
.sider-menu-title-text-toggle {
    position: absolute;
    display: none;
    float: left;
    left: 50px;
    width: 130px;
    padding-left: 20px;
    background-color: var(--background-white-color);
    border-left: 3px solid var(--border-color);
}

/* 关闭侧边栏后的panel */
.sider-menu-panel-toggle {
    position: absolute;
    background-color: var(--background-white-color);
    width: 150px;
    left: 50px;
    top: 37px;
    float: left;
    display: none;
    overflow: hidden;
    border-left: 3px solid var(--border-color);
    border-radius: var(--panel-border-radius);

}

.sider-menu-panel-toggle .sider-menu-panel-item {
    padding-left: 20px;
}

/* 关闭侧边栏后鼠标滑动到菜单栏的菜单面板显示 */
.sider-menu-toggle:hover .sider-menu-panel-toggle {
    display: block;
    overflow: visible;
}

/* 关闭侧边栏后鼠标滑动到菜单栏的菜单文字显示 */
.sider-menu-toggle:hover .sider-menu-title-text-toggle {
    display: block;
    overflow: visible;
}

/* 关闭侧边栏后菜单标题箭头位置 */
.sider-menu-title-text-toggle::before {
    content: "";
}

/* 鼠标放上去变颜色 */
.sider-menu-panel-item:hover,
.sider-menu-title:hover {
    background-color: #FFF4E8;
    color: #ff6716;
}

.sider-footer {
    width: 200px;
    height: 40px;
    border-top: 1px solid var(--border-color);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    background-color: var(--background-white-color);
    /*align-items: center;
justify-content: end;*/
}

.sider-footer i {
    float: right;
    margin-right: 10px;
}

.sider-toggle {
    overflow: visible;
}

.sider-wraper-toggle {
    width: 50px;
    overflow-y: auto;
    overflow: visible;
}

.sider-top-logo {
    height: 58px;
    width: 50px;
    overflow: hidden;
    float: left;
    text-align: center;
}

.sider-top-user {
    font-size: 16px;
    height: 58px;
    line-height: 58px;
    vertical-align: middle;
    float: left;
}

.main-wraper {
    margin: 0;
    margin-left: 200px;
    background-color: var(--background-grey-color);
}

.main-content {
    margin: 16px 16px 16px 16px;
    padding: var(--margin4);
    background-color: var(--background-white-color);
}

.main-wraper-open {
    margin-left: 50px;
}

/* 右侧迷你工具栏 */
.mini-right-bar {
    position: fixed;
    z-index: 1000;
    bottom: 100px;
    right: 0;
    width: 37px;
    /*height: 105px;*/
    border-radius: 2px;
    border-left: 1px solid var(--border-color);
    background-color: var(--primary-color);
}

.body-header-off {
    margin-top: 0;
}

.main-wraper-max {
    margin-left: 0;
}

#screen-max,
#sider-off,
#header-off {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    vertical-align: middle;
    background-color: #FF8940;
    color: var(--background-white-color);
    float: top;
}

.mini-right-bar-acitve {
    color: rgba(0, 0, 0, 0.5);
}

/*  ******主体部分布局结束********  */

/*  常用组件下拉菜单   */
.drop-down {
    cursor: pointer;
    position: relative;
    /*display: inline-block;*/
}

.drop-down .drop-panel {
    list-style: none;
    display: none;
    position: absolute;
    background-color: white;
    min-width: 120px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, .5);
    border-radius: 2px;
    text-overflow: ellipsis;
}

.drop-down:hover .drop-panel {
    display: block;
}

.drop-down .drop-panel p {
    padding: 8px 15px;
    margin: 3px 0;
}

.drop-down p:hover {
    background-color: var(--hover-background-color);
}

.drop-down .panel-right {
    right: 0;
}

.drop-down .panel-left {
    left: 0;
}

.drop-down .panel-bottom {
    bottom: 100%;
}

.arrow-down::after {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e7b2";
    position: absolute;
}

.drop-down:hover .arrow-down::after {
    content: "\e745";
    position: absolute;
}

/*常用组件面包屑*/
.bread-wraper {
    background-color: var(--background-white-color);
    height: 40px;
    line-height: 40px;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    /*background-color: red;*/
}

ul.bread-crumb {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 16px;
}

ul.bread-crumb li {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.bread-crumb li+li:before {
    color: black;
    content: "/\00a0";
}

/* ul.bread-crumb li a {color: green;} */

.bread-black {
    background-color: var(--background-grey-color);
}

.bread-black+.main-content {
    margin-top: 0;
}


/*常用组件分页*/

.page-wraper {
    width: 100%;
    min-height: 34px;
}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
    float: right;
    /*默认左对齐*/
}

ul.pagination li {
    display: inline;
}

ul.pagination li a,ul.pagination li span {
    float: left;
    padding: 6px 12px;
    text-decoration: none;
    /*去除链接下划线*/
    transition: background-color .3s;
    border: 1px solid var(--background-grey-color);
}

ul.page-max {
    padding: 10px 16px;
}

.pagination li:first-child a {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.pagination li:last-child a {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

ul.pagination li a.active,ul.pagination .active span {
    background-color: var(--primary-5);
    color: white;
    border: 1px solid var(--primary-5);
    /*border: 1px solid var(--background-grey-color);*/
}

ul.pagination li a:hover:not(.active) {
    background-color: var(--primary-1);
}

/*常用表格组件*/
.table {
    margin: 15px 0;
    width: 100%;
    border-collapse: collapse;
    /* border-collapse 属性设置表格的边框是否被折叠成一个单一的边框或隔开： */
    background-color: #fff;
    color: var(--font-color);
    border-spacing: 0;
    font-size: 12px;
    line-height: 28px;
    overflow: auto;
}

.table th {
    font-weight: normal;
    /* 去掉标题加粗显示 */
    font-size: 14px;
    background-color: white;
}

/* 设置表格外框顶部颜色 */
.table {
    border-top: 1px solid var(--border-color);
}

/* 设置标题最后一行颜色 */
.table+tr,
.table thead tr:last-child {
    border-bottom: 2px solid var(--border-color);
    line-height: 32px;
}

/* 只显示行颜色 */
.table tr {
    border-bottom: 1px solid var(--border-color);
    background-color: white;
}

/*默认左对齐*/
.table th,
.table td {
    /* border: 1px solid var(--border-color); */
    padding: 3px 12px;
    text-align: left;
    min-width: 40px;
}


/*设置间隔行变色*/
.table tr:nth-child(2n) {
    background: #fafafa;
    /* background: var(--grey-1); */
}

/*鼠标放上行变色*/
.table thead:hover,
.table tr:hover {
    background-color: rgba(0, 0, 0, 0.02);
    /* font-size: 14px; */
    font-weight: bold;
}

/*鼠标放上文字放大*/
.enlarge thead:hover,
.enlarge tr:hover {
    font-size: 14px;
}

.table img {
    max-width: 100px
}

/*table外包裹*/
.table-wraper {
    position:relative;
    max-width: 100%;
    overflow: auto;
    overflow-x: scroll;
    white-space: nowrap;
}

.table-wraper th:last-child, .table-wraper td:last-child{
    position: sticky;
    left: 0;
    right: 0;
    background: #fff;
}


/*设置右对齐*/
.right th,
.right td {
    text-align: right;
}

.btn_color{
    color: var(--primary-5);
    cursor: pointer;
}
.btn_index{
    /* 矩形 14 */
    width: 85px;
    height: 32px;
    border-radius: 2px;
    opacity: 1;
    margin-top: 6px;
    background: #FAFAFA;
    border: 1px dashed #ECECEC;
    cursor: pointer;
    display: block;
    text-align: center;
    line-height: 32px;
}
.follow_type{
    font-size: 14px;
    color: var(--primary-5);
}
.edit_user{
    color: var(--primary-5);
}
.host{
    color: var(--primary-5) !important;
}

.reset_class{
    width: 60px;
    height: 32px;
    border-radius: 4px;
    opacity: 1;

    background: #FFFFFF;

    box-sizing: border-box;
    border: 1px solid #D1D1D1;

}
.mt20{
    margin-top: 20px;
}
.ml10{
    margin-left: 10px;
}
.cursor_pointer{
    cursor: pointer;
}
/* 表单样式 */
/* 初始化高度和对齐 */
input[type=text],
input[type=datalist],
select,
input[type=submit],
input[type=search],
input[type=radio],
input[type=email],
input[type=button],
input[type=number],
input[type=date],
input[type=month],
input[type=time],
input[type=datetime-local],
input[type=password],
input[type=mobile]{
    line-height: 28px;
    padding-left: 12px;
    margin: 5px 8px 5px 0;
    box-sizing: border-box;
    vertical-align: middle;
}

textarea{
    margin: 5px 8px 5px 0;
    box-sizing: border-box;
}


input[type=text],
input[type=email],
input[type=datalist],
input[type=number],
input[type=search],
input[type=date],
input[type=month],
input[type=time],
input[type=datetime-local],
input[type=mobile],
input[type=password],
textarea {
    border-radius: var(--panel-border-radius);
    /*圆角*/
    border: 1px solid var(--border-color);
    /*边框*/
    -webkit-appearance: none;
    /*去除自带样式*/
    background-color: var(--background-grey-color);
    /*正常情况下的背景色*/
    -webkit-box-shadow: 0 0 0px 1000px var(--grey-1) inset;
    /*输入文字后的颜色*/
}

/* 鼠标获取焦点后的边框颜色 */
input:focus,
select:focus,
textarea:focus {
    outline-color: var(--primary-color);
    color: var(--font-color);
}

/* 按钮样式 */
input[type=button],
input[type=submit],
input[type=color] {
    line-height: 30px;
    box-sizing: border-box;
    border: 0;
    /* 去除默认黑色边框 */
    outline: none;
    color: #fff;
    border-radius: var(--border-radius);
    background-color: var(--primary-5);
}

input[type=reset] {
    line-height: 30px;
    box-sizing: border-box;
    border: 0;
    /* 去除默认黑色边框 */
    outline: none;
    color: #fff;
    border-radius: var(--border-radius);
    background-color: var(--grey-5);
}

input[type=color] {
    line-height: 28px;
    background-color: inherit;
}

/*深色按钮*/
input[type=button].btn-grey,
[type=submit].btn-grey {
    background-color: var(--grey-5);
}

/*按钮选中后变色*/
input[type=button]:hover,
input[type=submit]:hover {
    background-color: var(--primary-color);
}

/*按钮选中后变色*/
input.btn-grey[type=button]:hover,
input.btn-grey[type=submit]:hover {
    background-color: var(--grey-6);
}

/*复选框的样式*/
input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    width: 18px;
    height: 18px;
    line-height: 28px;
    background-color: #ffffff;
    border: solid 1px #dddddd;
    /* border-radius:50%;*/
    margin: 0px 8px 0px 8px;
    padding: 0;
    position: relative;
    /* display:inline-block;*/
    /*文字对齐方式*/
    vertical-align: middle;
    transition: background-color ease 0.1s;
}

/*复选框选中后的颜色*/
input[type=checkbox]:checked {
    background: var(--primary-5);
}

/*复选框选中后的css对号*/
input[type=checkbox]:checked::after {
    content: '';
    top: 3px;
    left: 3px;
    position: absolute;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    height: 6px;
    width: 10px;
    transform: rotate(-45deg);
}

/*单选框样式*/
input[type=radio] {
    -webkit-appearance: none;
    /*去除原有颜色*/
    -moz-appearance: none;
    /*去除原有颜色*/
    outline: none;
    width: 18px;
    height: 18px;
    line-height: 28px;
    background-color: transparent;
    border: 1px solid var(--background-grey-color);
    border-radius: 50%;
    margin: 0px 3px 0px 12px;
    padding: 0;
    position: relative;
    box-sizing: border-box;
    vertical-align: middle;
    transition: background-color ease 0.1s;
}

/*单选框选中后的样式*/
input[type=radio]:checked {
    border: 2px solid var(--background-grey-color);
    width: 18px;
    height: 18px;
    background-color: var(--primary-5);
}

/*下拉框样式*/
select {
    height: 32px;
    border-radius: var(--border-radius);
    color: var(--font-color);
    border: 1px solid var(--border-color);
    background-color: #f7f8fa;
    box-sizing: border-box;
}


.form input[type=text],
.form select,
.form input[type=search],
.form input[type=datalist],
.form input[type=email],
.form input[type=number],
.form input[type=date],
.form input[type=month],
.form input[type=datetime-local],
.form input[type=mobile],
.form input[type=password]{
    min-width: 200px;
}

.form label {
    display: inline-block;
    min-width: 80px;
    width: 100px;
    text-align: right;
    margin-right: 15px;
    vertical-align: middle;
}

.form .radio-panel {
    min-width: 200px;
}
.form textarea{
    min-width: 200px;
    min-height: 80px;
}
.form-group{
    display: flex;
    align-items: center;
}
.form-end{
    margin-left: 180px;
}
.error{
    color: red;
}
.poitner{
    cursor: pointer;
}
#body{
    height: 100%;
}
#main-wraper{
    height: 100%;
}
#openurl{
    width: 100%;
    height: 100%;
}
button.saas-btn,a.saas-btn{
    line-height: 30px;
    box-sizing: border-box;
    border: 0;
    outline: none;
    color: #fff;
    border-radius: var(--border-radius);
    background-color: var(--primary-5);
    cursor: pointer;
}
button.btn-grey,a.btn-grey{
    line-height: 30px;
    box-sizing: border-box;
    border: 0;
    outline: none;
    color: #fff;
    border-radius: var(--border-radius);
    cursor: pointer;
    background-color: #a9aeb8;
}
.table-center th, .table-center td{
    text-align: center;
}
@media (max-width: 576px) {

    .form input[type=text],
    .form select,
    .form input[type=search],
    .form input[type=datalist],
    .form input[type=email],
    .form input[type=number],
    .form input[type=date],
    .form input[type=month],
    .form input[type=datetime-local],
    .form input[type=mobile],
    .form input[type=password] {
        width: 100%;
    }

    .form label {
        text-align: left;
        width: 100%;
        padding: 3px;
    }
    .form-group{
        display: block;
    }
    .form-group label,
    .form-group textarea{
        width: 100%;
    }
    textarea{
        width: 100%;
    }
}
#search select {
    /* 矩形 22 */
    width: 160px;
}
#search input{
    width: 200px;
}
.active_menu {
    background-color: #FFF4E8;
    color: #ff6716;
}
@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {}

/* 提示框样式开始 */
.message {
    min-width: 100px;
    max-width: 500px;
    min-height: 45px;
    text-align: center;
    align-items: center;
    padding: 10px 30px;
    box-sizing: border-box;
    margin: auto;
    font-size: 16px;
    position: fixed;
    top: 50%;
    left: 50%;
    transition: all .4s ease;
    z-index: 5000;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    transform: translate(-50%, -50%);
}
.message_mobile {
    min-width: 100px;
    max-width: 500px;
    min-height: 45px;
    text-align: center;
    align-items: center;
    padding: 10px 30px;
    box-sizing: border-box;
    margin: auto;
    font-size: 16px;
    position: fixed;
    top: 50%;
    left: 50%;
    transition: all .4s ease;
    z-index: 5000;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    transform: translate(-50%,-50%);
}
.message20 {
    min-width: 100px;
    max-width: 500px;
    min-height: 45px;
    text-align: center;
    align-items: center;
    padding: 10px 30px;
    box-sizing: border-box;
    margin: auto;
    font-size: 16px;
    position: fixed;
    top: 20%;
    left: 50%;
    margin-top: -60px;
    margin-left: -150px;
    transition: all .4s ease;
    z-index: 5000;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
}

.message i {
    margin-right: 10px;
}

.success {
    background-color: #f7fbef;
    color: #63c339;
}

.error {
    background-color: #fff3f7;
    color: #f76d6b;
}

.warning {
    background-color: #fdf6ec;
    color: #e6a23c;
}

.info{
    background-color: #000;
    color: #fff;
    opacity: .5;
}
/* 提示框样式结束 */

/* 确认框样式开始 */
#materialModal{
    color:#222;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.3);
    display:table;
    z-index:1000;
}
#materialModalCentered{
    display:table-cell;
    vertical-align:middle;
}
#materialModalContent{
    padding:10px;
    position:relative;
    background:white;
    width:280px;
    min-height:150px;
    margin:auto;
    box-shadow:0px 10px 20px 0px rgba(0,0,0,0.4);
    box-sizing:border-box;
}
#materialModalTitle{
    margin:10px;
    font-weight:bold;
    font-size:1.2em;
}
#materialModalText{
    margin:10px;
    margin-bottom:40px;
}
#materialModalButtons{
    width:calc(100% - 20px);
    position:absolute;
    bottom:0px;
}
.materialModalButton{
    margin:10px;
    font-weight:bold;
    cursor:pointer;
    text-align:center;
    float:right;
    text-transform:uppercase;
    padding:10px;
}
#materialModal.hide{
    display: none;
    opacity:0;
    transition:opacity 0.2s ease-out;
    pointer-events:none;
}
#materialModal.hide #materialModalCentered{
    transform:scale(0);
    transition:transform 0.2s ease-out;
}
#materialModal.show{
    opacity:1;
    transition:opacity 0.2s ease-in;
}
#materialModal.show #materialModalCentered{
    transform:scale(1);
    transition:transform 0.2s ease-in;
}
/* 确认框样式结束 */

.chouti-close{
    width: 28px;height: 28px;position: absolute;left: -43px;top: 0;display: flex;align-items: center;color: var(--primary-5);
}

.popup-box{
    position:fixed;width:100%;height:100%;z-index:100;right: 0;top: 0;
}
.popup-title{
    padding-left: 15px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    overflow: hidden;
    background-color: #fff;
    border-bottom: 2px solid #EAEAEA;
    position: relative;
}
.popup-title i{
    position: absolute;
    top: 0;
    right: 15px;
    font-weight: bold;
    color: #000;
    cursor: pointer;
}

.popup-box .sub-btn{
    position: absolute;
    right: 15px;
    bottom: 15px;
    padding: 0 15px;
    border-radius: 3px;
}
.form-box .sub-btn{
    position: absolute;
    right: 15px;
    bottom: 15px;
    padding: 0 15px;
    border-radius: 3px;
}
.employee-sub-btn{
    position: absolute;
    right: 15px;
    padding: 0 15px;
    border-radius: 3px;
}
.popup-bg{
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    background: rgba(0,0,0,0.3);
}

.btn-span{
    cursor: pointer;
    color: var(--primary-5);
    display: inline-block;
    margin-right: 10px;
    user-select: none;
}
.mr10{
    margin-right: 10px;
}
.mr20{
    margin-right: 20px;
}
.mr5{
    margin-right: 5px;
}
.message_span{
    text-align: center;
    width: 18px;
    height: 18px;
    opacity: 1;
    display: block;
    float: right;
    position: absolute;
    background: var(--primary-5);
    top: 13px;
    font-size: 10px;
    color: #fff;
    border-radius: 50%;
    right: 95px;
}

.message_div{
    position: absolute;
    background: #fff;
    width: 600px;
    right: 0px;
    top: 40px;
    display: none;
    padding: 20px;
}
.message_div .xiaoxi {
    height: 35px;
    font-size: 16px;
    margin-left: 20px;
    padding-top: 14px;
}
.message_div:hover{
    display: block;
}
.xiaoxi a{
    float: right;
    margin-right: 50px
}
.message_div_span{
    height: 35px;
    font-size: 16px;
    padding-left: 20px;
    background: #F5F6F7;
    padding-top: 14px;
}

.message_div_p{
    height: 35px;
    font-size: 12px;
    margin-left: 20px;
    margin-right: 20px;
    border-bottom: 1px solid #D5E1F1;
}

.message_div_p span{
    float: right;
}

.message1:hover+ .message_div{
    display: block  !important;
}
.call{
    padding:10px;
    width: 260px;
    height: 99px;
    border-radius: 2px;
    opacity: 1;
    border: 1px dashed #FF8D1A;
}
.call_title_span{
    width: 48px;
    height: 28px;
    opacity: 1;
    font-size: 12px;
    font-weight: 800;
    line-height: 28px;
    letter-spacing: 0px;
    color: #000000;
}
.call_recommend{
    opacity: 1;
    background: #FF8D1A;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    letter-spacing: 2px;
    color: #FFFFFF;
    border-radius: 4px;
    width: 35px;
    height: 16px;
    padding-left: 3px;
    display: inline;
}
.call_select{
    font-size: 10px;
    font-weight: normal;
    line-height: 28px;
    letter-spacing: 0px;
    float: right;
    color: #FF8D1A;
}
.call_remark{
    font-size: 12px;
    font-weight: normal;
}
.call_title{
    opacity: 1;
    color: #000000;
    font-size: 16px;
    font-weight: 800;
    line-height: 28px;
    letter-spacing: 0px;
    margin-top: 20px;
}
.red{
    color: #FF0000
}
.call_mobile{
    display: inline-block;
    margin-bottom: 5px;
}
#code{
    display: inline-block;
    height: 30px;
    border-radius: 2px;
    line-height: 30px;
    vertical-align: middle;
    border: 1px solid #ECECEC;
    background: #F9FAFA;
    width: 78px;
    text-align: center;
    color:  #FF8D1A;
}

.mw60{
    min-width: 60px !important;
}
.hide_class{
    display: none;
}
.w120{
    width: 120px;
    margin-right: 0px !important
}
.td_tag{
    display: inline-block;
    width: 60px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background: #FFDFBF;
}

.add_tag{
    display: inline-block;
    width: 25px;
    margin-left: 10px;
    color: #fff;
    background: var(--primary-6);
    text-align: center;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
}

.doubt{
    width: 16px;
    height: 16px;
    background: #BBBBBB;
    display: inline-block;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
}

.doubt_p {
    background: #E5E5E5;
    position: absolute;
    top: 90px;
    line-height: 28px;
    letter-spacing: 0px;
    border-radius: 1% 1% 1% 1%;
    padding: 10px;
    margin-left: -200px;
    left: 215px;
    float: left;
    opacity: 1;
}

.doubt_p:hover{
    display: inline-block;
}

.doubt:hover+ p{
    display: inline-block;
}
.mw50{
    min-width: 50px !important;
}
.mw70{
    min-width: 70px !important;
}
.mw80{
    min-width: 80px !important;
}
.mw90{
    min-width: 90px !important;
}
.mw100{
    min-width: 100px !important;
}
.mw110{
    min-width: 110px !important;
}
.mw120{
    min-width: 120px !important;
}
.mw130{
    min-width: 130px !important;
}
.mw140{
    min-width: 140px !important;
}
.mw10{
    min-width: 10px !important;
}