/*公共样式*/
@import "/Content/Style/font-awesome/ico-font/iconfont.css";

body {
    font-size: 13px;
    font-family: 'Microsoft YaHei','宋体',arial,verdana,sans-serif;
}
.pd-10 {
    padding: 10px;
}

.pd-0 {
    padding: 0;
}

.pd-20 {
    padding: 20px;
}

.mg-10 {
    margin: 10px;
}

.mg-0 {
    margin: 0;
}

.mg-20 {
    margin: 20px;
}

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

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

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

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

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

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

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

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

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

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

.mg-20 {
    margin: 20px;
}

.h-100 {
    height: 100% !important;
}

.w-100 {
    width: 100% !important;
}

.h-50 {
    height: 50% !important;
}

.w {
    width: 100%;
}

.w-70 {
    width: 70%;
}

.w-80 {
    width: 80%;
}

.w-90 {
    width: 90%;
}

.w-20 {
    width: 20%;
}

.w-30 {
    width: 30%;
}

.w50 {
    width: 50%;
}

.row {
    display: flex;
}

.k-display-none {
    display: none !important;
}

select {
    height: 26px;
}

.r {
    text-align: right;
}

.l {
    text-align: left;
}

.m {
    text-align: center;
}

.c {
    text-align: center;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.b {
    font-weight: 900;
}

.hide {
    display: none;
}
/*只读输入框背景色样式*/
.inputReadonly {
    background-color: #ebebe4 !important;
}
/*字体图标*/
.fa {
    font-family: FontAwesome;
}
/*在easyui的菜单中使用图标，需要修正位置*/
.faEasyuiMenu {
    text-align: center;
    line-height: 16px;
    font-family: FontAwesome;
}
/* 自定义工具条的样式 BEGIN*/
.toolbar {
    border-top: 1px solid #f3f4f5;
    background-color: #f9f8f8; /*之前备份 f2f3f4*/
    padding: 0px 0px;
    /*height: 33px !important;*/
    /*line-height: 30px !important;*/
    overflow: hidden !important;
}
/* 自定义工具条button样式*/
.customLinkbutton {
    border-color: #f9f8f8; /*Linkbutton边框颜色与 toolbar 背景色一致*/
    background-color: #f9f8f8 !important;
    background: linear-gradient(to bottom,#f9f8f8 0,#f9f8f8 100%) !important;
    color: #333333 !important;
    font-family: 'Microsoft YaHei UI';
}
    /* 自定义工具条button鼠标浮动样式*/
    .customLinkbutton:hover, .s-btn-plain-active, .m-btn-plain-active {
        background-color: #ffe3ac !important;
        background: linear-gradient(to bottom,#ffe3ac 0,#ffe3ac 100%) !important;
        border: 1px solid #d3d3d3 !important;
        color: #484646 !important;
        border-radius: 3px;
    }
/* 自定义工具条button样式*/
.customLinkbutton_red {
    border-color: #F42D0E; /*Linkbutton边框颜色与 toolbar 背景色一致*/
    background-color: #F42D0E !important;
    background: linear-gradient(to bottom,#F42D0E 0,#F42D0E 100%) !important;
    color: #fff !important;
    font-family: 'Microsoft YaHei UI';
}
    /* 自定义工具条button鼠标浮动样式*/
    .customLinkbutton_red:hover {
        background-color: #D32005 !important;
        background: linear-gradient(to bottom,#D32005 0,#D32005 100%) !important;
        border: 1px solid #D32005 !important;
        color: #fff !important;
    }

.customBtnColor_red {
    background-color: #F42D0E !important;
    background: linear-gradient(to bottom,#F42D0E 0,#F42D0E 100%) !important;
    color: #fff !important;
    font-family: 'Microsoft YaHei UI';
}

    .customBtnColor_red:hover {
        background: linear-gradient(to bottom,#D32005 0,#D32005 100%) !important;
        color: #fff !important;
    }

.customBtnColor_green {
    background-color: #047612 !important;
    background: linear-gradient(to bottom,#079e1a,#079e1a 100%) !important;
    color: #fff !important;
    font-family: 'Microsoft YaHei UI';
}

    .customBtnColor_green:hover {
        background: linear-gradient(to bottom,#078c17,#078c17 100%) !important;
        color: #fff !important;
    }

.customBtnColor_blue {
    background-color: #1C86EE !important;
    background: linear-gradient(to bottom,#1C86EE 0,#1C86EE 100%) !important;
    color: #fff !important;
    font-family: 'Microsoft YaHei UI';
}

    .customBtnColor_blue:hover {
        background: linear-gradient(to bottom,#1b7bd9 0,#1b7bd9 100%) !important;
        color: #fff !important;
    }
/*****自定义工具条的样式 END*****/



.color_blue {
    color: #0998da;
    font-size: 14px !important;
}

.color_gray {
    color: #aab2bd;
    font-size: 14px !important;
}

.color_red {
    color: #ec0707;
    font-size: 14px !important;
}

.color_green {
    color: #61b778;
    font-size: 14px !important;
}

.color_black {
    color: #444444;
    font-size: 14px !important;
}

.color_blue_only {
    color: #0998da;
}

.color_red_only {
    color: #ec0707;
}

.color_green_only {
    color: #047612;
}

.color_orange_only {
    color: #FF6600;
}

.color_dOrange_only {
    color: #CC6600;
}

.color_dBlue_only {
    color: #0000CC;
}

.color_purple_only {
    color: #993399;
}

.color_purple_only {
    color: #993399;
}

.backcolor_red {
    background-color: #ec0707 !important;
}

.backcolor_yellow {
    background-color: #CC6633 !important;
}

.backcolor_purple {
    background-color: #930EAA !important;
}

.backcolor_green {
    background-color: #047612;
}

.color_hover {
}

    .color_hover:hover {
        color: #656D78;
    }

.poiner {
}

    .poiner:hover {
        cursor: pointer;
    }
/*圆角样式*/
.circle {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    display: inline;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 1px;
    color: #fff;
    font-size: 11px !important;
    background-color: #047612;
    font-weight: 400 !important;
}

.squareness {
    color: #fff;
    border: 1px solid;
    border-radius: 5px;
    width: 29px;
    text-align: center;
    background-color: red;
    padding-bottom: 2px;
    line-height: 20px;
}

/*easyui树形控件字体图标样式*/
/*easyui自带样式*/
.tree-icon {
    /*覆盖默认背景图片*/
    background: none !important;
    text-align: center;
    line-height: 18px;
    color: #0998DA;
    /*color: #67809f;*/
    font-size: 15px;
    font-weight: 600;
}

    .tree-icon:before {
        font-family: icon; /*FontAwesome;*/
        content: "\e77f";
        color: #efc583;
    }

.treeIcon {
    /*覆盖默认背景图片*/
    background: none !important;
    text-align: center;
    line-height: 18px;
    color: #0998DA;
    /*color: #67809f;*/
    font-size: 15px;
    font-weight: 600;
}

    .treeIcon:before {
        font-family: icon; /*FontAwesome;*/
        content: "\e77f";
        color: #efc583;
    }
/*树型图标样式*/
.tree-folder-open:before {
    font-family: "icon" !important;
    content: "\e77d" !important;
    /*color: #efc583;*/
    font-size: 17px;
}

.tree-folder-close:before {
    font-family: "icon" !important;
    content: "\e77f";
    /*color: #efc583;*/
    font-size: 15px;
}

.tree-folder-node:before {
    font-family: icon !important;
    content: "\e6ed";
    color: #67809f;
    font-size: 18px;
}
/*重写树型子节点样式*/
.tree-file:before {
    font-family: icon;
    content: "\e6ed";
    color: #67809f;
    font-size: 18px;
}
/*行政区划树形控件-居委会图标*/
.treeIcon.level4:before {
    /*font-family: "iconfont" !important;*/
    /*content: "\e6a4";*/
    font-size: 15px;
    font-family: "icon" !important;
    content: "\e809" !important;
    color: #2f4050;
}
/*行政区划树形控件-小区图标*/
.treeIcon.level5:before {
    font-family: "icon" !important;
    font-size: 15px;
    content: "\e807" !important;
    color: #2f4050;
}
/*行政区划树形控件-楼幢图标*/
.treeIcon.level6:before {
    font-family: "icon" !important;
    content: "\e88e" !important;
    font-size: 17px;
    color: #078c17;
}
/*服务活动样式*/
.sa_title {
    color: #393D49; /*0287c4*/
}

.label_hover label {
    display: inline-block;
    min-width: 40px;
    height: 24px;
    line-height: 24px;
    margin-right: 5px;
}

.label_hover input[type='checkbox'] {
    position: relative;
    top: 2px;
}

    .label_hover input[type='checkbox']:hover {
        cursor: pointer;
    }

.label_hover input[type='radio'] {
    margin: 0 3px 0 4px;
    position: relative;
    top: 2px;
}

    .label_hover input[type='radio']:hover {
        cursor: pointer;
    }

.label_hover label:hover {
    cursor: pointer;
    color: #1B6FAF;
    font-weight: 600;
}

/*表单控件字体样式*/
.control_font input, .control_font textarea {
    color: #067af2;
}

/*提示图标样式-开始*/
.tip {
    color: #1b7bd9;
    font-style: normal;
    /*FontAwesome字体图标使用下面7个*/
    font-family: 'FontAwesome';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .tip:hover {
        cursor: pointer;
        color: #F42D0E;
    }

    .tip:before {
        content: "\f27a"; /*图标内容*/
    }

.tipBackColor {
    background-color: #ffe3ac;
    color: #000;
}
/*提示图标样式-结束*/

/*服务活动控件样式*/
.btnopration {
    /*background-color: #F2D584;*/
    width: 100%;
    height: 100%;
    line-height: 2em;
    /*display:none;*/
    color: #0094ff;
}

    .btnopration:hover {
        cursor: pointer;
        color: #656D78;
        /*background-color: #EEBD37;*/
    }
/*专案样式*/
.statectn {
    height: 35px;
    background-color: #fff;
    color: #484646;
    width: 16%;
    float: left;
}

.statectn1 {
    height: 35px;
    background-color: #fff;
    color: #484646;
    width: 49%;
    float: left;
}

.hyt_state {
    border: solid #d4cece;
    border-width: 0px 1px;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 36px;
}

.form_required {
    color: red;
    font-weight: 900;
    margin: 0 2px;
}

.fill_table_cell {
    width: 100%;
}

.customBtn {
    min-width: 64px;
}

.customBtn-small {
    min-width: 60px;
    height: 22px;
}

    .customBtn-small .l-btn-text {
        line-height: 22px;
    }

.highlight {
    color: #067af2;
}

/*统一水印样式*/
.watermark {
    position: absolute;
    left: 0;
    right: 0;
    top: 20%;
    bottom: 0;
    font-size: 20px;
    pointer-events: none;
    z-index: 1;
    text-align: center;
    vertical-align: middle;
}

    .watermark span {
        display: block;
        transform: rotate(-21deg);
        -ms-transform: rotate(-21deg);
        -moz-transform: rotate(-21deg);
        -webkit-transform: rotate(-21deg);
        -o-transform: rotate(-21deg);
        font-size: 100px;
        color: #bbb;
        filter: alpha(opacity=40);
        -moz-opacity: .4;
        opacity: .4;
    }

/* 人群 */

/****人群标签颜色*/
/* 儿 */
.CrowdET {
    background-color: #4b8df8;
}
/* 孕 */
.CrowdYCF {
    background-color: #45b6af;
}
/* 高 */
.CrowdGXY {
    background-color: #ca3a28;
}
/* 糖 */
.CrowdTNB {
    background-color: #7c3b97;
}
/* 老 */
.CrowdLNR {
    background-color: #35aa47;
}
/* 妇 */
.CrowdFN {
    background-color: #45b6af;
}
/* 精 */
.CrowdJSB {
    background-color: #e08283;
}

.CrowdDefault {
    background-color: #35aa47;
}

.CrowdNone {
    background-color: #666;
}

/*按钮样式*/
.c1, .c1:hover, .c1 > .panel-header {
    color: #fff;
    border-color: #3c8b3c;
    background: #4cae4c;
    background: -webkit-linear-gradient(top,#4cae4c 0,#449d44 100%);
    background: -moz-linear-gradient(top,#4cae4c 0,#449d44 100%);
    background: -o-linear-gradient(top,#4cae4c 0,#449d44 100%);
    background: linear-gradient(to bottom,#4cae4c 0,#449d44 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cae4c,endColorstr=#449d44,GradientType=0);
}

a.c1:hover {
    background: #449d44;
    filter: none;
}

.c1 > .panel-body {
    border-color: #3c8b3c;
}

.c1 > .dialog-toolbar, .c1 > .dialog-button {
    border-left-color: #3c8b3c;
    border-right-color: #3c8b3c;
}

.c1 > .dialog-button {
    border-bottom-color: #3c8b3c;
}

.c2, .c2:hover, .c2 > .panel-header {
    color: #fff;
    border-color: #5f5f5f;
    background: #747474;
    background: -webkit-linear-gradient(top,#747474 0,#676767 100%);
    background: -moz-linear-gradient(top,#747474 0,#676767 100%);
    background: -o-linear-gradient(top,#747474 0,#676767 100%);
    background: linear-gradient(to bottom,#747474 0,#676767 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#747474,endColorstr=#676767,GradientType=0);
}

a.c2:hover {
    background: #676767;
    filter: none;
}

.c2 > .panel-body {
    border-color: #5f5f5f;
}

.c2 > .dialog-toolbar, .c2 > .dialog-button {
    border-left-color: #5f5f5f;
    border-right-color: #5f5f5f;
}

.c2 > .dialog-button {
    border-bottom-color: #5f5f5f;
}

.c3, .c3:hover, .c3 > .panel-header {
    color: #333;
    border-color: #ff8080;
    background: #ffb3b3;
    background: -webkit-linear-gradient(top,#ffb3b3 0,#ff9999 100%);
    background: -moz-linear-gradient(top,#ffb3b3 0,#ff9999 100%);
    background: -o-linear-gradient(top,#ffb3b3 0,#ff9999 100%);
    background: linear-gradient(to bottom,#ffb3b3 0,#ff9999 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffb3b3,endColorstr=#ff9999,GradientType=0);
}

a.c3:hover {
    background: #ff9999;
    filter: none;
}

.c3 > .panel-body {
    border-color: #ff8080;
}

.c3 > .dialog-toolbar, .c3 > .dialog-button {
    border-left-color: #ff8080;
    border-right-color: #ff8080;
}

.c3 > .dialog-button {
    border-bottom-color: #ff8080;
}

.c4, .c4:hover, .c4 > .panel-header {
    color: #333;
    border-color: #52d689;
    background: #b8eecf;
    background: -webkit-linear-gradient(top,#b8eecf 0,#a4e9c1 100%);
    background: -moz-linear-gradient(top,#b8eecf 0,#a4e9c1 100%);
    background: -o-linear-gradient(top,#b8eecf 0,#a4e9c1 100%);
    background: linear-gradient(to bottom,#b8eecf 0,#a4e9c1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b8eecf,endColorstr=#a4e9c1,GradientType=0);
}

a.c4:hover {
    background: #a4e9c1;
    filter: none;
}

.c4 > .panel-body {
    border-color: #52d689;
}

.c4 > .dialog-toolbar, .c4 > .dialog-button {
    border-left-color: #52d689;
    border-right-color: #52d689;
}

.c4 > .dialog-button {
    border-bottom-color: #52d689;
}

.c5, .c5:hover, .c5 > .panel-header {
    color: #fff;
    border-color: #b52b27;
    background: #d84f4b;
    background: -webkit-linear-gradient(top,#d84f4b 0,#c9302c 100%);
    background: -moz-linear-gradient(top,#d84f4b 0,#c9302c 100%);
    background: -o-linear-gradient(top,#d84f4b 0,#c9302c 100%);
    background: linear-gradient(to bottom,#d84f4b 0,#c9302c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d84f4b,endColorstr=#c9302c,GradientType=0);
}

a.c5:hover {
    background: #c9302c;
    filter: none;
}

.c5 > .panel-body {
    border-color: #b52b27;
}

.c5 > .dialog-toolbar, .c5 > .dialog-button {
    border-left-color: #b52b27;
    border-right-color: #b52b27;
}

.c5 > .dialog-button {
    border-bottom-color: #b52b27;
}

.c6, .c6:hover, .c6 > .panel-header {
    color: #fff;
    border-color: #1f637b;
    background: #2984a4;
    background: -webkit-linear-gradient(top,#2984a4 0,#24748f 100%);
    background: -moz-linear-gradient(top,#2984a4 0,#24748f 100%);
    background: -o-linear-gradient(top,#2984a4 0,#24748f 100%);
    background: linear-gradient(to bottom,#2984a4 0,#24748f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2984a4,endColorstr=#24748f,GradientType=0);
}

a.c6:hover {
    background: #24748f;
    filter: none;
}

.c6 > .panel-body {
    border-color: #1f637b;
}

.c6 > .dialog-toolbar, .c6 > .dialog-button {
    border-left-color: #1f637b;
    border-right-color: #1f637b;
}

.c6 > .dialog-button {
    border-bottom-color: #1f637b;
}

.c7, .c7:hover, .c7 > .panel-header {
    color: #333;
    border-color: #e68900;
    background: #ffab2e;
    background: -webkit-linear-gradient(top,#ffab2e 0,#ff9900 100%);
    background: -moz-linear-gradient(top,#ffab2e 0,#ff9900 100%);
    background: -o-linear-gradient(top,#ffab2e 0,#ff9900 100%);
    background: linear-gradient(to bottom,#ffab2e 0,#ff9900 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffab2e,endColorstr=#ff9900,GradientType=0);
}

a.c7:hover {
    background: #ff9900;
    filter: none;
}

.c7 > .panel-body {
    border-color: #e68900;
}

.c7 > .dialog-toolbar, .c7 > .dialog-button {
    border-left-color: #e68900;
    border-right-color: #e68900;
}

.c7 > .dialog-button {
    border-bottom-color: #e68900;
}

.c8, .c8:hover, .c8 > .panel-header {
    color: #fff;
    border-color: #4b72a4;
    background: #698cba;
    background: -webkit-linear-gradient(top,#698cba 0,#577eb2 100%);
    background: -moz-linear-gradient(top,#698cba 0,#577eb2 100%);
    background: -o-linear-gradient(top,#698cba 0,#577eb2 100%);
    background: linear-gradient(to bottom,#698cba 0,#577eb2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#698cba,endColorstr=#577eb2,GradientType=0);
}

a.c8:hover {
    background: #577eb2;
    filter: none;
}

.c8 > .panel-body {
    border-color: #4b72a4;
}

.c8 > .dialog-toolbar, .c8 > .dialog-button {
    border-left-color: #4b72a4;
    border-right-color: #4b72a4;
}

.c8 > .dialog-button {
    border-bottom-color: #4b72a4;
}

.c1 > .panel-header > .panel-title, .c2 > .panel-header > .panel-title,
.c5 > .panel-header > .panel-title, .c6 > .panel-header > .panel-title, .c8 > .panel-header > .panel-title {
    color: #fff;
}

.c-plain {
    border-color: #fff;
    background: #fff;
}

    .c-plain > .panel-header,
    .c-plain > .panel-body,
    .c-plain > .dialog-button,
    .c-plain > .dialog-toolbar {
        border-color: transparent;
        background: transparent;
    }

.c-raised {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}