.whiteView .f-panel {
    background: #ffffff;
}

.wxTopPanel.f-panel .f-field .f-field-body,
.f-toolbar .f-field .f-field-body {
    background: #ffffff;
}

.f-panel.f-white-panel,
.f-panel.f-white-panel .f-panel-body {
    background: #ffffff;
}

.f-field.f-field-noborder,
.f-field.f-field-noborder textarea,
.f-field.f-field-noborder input {
    border: 0;
}

.f-window-touch-slid-v {
    max-height: 90%;
}

.f-window-touch-slid > .f-panel-header {
    padding: 6px;
}

.f-window-touch-slid > .f-panel-header .f-panel-title-text {
    font-size: 14px;
    line-height: unset !important;
}

.logo.f-field-nolabel:after {
    content: "|";
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*wyw*/
.f-field.line .f-field-body {
    padding: 0;
}

.register-button {
    align-items: center;
    display: flex !important;
    height: 45px !important;
    padding: 0px !important;
}

#COPYRIGHT {
    color: #868383;
}

#COPYRIGHT span {
    display: flex;
    justify-content: center;
}

#LOGINERROR, #LICENSE_ERROR {
    background: transparent !important;
    color: red;
}

#LOGINERROR span {
    justify-content: end;
}

#LoginView .f-toolbar {
    border: 0;
}


#LoginView .f-field-body-cell {
    padding-right: 0px;
}

.app-creat-lead .f-field-body-cell {
    padding-right: 10px;
    background-color: #fff !important;
}


.app-creat-lead .f-field-dropdownlist-wrap input.f-field-textbox.f-field-body {
    padding-left: 12px !important;
}


.app-creat-lead input.f-field-textbox.f-field-body,
#AccountRegisterView input.f-field-textbox.f-field-body,
#LoginView input.f-field-textbox.f-field-body {
    background-color: transparent;
    padding-right: 30px;
    text-align: left;
}

.app-creat-lead input.f-field-textbox.f-field-body::-webkit-input-placeholder,
#AccountRegisterView input.f-field-textbox.f-field-body::-webkit-input-placeholder,
#LoginView input.f-field-textbox.f-field-body {
    background-color: transparent !important;
}

#LoginView .f-layout-vbox div.f-field {
    margin-top: 10px;
    border-radius: 4px;
    overflow: hidden;
}

#LoginView #CAPTCHAPANEL {
    margin-top: 10px !important;
    border-radius: 4px;
    overflow: hidden;
}

#LoginView #CAPTCHAPANEL div.f-field {
    margin: 0px;
}

#LoginView #CAPTCHAPANEL .f-btn {
    margin: 0px 0px 0px 0px;
    height: 45px !important;
    border-radius: 0px;
}

#LoginView #CAPTCHAPANEL .f-btn .f-btn-inner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


#AccountRegisterView .f-field-fieldlabel-cell {
    display: flex;
    background-color: #F5F6F7;
}

.user-icon .f-btn-icon {
    border-radius: 50%;
    width: 28px !important;
    height: 28px !important;
}

.f-stateful.f-btn {
    background: #ffffff;
}

.f-stateful.f-btn.f-state-disabled {
    opacity: 1 !important;
}

#LOGOUT {
    color: #fa5e49;
    margin-left: 24px;
    margin-right: 24px;
    border-radius: 5px;
}

#MySetting .f-left-btn span.f-btn-text,
#LOGOUT span.f-btn-text {
    font-size: 16px;
}

.f-btn.f-left-btn {
    text-align: left !important;
    padding: 2px 5px;
}

.f-btn.f-left-btn.f-state-active.f-state-disabled i.f-iconfont-correct,
.f-btn.f-left-btn.f-state-active.f-state-disabled span.f-btn-text {
    color: #16c73c;
    font-weight: bold;
}

.f-btn.f-left-btn.f-state-active.f-state-disabled i.f-iconfont-correct {
    display: inline-block;
}

.f-btn.f-left-btn img.f-btn-icon {
    height: 28px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.f-btn.f-left-btn i.f-iconfont-correct {
    line-height: 40px !important;
    vertical-align: middle;
    display: none;
    position: absolute;
    right: 20px;
    font-size: 18px;
}

.f-btn.f-left-btn span.f-btn-text {
    line-height: 28px !important;
    margin-left: 16px !important;
}

.wx-collect-form .f-field {
    border-radius: 4px 4px;
    color: #222226;
    font-size: 12px;
    margin-top: 6px;
}

.wx-collect-form .f-field.f-field-noborder .f-field-body-cell {
    background: #f5f6f7;
}

.wx-collect-form .f-field:first-child {
    margin-top: 2px;
}

.message-form.wx-collect-form .f-field {
    margin-top: 10px;
}

.wx-collect-form .f-btn {
    margin-top: 10px;
}

.wx-collect-form .f-field .f-field-body {
    padding: 10px;
}

.wx-collect-form .f-field.f-group-title {
    background: #ffffff;
}

.wx-collect-form .f-field.f-group-title .f-field-body {
    padding: 5px;
    margin: 0;
}

.wx-collect-form .f-field.f-group-title .f-field-body > span {
    font-size: 14px;
    font-weight: bold;
}

.wx-term.f-field .f-field-body {
    padding: 0 5px;
}

.wxapp-term.f-field .f-field-body {
    padding: 9px 5px;
}

.f-box-left {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.f-box-right {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.f-enter .f-field-body {
    background: #ffffff;
    padding-left: 0;
}

.f-enter .f-btn {
    border: 1px solid #3892d3;
    background: #ffffff;
    color: #3892d3;
}

.f-submit-panel .f-btn.f-btn-medium {
    padding-top: 10px;
    padding-bottom: 10px;
}

.whiteView .f-panel-header {
    padding-left: 0;
    padding-bottom: 2px;
    border-color: #ddd;
    background-color: #fff;
    color: #444;
}

.f-white-panel .tip {
    width: 95%;
    min-height: 70px;
    padding: 15px 20px;
    margin: 0 auto 60px;
    background: #ffefd7;
    border: 1px solid #ffdba7;
    font-size: 12px;
    color: #ba7f23;
    line-height: 20px;
}

.f-grid-item > .f-panel-bodyct > .f-panel-body {
    padding: 5px;
    padding-top: 0;
}

.f-group-panel .f-btn.f-group-item-btn.f-btn-icon-top .f-btn-text {
    height: unset;
}

.f-grid-item.f-group-panel .f-panel-header {
    padding-top: 5px;
}

.f-group-panel.f-grid-item {
    margin: 5px;
    border-radius: 5px;
    background: #FFFFFF !important;
}

#company .f-field-body {
    border: none;
    background: rgb(255, 255, 255);
}

.window-top-title div div div {
    background-color: #F4F6F9 !important;
}

/************#touch.css***********************************************************/

body, div, span, input, ul {
    font-family: 微软雅黑, tahoma, arial, verdana, sans-serif;
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

/************滚动条样式自定义*******************/
::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.clearfix, .f-scroller {
    zoom: 1;
}

.clearfix:after, .f-scroller:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both;
}

ul:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both;
}

.left-float {
    float: left;
}

div .center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.blank {
    background: #fff;
}

.spacer, .spacer .f-panel-body {
    border: unset;
    background: transparent;
}

.vertical_center {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

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

.boldFont {
    font-weight: bold;
}

.f-widget-content {
    background-color: #F4F6F9;
}

.f-toolbar.f-widget-content {
    border-color: #F4F6F9;
    background-color: #FFFFFF;
}


.f-fieldset .f-field-body-cell,
.f-fieldset .f-field-body-cell-inner .f-widget-content {
    background: #ffffff;
}

.f-btn {
    border-radius: 2px;
}


/*loading修改*/
.f-loading-img::after {
    font-family: "flexuiiconfont" !important;
    font-size: 46px;
    content: "\ea1f";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    -webkit-animation: changeright 1.5s linear infinite;
}

.f-loading .f-loading-img img {
    opacity: 0;
}

@-webkit-keyframes changeright {

    0% {
        -webkit-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}


.myScrollbarH {
    position: absolute;
    z-index: 100;
    height: 2px;
    bottom: 0;
    left: 1px;
    right: 7px;
}

.myScrollbarH > div {
    position: absolute;
    z-index: 100;
    height: 100%;

    /* The following is probably what you want to customize */
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#303030), to(#000000));
    background-image: -moz-linear-gradient(top, #303030, #000000);
    background-image: -o-linear-gradient(top, #303030, #000000);

    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    background-clip: padding-box;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

/**
 *
 * Vertical Scrollbar
 *
 */
.myScrollbarV {
    position: absolute;
    z-index: 100;
    width: 2px;
    bottom: 2px;
    top: 2px;
    right: 0;
    background-color: #d6d6d6;
    border-radius: 2px;
}

.myScrollbarV > div {
    position: absolute;
    z-index: 100;
    width: 100%;

    /* The following is probably what you want to customize */
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#303030), to(#cccccc));
    background-image: -moz-linear-gradient(top, #303030, #000000);
    background-image: -o-linear-gradient(top, #303030, #000000);


    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    background-clip: padding-box;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.f-mask {
    background: #000;
    opacity: .4;
}

/*触摸端 messagebox*/

.f-panel.f-messagebox:not(.f-messagebox-alert) {
    box-shadow: unset;
}

.f-panel.f-messagebox .f-panel-title-text {
    margin-top: 5px;
    text-align: center;
}

.f-panel.f-messagebox:not(.f-messagebox-notify) .f-panel-body {
    min-height: 60px;
    padding-top: 0;
}

.f-panel.f-messagebox.f-messagebox-notify .f-panel-body.f-widget-content {
    padding-right: 10px;
}

.f-panel.f-messagebox.f-messagebox-notify .f-messagebox-message {
    text-align: center;
}


.f-panel.f-messagebox .f-panel-body .f-messagebox-iconct {
    display: none;
}

.f-icon.f-messagebox-icon {
    font-size: 28px;
}

.f-messagebox .f-widget-header, .f-messagebox .f-panel-body.f-widget-content {
    color: #303030;
}

.f-messagebox .f-panel-body.f-messagebox-message {
    line-height: 20px;
}

.f-messagebox .f-toolbar {
    border: none;
}

/*触摸端 messagebox end*/


@media screen  and (max-width: 100px) {
    #mainMenu > ul > li {
        width: 100%;
    }
}

@media screen  and (min-width: 100px )  and (max-width: 200px) {
    #mainMenu > ul > li {
        width: 50%;
    }
}

@media screen  and (min-width: 200px )  and (max-width: 350px) {
    #mainMenu > ul > li {
        width: 33.3%;
        margin: 0;
    }
}

@media screen and (min-width: 350px ) and (max-width: 500px) {
    #mainMenu > ul > li {
        width: 25%;
    }
}

@media screen and (min-width: 500px ) and (max-width: 800px) {
    #mainMenu > ul > li {
        width: 20%;
        margin: 0 2.5%;
    }
}

@media screen and (min-width: 800px ) and (max-width: 1300px) {
    #mainMenu > ul > li {
        width: 15%;
        margin: 0 2.5%;
    }
}

@media screen and (min-width: 1300px ) {
    #mainMenu > ul > li {
        width: 10%;
        margin: 0 3.333%;
    }
}

#mainMenu.f-state-disabled {
    opacity: 1;
}

#mainMenu > ul {
    position: relative;
}

#mainMenu > ul > li {
    display: inline-block;
    color: #666666;
    text-align: center;
    background: #fff;
    border: unset;
    cursor: pointer;
}

#mainMenu .f-datalist-item .menu-icon.x-button {
    height: 3.5em;
    width: 3.5em;
    padding: 0;
    margin: 0 auto;
    border-radius: .4em;
    color: #fff;
}

#mainMenu .menu-icon.x-button .x-button-icon {
    display: block;
    height: 100%;
    position: relative;
    border-radius: 25%;
}

#mainMenu .menu-icon.x-button .x-button-icon:before {
    font-size: 1.9em;
    line-height: 1.5em;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
}

#mainMenu .menu-title {
    display: block;
    margin-top: 10px;
    font-size: 0.9em;
    white-space: inherit;
    height: 2.4em;
    line-height: 1.2em;
    overflow: hidden;
}

.x-button.x-button-trans {
    background-image: none;
    background-color: rgba(0, 0, 0, 0);
}

.next-page-btn {
    width: 100%;
    text-align: center;
    background: rgba(255, 255, 255, .8);
    cursor: pointer;
    bottom: 0;
    height: 28px;
    margin: 0;
    min-height: unset;
}

.next-page-btn .f-field-body {
    background: transparent;
}

.logo {
    text-align: center
}

.logo img {
    border-radius: 5%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.user-info, .portrait-Btn {
    padding-top: 0;
    padding-bottom: 0;
}

.user-info img.f-btn-icon {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: 0;
    vertical-align: middle;
}

.portrait-Btn img.f-btn-icon {
    border-radius: 8px;
    width: 50px;
    height: 50px;
    margin: 0;
    vertical-align: middle;
}

.portrait-Btn.f-btn.f-state-hover,
.portrait-Btn.f-btn.f-state-focus {
    background-color: unset;
}

.f-panel.f-widget.personal-Info {
    padding-top: 10px;
    padding-bottom: 10px;
    background: #ffffff;
}

.personal-Info .f-panel-body .f-field {
    margin: 0;
}

.user-info .f-btn-text {
    margin-left: 4px;
    font-size: 14px;
    line-height: 28px;
    vertical-align: middle;
}

.bottom-menu {
    padding: 0;
}


.toolbar-btn-right .f-btn {
    left: unset !important;
    right: 0 !important;
}

.f-accordion.f-layout-accordion {
    border-radius: 3px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
}

.f-accordion .f-accordionpane {
    border-width: 1px;
}

.f-accordion .f-accordionpane, .f-accordion.f-layout-accordion {
    border-color: #ddd;
    background-color: #F4F6F9;
}

.f-accordion .f-accordionpane-header,
.concise-panel.f-panel .f-panel-header {
    border-top-width: 0 !important;
    border-top-style: solid;
    cursor: pointer;
    background-color: #fff;
    border-color: #ddd;
    color: #444;
}


.f-accordion .f-accordionpane-header .f-tool .f-tool-icon,
.f-accordion .f-accordionpane-header .f-icon,
.concise-panel.f-panel .f-panel-header .f-icon .f-tool-icon,
.concise-panel.f-panel .f-panel-header .f-icon {
    color: #888;
}

.f-accordion .f-accordionpane-header .f-state-hover,
.concise-panel.f-panel .f-panel-header .f-state-hover {
    color: #444;
    background-color: #f2f2f2;
}

.concise-panel .f-panel-header .f-tool .f-tool-icon,
.f-tabstrip .concise-panel .f-panel-header .f-tool.f-state-hover .f-icon.f-tool-icon {
    color: #888;
}

.indent-accordion.f-accordion .f-accordionpane ul li {
    padding-left: 10px;
}

.indent-accordion.f-accordion .f-accordionpane .f-btn {
    border-bottom-width: 1px;
}

.block-btn {
    display: block !important;
}

.left-align-btn {
    text-align: -webkit-left !important;
    text-align: left !important;
}

.f-state-default.simple-btn, .f-widget-content .f-state-default.simple-btn {
    border-color: #ddd;
    background-color: #fff;
    color: #444444;
}

.f-btn.f-state-default.simple-btn .f-icon,
.f-btn.f-state-hover.simple-btn .f-icon,
.f-btn.f-state-focus.simple-btn .f-icon,
.f-btn.f-state-active.simple-btn .f-icon {
    color: #888888;
}


/*
*
*宫格布局
*/
.f-datalist.card-list ul.f-datalist-list.card-list {
    position: relative;
}

.f-datalist ul.card-list > li.card-list-item {
    float: left;
    border: unset;
}

.f-datalist ul.card-list > li.card-list-item.f-state-active .f-datalist-item-inner {
    border-color: #006cbb;
    background-color: #A2D1F2;
    color: #000;
}

.f-datalist ul.card-list > li.card-list-item.f-state-hover .f-datalist-item-inner {
    border-color: #006cbb;
    background-color: #E2EFF8;
    color: #000;
}

.f-datalist ul.card-list > li.card-list-item .f-datalist-item-inner {
    border-radius: 6px;
    height: 100%;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .16), 0 1px 2px rgba(0, 0, 0, .23);
}

.f-datalist ul.card-list > li.card-list-item .f-datalist-item-inner .list-item-inner {
    text-align: left;
}

.f-datalist ul.card-list > li.card-list-item .f-datalist-item-inner .list-column-inner {

}

.f-datalist-item {
    background: #ffffff;
}

.f-datalist-item.f-datalist-group.f-widget-header {
    clear: both;
    color: #69c0ff;
}

.card-list.f-datalist-list .f-datalist-item {
    background: none;
}


.card-list .card-list-item .f-datalist-item-inner {
    display: flex;
    align-items: center;
    padding: 8px;
}

.card-list .card-list-item .f-datalist-item-inner > .list-item-inner {
    flex: 1;
}

li.card-list-item .f-datalist-item-inner > *:not(i) {
    /*display: inline-block;*/
    /*position: relative;*/
    /*top: 50%;*/
    /*transform: translate(0,-50%);*/
}


.card-list-item {
    border-radius: 4px;
    padding: 8px;
}

.card-list-item-1 {
    width: 100%;
}

.card-list-item-2 {
    width: 50%;
}

.card-list-item-3 {
    width: 33.333%;
}

.card-list-item-4 {
    width: 25%;
}

.card-list-item-5 {
    width: 20%;
}

.card-list-item-6 {
    width: 16.666%;
}

.card-list-item-7 {
    width: 14.285%;
}

.card-list-item-8 {
    width: 12.5%;
}

.card-list-item-9 {
    width: 11.111%;
}

.card-list-item-10 {
    width: 10%;
}

.card-list-item-11 {
    width: 9.09%;
}

.card-list-item-12 {
    width: 8.333%;
}


.f-widget-content .card-list-item.f-state-active,
.f-widget-content .card-list-item.f-state-hover {
    background-color: transparent;
}


.card-list.f-datalist-item-icon-arrowr {
    display: none;
}

.f-datalist-list .f-datalist-item .f-datalist-item-inner {
    padding: 6px 10px 5px;
}

/*
*
*grouppanel
*/
.f-grouppanel {
    border: none;
    margin: 0;
}

.f-panel.f-panel-collapsed {
    /*border-bottom: 1px solid #ddd !important;*/
}

.f-grouppanel.f-panel.f-panel-collapsed > .f-panel-bodyct > .f-panel-body {
    padding: 10px;
}

.f-grouppanel > .f-panel-bodyct > .f-panel-body {
    border: 1px solid #ddd;
    border-top: none;
    padding: 0 10px;
}

.f-grouppanel .f-grouppanel-header {
    height: 40px;
    margin: 0;
    width: 100%;
    padding-top: 5px;
    border: 1px solid #ddd;
    border-top: 0;
    line-height: 40px;
}

.f-grouppanel.f-panel.f-panel-collapsed > .f-grouppanel-header {
    border-width: 0 !important;
}

.f-grouppanel.f-panel.f-panel-collapsed > .f-grouppanel-header .f-panel-title-text {
    font-weight: normal;
}

.f-grouppanel.f-panel > .f-grouppanel-header .f-panel-title-text {
    font-weight: bold;
}

.f-grouppanel .f-grouppanel-header > .f-panel-title {
    margin-left: 10px;
}

.f-grouppanel .f-grouppanel-header > .f-panel-tools {
    right: 0;
    left: auto;
}

.f-grouppanel .f-grouppanel-header .f-tool.f-tool-toggle .f-tool-icon {
    vertical-align: middle;
}


.gap-panel .f-panel-body {
    margin: 15px;
}

.f-datalist-list .f-datalist-item {
    position: relative;
}

.f-datalist-list .f-datalist-item.card-list-item .actionBtn {
    padding: 5px 8px;
    background-color: rgba(255, 255, 255, .3);
}

.f-datalist-list .f-datalist-item .actionBtn i.f-icon {
    color: #3892d3;
}

.card-list-item .actionBtn {
    position: absolute;
    right: 20px;
    top: 20px;
}

.card-item-menu {
    min-width: 80px !important;
    border-radius: 4px;
}

.f-btn.f-btn-icon-top .f-btn-icon,
.f-touch-tabStrip .f-tabstrip-header-inner a.f-tab-header .f-panel-icon {
    font-size: 1.4em;
}

.f-btn.f-btn-icon-top .f-btn-text,
.f-touch-tabStrip .f-tabstrip-header-inner a.f-tab-header .f-panel-title-text {
    font-size: .8em;
}

.f-touch-tabStrip .f-tabstrip-header {
    background: #ffffff;
}

.f-tabstrip-inkbar > .f-tabstrip-header .f-panel-header.f-tab-header.f-state-active {
    background-color: #ffffff;
}

.f-tabstrip-inkbar.term-tabstrip > .f-tabstrip-header .f-panel-header.f-tab-header.f-state-active {
    background-color: var(--activeColor);
}

.f-tabstrip-inkbar-top.f-tabstrip-header-bottom .f-tabstrip-header .f-tabstrip-header-inkbar,
.f-tabstrip-inkbar-top.f-tabstrip-header-left .f-tabstrip-header .f-tabstrip-header-inkbar {
    bottom: unset;
    top: 0;
}

.f-tabstrip-inkbar-bottom.f-tabstrip-header-bottom .f-tabstrip-header .f-tabstrip-header-inkbar,
.f-tabstrip-inkbar-bottom.f-tabstrip-header-left .f-tabstrip-header .f-tabstrip-header-inkbar {
    bottom: 0;
    top: unset;
}

.f-tabstrip-header-bottom .f-tabstrip-header {
    border: none !important;
    margin-top: 2px;
}

.f-fieldset {
    margin: 0;
}

.f-fieldset .f-panel-body {
    border-radius: unset;
    padding: 0 !important;
}

.f-fieldset .f-panel-header {
    background: #ffffff;
    color: #444444;
    border-color: #c5c5c5;
}

.f-fieldset .f-panel-body .f-field {
    border-radius: unset;
    margin-bottom: 0;
    border-top: 1px solid #eee;
}

.f-fieldset .f-panel-body .f-field:first-child {
    border-top: none;
}

.f-fieldset .f-tablestyle .f-field-textbox,
.f-fieldset .f-tablestyle .f-field-fieldlabel {
    padding: 5px 6px;
}


.f-fieldset .f-tablestyle .f-field-fieldlabel-cell,
.f-fieldset .f-tablestyle .f-field-body-cell,
.f-fieldset .f-tablestyle .f-field-error-cell {
    border-bottom: 0;
}

.f-fieldset .f-panel-body f-tablestyle .f-field .f-field-fieldlabel {
    margin-top: unset;
}


.f-fieldset .f-panel-body .f-field .f-field-fieldlabel {
    line-height: 21px;
}

.f-fieldset .f-panel-body .f-field .f-field-fieldlabel-cell {
    position: relative;
    background-color: #ffffff;
    color: #777777;
    padding-left: 10px;
    border-color: #c5c5c5;
}

.f-fieldset .f-field-fieldlabel {
    text-align: left;
    color: #303030;
}

.f-fieldset .f-readonly input {
    cursor: pointer;
}

.f-fieldset .f-field-fieldlabel .f-fieldlabel-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.f-fieldset .f-panel-body .f-field-body-cell,
.f-fieldset .f-panel-body .f-field-body-cell .f-field-body {
    border: unset;
}

.f-fieldset .f-panel-body .f-field-body-cell .f-field-textbox {
    line-height: 21px;
    min-height: 25px;
    border-radius: 2px;
}


.f-fieldset .f-panel-body .f-field .f-field-fieldlabel.f-field-fieldlabel-left .f-fieldlabel-redstar {
    position: absolute;
    left: 3px;
    font-size: 18px;
}


.i-scroller .f-scroller-v {
    height: auto !important;
}

/*.f-panel-bodyct div.f-toolbar{*/
/*    z-index: 103;*/
/*}*/

.f-dataitem-component {
    width: 100% !important;
    height: 100% !important;
}

.f-datalist-item-icon-self {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -8px;
}

.f-datalist-item-icon-self.f-icon {
    font-size: 20px;
}

#FINEUI_ERROR {
    max-width: 80%;
    border: none;
    border-radius: 2px;
}

#FINEUI_ERROR .f-panel-bodyct .f-panel-body {
    width: 100% !important;
}


.list-item-inner.icon-item {
    display: flex;
}

.list-item-inner.icon-item.right-icon {
    flex-direction: row-reverse;
}

.list-item-inner.icon-item .item-inner-icon {
    min-height: 30px;
    position: relative;
}

.list-item-inner.icon-item .item-inner-icon span {
    height: 30px;
    width: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.list-item-inner.icon-item .item-inner-icon span:before {
    font-size: 2em;
    line-height: 1em;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
}

.list-item-inner.icon-item .item-inner-icon span.icon-big:before {
    font-size: 1.6em;
}

.list-item-inner.icon-item .item-inner-icon span.icon-large:before {
    font-size: 1.6em;
}

.list-item-inner.icon-item .item-inner-icon span.icon-huge:before {
    font-size: 1.6em;
}

.list-item-inner .item-inner-text {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.list-item-inner.icon-item .item-inner-text {
    flex: 1;
}

.list-item-inner .item-inner-text .inner-text {
    word-break: break-all;
}

.list-item-inner .item-inner-text .inner-text-top, .list-item-inner .item-inner-text .inner-text-bottom {
    font-size: 0.7em;
}

.list-item-inner .item-inner-text .inner-text-mid {
    font-weight: bold;
}

.list-item-inner-column {
    flex: 1;
    display: flex;
    flex-direction: row;
}

.list-item-inner-column .item-text-left {
    flex: 3;
}

.list-item-inner-column .item-text-right {
    flex: 1;
    font-weight: bold;
    text-align: right;
}

#homeView, #homeView #homeView_titleBar, top-titlebar {
    border: none;
}

.topPanel {
    background-color: #3595da;
}

.bottom-menu.f-panel-toolbar-bottom .f-btn,
.bottom-menu.f-panel-toolbar-bottom .f-btn .f-icon {
    color: #777777;
}

.bottom-menu.f-panel-toolbar-bottom .f-btn.f-state-hover,
.bottom-menu.f-panel-toolbar-bottom .f-btn.f-state-hover .f-icon {
    color: #69c0ff;
    background: unset;
}

.bottom-menu.f-panel-toolbar-bottom .f-btn.f-state-active,
.bottom-menu.f-panel-toolbar-bottom .f-btn.f-state-active .f-icon {
    color: #42A6EF;
    background: unset;
}

.bottom-menu.f-panel-toolbar-bottom .f-btn.f-state-focus,
.bottom-menu.f-panel-toolbar-bottom .f-btn.f-state-focus .f-icon {
    background: unset;
}

.topPanel .f-btn.f-state-default {
    background: transparent;
}

/*三态组件的样式*/
.f-field-body-cell-inner .f-widget-content.f-field-switch {
    background: transparent;
}

.f-field-switch .f-state-focus, .f-field-switch .f-state-hover {
    background-color: #3892d3;
}

.f-field-switch .f-btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.f-field-body-cell-inner > .f-field-switch .f-btn:last-child {
    border-left: 1px solid #dddddd;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.f-field-switch .f-btn.f-switch-off {
    background-color: #FF4D4F !important;
}

.f-field-switch .f-btn.f-switch-on {
    background-color: #52C41A !important;
}

ul.f-datalist-list li.f-datalist-item .f-datalist-item-inner .list-column-item {
    display: -webkit-flex; /* Safari */
    display: flex;
}

.list-column-item {
    flex: 1;
    height: 100%;
    padding: 6px 10px 5px;
}

.list-column-item .list-item-inner .list-item-innerItem {
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}


.list-column-item .list-column-inner {
    padding-right: 5px;
}

.list-column-item .list-column-inner:last-child {
    padding-right: unset;
}

ul.f-datalist-list li.f-datalist-item .f-datalist-item-inner .list-column-item .list-column-inner {
    display: flex;
    align-items: center;
}

.f-datalist-emptyEl {
    height: 100%;
    width: 100%;
    position: relative;
}

.f-datalist-item .f-panel.f-widget {
    background: transparent;
}

/*f-touch-tabStrip start*/
.f-touch-tabStrip > .f-panel-bodyct > .f-panel-body {
    border: unset !important;
}

.f-touch-tabStrip > .f-tabstrip-header {
    border-color: #c5c5c5;
}

.f-touch-tabStrip > .f-tabstrip-header .f-tabstrip-header-inner a.f-tab-header {
    border: unset;
    padding: 5px;
    text-align: center;
    min-width: 60px;
}

.f-touch-tabStrip.f-tabstrip-header-bottom .f-tabstrip-header-clip,
.f-touch-tabStrip.f-tabstrip-header-bottom .f-tabstrip-header-clip .f-tabstrip-header-inner {
    top: 0;
}

.f-touch-tabStrip .f-tab-header.f-state-active .f-icon {
    color: #006cbb;
}

.f-touch-tabStrip .f-tab-header.f-state-active {
    background-color: #fff;
    color: #006cbb;
}

.f-touch-tabStrip .f-tab-header.f-state-active .f-panel-title-text {
    font-weight: normal;
}

.f-touch-tabStrip .f-tabstrip-header .f-panel-header.f-panel-header-icon > .f-panel-title > .f-panel-icon {
    height: 18px;
}

.f-touch-tabStrip.f-tabstrip-header-bottom .f-tabstrip-header .f-panel-header.f-panel-header-icon > .f-panel-title > .f-panel-icon,
.f-touch-tabStrip.f-tabstrip-header-bottom .f-tabstrip-header .f-panel-tools .f-tool-icon {
    position: relative;
    margin-top: unset;
    line-height: 18px;
}

.f-touch-tabStrip .f-tabstrip-header .f-panel-tools .f-tool {
    background-color: #3595DA;
    opacity: 1;
}

.f-touch-tabStrip .f-tabstrip-header .f-panel-tools .f-tool.f-state-hover {
    background-color: #006cbb;
}

.f-touch-tabStrip .f-tabstrip-header .f-panel-tools .f-tool .f-icon,
.f-touch-tabStrip .f-tabstrip-header .f-panel-tools .f-tool {
    color: #fff;
}

.f-touch-tabStrip .f-tabstrip-header .f-panel-tools .f-tool {
    padding-top: 4px;
    border-radius: 2px;
    border-right: 1px solid #fff;
}

.f-touch-tabStrip .f-tabstrip-header .f-panel-tools .f-tool-icon {
    line-height: 15px;
}

.f-touch-tabStrip .f-tabstrip-header .f-panel-tools .f-tool-text {
    font-size: 12px;
    display: block;
}

.f-touch-tabStrip.f-tabstrip-header-bottom .f-tabstrip-header .f-panel-title > .f-panel-title-text {
    font-size: 12px;
    margin: 0 !important;
    position: relative;
    top: -1px;
    line-height: 13px;
}

.f-touch-tabStrip.f-tabstrip-header-bottom .f-tabstrip-header .f-panel-tools .f-tool-icon-only {
    height: 45px;
    width: 35px;
}

.f-touch-tabStrip.f-tabstrip-header-bottom .f-tabstrip-header .f-panel-tools .f-iconfont-more {
    line-height: 38px;
}

.f-tabstrip-header-top .f-tabstrip-header > .f-panel-title {
    min-height: 25px;
}

.f-touch-tabStrip.f-tabstrip-header-top > .f-tabstrip-header .f-tabstrip-header-inner a.f-tab-header {
    padding: 4px;
}


/*f-touch-tabStrip end*/

.f-pop-opened .f-iconfont-more {
    animation: turn 1s linear;
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
    }
}

/*f-touch-tabStrip end*/


/* title-tool  accordion组件tools的作为title时使用*/
.title-tool, .title-tool .f-tool-text {
    opacity: 1 !important;
}

/**/

/*RightIconItemTemplate*/

.f-datalist-item-inner .item-inner-icon {
    text-align: center;
    width: 50px;
    position: absolute;
}

.select-template.icon-item .item-inner-icon {
    display: none;
    min-height: 20px;
}

.select-template.icon-item .item-inner-icon span {
    font-size: .8em;
    height: 25px;
}

.select-template.icon-item .item-inner-icon .cIcon-check2 {
    color: #52C41A;
}

.f-datalist-item-selected .select-template.icon-item .item-inner-icon {
    display: block;
}

.f-field-testspecification .f-field-numberbox {
    padding-left: 28px !important;
    padding-right: 28px !important;
}

.f-field-checkbox-wrap.f-state-hover {
    background: unset;
    border: unset;
}

/*RightIconItemTemplate*/

.f-field-textarea-wrap .f-field-fieldlabel-cell {
    padding-top: 5px;
    vertical-align: top;
}

.f-field-textarea {
    margin-bottom: 1px;
}


/*表单内field样式处理 end*/


/*触摸端calendar*/
.f-calendar .f-calendar-title,
.f-calendar .f-calendar-header .f-icon,
.f-calendar .f-calendar-header {
    color: #303030;
}

/*触摸端calendar End*/


/*f-progressbar*/

.f-datalist-item .f-field-numberbox-display-progress .f-progressbar-outer {
    margin: 0;
    height: 20px;
}

.f-field-numberbox-display-progress .f-progressbar-outer {
    display: flex;
}

.f-progressbar-outer.f-progressbar-text-inside .f-progressbar {
    margin-right: unset;
}

.f-field-numberbox-display-progress .f-progressbar-outer .f-progressbar {
    flex: 1;
}

.f-field-numberbox-display-progress .f-progressbar-outer .f-progressbar-text {
    line-height: unset;
    padding: 0 5px;
}


/*f-progressbar  end */


/*检验项必填、多值样式*/
.inner-text-mid span {
    display: inline-block;
    line-height: 14px;
    width: 25px;
    text-align: center;
    border-radius: 20%;
    color: #fff;
    position: relative;
    left: 2px;
    top: -1px;
    font-size: 8px;
}

.ts-must {
    background: #f43838;
}

.ts-series {
    background: #52C41A;
}

/*检验项必填、多值样式 End*/

.f-datalist {
    /*height: 100% !important;*/
}

.f-datalist.f-datalist-card .f-datalist-item {
    border: unset;
    margin: 8px;
    border-radius: 8px;
}

.f-datalist.f-datalist-card .f-datalist-item .f-datalist-item-inner,
.f-datalist-list.card-list .f-datalist-item .f-datalist-item-inner {
    padding: 8px;
}

.f-list-no-padding.f-datalist .f-datalist-list .f-datalist-item .f-datalist-item-inner {
    padding: 0;
}

.f-datalist-list .f-datalist-item .f-datalist-item-inner .f-field {
    margin-bottom: 0;
    border: unset;
}

.f-datalist-list .f-datalist-item .f-datalist-item-inner .f-field.f-field-checkbox-wrap,
.f-datalist-list .f-datalist-item .f-datalist-item-inner .f-field.f-field-checkbox-wrap .f-field-body-checkboxlabel {
    margin-left: 10px;
}

.f-datalist-list .f-datalist-item .f-datalist-item-inner .f-field .f-field-body-cell input.f-field-body {
    background-color: #e2eff8;
    border: none;
    border-radius: 2px;
}

.f-datalist-list .f-datalist-item .f-field-numberbox-wrap .f-field-triggerbox-icon {
    background: #ffffff;
}

.f-datalist-list .f-datalist-item.f-state-hover .f-field-numberbox-wrap .f-field-triggerbox-icon {
    background: #e2eff8;
}

.f-datalist-list .f-datalist-item.f-state-active .f-field-numberbox-wrap .f-field-triggerbox-icon {
    background: #A2D1F2;
    color: #ffffff;
}

.f-datalist-list .f-datalist-item input {
    border: none;
    border-radius: 2px;
}

.f-datalist-list .f-datalist-item.f-state-hover .f-datalist-item-inner .f-field .f-field-body-cell input.f-field-body,
.f-datalist-list .f-datalist-item.f-state-active .f-datalist-item-inner .f-field .f-field-body-cell input.f-field-body {
    background-color: #ffffff;
}

.f-datalist-list .f-datalist-item .f-datalist-item-inner .f-field-body-cell {
    vertical-align: middle !important;
}

.f-datalist-list .f-datalist-item .f-datalist-item-inner .f-buttongroup {
    margin-left: 5px;
}

.f-datalist-list .f-datalist-item .f-datalist-item-inner .f-buttongroup .f-btn {
    padding: 5px;
}

.f-datalist-list .f-datalist-item .f-datalist-item-inner .f-buttongroup .f-buttongroup-bodyct .f-buttongroup-body {
    display: table-cell;
    vertical-align: middle;
    background: unset;
}

.f-widget-content .f-state-disabled.f-datalist-item-selected {
    opacity: .8;
}

/*field样式处理 start*/
.f-field-fieldlabel-cell {
    padding-right: 2px;
    width: 100%;
    vertical-align: middle;
}

.f-field-textarea-wrap .f-field-fieldlabel-cell {
    vertical-align: top;
}


.f-field .f-field-fieldlabel-cell .f-field-fieldlabel {
    vertical-align: middle;
}


.f-field-checkbox-switch-wrap {
    left: unset;
    right: 8px;
}

.f-field.f-field-numberbox-wrap .f-field-body-cell,
.f-field-numberbox-wrap + .f-field-toggler,
.f-field.f-field-toggler .f-field-body-cell,
.f-field.f-field-checkbox-wrap.f-state-active,
.f-fieldset .f-field-checkbox-wrap .f-field-body-cell,
.f-fieldset .f-field-checkbox-wrap .f-field-body-cell-inner {
    background-color: #ffffff;
}

.f-field-numberbox-trigger-separate.f-readonly input,
.f-field-numberbox-trigger-separate input:read-only {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.f-field-testspecification.f-widget-content {
    background: transparent;
}

.f-btn.f-field-testspecification-error,
.f-datalist-list .f-datalist-item .f-datalist-item-inner .f-field.f-field-testspecification-error .f-field-body-cell input.f-field-body {
    color: #FFFFFF;
    background-color: #F43838;
}

.f-btn.f-field-testspecification-success,
.f-datalist-list .f-datalist-item .f-datalist-item-inner .f-field.f-field-testspecification-success .f-field-body-cell input.f-field-body {
    color: #FFFFFF;
    background-color: #52C41A;
}

.f-datalist-item .f-field .f-field-body-cell {
    background: none;
}

.f-datalist-item .f-field-testspecification .f-btn-normal.f-state-hover .f-icon,
.f-datalist-item .f-field-testspecification .f-btn-normal.f-state-focus .f-icon {
    color: #ffffff;
}

.f-datalist-item-selected .f-field-testspecification .f-btn-normal.f-state-hover .f-icon,
.f-datalist-item-selected .f-field-testspecification .f-btn-normal.f-state-focus .f-icon {
    color: #ffffff;
}


/*field样式处理 end*/


.f-messagebox.f-widget-content, .f-menu {
    border: none;
    border-radius: 4px;
}

.btn-direction.f-btn .f-icon {
    color: #2F81BC;
}

.btn-direction.f-btn.f-state-hover,
.btn-direction.f-btn.f-state-focus {
    background: transparent;
}

.btn-direction.f-btn.f-state-hover .f-icon {
    color: #42A6EF;
}


.f-toolbar-item input.f-field-textbox {
    border-radius: 2px;
}

.f-widget-content .f-icon.icon-confirm {
    color: #52C41A;
}

.f-widget-content .f-icon.icon-decline {
    color: #f43838;
}


input + .f-field-triggerbox-icons.f-state-focus {
    background: none;
    border: none;
}

/*f-searchbox*/


.f-searchbox .simple-btn.f-btn-normal {
    position: absolute;
    left: 5px;
    background: transparent;
    padding: 5px;
}

.f-searchbox .simple-btn.f-btn-normal .f-icon {
    font-size: 1.8em;
}


.f-field.f-searchbox.f-searchbox-round input {
    border: unset;
    border-radius: 1000px;
    background: #F0F1F1 !important;
}

.f-field.f-searchbox .f-search-btn .f-btn-text {
    color: #1677FF;
}


/*f-searchbox end*/


.f-panel.f-widget-content.f-accordionpane > .f-panel-header.f-widget-header .f-panel-icon,
.f-panel.f-widget-content.f-accordionpane > .f-panel-header.f-widget-header .f-panel-title-text,
.f-panel.f-widget-content.concise-panel:not(.f-tabstrip) > .f-panel-header.f-widget-header .f-panel-icon,
.f-panel.f-widget-content.concise-panel:not(.f-tabstrip) > .f-panel-header.f-widget-header .f-panel-title-text {
    color: #69c0ff;
}


.f-field .f-field-body-cell .f-field-body-cell-inner.f-state-hover {
    background: none;
    border: none;
}


/*f-field-icontrigger*/
.f-field-icontrigger .f-field-fieldlabel-cell .f-field-fieldlabel {
    padding-left: 30px;
}

.f-field-icontrigger .f-field-fieldlabel-cell .f-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 1.6em;
    width: 1em;
    height: 1em;
    line-height: 1em;
    color: #0a82eb;
}

.f-field-icontrigger .f-field-fieldlabel-cell .f-icon:before {
    position: absolute;
    top: 0;
    left: 0;
}

.f-field-icontrigger input {
    text-align: right;
}

.f-fieldset .f-field-icontrigger:last-child {
    border-bottom: none;
}

/*f-field-icontrigger*/

#JOIN_COMPANY_LIST a, #REtENAnt, #PERSONAL_INFO {
    margin: 8px 8px 0;
    border-radius: 4px;
}

.f-panel-header {
    border-bottom: none;
}

.f-field.f-layout-vbox-item:not(:last-child):not(.f-last) {
    margin-bottom: 1px;
}


.f-region-left.f-item-unsplit {
    margin-right: 5px;
}

.f-region-top.f-item-unsplit {
    margin-bottom: 5px;
}


/**f-datalist-emptyEl**/
.f-datalist-emptyEl {
    background: #fdfdfd;
}

.f-datalist-emptyContent {
    width: 80%;
    position: absolute;
    left: 50%;
    top: 25%;
    transform: translate(-50%, 0);
}

.f-datalist-emptyContent .iconfont {
    color: #bbbbbb;
}

.f-datalist-emptyContent .empty-Text {
    color: #888888;
}

.f-datalist-emptyContent .iconfont {
    font-size: 120px;
}

.f-datalist-emptyContent .empty-icon {
    text-align: center;
}

.f-datalist-emptyContent .empty-Text {
    text-align: center;
}

.f-datalist-emptyContent .empty-Text span {
    font-size: 1.2em;
}

/**f-datalist-emptyEl  end**/


/**.f-buttongroup**/
.f-datalist-item .f-buttongroup a.f-btn-normal i.f-icon {
    font-size: 16px;
    line-height: 16px;
}

.f-datalist-item .f-buttongroup a.f-btn-normal.f-state-hover i.f-icon,
.f-datalist-item .f-buttongroup a.f-btn-normal.f-state-focus i.f-icon {
    color: #fff;
}

.f-datalist-item .f-buttongroup.f-buttongroup .f-buttongroup-body .f-btn {
    border-radius: 50%;
}

.f-datalist-item .f-buttongroup.f-buttongroup .f-buttongroup-body .f-btn-icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    position: relative;
}

.f-datalist-item .f-buttongroup .f-btn.f-state-hover,
.f-datalist-item .f-buttongroup .f-btn.f-state-focus {
    background: #ffffff;
}

.f-datalist-item .f-buttongroup.f-buttongroup .f-buttongroup-body .f-btn:nth-child(4n-3) .f-btn-icon {
    background: #5b8ff9;
}

.f-datalist-item .f-buttongroup.f-buttongroup .f-buttongroup-body .f-btn:nth-child(4n-2) .f-btn-icon {
    background: #1e9493;
}

.f-datalist-item .f-buttongroup.f-buttongroup .f-buttongroup-body .f-btn:nth-child(4n-1) .f-btn-icon {
    background: #f6bd16;
}


.f-datalist-item .f-buttongroup.f-buttongroup .f-buttongroup-body .f-btn:nth-child(4n+0) .f-btn-icon {
    background: #945fb9;
}

.f-datalist-item .f-buttongroup.f-buttongroup .f-buttongroup-body .f-btn.f-state-hover .f-btn-icon {
    opacity: .8;
}

.f-datalist-item .f-buttongroup.f-buttongroup .f-buttongroup-body .f-btn.f-state-hover .f-btn-icon::before {
    color: #f5f5f5;
}

.f-datalist-item .f-buttongroup.f-buttongroup .f-buttongroup-body .f-btn-icon::before {
    font-size: 16px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/**f-buttongroup-vertical end**/

.f-window {
    border-radius: 2px;
}

.f-tree-node {
    background: #ffffff;
    color: #444444;
}

.f-tree-table {
    border-spacing: 0 1px;
}


/*TimeLine*/
.f-timeline-header-title, .f-timeline-item-title {
    width: 120px;
}

.f-timeline-verticalline,
.f-timeline-vertical .f-timeline-header-title .header-title-icon,
.f-timeline-vertical .f-timeline-item .item-title-icon {
    left: 120px;
}

.f-timeline-vertical .f-timeline-header-detail, .f-timeline-vertical .f-timeline-item-content {
    width: calc(100% - 150px);
}


/*TimeLine*/


.touch-window.f-window {
    border: none;
    border-radius: 4px;
}

.touch-window.f-window .f-panel-header {
    background: #ffffff;
    color: #444444;
}

.touch-window.f-window .f-panel-header .f-tool .f-tool-icon {
    color: #888;
}

.touch-window.f-window .f-panel-toolbar-bottom {
    border: none !important;
    margin-top: 2px;
    padding: 2px;
}

.f-menu {
    min-width: 120px;
}


.list-complexCard-item,
.list-complexCard-item .list-item-content-main {
    display: flex;
}

.list-complexCard-item {
    height: 100%;
    width: 100%;
}

.list-complexCard-item .list-item-aside {
    width: 15px;
    background: #52C41A;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}

.list-complexCard-item .list-item-aside .list-item-aside-left {
    line-height: 25px;
    width: 100%;
}

.list-complexCard-item .list-item-content {
    display: flex;
    flex-flow: column;
    flex: 1;
    padding: 5px;
}

.list-item-content-main {
    flex: 1;
}

.list-item-content-main-left {
    flex: 4;
}

.complexCard-item-left {
    height: 100%;
}

.complexCard-item-left .list-item-innerItem {
    display: flex;
    flex-flow: column;
    height: 100%;
    padding-right: 8px;
}

.complexCard-item-left .inner-text {
    flex: 1;
}

.complexCard-item-left .inner-text-mid {
    font-weight: bold;
}

.complexCard-item-left .inner-text-mid span {
    font-weight: normal;
    color: unset;
    position: unset;
    width: unset;
}

.list-item-content-main-right {
    flex: 1;
    max-width: 80px;
}

.list-complexCard-item .complexCard-item-right {
    display: flex;
    flex-flow: column;
}

.complexCard-item-right .inner-text-top {
    text-align: right;
}

.complexCard-item-right .inner-text-top span {
    font-weight: bold;
}

.complexCard-item-right .inner-text-bottom {
    flex: 1;
    text-align: right;
}

.complexCard-item-right .inner-text-bottom img {
    position: relative;
    max-width: 100%;
    max-height: 40px;
}

.complexCard-item-right .inner-text-top span {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list-item-content-footer .f-progressbar.f-widget-content {
    height: 8px;
    margin-left: 0;
}


.list-item-content-footer .f-progressbar-outer {
    display: flex;
    justify-items: center;
    align-items: center;
}

.list-item-content-footer .f-progressbar-outer .f-progressbar {
    flex: 1;
    margin-right: 0;
}

.list-item-content-footer .f-progressbar-outer.f-progressbar-text-right .f-progressbar-text {
    display: flex;
    position: unset;
    min-width: 80px;
    max-width: 150px;
    margin: unset;
    width: unset;
}

.flex-item-1 {
    flex: 1;
}

.list-item-content-footer .f-progressbar-outer.f-progressbar-text-right .f-progressbar-text b {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.primary-text {
    color: #24A6EF;
}

.warning-text {
    color: #fdb44b;
}

.error-text {
    color: #f5222d;
}

.success-text {
    color: #52C41A;
}


.badge {
    padding: 0px 2px;
    border-radius: 4px;
    font-size: 10px;
    word-break: keep-all;
}

.tag-badge {
    padding: 0px 2px;
    border-radius: 4px;
    font-size: 10px;
}

.primary-badge {
    color: #FFFFFF;
    background-color: #24A6EF;
}

.warning-badge {
    color: #FFFFFF;
    background-color: #fdb44b;
}

.error-badge {
    color: #FFFFFF;
    background-color: #f5222d;
}

.success-badge {
    color: #FFFFFF;
    background-color: #52C41A;
}


.list-item-content-footer .f-progressbar-text span {
    font-size: 0.8em;
}

.f-field-dropdownlist-pop > li {
    min-height: 30px;
}


.f-widget-header.f-region-cover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
    color: #2F81BC;
}

.f-widget-header.f-region-cover .f-icon {
    color: #2F81BC;
}

.f-btn-message .f-badge-ct {
    right: 40%;
    top: 2px;
}

#homeView_backbtn .f-btn-ico {
    font-size: large;
}

.f-datalist-list .f-btn.f-state-hover .f-btn-text {
    color: #444;
}

.list-item-innerItem .list-item-subItem {
    padding-left: 10px;
    line-height: 16px;
}

.list-item-subItem .row-item {
    padding-left: 10px;
}


/*groupItemsPanel*/
.f-group-items-panel:not(.f-panel-scroll) > .f-panel-bodyct > .f-panel-body,
.f-group-items-panel > .f-panel-bodyct > .f-panel-body > .f-scroller {
    display: grid;
}

.f-group-items-panel {
    width: 100% !important;
}

.f-grid-item .f-panel-header {
    color: #303030;
    background: #FFFFFF !important;
    padding: 2px;
    padding-top: 10px;
}

.f-grid-item > .f-panel-header .f-panel-title-text {
    padding-left: 10px;
}

.f-grid-item > .f-panel-bodyct > .f-panel-body {
    background: #FFFFFF !important;
    height: unset !important;
    width: unset !important;
}

.grid-row2 {
    grid-row-start: span 2;
}

.grid-column2 {
    grid-column-start: span 2;
}

.grid-row3 {
    grid-row-start: span 3;
}

.grid-column3 {
    grid-column-start: span 3;
}

.grid-row4 {
    grid-row-start: span 3;
}

.grid-column4 {
    grid-column-start: span 4;
}

.grid-row5 {
    grid-row-start: span 5;
}

.grid-column5 {
    grid-column-start: span 5;
}


.f-grid-item > .f-panel-bodyct > .f-panel-body {
    padding: 5px 10px 15px;
}

.f-group-panel .f-btn.f-group-item-btn {
    background: transparent;
    padding: 5px;
    width: 20%;
}

.f-group-panel .f-btn.f-group-item-btn.f-state-hover,
.f-group-panel .f-btn.f-group-item-btn.f-state-active {
    background: #F6F6F6;
}


.f-group-panel .f-btn.f-group-item-btn .f-btn-icon {
    font-size: 2.2em;
    line-height: 32px;
    color: #303030;
}

.f-group-panel .f-btn.f-group-item-btn.f-btn-icon-top .f-btn-text {
    color: #303030;
    margin-top: 6px;
    white-space: pre-wrap;
    line-height: 15px;
    height: 30px;
}

.f-group-item-btn .f-badge-ct.f-badge-text {
    width: unset;
    right: unset;
    left: 50%;
    top: 0;
    margin-right: 0;
}


.f-group-item-btn .f-badge-ct {
    width: 50px;
    right: unset;
    left: calc(50% - 8px);
}

.f-group-item-btn .f-badge-ct .f-badge {
    top: -3px;
    left: 2px;
}

/*groupItemsPanel*/

.f-btn-trans {
    background: transparent !important;
}

.f-btn-trans .f-btn-icon,
.f-btn-trans .f-btn-text,
.f-btn-trans .f-btn-icon:before {
    color: #303030;
}

.f-label-red .f-field-fieldlabel .f-fieldlabel-text {
    color: red;
    font-weight: bold;
}

.f-panel-body.i-scroller .f-datalist {
    overflow: visible !important;
}

.f-datalist ul.f-datalist-list {
    padding-bottom: 30px;
}

.f-datalist-item .f-toolbar.f-widget-content {
    background: transparent;
}

.f-datalist-list .f-datalist-item.f-state-active {
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
}

/**************app-地址选择器**************/
.app-region-picker .f-btn {
    border-width: 0;
    background: transparent;
    color: #444444 !important;
    padding: 2px 12px;
}

.app-region-picker .f-btn.f-state-active::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    background: var(--strongColor);
}

.app-region-picker .f-btn.f-state-active:not(.f-btn-arrowd)::before {
    width: 100%;
}

#rEGIpcr .f-multitagtextbox .f-field-body-cell {
    border-width: 0 !important;
}

#rEGIpcr .f-multitagtextbox .f-field-body-cell-inner {
    display: none;
}

#rEGIpcr .f-multitagtextbox .f-widget-content {
    background-color: #fff;
}

/******************************* 企业注册详细信息页面 BEGINNING *********************************/
#businessFileUploader .uploader-filePicker {
    background-repeat: no-repeat;
    border: 1px dashed #999;
}

#BusinessCardUploader .uploader-filePicker {
    background: url(/static/img/businesscard-d5e9bc8e817b8892f541b0761f492570.png);
    background-repeat: no-repeat;
    border: 1px dashed #999;
}

#BusinessCardUploader .f-field-body-cell-inner {
}

#BusinessCardUploader .uploader-filePicker {
    margin: 0px;
    width: 94% !important;
    padding-bottom: 60%;
    position: absolute;
    z-index: 10;
}

#BusinessCardUploader .file-item.thumbnail {
    margin: 0px;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 5 / 3;
    z-index: 15;
}

#BusinessCardUploader .file-item.thumbnail > .file-item-wraper,
#BusinessCardUploader .file-item.thumbnail > .file-item-wraper > img {
    width: 100% !important;
    height: 100% !important;
    position: relative;
}


#BusinessCardUploader .f-field-body-cell {
    align-items: baseline !important;
}

#BusinessCardUploader .uploader-filePicker > *,
#BusinessCardUploader .clearfix:after {
    display: none;
}


.amj-portal-description {
    padding: 6px 9px;
    color: #c0812f;
    display: flex;
    align-items: center;
    background-color: #fdedd7;
    line-height: 26px;
    border: none;
    font-size: 15px;
}

.captcha-panel .f-btn-normal.app-register-btn-submit {
    height: 40px !important;
    margin-left: 4px;
}

.app-register-info .f-field {
    margin-bottom: 8px !important;
}

.app-register-btn-submit {
    border: 0;
    background: #e86452;
    color: #fff !important;
    border-radius: 4px;
}

.app-register-btn-submit .f-btn-icon {
    color: #fff !important;
}

.app-register-btn-submit:hover {
    cursor: pointer;
    background: #fa5e49;
}

.app-register-btn-phone {
    margin-top: 34px !important;
}


/******************************* 账号注册/登录页 END *******************************************/
/******************************* 个人中心(基本信息页) BEGIN *************************************/
.f-personal-content {
    background-color: #f2f4f8;
    border: none;
}

.f-personal-content .model {
    margin-bottom: 10px;
}

.f-personal-content label {
    color: #444 !important;
    margin: auto;
}

.f-personal-content .model .f-widget-header {
    background-color: #f2f4f8;
}

.f-personal-content .model-content {
    border-radius: 5px;
    background-color: #ffffff;
}

.f-personal-content .model-field {
    background-color: #ffffff;
}

.f-personal-content input {
    background-color: #ffffff;
    border: none;
    text-align: right;
    font-weight: bold;
}

.f-personal-content .model-field:not(:last-child) {
    border-bottom: 1px solid rgba(228, 228, 228, 1);
}

.wapp-main-btn {
    border-radius: 5px;
    background-color: rgba(232, 100, 82, 1);
    color: rgba(255, 255, 255, 1) !important;
    text-align: center;
    cursor: pointer;
    user-select: none;
}

.wapp-minor-btn {
    border-radius: 5px;
    background-color: rgb(241, 243, 247);
    border: 1px solid rgba(232, 100, 82, 1);
    color: rgba(232, 100, 82, 1) !important;
}

.f-btn.wapp-minor-btn.f-state-hover,
.f-btn.wapp-minor-btn.f-state-focus {
    background-color: #faefef;
    color: unset;
}

.f-personal-content .none-right-icon .f-triggerbox-trigger1 {
    display: none;
}

/******************************* 个人中心(基本信息页) END ***************************************/
/******************************* 个人基本信息变更 BEGIN ***************************************/
.f-account input {
    border: 0;
}

.f-certification td.f-field-checkboxlist-item {
    display: block;
    width: auto !important;
}

/******************************* 个人基本信息变更 BEGIN ***************************************/
.f_newEnterpriseSettleIn {
    font-size: 14px !important;
}

.f_newEnterpriseSettleIn .f_SettleIn_Btn {
    width: 140px;
    margin: 8px auto;
    padding: 12px;
}

.f_SettleIn_Btn > i, .f_SettleIn_Btn > span {
    color: #fff !important;
    vertical-align: middle;
}

.f_newEnterpriseSettleIn .f_SettleIn_Btn:hover {
    box-shadow: 0px 0px 5px #888888;
}

.f_newEnterpriseSettleIn .f_SettleIn_label {
    margin: 8px auto 8px 8px;
}

.f_newEnterpriseSettleIn .f_SettleIn_label span {
    font-weight: bold;
}

.f_newEnterpriseSettleIn .f_SettleIn_Card {
    color: #fff;
    padding: 8px;
    border-radius: 10px;
    margin: auto 8px 8px;
}

.f_newEnterpriseSettleIn .f_SettleIn_Card .f_SettleIn_Card_Title {
    margin: auto auto 8px auto;
    font-weight: bold;
}

.f_newEnterpriseSettleIn .f_SettleIn_Card .f_SettleIn_Card_Content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.amj_app_back_win .back_win_title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
    line-height: 21px;
    padding-left: 10px;
    font-weight: 600;
}

.amj_app_back_win .back_win_title::before {
    content: '';
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    height: 14px;
    width: 3px;
    background-color: #1677ff;
}

/****************f-filter-area ************************/
.f-filter-area .f-panel-title-text {
    font-size: 14px;
    line-height: 18px;
}

.f-filter-area .f-widget-content {
    background-color: #fff;
}

.f-filter-area .f-btn {
    border-radius: 18px;
    background-color: #eee;
    border: 1px solid #eee;
    padding: 5px 10px;
}

.f-filter-area .f-btn.f-state-active {
    border-color: #1677ff;
    color: #1677ff;
}

/********************multi-line-row*******************/
.f-multi-line-row {
    font-size: 14px;
    position: relative;
    width: 100%;
    max-height: 160px;
    overflow: hidden;
}

.f-multi-line-row .header {
    font-size: 15px;
    font-weight: 600;
    padding: 2px;
    border-bottom: 1px solid #ccc;
    display: flex;
}

.f-multi-line-row .header .title {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.f-multi-line-row .header .state {
    width: 48px;
    font-size: 12px;
    font-weight: 500;
    padding: 1px 2px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #ccc;
    text-align: center;
}

.f-multi-line-row .header .state.process {
    color: blue;
    border-color: blue;
}

.f-multi-line-row .header .state.expired {
    color: red;
    border-color: red;
}

.f-multi-line-row .header .state.completed {
    color: green;
    border-color: green;
}

.f-multi-line-row .line {
    margin: 4px;
}

.f-multi-line-row .line.hide {
    display: none;
}

.f-multi-line-row .line .label {
    color: #888888;
}

.f-multi-line-row .line .progress {
    position: absolute;
    right: 10px;
    font-size: 12px;
    color: #888;
}

.f-multi-line-row .line .progress progress {
    width: 100px;
}

.f-multi-line-row .line > span.label:not(:first-child) {
    margin-left: 8px;
}

.f-multi-line-row.f-multi-line-row-nowrap {
    white-space: nowrap;
}

/***********工作日历************/
.work-log .f-html-btn {
    border-radius: 4px;
    background-color: white;
}

.work-log .f-html-btn > div.wlog-row {
    flex: 1;
    display: flex;
    padding-left: 8px;
    padding-right: 8px;
    align-items: center;
    justify-content: center;
}

.work-log .f-html-btn .content {
    flex: 1;
    display: inline-block;
    text-align: center;
}

.work-log .f-html-btn > div.wlog-row .content {
    text-align: unset !important;
}

.f-bottom-button-group .f-btn .f-btn-icon-arrowd {
    display: none !important;
}

.register-box .f-field-body.f-field-textbox {
    background-color: #F4F6F9 !important;
}

.wapp-rating-box ul {
    display: flex;
    justify-content: space-between;
}

.wapp-rating-box ul i:before {
    font-size: 20px;
}

.wapp-rating-box ul .f-rate-text,
.wapp-rating-box ul:after {
    display: none;
}

.wapp-left-align .f-field-body.f-field-textbox {
    text-align: left;
}

.wapp-tab-no-padding .f-panel-body.f-widget-content {
    padding: 0 !important;
}

.wapp-cus-contact-register .f-field::after {
    display: none;
}

.wapp-cus-contact-register .f-field .f-field-body-cell {
    padding-top: 6px;
    padding-bottom: 6px;
}


.wapp-cus-contact-register .f-field .f-field-fieldlabel-cell {
    padding: 10px 0;
}

.wapp-cus-contact-register .f-field .f-field-fieldlabel-cell .f-fieldlabel-text {
    padding: 0;
}

.wapp-header-text-left .f-field input {
    text-align: left;
}

/*input改变自动填充背景色*/
.wapp-transparent-back-input input:-webkit-autofill,
.wapp-transparent-back-input input:-webkit-autofill:hover,
.wapp-transparent-back-input input:-webkit-autofill:focus,
.wapp-transparent-back-input input:-internal-autofill-previewed,
.wapp-transparent-back-input input:-internal-autofill-selected {
    box-shadow: inset 0 0 0 1000px #f5f6f7 !important;
}

.learning-test-btn {
    font-size: 22px !important;
}

.f-btn.f-countdown.countdownicon .f-btn-inner .f-btn-text {
    font-size: 20px;
    line-height: 25px;
}

.learning-test-progress.f-field-numberbox-display-progress.f-field-numberbox-touch .f-progressbar-outer {
    min-width: 320px;
}

.w-app-login-remember-check label{
    color:#777;
}

.w-app-login-remember-check .f-checkbox.f-checked {
    background-color: rgba(232, 100, 82, 1);
    border-color: rgba(232, 100, 82, 1);
}

.w-app-login-remember-check .f-checkbox.f-state-focus {
    border-color: rgba(232, 100, 82, 1);
}