/*
只有全局性的样式才能写在这个文件中。包括：
1、全局通用的样式
2、组件、控件的样式

规则：
1、把相关的样式写在一快，并且在第一行前写备注，备注前留两个空行
2、给一个容器div赋予一个class（如 .uni-contaier），该容器下面的class(如 .button)写在容器class后面( .uni-contaier .button{})。

 */

/* 全局样式 */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
* {
    max-height: 999999px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", Helvetica, Tahoma, Arial, Hiragino Sans GB, "Microsoft YaHei", "微软雅黑", SimSun, 宋体, Heiti, 黑体, sans-serif;
}

html {
    font-size: 62.5%;
    line-height: 1.15;
}

body, html {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", Helvetica, Tahoma, Arial, Hiragino Sans GB, "Microsoft YaHei", "微软雅黑", SimSun, 宋体, Heiti, 黑体, sans-serif;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    height: 100%;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/**
 * Remove default margin.
 */
body {
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga", "kern";
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden], template {
    display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active, a:hover {
    outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b, strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Scrollbar */

/*
*::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.3s ease;
}
/*
*:hover::-webkit-scrollbar {
    display: block;
}
*/

/*
*::-webkit-scrollbar-button {
    display: none;
    height: 0;
    width: 0;
}

*::-webkit-scrollbar-track {
    display: none;
    height: 0;
    width: 0;
}

*::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 0%, 0.28);
    background-clip: padding-box;
    border: 3px solid rgba(0, 0, 0, 0);
    border-radius: 6px;
    min-height: 36px;
    transition: all 0.3s ease;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: hsla(0, 0%, 0%, 0.4)
}

*:hover::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 0%, 0.28);
    transition: all 0.3s ease;
}

*:hover::-webkit-scrollbar-thumb:hover {
    background-color: hsla(0, 0%, 0%, 0.4);
}


.fuchengceng-background::-webkit-scrollbar-thumb {
    display: none;
}
*/

/* Scrollbar */

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, input, optgroup, select, textarea {
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button, select {
    text-transform: none;
    outline: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

/* 
以上是兼容性更好的css，不喜欢可以删除。来自https://necolas.github.io/normalize.css/3.0.3/normalize.css
 */
a:hover {
    text-decoration: none;
    color: #106FE8;
}

li {
    display: inherit
}

i {
}

i:hover {
    color: #888;
}

i:before {
}

#siteLogo {
    max-width: 110px;
    max-height: 24px;
    margin: 0px;
    width: auto !important;
}

.select-fields {
    max-height: 380px;
    overflow: auto;
    padding: 0 20px;
    margin: 0 -20px 10px -20px;
}

.select-fields::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.3s ease;
}

.select-fields::-webkit-scrollbar-button {
    display: none;
    height: 0;
    width: 0;
}

.select-fields::-webkit-scrollbar-track {
    display: none;
    height: 0;
    width: 0;
}

.select-fields::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 0%, 0);
    background-clip: padding-box;
    border: 3px solid rgba(0, 0, 0, 0);
    border-radius: 6px;
    min-height: 36px;
    transition: all 0.3s ease;
}

.select-fields::-webkit-scrollbar-thumb:hover {
    background-color: hsla(0, 0%, 0%, 0.4)
}

.select-fields:hover::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 0%, 0.28);
    transition: all 0.3s ease;
}

.select-fields:hover::-webkit-scrollbar-thumb:hover {
    background-color: hsla(0, 0%, 0%, 0.4);
}

.radio, .checkbox {
    display: block;
    min-height: 20px;
    padding: 0;
    margin: 0 0 10px 0;
}

.radio label, .checkbox label {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
}

.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
    float: none;
    margin-left: 0;
}

.checkbox label input[type=checkbox] {
    margin: 0 4px 0 0 !important;
    width: 14px;
    height: 14px;
    flex: none;
}

/* icomoon样式 */
[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;    /*cursor:pointer;*/

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:hover, [class*=" icon-"]:hover {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #0091FF;
    text-decoration: none;    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class*='icon-search123']:hover {
    line-height: 40px;
}

[class*='icon-cancel-circle']:hover {
    color: #d9534f;
}

.uni-alert-box {
    display: flex;
    align-items: center;
    line-height: 1;
    font-size: 13px;
    white-space: nowrap;
}

.uni-alert-box .uni-alert {
    margin-right: 6px;
}

.uni-alert-box .uni-alert:before {
    vertical-align: middle;
}

.btn {
    color: #fff;
    background: #333;
    min-width: 80px;
    min-height: 34px;
    border-radius: 2px;
    border: 0;
    outline: none;
    box-shadow: none;
}

.btn:hover, .btn:focus, .btn:active {
    color: #fff;
    background: #000;
    outline: none;
    box-shadow: none;
}

.btn-primary {
    border: solid 0px;
}

.btn-primary-3 {
    font-size: 1.3rem;
    width: 100%;
    height: 34px;
    line-height: 1;
    padding: 6px 12px;
    color: #fff !important;
    background-color: #333;
    border-radius: 2px;
    border: none;
    outline: none;
    box-shadow: none;
}

.btn-primary-3:hover {
    color: #fff;
    background-color: #000;
    border: none;
    outline: none;
    box-shadow: none;
}

.btn-primary-3:focus {
    color: #fff;
    background-color: #000;
    border: none;
    outline: none;
    box-shadow: none;
}

.btn-primary-3:active {
    color: #fff;
    background-color: #000;
    border: none;
    outline: none;
    box-shadow: none;
}

.btn-primary-3::-moz-placeholder {
    color: #fff;
}

.btn-primary-3:-ms-input-placeholder {
    color: #fff;
}

.btn-primary-3::-webkit-input-placeholder {
    color: #fff;
}

.highlightStyle {
    padding123:5px;
    border: 2px rgb(207, 75, 44) solid !important;
}

/*浮层*/
.popupcontainer {
    font-size: 12px;
    height: auto;
    position: fixed;
    overflow: hidden;    /*border: 1px solid #D9D9D9;*/
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.15);
    z-index: 1;
}

.popupcontainer .closeAndRefreshData {
    font-size: 1.4rem;
    margin: 15px 0;
    width: 80px;
    float: right;
}

.closeDiv {
    text-align: right;
    height: 16px;
    overflow: hidden;
}

.closebox {
    padding: 2px;
    background-color: #CB943E;
    color: #FFF;
    cursor: pointer;
    margin-left: 5px;
}

.handmove {
    min-height: 30px;
    position: relative;
    cursor: move;
    height: 50px;
    z-index: 99;
}

.handmove a {
    font-size: 1.6rem;
    color: #888;
    line-height: 14px;
    float: right;
    position: relative;
    top: 0;
    right: 10px;
    width: 30px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none !important;
}

.handmove a.icon-share3 {
    font-size: 13px;
}

.handmove span.title_popup, .seniorsearch h3 span {
    font-size: 1.6rem;
    color: #333333;
    font-weight: 600;
    line-height: 1.25;
    position: absolute;
    top: 15px;
    left: 20px;
    width: calc(100% - 50px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.handmove a.shiying_popup {
    right: 45px;
}

.i-pop-shiying {
    width: 11px;
    height: 11px;
    display: block;
    background: url(../images/ico_popup.gif) 0 -22px no-repeat;
}

.handmove a.max_popup, .handmove a.back_popup {
    right: 20px;
}

.handmove a.max_popup .i-pop-max {
    width: 11px;
    height: 11px;
    display: block;
    background: url(../images/ico_popup.gif) 0 -11px no-repeat;
}

.handmove a.back_popup .i-pop-max {
    width: 11px;
    height: 11px;
    display: block;
    background: url(../images/ico_popup.gif) 0 0 no-repeat;
}

.handmove .close-btn span {
    font-size: 1.4rem;
    color: #b9b9b9;
}

.handmove .close-btn:hover span {
    color: #121212;
}

.popup_htmlContent {
    padding: 0px 20px 20px 20px;
    width: auto;
    height: calc(100% - 50px);
    overflow: hidden;
    line-height: 22px;
    font-size: 14px;
    word-break: break-all;
}

.popup_htmlContent div[id*="fulleditor_"] .form-colnumber {
    display: none!important;
}

.popup_htmlContent H4 {
    font-size: 1.6rem;
    font-weight: 500;
    color: #333;
}

.popup_htmlContent p {
    font-size: 1.3rem;
    font-weight: 400;
    color: #666;
}

.popup_htmlContent table {

    /*width: 100%;*/
}

.popup_htmlContent img {
    width: auto;
}

.popup_htmlContent .erweima {
    width: 30px;
    height: 30px;
    padding: 5px;
    margin: 0 0 0 5px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 8px;
    /*background: #fbfbfb;*/
    transition: all 0.3s cubic-bezier(0.44, 0.9, 0.6, 0.94);
    transition-property: border, background, color, box-shadow;
}

.popup_htmlContent .erweima:hover {
    background-color: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
}

.imagecontainer {
    position: relative;
}

.imagecontainer button {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #333;
    padding: 6px 10px;
    background: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 50px;
}

.imagecontainer img {
    max-width: 1000px;
    max-height: 630px;
}

@media (max-width:720px) {
    .imagecontainer img {
        width: 100%!important;
    }

}

.popup_htmlContent table tr td.lefttitle {
    text-align: right;
    height: 30px;
    white-space: nowrap
}

.popup_htmlContent input:focus, textarea:focus, .formdataCon input[type=text]:focus, select:focus {
    outline: none;
    border: #87C6F9 1px solid;
    box-shadow: 0 0 3px rgba(103, 166, 217, 1);
}

.popup_htmlContent input {
    /*margin-bottom: 5px;*/
    -webkit-appearance: none;
    outline: none;
    width: 100%;
    height: 33px;
    resize: none;
    line-height: 1.5;
    padding: 5px 10px;
    font-size: 1.4rem;
    color: #333;
    border-radius: 2px;
    box-sizing: border-box;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e5e5e5;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.popup-biger .popup_htmlContent input[type='text'] {
    margin-bottom: 15px;
}

.popup_htmlContent input:hover {
    border: 1px solid #cccccc;
    box-shadow: none;
    outline: none;
}

.popup_htmlContent input:focus {
    border: 1px solid #a5a5a5;
    box-shadow: none;
    outline: none;
}

.popup_htmlContent iframe {
    width: 100%;
    height: 100%;
    border: none;
    overflow: hidden;
}

.editView-pop .popup_htmlContent iframe, .perspective-view .popup_htmlContent iframe {
    width: calc(100% + 40px);
    height: calc(100% + 20px);
    margin: 0 -20px -20px
}

.popup_htmlContent .mcsstable-container {
    overflow: hidden;
    border-radius: 0px 2px 2px 2px;
    border: 1px solid #DEDEDE;
}

.popup_htmlContent .mcsstable-container .mcsstable_toolbar {
    border-top: none;
}

.fuchuceng_btn, .fuchuceng_btn {
    height: auto;
    z-index: 1;
    width: 17px;
    height: 22px;
    position: absolute;
    overflow: hidden;
}

.fuceng_buttom {
    text-align: center;
    padding: 10px 0;
    width: 100%;
}

.popupheadbg {
    min-height: 30px;
    background: whiteSmoke;
    border-bottom: 1px solid #E5E5E5;
    _height: 30px;
    border-radius: 3px 3px 0 0;
    position: relative
}

.dialog_title_txt {
    font-size: 14px;
    white-space: nowrap;
    line-height: 30px;
}

.popup-bottom {
    text-align: right;
    padding: 15px 0 0 0;
    width: 100%;
    vertical-align: bottom;
    border-top: solid 1px rgb(222, 222, 222)
}

.popup-bottom .btn-primary {
    width: 100px
}

.comfirmbox {
    font-size: 1.4rem;
    color: #555;
    width: auto;
    height: auto;
    word-break: break-all;
}

.comfirmbox_bottom {
    text-align: right;
    padding: 15px 0 0 0;
    width: 100%;
    vertical-align: bottom;    /*border-top: solid 1px rgb(222, 222, 222)*/
}

.comfirmbox_bottom a {
    margin-right: 10px;
}

.comfirmbox_bottom .btn-primary {
    min-width: 90px;
    min-height: 34px;
    margin: 0 0 0 20px;
    outline: none;
    box-shadow: none;
}

.comfirmbox_bottom .btn-primary:hover, .comfirmbox_bottom .btn-primary:focus, .comfirmbox_bottom .btn-primary:active {
    outline: none;
    box-shadow: none;
}

.comfirmbox_bottom .btn-default {
    min-width: 90px;
    font-size: 1.2rem;
    color: #555;
    background: #fff;
    min-height: 34px;
    margin: 0 0 0 20px;
    background-color: #fff;
    border: 1px solid #C9C9C9;
    -webkit-transition: opacity 0.3s, border-color 0.3s;
    transition: opacity 0.3s, border-color 0.3s;
}

.comfirmbox_bottom .btn-default:hover, .comfirmbox_bottom .btn-default:focus, .comfirmbox_bottom .btn-default:active {
    border: 1px solid #a5a5a5;
    outline: none;
    box-shadow: none;
}

.inputbox_bottom {
    text-align: right;
    padding: 15px 0 0 0;
    width: 100%;
    vertical-align: bottom;
}

.inputbox_bottom .btn-primary {
    min-width: 90px;
    min-height: 34px;
    margin: 8px 0 0 0;
}

.popup-notes {
    display: flex;
    align-items: center;
}

.alert_ico {
    background: url(../images/alert.png) 20px center no-repeat;
    padding-left: 80px;
}

.info_ico {
    background: url(../images/info.png) 20px center no-repeat;
    padding-left: 80px;
}

.success_ico {
    background: url(../images/success.png) 20px center no-repeat;
    padding-left: 80px;
}

.fail_ico {
    padding-left: 5px;
}

.popup-tip {
    background-color123:gray !important;
    color1231:white;
    opacity: 0.7;
    border: none
}

/*浮出层的四种样式*/
.popup-small {
    width: 300px;
}

.popup-middle {
    width: 450px;
}

.popup-biger {
    width: 600px;
}

.popup-big {
    width: 600px;
}

.popup-mix-biger {
    width: 800px;
}

.popup-relogin {
    margin: auto;
    width: 300px;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    background: #fff;
    position: fixed;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}

.popup-relogin .handmove {
    display: none;
}

.popup-relogin .popup_htmlContent {
    padding: 10px;
    margin: 20px 20px 20px 20px;
    line-height: 20px;
    font-size: 1.4rem;
    word-break: break-all;
    text-align: center;
}

.popup-relogin .popup_htmlContent button {
    margin-top: 30px;
    outline: none;
    box-shadow: none;
    font-size: 1.4rem;
}

@media (max-width:450px) {
    .popup-relogin .popup_htmlContent button {
        margin-top: 30px;
        outline: none;
        box-shadow: none;
        font-size: 1.4rem;
        height: 40px;
    }

}

.sharecode-notes {
    font-size: 12px;
    line-height: 16px;
    margin-top: -6px;
}

.fuchengceng-background {
    position: fixed;
    display: block;
    opacity: 0;
    background-color: rgba(55, 55, 55, 0.6);
    z-index: 100;
    left: 0px;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*浮出菜单*/
.popupmenu {
    border-radius: 2px;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    margin-top: 4px;
    border: 0;
    padding: 5px 0 5px 0;
    max-height: 90%;
    overflow: auto;
}

.popupmenu a {
    width: auto;
    padding: 6px 20px;
    font-size: 1.3rem;
    font-family: Helvetica, Arial, sans-serif;
    color: #666;
    line-height: 22px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
    font-weight: 400;
}

.popupmenu a:before {
    vertical-align: middle;
}

.popupmenu a:visited {
    text-decoration: none;
}

.popupmenu a:hover {
    background: #F5F5F5;
    color: #666;
    text-decoration: none;
}

.popupmenu a span {
    font-size: 13px;
    color: #666;
    margin-right: 10px;
    cursor: pointer;
}

.popupmenu a span:before {
}

.fastSearchData-mobile ul li a span {
    margin-right: 10px;
    cursor: pointer;
}

.popupmenu_pic {
    border-radius: 4px;
    background-color: #FFF;
    border: #CCC 1px solid;
    color: #000000;
    width: auto;
    padding-right: 0px
}

.popupmenu_pic a {
    padding-left: 30px;
    padding-right: 5px;
    height: 20px;
    line-height: 20px;
    color: #444;
    display: block;
    cursor: pointer
}

.popupmenu_pic a:hover {
    background-color: rgb(80, 80, 80);
    color: white;
    text-decoration: none;
}

.popupmenu2 {
    position: absolute;
    top: 38px;
    left: 5px;
    width: 110px;
    background: #FFF;
    border: #CCC 1px solid;
    padding: 2px;
    display: none;
    z-index: 1;
    background: url(../images/showshortmenubg.gif) left top repeat-y;
    border: #ddd 1px solid;
    text-align: left
}

.popupmenu2 a {
    padding-left: 30px;
    height: 20px;
    line-height: 20px;
    color: #444;
    display: block;
    height: 20px;
    background-color: transparent;
    border-width: 1px;
    border-color: transparent;
    cursor: pointer
}

.popupmenu2 a:hover {
    border-radius: 4px;
    background-color: #EAF2FF;
    border: #B7D2FF 1px solid;
    color: #000000;
}

.popupmenu-hr {
    margin-top: 4px;
    margin-bottom: 4px
}

#poupImage {
    cursor: pointer;
}

/*模糊搜索*/
.uni-search .icon-search {
    position: absolute;
    width: 12px;
    padding-left: 0.5em;
    line-height: 33px;
    color: #949494;
    margin-top: 5px
}

.uni-search .icon-cross {
    position: relative;
    top: 7px;
    right: 30px;
    font-size: 18px;
}

.uni-search input {
    width: 120px;
    height: 28px;
    padding-left: 25px;
    padding-top: 7px;
    padding-right: 2em;
    margin-right: 0px;
    margin-top: 5px;
    margin-bottom: 6px;
    border-radius: 3px;
    display: inline
}

.uni-refresh {
    display: inline
}

.uni-view {
    display: inline-block;
    float: right;
    width: 180px;
    margin-top: 0px
}

.uni-viewlist {
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: gray
}

.uni-view .uni-viewaction {
    margin-left: 0px !important;
    padding-left: 2px;
    width: 50px !important;
    line-height: 25px !important;
    display: inline-block;
    border-radius: 3px;
}

[class^="icon-"], [class*=" icon-"] {
    color: gray
}

.uni-linkbtn {
    background: none;
    border: none;
}

.uni-linkbtn:hover {
    color: #106FE8;
}

.uni-btn {
    min-width: 68px;
    min-height: 20px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    cursor: pointer;
}

.dada-loading-m {
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    z-index: 9;
}

.uni-loading {
    /*background: url(../images/loading.gif) no-repeat;*/
    background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik00My45MzUsMjUuMTQ1YzAtMTAuMzE4LTguMzY0LTE4LjY4My0xOC42ODMtMTguNjgzYy0xMC4zMTgsMC0xOC42ODMsOC4zNjUtMTguNjgzLDE4LjY4M2g0LjA2OGMwLTguMDcxLDYuNTQzLTE0LjYxNSwxNC42MTUtMTQuNjE1YzguMDcyLDAsMTQuNjE1LDYuNTQzLDE0LjYxNSwxNC42MTVINDMuOTM1eiIgdHJhbnNmb3JtPSJyb3RhdGUoOTkuNzk0NCAyNSAyNSkiPgogICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT4KICAgIDwvcGF0aD4KPC9zdmc+') no-repeat center;
    background-size: cover;
    width: 32px;
    height: 32px;
}

.uni-loading-data {
    background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA1IiBoZWlnaHQ9IjEwNSIgdmlld0JveD0iMCAwIDEwNSAxMDUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iIzMzMzMzMyI+CiAgICA8Y2lyY2xlIGN4PSIxMi41IiBjeT0iMTIuNSIgcj0iMTIuNSI+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IgogICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMXMiCiAgICAgICAgIHZhbHVlcz0iMTsuMjsxIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iMTIuNSIgY3k9IjUyLjUiIHI9IjEyLjUiIGZpbGwtb3BhY2l0eT0iLjUiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIKICAgICAgICAgYmVnaW49IjEwMG1zIiBkdXI9IjFzIgogICAgICAgICB2YWx1ZXM9IjE7LjI7MSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjUyLjUiIGN5PSIxMi41IiByPSIxMi41Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiCiAgICAgICAgIGJlZ2luPSIzMDBtcyIgZHVyPSIxcyIKICAgICAgICAgdmFsdWVzPSIxOy4yOzEiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSI1Mi41IiBjeT0iNTIuNSIgcj0iMTIuNSI+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IgogICAgICAgICBiZWdpbj0iNjAwbXMiIGR1cj0iMXMiCiAgICAgICAgIHZhbHVlcz0iMTsuMjsxIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iOTIuNSIgY3k9IjEyLjUiIHI9IjEyLjUiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIKICAgICAgICAgYmVnaW49IjgwMG1zIiBkdXI9IjFzIgogICAgICAgICB2YWx1ZXM9IjE7LjI7MSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjkyLjUiIGN5PSI1Mi41IiByPSIxMi41Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiCiAgICAgICAgIGJlZ2luPSI0MDBtcyIgZHVyPSIxcyIKICAgICAgICAgdmFsdWVzPSIxOy4yOzEiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSIxMi41IiBjeT0iOTIuNSIgcj0iMTIuNSI+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IgogICAgICAgICBiZWdpbj0iNzAwbXMiIGR1cj0iMXMiCiAgICAgICAgIHZhbHVlcz0iMTsuMjsxIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iNTIuNSIgY3k9IjkyLjUiIHI9IjEyLjUiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIKICAgICAgICAgYmVnaW49IjUwMG1zIiBkdXI9IjFzIgogICAgICAgICB2YWx1ZXM9IjE7LjI7MSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjkyLjUiIGN5PSI5Mi41IiByPSIxMi41Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiCiAgICAgICAgIGJlZ2luPSIyMDBtcyIgZHVyPSIxcyIKICAgICAgICAgdmFsdWVzPSIxOy4yOzEiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgPC9jaXJjbGU+Cjwvc3ZnPgo=') no-repeat center;
    background-size: cover;
    width: 32px;
    height: 32px;
}

.uni-loading.small {
    width: 16px;
    height: 16px;
    margin-right: 4px;
}

.uni-loading-data.small {
    width: 12px;
    height: 12px;
    margin-right: 4px;
}

.uni-loading-data.treefield {
    margin-left: 12px;
}
.uni-loadingFailed {
    width: 150px;
    margin: auto;
    margin-top: 10px
}
.backgroundlogo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 95%;
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
    z-index: 99;
}

.backgroundlogo .apppage-loading {
    font-size: 13px;
    margin-top: 6px;
}

.loading-wrapper {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    /*background: #FFFFFF;*/
    /*background: linear-gradient(to bottom, #ffffff, #f0f9fd);*/
    border-radius: 50%;
    /*box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.15);*/
}

.loading-wrapper .circular {
    position: absolute;
    width: 53px;
    height: 53px;
    animation: loading-rotate 2s linear infinite;
}

.loading-wrapper .path {
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90 120;
    stroke-dashoffset: 0;
    stroke-width: 1.8;
    stroke: #0091FF;
    stroke-linecap: round;
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90 150;
        stroke-dashoffset: -40px;
    }

    100% {
        stroke-dasharray: 90 150;
        stroke-dashoffset: -120px;
    }

}

@keyframes loading-rotate {
    to {
        transform: rotate(1turn);
    }

}

.loading-wrapper .logo-svg {
    height: 21px;
}

.importdata-contaner {
    text-align: center
}

.importdata-contaner button {
    width: 200px
}

.exportdata-contaner {
    text-align: center
}

.exportdata-contaner button {
    width: 200px
}

/*.div_checkbox table,.div_radio table{ table-layout: fixed;word-wrap:break-word;}*/

/*.div_radio tr{height:25px}*/

/*.div_checkbox table label,.div_radio table label{display: block;}*/

/*带选择按钮的输入框，包括表格和表单*/

.selectInputer textarea {
    outline: none;
    box-shadow: none;
    border: 1px solid #e5e5e5;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.selectInputer textarea:hover {
    outline: none;
    box-shadow: none;
    border: 1px solid #cccccc;
}

.selectInputer textarea:active, .selectInputer textarea:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid #a5a5a5;
}

.selectInputer input {
    height: 33px;
}

/*智能选择下拉框*/
.smartselect {
    position: relative;
    overflow: hidden;
}

.smartselect input {
    height: 30px;
    padding-right: 30px
}

.smartselect .smartselect-onlyselect, .smartselect .smartselect-selectandedit {
    color: #333 !important;
    background-color: white !important;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, color 0.15s ease-in-out;
}

.smartselect .smartselect-onlyselect:hover, .smartselect .smartselect-selectandedit:hover {
    border: 1px solid #cccccc;
}

.smartselect .smartselect-onlyselect:hover+.selectbtn_2, .smartselect .smartselect-selectandedit:hover+.selectbtn_2 {
    color: #333;
}

.smartselect .smartselect-onlyselect:focus, .smartselect .smartselect-selectandedit:focus {
    border: 1px solid #cccccc;
}

.smartselect .smartselect-onlyselect:focus+.selectbtn_2, .smartselect .smartselect-selectandedit:focus+.selectbtn_2 {
    color: #333;
}

.smartselect .smartselect-onlyselect {
    cursor: pointer;
}

.smartselect .smartselect-selectandedit {
    cursor: text;
}

.smartselect .smartselectbtn {
    font-size: 18px;
    float: right;
    bottom: 0px;
    height: 25px;
    width: 25px;
    right: 0px;
    text-align: center;
    background: transparent;
    padding-top: 5px;
    padding-right: 8px;
}

.div_selectList .select_zuijin {
    margin: 0;
}

.div_selectList .recent-items {
    max-width: 240px;
    margin: 0 7px 5px;
    font-size: 12px;
    white-space: nowrap;
    display: flex;
    flex-flow: wrap;
}

.div_selectList .recent-items a {
    margin-right: 10px
}

.div_selectList .recent-items div {
    color: #106FE8;
    cursor: pointer;
    margin: 3px 5px;
    vertical-align: top;
    white-space: nowrap;
}

.div_selectList .recent-items div:hover {
    color: #0141c2;
}

/* 智能输入 */
.ul_selectList, .div_selectList {
    position: absolute;
    top: 32px;
    left: 0;
    width: auto;
    max-width: 300px;
    font-size: 14px;
    overflow: hidden;
    border-radius: 4px;
    background-color: #FFF;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
}

.div_selectList ul {
    padding: 0;
    margin: 0;
}

.div_selectList ul li {
    font-size: 14px;
    padding: 7px 12px;
    line-height: 20px;
    color: #666;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.div_selectList ul li:hover {
    color: #333;
    background-color: #f9f9f9;
}

.div_selectList_shaixuan {
    height: auto;
    margin: 10px 10px 6px;
}

.div_selectList_shaixuan input {
    -webkit-appearance: none;
    outline: none;
    display: block;
    width: 100%;
    height: 34px;
    resize: none;
    line-height: 1.5;
    padding: 7px 10px;
    font-size: 1.4rem;
    color: #333;
    border-radius: 2px;
    box-sizing: border-box;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e5e5e5;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.div_selectList_shaixuan input:hover {
    border: 1px solid #cccccc;
    box-shadow: none;
}

.div_selectList_shaixuan input:focus {
    border: 1px solid #a5a5a5;
    box-shadow: none;
}

.div_selectList_shaixuan .search_text_style {
    height: 20px;
    vertical-align: middle;
    border: none;
    padding-left: 5px;
}

.search_btn_style {
    height: 14px;
    width: 14px;
    border: none;
    background: url(../images/core/fangdajing.png) center no-repeat;
    vertical-align: middle;
}

.right_select_page {
    .right_select_page
    font-size: 13px;
    color: #8c8c8c;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid #e6e6e6;
    background-color: #fbfbfb;
}

.right_select_page input {
    width: 40px !important;
    text-align: center
}

.right_select_page .icon-close3 {
    position: absolute;
    left: 0;
    color: #8c8c8c;
}

.right_select_page .icon-close3:hover {
    color: #333;
}

.right_select_page .icon-eraser {
    padding-bottom: 9px;
}

.right_select_page a {
    color: #8c8c8c;
    padding: 8px 10px;
}

.right_select_page a, .right_select_page a:focus {
    text-decoration: none;
    color: #8c8c8c;
}

.right_select_page a:hover {
    color: #0091FF;
}

.right_select_page .icon-arrow-left2 {
    padding: 8px 6px 8px 10px;
}

.right_select_page .icon-arrow-right2 {
    padding: 8px 10px 8px 6px;
}

.right_select_page .icon-arrow-left2:before {
    content: "\e992";
}

.right_select_page .icon-arrow-right2:before {
    content: "\e993";
}

.rowmenu .icon-arrow-down3 {
    text-align: center
}

.editurl div input {
    display: inline;
    width: 180px;
    margin-left: 3px;
    margin-top: 10px
}

/* 选择地址 */
.address select {
    display: inline
}

/*时间选择器*/
.timeselector {
    padding: 10px 10px 6px;
    height: auto;
    background-color: white;
    position: absolute;
    z-index: 200000000000;
    border: 1px solid #e6e6e6;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.timeselector .timeselector-hours span, .timeselector .timeselector-minutes span {
    margin-left: 5px;
    margin-bottom: 5px;
    font-weight: bold;
}

.timeselector a {
    margin-left: 5px;
    margin-bottom: 2px;
    width: 50px;
    height: 50px;
}

.timeselector .number {
    width: 28px;
    padding: 2px 0;
    color: #4d4d4d;
    font-weight: 500;
    display: inline-block;
    text-align: center;
    transition: all 0.2s ease;
}

.timeselector .number:hover {
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
    background: #4195FF;
    transition: all 0.2s ease;
}

.timeselector .hourtitle, .timeselector .minutetitle {
    color: rgb(222, 222, 222)
}

.timeselector .timeselector-hours div, .timeselector .timeselector-minutes div {
    margin-bottom: 5px
}

.timeselector-bignumber {
    font-size: 18px
}

.timeselector .closepopup {
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.tableditor_div {
    width: 100%;
    height: 100%;
    font-size: 1.3rem;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, PingFang SC, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', Helvetica, Tahoma, Arial, Hiragino Sans GB, Microsoft YaHei, 微软雅黑, SimSun, 宋体, Heiti, 黑体, sans-serif;
    font-weight: 400;
    color: #121212;
    line-height: 1.25;
    padding: 3px 11px 3px 6px;
    max-height: 135px;
    word-wrap: break-word;
    overflow-y: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
    cursor: text;
    outline: none;
}

.autoform-richeditor {
    -webkit-appearance: none;
    outline: none;
    display: block;
    width: 100%;
    resize: none;
    line-height: 1.5;
    padding: 8px 20px 8px 12px;
    font-size: 1.4rem;
    color: #333;
    border-radius: 2px;
    box-sizing: border-box;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e5e5e5;    /*box-shadow: inset 0 1px 3px -1px #e5e5e5;*/
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    overflow: auto;
    text-align: left;
}

.autoform-richeditor::-webkit-input-placeholder {
    color: #a5a5a5;
}

.autoform-richeditor::-moz-placeholder {
    color: #a5a5a5;
}

.autoform-richeditor:-ms-input-placeholder {
    color: #a5a5a5;
}

.autoform-richeditor::placeholder {
    color: #a5a5a5;
}

.autoform-richeditor::-ms-clear {
    display: none;
}

.autoform-richeditor:hover {
    border: 1px solid #cccccc;
    box-shadow: none;
}

.autoform-richeditor:focus {
    border: 1px solid #a5a5a5;
    box-shadow: none;
}

.fulleditor-btn {
    position: relative;
    top: -25px;
    right: 15px;
    float: right;
}

/*.erweima{background:url(../images/weixin.png) center no-repeat;);width:32px;height:32px;*/

/*position: absolute;*/

/*top: 0px;*/

/*float: right;*/

/*right: 0px;*/

/*right: 0px;*/

/*}*/

/* 二维码  */
.verifyerr-tag {
    width: 1px;
    height: 1px;
    border: none;
    background-color: red
}

/* sc-component-id: QuestionList */
.mcssform {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.mcssform .errcss {
    color: #dd0000;
    font-size: 14px;
    margin: 2px 0 0 8px;
    font-weight: 400;
}

.mcssform .fields-container {
}

.mcssform .bottom-fields {
    float: none;
    padding-left: 0px;
    clear: both;
}

.mcssform .nav-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    flex: none;
}

.mcssform .nav-link {
    font-size: 1.4rem;
    font-weight: 500;
    color: #555 !important;
    line-height: 1;
    height: 32px;
    display: flex;
    align-items: center;
    word-break: break-all;
    /*border: 1px solid #efefef;*/
    /*background: #efefef;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 0 !important;
    border-radius: 4px 4px 0 0;
    padding: 0 6px 0;
}

.mcssform .nav-link:before {
    margin-right: 4px;
}

.subtable-tabs {
    display: flex;
    justify-content: space-between;
    margin-bottom: -1px;
}

.mcssform .showfullscreen {
    box-shadow: -1px 0 1px 0 rgba(0,0,0,0.1);
}

.mcssform .showfullscreen a {
    font-size: 1.3rem;
    font-weight: 400;
    color: #888;
    line-height: 1;
    word-break: break-all;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 3px;
    margin: 0;
    border: none;
    white-space: nowrap;
}

.mcssform .showfullscreen a:hover {
    color: #333;
    background: none;
}

.upper-field {
}

.formfield {
}

.ffeds0 {
    width: 100%;
    float: left;
}

.mcssform .bottom-fields .nav-tabs {
    width: auto;
    float: none;
    border: none;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
}

.mcssform .bottom-fields .nav-tabs::-webkit-scrollbar {
    width: 0px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.3s ease;
    display: none;
}

.mcssform .bottom-fields .nav-tabs:hover::-webkit-scrollbar {
    display: block;
}

@media (max-width: 450px) {
    .mcssform .bottom-fields .nav-tabs::-webkit-scrollbar {
        display: none;
    }
}

.mcssform .bottom-fields .nav-tabs::-webkit-scrollbar-button {
    display: none;
    height: 0;
    width: 0;
}

.mcssform .bottom-fields .nav-tabs::-webkit-scrollbar-track {
    display: none;
    height: 0;
    width: 0;
}

.mcssform .bottom-fields .nav-tabs::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 0%, 0.28);
    background-clip: padding-box;
    border: 3px solid rgba(0, 0, 0, 0);
    border-radius: 6px;
    min-height: 36px;
}

.mcssform .bottom-fields .nav-tabs::-webkit-scrollbar-thumb:hover {
    background-color: hsla(0, 0%, 0%, 0.4);
}

.mcssform .bottom-fields .nav-tabs .showfullscreen {
    flex: none;
}

.ffeds1 {
    width: 40%;
}

.ffeds2 {
    width: 48%;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

.ffeds3 {
    width: 30%;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

.formfield .section {
    margin: 0;
}

.upper-field .section-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: wrap;
    margin: 35px 0 50px;
    position: relative;
}

.upper-field .section-container .form-field-title {
    position: absolute;
    top: -6px;
    font-size: 1.4rem;
    color: #0091FF;
    font-weight: 500;
    padding: 0 10px;
    margin: 0;
    background: #FFFFFF;
    z-index: 1;
}

.formfield .section+.form-field-notes {
    margin-top: 20px;
}

.formfield .section hr {
    border-top: 1px solid rgba(0, 145, 255, .3);
    margin: 0;
}

.formfield .url, .formfield .smartselect, .formfield .linkage {
    height: 33px;
    position: relative;
}

/* sc-component-id: QuestionTitle */
.form-field-title {
    font-size: 1.6rem;
    font-weight: 500;
    color: #494949;
    line-height: 1;
    word-break: break-all;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    margin-bottom: 8px;
}

.mcssform .diy-field .form-field-title {
    display: none;
}

.mcssform .diy-field .mcsstable_toolbar {
    border-top: none;
}

/* sc-component-id: QuestionContent-sc-11v0xvk */
.form-field-inputer {
    width: 100%;
    margin-bottom: 18px;
    position: relative;
}

.form-field-inputer div[id*="fulleditor_"] {
    width: auto!important;
}

/* sc-component-id: Input */
.form-field-inputer input, .form-field-inputer select {
    -webkit-appearance: none;
    outline: none;
    display: flex;
    justify-content: left;
    width: 100%;
    height: 33px;
    resize: none;
    line-height: 1;
    padding: 4px 12px;
    font-size: 1.4rem;
    color: #333;
    border-radius: 2px;
    box-sizing: border-box;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e5e5e5;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0.15s ease-in-out;
}

.form-field-inputer select {
    height: 33px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: 0 0 0 0px #fff inset;
    background: #fff url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0i6aG16Z2iMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iMC42Ij4KICAgICAgICA8ZyBpZD0iYXJyb3dfZHJvcF9kb3duIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjAwMDAwMCwgNy4wMDAwMDApIiBmaWxsPSIjODg4ODg4IiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8cG9seWdvbiBpZD0i6Lev5b6EIiBwb2ludHM9IjAgMCAxMCAwIDUgNiI+PC9wb2x5Z29uPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+') no-repeat right 6px center;
    padding-right: 16px;
    cursor: pointer;
}

.form-field-inputer input::-webkit-input-placeholder, .form-field-inputer select::-webkit-input-placeholder {
    color: #a5a5a5;
}

.form-field-inputer input::-moz-placeholder, .form-field-inputer select::-moz-input-placeholder {
    color: #a5a5a5;
}

.form-field-inputer input:-ms-input-placeholder, .form-field-inputer select::-ms-input-placeholder {
    color: #a5a5a5;
}

.form-field-inputer input::placeholder, .form-field-inputer select::placeholder {
    color: #a5a5a5;
}

.form-field-inputer input::-ms-clear, .form-field-inputer select::-ms-clear {
    display: none;
}

.form-field-inputer input:hover, .form-field-inputer select:hover {
    border: 1px solid #cccccc;
    box-shadow: none;
}

.form-field-inputer input:focus, .form-field-inputer select:focus {
    border: 1px solid #a5a5a5;
    box-shadow: none;
}

.form-field-inputer select:focus, .form-field-inputer select:hover {
    background: #fff url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT7liIfniYc8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i6aG16Z2iMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iMC45MDAwMDAwMzYiPgogICAgICAgIDxnIGlkPSJhcnJvd19kcm9wX2Rvd24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCA3LjAwMDAwMCkiIGZpbGw9IiMzMzMzMzMiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSLot6/lvoQiIHBvaW50cz0iMCAwIDEwIDAgNSA2Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=') no-repeat right 6px center;
}

.form-field-inputer input[readonly], .form-field-inputer select[disabled] {
    opacity: 1;
    color: #999;
    outline: none;
    box-shadow: none;
    border: 1px solid #e6e6e6;
}

.form-field-inputer input[readonly] {
    background-color: #f7f7f7;
}

.form-field-inputer select[disabled] {
    background: #f7f7f7 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT7liIfniYc8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i6aG16Z2iMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iMC45MDAwMDAwMzYiPgogICAgICAgIDxnIGlkPSJhcnJvd19kcm9wX2Rvd24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCA3LjAwMDAwMCkiIGZpbGw9IiNDOUM5QzkiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSLot6/lvoQiIHBvaW50cz0iMCAwIDEwIDAgNSA2Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=') no-repeat right 6px center;
}

@media (max-width:450px) {
    .form-field-inputer {
        margin-bottom: 20px;
    }

    .form-field-inputer input, .form-field-inputer select {
        height: 36px;
        font-size: 1.5rem;
        padding: 6px 12px;
        box-shadow: none;
    }

    .form-field-inputer select {
        padding: 6px 28px 6px 12px;
    }

    .form-field-inputer input[readonly], .form-field-inputer select[disabled] {
        opacity: 1;
        color: #999;
        outline: none;
        box-shadow: none;
        border: 1px solid #e9e9e9;
    }

    .form-field-inputer input[readonly] {

        /*background-color: #f0f0f0;*/
    }

    .form-field-inputer select[disabled] {
        background: #f0f0f0 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT7liIfniYc8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i6aG16Z2iMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iMC45MDAwMDAwMzYiPgogICAgICAgIDxnIGlkPSJhcnJvd19kcm9wX2Rvd24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCA3LjAwMDAwMCkiIGZpbGw9IiNDOUM5QzkiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSLot6/lvoQiIHBvaW50cz0iMCAwIDEwIDAgNSA2Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=') no-repeat right 6px center;
    }

    .form-field-inputer.time input {
        color: #333;
        background-color: #FFF;
    }

    .address select {
        margin-bottom: 10px;
    }

    .timeselector .timeselector-hours div span, .timeselector .timeselector-minutes div span {
        font-size: 14px;
    }

    .timeselector .timeselector-hours div.number, .timeselector .timeselector-minutes div.number {
        width: 36px;
        font-size: 14px;
        padding: 7px 0;
        margin: 0;
    }

    .timeselector .timeselector-hours div.number:active, .timeselector .timeselector-minutes div.number:active {
        color: #FFFFFF;
        background: #4195FF;
    }

}

.checkbox input {
    -webkit-appearance: checkbox;
    display: inline-block;
    width: 18px;
    height: 15px;
    padding: 0;
    margin: 2px 0 0 0;
}

.form-field-inputer .optionlist {
    /*padding-left: 0px;*/
    display: flex;
    flex-flow: column;
    /* max-height: 70px; */
    /* overflow: auto; */
    border: 1px solid #e6e6e6;
    border-radius: 5px;
}

.form-field-inputer .optionlist label {
    width: calc(100% - 20px);
    font-weight: 400;
    display: inline;
    margin-left: 5px
}

.form-field-inputer .optionlist div {
    width: 100%;
    padding: 0 0 0 14px;
    display: flex;
    align-items: center;
    line-height: 1.2;
    border-bottom: 1px solid #e6e6e6;
}

.form-field-inputer .optionlist div:last-of-type {
    border-bottom: none;
}

.form-field-inputer .optionlist div.otheroption-wrap {
    display: inline-block;
    max-width: none;
}

.form-field-inputer .optionlist.checkbox div {
    /*display: inline-block;*/
    /*line-height: initial;*/
}

@media (max-width:450px) {
    .form-field-inputer .optionlist div {
        /*max-width: calc(50% - 20px);*/
        /*margin-bottom: 15px;*/
    }

}

.form-field-inputer .optionlist input {
    -webkit-appearance: radio;
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0;
    margin-right: 4px;
    vertical-align: middle;
    flex: none;
}

.form-field-inputer .checkbox input {
    -webkit-appearance: checkbox;
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 0;
    vertical-align: middle;
}

.form-field-inputer .checkbox input[type='checkbox'] {
    margin: 0 6px 0 0;
}

@media (max-width:450px) {
    .form-field-inputer .checkbox input {
        width: 14px;
        height: 14px;
    }

}

.form-field-inputer .optionlist label {
    font-size: 14px;
    padding: 12px 0;
    margin: 0 0 0 5px;
    vertical-align: middle;
    cursor: pointer;
}

.form-field-inputer .optionlist .radio {
    padding-left: 0px;
}

.form-field-inputer .optionlist .otheroption {
    -webkit-appearance: none;
    outline: none;
    display: inline-block;
    width: 150px;
    height: 30px;
    resize: none;
    line-height: 1.5;
    padding: 4px 5px;
    margin: 8px 0 8px 5px;
    font-size: 1.4rem;
    color: #333;
    border-radius: 2px;
    box-sizing: border-box;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e5e5e5;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-field-inputer .optionlist .otheroption:hover {
    border: 1px solid #cccccc;
    box-shadow: none;
}

.form-field-inputer .optionlist .otheroption:focus {
    border: 1px solid #a5a5a5;
    box-shadow: none;
}

.form-field-inputer .optionlist .otheroption[readonly] {
    opacity: 1;
    color: #999;
    outline: none;
    box-shadow: none;
    border: 1px solid #e6e6e6;
    background-color: #f7f7f7;
}

/* ffeds2 nffeds3 */

.ffeds2 .form-field-inputer .optionlist, .ffeds3 .form-field-inputer .optionlist {
    padding-left: 0px;
    display: flex;
    flex-flow: wrap;
    max-height: 70px;
    overflow: auto;
}

.ffeds2 .form-field-inputer .optionlist div, .ffeds3 .form-field-inputer .optionlist div {
    width: auto;
    min-width: 80px;
    max-width: 190px;
    /*min-width: calc(16.5% - 20px);*/
    /*max-width: calc(33.33% - 20px);*/
    display: flex;
    line-height: 1.2;
    border: none;
}

.ffeds2 .form-field-inputer .optionlist input, .ffeds3 .form-field-inputer .optionlist input {
    margin-right:0;
}

.ffeds2 .form-field-inputer .optionlist label, .ffeds3 .form-field-inputer .optionlist label {
    padding: 9px 12px 9px 6px;
    margin: 0;
    white-space: nowrap;
}

.form-field-inputer .radio label {
    max-width: 200px
}

.date input {
    cursor: pointer;
    -o-user-select: none;
    user-select: none;
    background: #fff url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBmaWxsPSIjODg4ODg4IiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICA8cGF0aCBkPSJNMS4wNTg4MjM1Myw2LjE3OTEwNDQ4IEwxNi45NDExNzY1LDYuMTc5MTA0NDggTDE2Ljk0MTE3NjUsNC4yOTg1MDc0NiBDMTYuOTQxMTc2NSwzLjQxMTk0MDMgMTYuMjI2NDcwNiwyLjY4NjU2NzE2IDE1LjM1Mjk0MTIsMi42ODY1NjcxNiBDMTUuMDYxNzY0NywyLjY4NjU2NzE2IDE0LjgyMzUyOTQsMi40NDQ3NzYxMiAxNC44MjM1Mjk0LDIuMTQ5MjUzNzMgQzE0LjgyMzUyOTQsMS44NTM3MzEzNCAxNS4wNjE3NjQ3LDEuNjExOTQwMyAxNS4zNTI5NDEyLDEuNjExOTQwMyBDMTYuODA4ODIzNSwxLjYxMTk0MDMgMTgsMi44MjA4OTU1MiAxOCw0LjI5ODUwNzQ2IEwxOCwxNS4zMTM0MzI4IEMxOCwxNi43OTEwNDQ4IDE2LjgwODgyMzUsMTggMTUuMzUyOTQxMiwxOCBMMi42NDcwNTg4MiwxOCBDMS4xOTExNzY0NywxOCAxLjU5ODcyMTE2ZS0xNCwxNi43OTEwNDQ4IDEuNTk4NzIxMTZlLTE0LDE1LjMxMzQzMjggTDEuNTk4NzIxMTZlLTE0LDQuMjk4NTA3NDYgQzEuNTk4NzIxMTZlLTE0LDIuODIwODk1NTIgMS4xOTExNzY0NywxLjYxMTk0MDMgMi42NDcwNTg4MiwxLjYxMTk0MDMgTDMuNDQxMTc2NDcsMS42MTE5NDAzIEMzLjczMjM1Mjk0LDEuNjExOTQwMyAzLjk3MDU4ODI0LDEuODUzNzMxMzQgMy45NzA1ODgyNCwyLjE0OTI1MzczIEMzLjk3MDU4ODI0LDIuNDQ0Nzc2MTIgMy43MzIzNTI5NCwyLjY4NjU2NzE2IDMuNDQxMTc2NDcsMi42ODY1NjcxNiBMMi42NDcwNTg4MiwyLjY4NjU2NzE2IEMxLjc3MzUyOTQxLDIuNjg2NTY3MTYgMS4wNTg4MjM1MywzLjQxMTk0MDMgMS4wNTg4MjM1Myw0LjI5ODUwNzQ2IEwxLjA1ODgyMzUzLDYuMTc5MTA0NDggWiBNMS4wNTg4MjM1Myw3LjI1MzczMTM0IEwxLjA1ODgyMzUzLDE1LjMxMzQzMjggQzEuMDU4ODIzNTMsMTYuMiAxLjc3MzUyOTQxLDE2LjkyNTM3MzEgMi42NDcwNTg4MiwxNi45MjUzNzMxIEwxNS4zNTI5NDEyLDE2LjkyNTM3MzEgQzE2LjIyNjQ3MDYsMTYuOTI1MzczMSAxNi45NDExNzY1LDE2LjIgMTYuOTQxMTc2NSwxNS4zMTM0MzI4IEwxNi45NDExNzY1LDcuMjUzNzMxMzQgTDEuMDU4ODIzNTMsNy4yNTM3MzEzNCBaIE02LjYxNzY0NzA2LDIuNjg2NTY3MTYgQzYuMzI2NDcwNTksMi42ODY1NjcxNiA2LjA4ODIzNTI5LDIuNDQ0Nzc2MTIgNi4wODgyMzUyOSwyLjE0OTI1MzczIEM2LjA4ODIzNTI5LDEuODUzNzMxMzQgNi4zMjY0NzA1OSwxLjYxMTk0MDMgNi42MTc2NDcwNiwxLjYxMTk0MDMgTDEyLjE3NjQ3MDYsMS42MTE5NDAzIEMxMi40Njc2NDcxLDEuNjExOTQwMyAxMi43MDU4ODI0LDEuODUzNzMxMzQgMTIuNzA1ODgyNCwyLjE0OTI1MzczIEMxMi43MDU4ODI0LDIuNDQ0Nzc2MTIgMTIuNDY3NjQ3MSwyLjY4NjU2NzE2IDEyLjE3NjQ3MDYsMi42ODY1NjcxNiBMNi42MTc2NDcwNiwyLjY4NjU2NzE2IFogTTUuMDI5NDExNzYsNC4yOTg1MDc0NiBDNC43MzgyMzUyOSw0LjI5ODUwNzQ2IDQuNSw0LjA1NjcxNjQyIDQuNSwzLjc2MTE5NDAzIEw0LjUsMC41MzczMTM0MzMgQzQuNSwwLjI0MTc5MTA0NSA0LjczODIzNTI5LC0yLjYyMDEyNjM0ZS0xNCA1LjAyOTQxMTc2LC0yLjYyMDEyNjM0ZS0xNCBDNS4zMjA1ODgyNCwtMi42MjAxMjYzNGUtMTQgNS41NTg4MjM1MywwLjI0MTc5MTA0NSA1LjU1ODgyMzUzLDAuNTM3MzEzNDMzIEw1LjU1ODgyMzUzLDMuNzYxMTk0MDMgQzUuNTU4ODIzNTMsNC4wNTY3MTY0MiA1LjMyMDU4ODI0LDQuMjk4NTA3NDYgNS4wMjk0MTE3Niw0LjI5ODUwNzQ2IFogTTEzLjc2NDcwNTksNC4yOTg1MDc0NiBDMTMuNDczNTI5NCw0LjI5ODUwNzQ2IDEzLjIzNTI5NDEsNC4wNTY3MTY0MiAxMy4yMzUyOTQxLDMuNzYxMTk0MDMgTDEzLjIzNTI5NDEsMC41MzczMTM0MzMgQzEzLjIzNTI5NDEsMC4yNDE3OTEwNDUgMTMuNDczNTI5NCwtMi42MjAxMjYzNGUtMTQgMTMuNzY0NzA1OSwtMi42MjAxMjYzNGUtMTQgQzE0LjA1NTg4MjQsLTIuNjIwMTI2MzRlLTE0IDE0LjI5NDExNzYsMC4yNDE3OTEwNDUgMTQuMjk0MTE3NiwwLjUzNzMxMzQzMyBMMTQuMjk0MTE3NiwzLjc2MTE5NDAzIEMxNC4yOTQxMTc2LDQuMDU2NzE2NDIgMTQuMDU1ODgyNCw0LjI5ODUwNzQ2IDEzLjc2NDcwNTksNC4yOTg1MDc0NiBaIE02LjI3MzUyOTQxLDEwLjc3MzEzNDMgTDUuMDAyOTQxMTgsMTAuNzczMTM0MyBMNS4wMDI5NDExOCwxMC4wMjA4OTU1IEM1LjMyMDU4ODI0LDEwLjA0Nzc2MTIgNS42MTE3NjQ3MSw5Ljk2NzE2NDE4IDUuODc2NDcwNTksOS44MDU5NzAxNSBDNi4xNDExNzY0Nyw5LjY0NDc3NjEyIDYuMzI2NDcwNTksOS40MDI5ODUwNyA2LjQ1ODgyMzUzLDkuMTA3NDYyNjkgTDcuMzA1ODgyMzUsOS4xMDc0NjI2OSBMNy4zMDU4ODIzNSwxNC40NTM3MzEzIEw2LjI0NzA1ODgyLDE0LjQ1MzczMTMgTDYuMjQ3MDU4ODIsMTAuNzczMTM0MyBMNi4yNzM1Mjk0MSwxMC43NzMxMzQzIFogTTEyLjQ0MTE3NjUsMTIuNjgwNTk3IEMxMi40NDExNzY1LDEzLjI3MTY0MTggMTIuMjU1ODgyNCwxMy43MjgzNTgyIDExLjkxMTc2NDcsMTQuMDc3NjExOSBDMTEuNTY3NjQ3MSwxNC40MjY4NjU3IDExLjA5MTE3NjUsMTQuNTg4MDU5NyAxMC41MDg4MjM1LDE0LjU4ODA1OTcgQzEwLjAzMjM1MjksMTQuNTg4MDU5NyA5LjY2MTc2NDcxLDE0LjQ1MzczMTMgOS4zNDQxMTc2NSwxNC4xNTgyMDkgQzkuMDI2NDcwNTksMTMuODg5NTUyMiA4Ljg2NzY0NzA2LDEzLjQ4NjU2NzIgOC44MTQ3MDU4OCwxMy4wMjk4NTA3IEw5Ljg0NzA1ODgyLDEzLjAyOTg1MDcgQzkuODczNTI5NDEsMTMuMjcxNjQxOCA5Ljk1Mjk0MTE4LDEzLjQ1OTcwMTUgMTAuMDg1Mjk0MSwxMy41NjcxNjQyIEMxMC4yMTc2NDcxLDEzLjcwMTQ5MjUgMTAuMzc2NDcwNiwxMy43NTUyMjM5IDEwLjYxNDcwNTksMTMuNzU1MjIzOSBDMTAuODUyOTQxMiwxMy43NTUyMjM5IDExLjAxMTc2NDcsMTMuNjc0NjI2OSAxMS4xNzA1ODgyLDEzLjQ4NjU2NzIgQzExLjMwMjk0MTIsMTMuMjk4NTA3NSAxMS4zODIzNTI5LDEzLjA4MzU4MjEgMTEuMzgyMzUyOSwxMi43ODgwNTk3IEMxMS4zODIzNTI5LDEyLjQ5MjUzNzMgMTEuMzAyOTQxMiwxMi4yNTA3NDYzIDExLjE3MDU4ODIsMTIuMDYyNjg2NiBDMTEuMDM4MjM1MywxMS44NzQ2MjY5IDEwLjg1Mjk0MTIsMTEuNzk0MDI5OSAxMC42MTQ3MDU5LDExLjc5NDAyOTkgQzEwLjQ4MjM1MjksMTEuNzk0MDI5OSAxMC4zMjM1Mjk0LDExLjgyMDg5NTUgMTAuMjE3NjQ3MSwxMS45MDE0OTI1IEMxMC4xMTE3NjQ3LDExLjk4MjA4OTYgMTAuMDA1ODgyNCwxMi4wNjI2ODY2IDkuOTI2NDcwNTksMTIuMTcwMTQ5MyBMOSwxMi4xMTY0MTc5IEw5LjM0NDExNzY1LDkuMjE0OTI1MzcgTDEyLjIyOTQxMTgsOS4yMTQ5MjUzNyBMMTIuMjI5NDExOCwxMC4xMDE0OTI1IEwxMC4wODUyOTQxLDEwLjEwMTQ5MjUgTDkuOSwxMS4yMjk4NTA3IEMxMC4xOTExNzY1LDExLjA0MTc5MSAxMC41MDg4MjM1LDEwLjk2MTE5NCAxMC44NTI5NDEyLDEwLjk2MTE5NCBDMTEuMzI5NDExOCwxMC45NjExOTQgMTEuNywxMS4xMjIzODgxIDExLjk5MTE3NjUsMTEuNDQ0Nzc2MSBDMTIuMzA4ODIzNSwxMS43NjcxNjQyIDEyLjQ0MTE3NjUsMTIuMTcwMTQ5MyAxMi40NDExNzY1LDEyLjY4MDU5NyBaIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPgo=') no-repeat right 10px center;
}

.fui_trigger-btn {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 37px;
    height: 100%;
    line-height: 37px;
    border-left: solid 1px #e0e0e0;
    display: inline-block;
    color: #888;
    text-align: center;
    font-size: 16px;
}

/*图标样式*/
.icon-color-red:before {
    content: '';
    position: relative;
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 50px;
    background: linear-gradient(to bottom, #F4528C, #C20045);
}

.icon-color-yellow:before {
    content: '';
    position: relative;
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 50px;
    background: linear-gradient(to bottom, #FFA800, #E14E00);
}

.icon-color-green:before {
    content: '';
    position: relative;
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 50px;
    background: linear-gradient(to bottom, #15BC83, #07865A);
}

.icon-color-black:before {
    content: '';
    position: relative;
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 50px;
    background: linear-gradient(to bottom, #888888, #4d4d4d);
}

.icon-color-gray:before {
    content: '';
    position: relative;
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 50px;
    background: linear-gradient(to bottom, #c6c6c6, #7d7d7d);
}

.icon-none {
    width: 14px;
    height: 14px;
    border-radius: 50px;
    background: transparent;
}

.icon-color-other {
    width: 14px;
    height: 14px;
    border-radius: 50px;
    background: transparent;
}

[class*='icon-color-'] {
    position: relative;
    width: 14px;
    height: 14px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    background: transparent;
}

[class*='icon-color-']:before {
    top: 50%;
    -webkit-transform: translate(0, -50%);
}

.icon-status-plan:before {
    content: '';
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../images/core/finish_none.png) no-repeat;
    background-size: contain;
    border-radius: 50px;
    background: linear-gradient(to bottom, #888888, #4d4d4d);
}

.icon-status-execute:before {
    content: '';
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../images/core/finish_half.png) no-repeat;
    background-size: contain;
    border-radius: 50px;
    background: linear-gradient(to bottom, #FFA800, #E14E00);
}

.icon-status-done:before {
    content: '';
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../images/core/finish_full.png) no-repeat;
    background-size: contain;
    border-radius: 50px;
    background: linear-gradient(to bottom, #15BC83, #07865A);
}

.icon-status-cancel:before {
    content: '';
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../images/core/finish_canceled.png) no-repeat;
    background-size: contain;
    border-radius: 50px;
    background: linear-gradient(to bottom, #c6c6c6, #7d7d7d);
}

.icon-status-other {
    width: 16px;
    height: 16px;
    background-position: center;
}

[class*='icon-status-'] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: transparent;
}

.icon-priority-high:before {
    content: '';
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../images/core/priority_high.png) no-repeat;
    background-size: contain;
}

.icon-priority-middle:before {
    content: '';
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../images/core/priority_middle.png) no-repeat;
    background-size: contain;
}

.icon-priority-low:before {
    content: '';
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../images/core/priority_low.png) no-repeat;
    background-size: contain;
}

.icon-priority-other {
    width: 14px;
    height: 14px;
    background-position: center;
    padding-left: 16px;
}

[class*='icon-priority-'] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: transparent;
}

.form-field-inputer .uni-input {
    cursor: pointer;
    width: 100%;
    height: 33px;
    font-size: 14px;
    line-height: 1;
    color: #333;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.uni-input {
    cursor: pointer;
    width: 100%;
    height: 33px;
    font-size: 14px;
    line-height: 1;
    color: #333;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.uni-input:focus {
    outline: 0;
    border-color: #37a7ec;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.uni-input-readonly {
    background-color: #f0f0f0
}

.inputer-openbtn {
    position: relative;
    float: right;
    top: -22px;
    right: 13px;
    color: #888;
    cursor: pointer;
}

.inputer-openbtn:hover {
    color: #333;
}

.inputer-editorbtn {
    position: absolute;
    float: right;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.inputer-editorbtn-1 {
    position: relative;
    top: 3px;
    right: 22px;
}

/* 密码输入框 */
.view-inputpassword {
    position: relative;
    left: 280px;
    top: -23px;
}

.formsubmitbtn {
    background-color: white;
    text-align: center;
    padding-top: 10px;
    margin-left: -15px;
    border-top: solid 1px rgb(222, 222, 222);
    bottom: 0px;
    left: auto;
    right: auto;
    width: 100%;
    height: 44px;
}

.labellink {
    cursor: pointer;
}

.example-image {
    max-width: 120px;
    max-height: 120px;
}

.logo {
    width: 80px;
    cursor: pointer;
}

input[type='checkbox'] {
    -webkit-appearance: checkbox;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
}

input[type='radio'] {
    -webkit-appearance: radio;
    width: auto;
    height: auto;
    padding: 0;
}

label input[type='checkbox'], input[type='radio'] {
    margin-bottom: 4px;
    margin-right: 5px;
    margin-left: 5px;
    width: auto;
    height: auto;
    padding: 0;
    display: inline-block;
}

/*文件上传*/
.form-field-inputer .uni-uploadfield {
    overflow: hidden;
    word-wrap: break-word;
    min-height: 33px;
    background: #fff;
    border: 1px solid #e5e5e5;
    width: 100%;
    font-size: 14px;
    line-height: 1.5;
    padding: 0px 10px;
    display: flex;
    align-items: center;
}

.form-field-inputer .uni-uploadfield:hover {
    border: 1px solid #cccccc;
    box-shadow: none;
}

.form-field-inputer .uni-uploadfield:focus {
    border: 1px solid #a5a5a5;
    box-shadow: none;
}

.form-field-inputer .uni-uploadfield img {
    max-height: 24px;
}

.form-field-inputer .uni-uploadfield a {
}

.uni-uploadfield .upload-box {
    padding: 0;
}

.upload-box form {
    display: flex;
    align-items: center;
}

.upload-box form input {
    position: absolute;
    font-size: 12px;
    border: none;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    z-index: 1;
}

.upload-box form input:focus {
    outline: none;
}

.upload-box .upload-btn {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    line-height: 1;
    padding: 5px 10px;
    border: none;
    border-radius: 50px;
    background: #0091FF;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.44, 0.9, 0.6, 0.94);
    transition-property: background, color;
}

.upload-box form input:hover+.upload-btn {
    background: #0171C2;
}

.uni-uploadfield-padding {
}

@media (max-width:450px) {
    .uni-uploadfield, .form-field-inputer .uni-uploadfield {
        min-height: 40px;
    }

    .uni-uploadfield a {
        line-height: 30px;
    }

    .form-field-inputer .uni-input {
        height: 40px;
    }

}

.selectbtn-top {

    /*top: 12px;*/
}

.uploadfield img, .uploadfield a {
    display: block
}

.uni-uploadfield .icon-upload {
    color: #37a7ec
}

.uni-uploadfield .icon-upload:hover {
    color: #249de7
}

.uni-uploadfield .icon-close {
    color: #888
}

.uni-uploadfield .icon-close:hover {
    color: #333
}

.uni-uploadfield .icon-eye {
    color: #37a7ec
}

.uni-uploadfield .icon-eye:hover {
    color: #249de7
}

.uni-uploadfield .toolbars {
    position: absolute;
    font-size: 14px;
    right: 22px;
    padding-right: 12px;
    /*bottom: -42px;*/
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 1;
}

.uni-uploadfield .toolbars:empty {
    display: none;
}

.uni-uploadfield .toolbars:has(a[style="display:none"]) {
    display: none!important;
}

.uni-uploadfield .toolbars:after {
    content: '';
    position: absolute;
    left: -10px;
    width: calc(100% + 32px);
    height: 30px;
    border-radius: 50px;
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
    z-index: -1;
}

@media (max-width:450px) {
    .uni-uploadfield .toolbars {
    }

}

.uni-uploadfield div a {
    color: #888;
    /*margin: 0 15px 0 0;*/
    cursor: pointer;
    font-size: 13px;
}

.uni-uploadfield div a:hover {
    color: #333;
}

.uni-uploadfield.readonly {
    background-color: rgb(250, 250, 250)
}

.selectbtn {
    float: right;
    line-height: 37px;
    color: #888;
    cursor: pointer;
}

.selectbtn:hover {
    color: #333;
}

.selectbtn_1 {
    width: 100%;
    height: 100%;
    position: absolute;
    color: #888;
    cursor: pointer;
    font-size: 18px;
    text-align: right;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    right: 0px;
    padding: 0 6px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.selectbtn_1:hover {
    color: #333;
}

.selectbtn_2 {
    position: absolute;
    color: #888;
    cursor: pointer;
    font-size: 18px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    right: 0px;
    padding: 0 8px 0 0;
}

.selectbtn_2:hover {
    color: #484848;
}

@media (max-width:450px) {
    .selectbtn, .selectbtn_1, .selectbtn_2 {
        top: 50%;
        -webkit-transform: translate(0, -50%);
    }

    .selectbtn_1 {
        padding: 0 8px 0 92.5%;
    }

}

.selectInputer .icon-arrow-down3 {
    font-size: 20px
}

.uni-uploadfield .selectbtn {
    position: absolute;
    font-size: 14px;
    line-height: 1; 
    /*top: 50%;*/
    /*-webkit-transform: translate(0, -50%);*/
    right: 10px;
    padding: 0;
    margin: 0;
    z-index: 1;
}

@media (max-width:450px) {
    .uni-uploadfield .selectbtn {
        /*line-height: 40px;*/
    }
}

/*移动端样式*/
@media (max-width:768px) {
    .mobilemenu li, .mobilemenu a {
        font-size: 12px;
        color: #666;
        width: 100%;
        height: auto;
        padding: 15px 20px;
        line-height: 1;
        display: inline-block;
    }

    .mobilemenu .cancelmenu {
        color: #666;
        text-align: center;
    }

}

.uni-address select {
    display: inline;
}

.mobileformbtn {
    z-index: 999999999
}

.field-group {
    position: relative;
    font-size: 1.6rem;
    font-weight: 500;
    padding: 20px 0;
    color: #0091FF;
    clear: both;
    line-height: 1;
    display: flex;
    justify-content: start;
    align-items: center;
    border-top: 1px solid #b7d3ff!important;
    user-select: none;
    cursor: pointer;
}

.field-group:first-child {
    border-top: none;
}

.field-group span:before {
    margin-right: 3px;
    margin-left: -3px;
    color: #4FB5FF;
}

.field-group span.icon-arrow-down2, .field-group span.icon-arrow-right4 {
    /*margin-left: -16px;*/
}

/*.field-group:before {
    content: '';
    width: calc(100% + 28px);
    position: absolute;
    top: 0;
    margin: 0 -14px;
    border-top: 1px solid #9cc2ff;
}*/

.fields-container .uniform-hr {
    margin: 0;
    margin-bottom: 20px;
    border: none;
    border-top: 1px solid #b7d3ff;
}

.div-readonly {
    background: #f0f0f0 !important
}

.form-colnumber {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 10px 0 10px 0;
}

.form-colnumber .on {
    color: #333;
}

.form-colnumber a {
    padding: 0 0 0 12px;
    font-size: 14px;
    color: #c6c6c6;
    line-height: 1;
    cursor: pointer;
    /*position: relative;*/
}

.form-colnumber a:hover {
    color: #333;
}

.form-colnumber .viewformlog, .form-colnumber .aiinput {
    font-size: 16px;
}

.form-colnumber .aiinput {
    
}

.form-colnumber .viewform-print {
    font-size: 17px;
    margin-right: 10px;
}

@media (max-width:450px) {
    .form-colnumber {
        /*display: none !important;*/
        position: absolute;
    }

    .form-colnumber .icon-column_1, .form-colnumber .icon-column_2, .form-colnumber .icon-column_3, .form-colnumber .aiinput, .form-colnumber .viewformlog, .form-colnumber .viewform-print {
        display: none
    }

    .form-colnumber {
        top: 46px;
        position: absolute;
        left: 10px;
    }

}

.selected-colnumber {
    color: red
}

/*.fields-container{overflow: auto}*/
.view-relatedrecords {
    font-size: 16px;
    text-align: left;
    padding: 10px 0;
}

.view-relatedrecords a {
    color: #888;
    cursor: pointer;
    padding: 10px;
}

.view-relatedrecords a:hover {
    color: #333;
}

.scrollbar-div {
    display: none;
}

.pop-btn {
    font-size: 14px;
    font-weight: 500;
    min-width: 80px;
    height: 38px;
    padding: 0 17px;
    outline: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 50px;
    -webkit-transition: all 0.3s cubic-bezier(0.44, 0.9, 0.6, 0.94);
    transition: all 0.3s cubic-bezier(0.44, 0.9, 0.6, 0.94);
    transition-property: border, background, color, box-shadow;
    cursor: pointer;
}

.pop-btn-del {
    background: #fff;
    border: 1px solid #FF6262;
    color: #FF6262;
    margin-right: 20px;
    outline: none;
    box-shadow: none;
}

.pop-btn-del:hover {
    border: 1px solid #D74646;
    color: #D74646;
    outline: none;
    box-shadow: none;
}

.pop-btn-wh {
    background: #fff;
    border: 1px solid #3296FA;
    color: #3296FA;
    margin-right: 20px;
    outline: none;
    box-shadow: none;
}

.pop-btn-wh:hover {
    border: 1px solid #0171c2;
    color: #0171c2;
    outline: none;
    box-shadow: none;
}

.pop-btn-bk {
    background: #3296FA;
    border: none;
    color: #fff;
    outline: none;
    box-shadow: none;
}

.pop-btn-bk:hover {
    background: #0171c2;
    border: none;
    color: #fff;
    outline: none;
    box-shadow: none;
}

.cannotnullable {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 4px;
    font-size: 14px;
    color: #ff7575;
    line-height: 1;
    margin-right: 3px;
}

.quicktip {
    position: fixed;
    top: 0px;
    margin-top: 5px;
    color: gray
}

.sm-tooltip-content {
    position: absolute;
    font-size: 12px;
    -webkit-font-smoothing: auto;
    line-height: 1.375;
    max-width: 300px;
    top: -9999px;
    opacity: 0;
    z-index: -10;
    transition: opacity 0.3s ease;
}

.sm-tooltip-content.bottom {
    padding-top: 7px;
}

.sm-tooltip-content.top {
    padding-bottom: 7px;
}

.sm-tooltip-content.left {
    padding-right: 7px;
}

.sm-tooltip-content.right {
    padding-left: 7px;
}

.sm-tooltip-content.bottom .sm-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: #41464b;
    border-style: solid;
    top: 3px;
    left: 50%;
    margin-left: -4px;
    border-width: 0 4px 4px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

.sm-tooltip-content.bottom .sm-tooltip-arrow::after {
    content: '';
    position: absolute;
    left: -2.5px;
    top: 1.5px;
    width: 5px;
    height: 5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
    z-index: -1;
}

.sm-tooltip-content.top .sm-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: #41464b;
    border-style: solid;
    bottom: 3px;
    left: 50%;
    margin-left: -4px;
    border-width: 4px 4px 0;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

.sm-tooltip-content.top .sm-tooltip-arrow::after {
    content: '';
    position: absolute;
    left: -2.5px;
    top: -6.5px;
    width: 5px;
    height: 5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
    z-index: -1;
}

.sm-tooltip-content.left .sm-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: #41464b;
    border-style: solid;
    top: 50%;
    right: 3px;
    margin-top: -4px;
    border-width: 4px 0 4px 4px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
}

.sm-tooltip-content.right .sm-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: #41464b;
    border-style: solid;
    top: 50%;
    left: 3px;
    margin-top: -4px;
    border-width: 4px 4px 4px 0;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

.sm-tooltip-content .sm-tooltip-inner {
    color: #fff;
    text-align: center;
    padding: 6px 10px;
    background: #41464b;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    height: auto;
    line-height: 1.375;
    white-space: normal;
}

.noticepopup {
    width: auto
}

#container .amap-controls .amap-geolocation-con {
    top: 10px;
}

.jssigncontainer {
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    margin-bottom: 10px;
}

.cell-today {
    color: #F04000;
}

/* 弹出窗口 */
.pop-dropdown {
    position: absolute;
    left: -9999px;
    top: -9999px;
    z-index: 1050;
    max-height: 450px;
}

.pop-dropdown ul {
    padding: 0;
    margin: 0;
    min-width: 180px;
    outline: none;
    margin: 0;
    padding: 5px 0;
    list-style: none;
    background: #fff;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

.pop-dropdown ul .content-list {
    max-height: 236px;
    overflow: auto;
}

.pop-dropdown ul li {
    padding: 10px 20px;
    height: 36px;
    color: #565656;
    font-size: 12px;
    font-weight: normal;
    line-height: 22px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.pop-dropdown ul li:hover {
    background-color: #f7f7f7;
}

.pop-dropdown ul li div {
    font-size: 12px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 22px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.pop-dropdown ul li i {
    color: #565656;
    line-height: 1;
}

.pop-dropdown ul li i:hover {
    color: #565656;
}

.pop-dropdown ul li i.iconbig-yes {
    color: #8c8c8c;
}

.pop-dropdown ul li span {
    font-size: 14px;
    line-height: 1;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
}

.pop-dropdown ul li span i {
    font-size: 14px;
    margin-right: 10px;
}

.pop-dropdown ul li .lnkia i.p13 {
    font-size: 13px;
    margin-right: 9px;
}

.pop-dropdown-tip::before {
    content: '';
    position: absolute;
    z-index: -1;
    display: block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
    margin-left: -5px;
}

.pop-dropdown-tip::after {
    content: '';
    display: block;
    position: absolute;
    border-color: transparent;
    border-width: 6px;
    border-style: solid;
    margin-left: -6px;
}

.pop-dropdown-tip.bottom-right:before {
    left: 15%;
    top: -4px;
}

.pop-dropdown-tip.bottom-right:after {
    left: 15%;
    top: -12px;
    border-bottom-color: #fff;
}

.pop-dropdown-tip.bottom-left:before {
    right: 15%;
    top: -4px;
}

.pop-dropdown-tip.bottom-left:after {
    right: 14.5%;
    top: -12px;
    border-bottom-color: #fff;
}

.pop-dropdown-tip.top-right:before {
    left: 15%;
    bottom: -4px;
}

.pop-dropdown-tip.top-right:after {
    left: 15%;
    bottom: -12px;
    border-top-color: #fff;
}

.pop-dropdown-tip.top-left:before {
    right: 15%;
    bottom: -4px;
}

.pop-dropdown-tip.top-left:after {
    right: 14.5%;
    bottom: -12px;
    border-top-color: #fff;
}

.pop-dropdown .sm-menu-item-divider {
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: 5px 15px;
    background-color: #e5e5e5;
    line-height: 0;
}

.showhide-allgroup {
    display: inline-block;
    position: relative;
    top: -24px;
    font-size: 14px;
    font-weight: 500;
    color: #808080;
    width: 200px;
    margin-top: 32px;
}

.upper-field div.showhide-allgroup:first-of-type {
    margin-top: 0;
}

@media (max-width:540px) {
    .upper-field div.showhide-allgroup:first-of-type {
        margin-top: 32px;
    }

}

.showhide-allgroup span:first-of-type {
    margin-right: 10px;
}

.showhide-allgroup span[tag] {
    color: #0091FF;
    cursor: pointer;
}

.showhide-allgroup span[tag]:hover {
    color: #0171c2;
}

/* 文件转让 */
.filewin {
    font-size: 12px;
    height: 280px;
    line-height: 1.3;
    overflow: auto;
    border: 1px solid rgb(222, 222, 222);
    border-radius: 4px;
}

.filewin table {
    width: 640px;
}

#files_transfer_list tr td {
    border: 1px solid #ddd;
    padding: 5px 8px 5px;
    text-align: center;
}

#files_transfer_list tr:hover {
    background: rgb(65, 149, 255, 0.12);
}

#files_transfer_list tr:first-child td {
    border-top: none;
    font-weight: bold;
    background: #f9f9f9;
}

#files_transfer_list tr:first-child td:first-child {
    width: 42px;
}

#files_transfer_list tr td:first-child {
    border-left: none;
    line-height: 18px;
}

#files_transfer_list tr td:nth-child(2) {
    text-align: left;
}

#files_transfer_list tr:first-child td:nth-child(3) {
    width: 24%;
}

#files_transfer_list tr:first-child td:last-child {
    width: 88px;
}
#files_transfer_list tr td:last-child {
    border-right: none;
}

#files_transfer_list tr:last-child td {
    border-bottom: none;
}

.flowstatusfield {
    cursor: pointer;
    text-align: center
}

.form-field-inputer .viewformfield {
    position: relative;
    right: 10px;
    bottom: 15px;
    float: right;
}

/* Filter */
.commonfilter {
    font-size: 14px;
    padding: 0px 0 12px;
    display: flex;
    align-items: center;
}

.commonfilter span {
    margin-right: 6px;
}

.commonfilter a {
    margin-right: 10px;
    cursor: pointer;
}

.set-field-sort {
    font-size: 13px;
    line-height: 1.5;
    max-width: 300px;
    display: flex;
    justify-content: space-between;
    border: 1px solid rgb(230 230 230);
    max-height: 60px;
    padding: 5px 8px;
    overflow: auto;
    border-radius: 4px;
    margin-bottom: 10px;
}

.ai-robot {
    font-size: 22px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF!important;
    width: 28px;
    height: 28px;
    border-radius: 50px;
    background: linear-gradient(145deg, #a50aff, #0094ff);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15);
    transition: all 0.218s ease;
}

.ai-robot:hover {
    box-shadow: 0 4px 10px 0 rgba(0, 148, 255, .35);
    transform: scale(1.05);
}

.mobilesmartselect a {
    font-size: 30px
}

.mcssform .compactmode {
    display: block;
    margin-bottom: 5px;
    float: right
}

.mcssform .compactmode-on {
    color: blue
}

.mcssform .compactmode-off {
    color: gray
}