﻿/*:root 
{
  --base-font-family:微软雅黑,黑体,Arial,宋体;
  --base-font-size:14px;
  --base-font-color:#FFFFFF;
  --base-background-color:#FFFFFF;
}
body 
{
    overflow-x:hidden;
    overflow-y:auto;
    padding:0px;margin:0px;text-align:center;
    font-family:var(--base-font-family);
    font-size:var(--base-font-size);
	color:var(--base-font-color);
    background-color:var(--base-background-color);
}*/
body {
    overflow-x: auto;
    overflow-y: auto;
    overflow: auto;
    padding: 0px;
    margin: 0px;
    text-align: center;
    font-family: Microsoft YaHei,微软雅黑,黑体,Arial,宋体;
    font-size: 14px;
    color: #000000;
    background-color: #ffffff;
}
.EgShadow
{
    position:fixed;left:0px;top:0px;display:none;
    background:rgba(255,255,255,0);width:100%;height:100%;overflow:hidden;
}
.EgShadow_white
{
    position:fixed;left:0px;top:0px;display:none;
    background:rgba(255,255,255,0.2);width:100%;height:100%;overflow:hidden;
}
.EgShadow_black
{
    position:fixed;left:0px;top:0px;display:none;
    background:rgba(0,0,0,0.3);width:100%;height:100%;overflow:hidden;
}
#EgShadow_opacity0
{
    position:fixed;left:0px;top:0px;display:none;background:rgba(255,255,255,0.001);width:100%;height:100%;overflow:hidden;
	z-index:200000001;
}
a
{
	text-decoration:none;color:#000000;
}
a:hover
{
	text-decoration:underline;color:red;
}
input::-ms-clear{display:none;}
input,textarea,select,button,div 
{
	outline:none;font-family:Microsoft YaHei,微软雅黑,黑体,Arial,宋体;font-size:14px;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    border-radius:0px;text-align:left;padding:0px;
}
input::-webkit-input-placeholder 
{
    color:#97a8be;font-size:14px;font-weight:normal;
}
textarea:focus, input:focus,div:focus,select:focus
{
    outline: none;resize: none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
*[disabled='disabled'],
*[readonly='readonly']
{
    cursor:not-allowed;
}
.EgUpLoad
{
    position:relative;cursor:pointer;
}
.EgUpLoadIframe
{
    cursor:pointer;width:100%;height:100%;opacity:0;position:absolute;left:0px;top:0px;z-index:1000
}
/*============================EgTextBox=====================*/
.EgTextBox
{
    /*实际宽度180,高度36*/
    overflow:hidden;text-align:left;border:solid 1px #bfcbd9;border-radius:4px;padding:0px 9px;
    transition:all 0.3s;width:160px;height:34px;line-height:34px;box-sizing:border-box;
    background-position:9px center;background-repeat:no-repeat;background-size:20px 20px;
}
.EgTextBox[disabled='disabled']
{
    background-color:#eef1f6;border:solid 1px #d1dbe5;color:#bfcbd9;cursor:not-allowed;
}
.EgTextBox:not([disabled='disabled']):not([readonly='readonly']):hover
{
    border-color:#8391a5;
}
.EgTextBox:not([disabled='disabled']):not([readonly='readonly']):focus
{
    border-color:#20a0ff;
}
textarea
{
	resize:none;
}
textarea.EgTextBox
{
    word-wrap:break-word;word-break:break-all; /*强制换行*/
    overflow-x:hidden;overflow-y:auto;height:60px;line-height:20px;padding-top:5px;padding-bottom:5px;
}
/*文字溢出*/
.textOverflow
{
	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
}
/*文字溢出*/
.EgSLH
{
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.EgSLH[bindRows='2']{-webkit-line-clamp:2;}
.EgSLH[bindRows='3']{-webkit-line-clamp:3;}
.EgSLH[bindRows='4']{-webkit-line-clamp:4;}
.EgSLH[bindRows='5']{-webkit-line-clamp:5;}
.EgSLH[bindRows='6']{-webkit-line-clamp:6;}
.EgSLH[bindRows='7']{-webkit-line-clamp:7;}
.EgSLH[bindRows='8']{-webkit-line-clamp:8;}
fieldset
{
	border:solid 1px #aab7c7;box-sizing:border-box;border-radius:4px;padding:0px;margin:0px;overflow:auto;
}
fieldset > legend
{
	text-align:left;font-weight:bold;margin-left:10px;color:#33a7fe;letter-spacing:1px;
}
/*=======================公共页面样式==================*/
#EgPage {
   
}
#EgPageListContainer {
    position: absolute;
    
    left: 0px;
    top: 0px;
    width: 100%;
    height:100%;
/*    left: 5px;
    top: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);*/
    overflow: hidden;
}

#EgPageDetailContainer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index:1;
}
#EgPageDetailContainer_shadow {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.001);
    z-index: 1000000001;
}
#EgPageDetailTools {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height:66px;
    background-color:#FFFFFF;
    overflow: hidden;
    box-shadow:rgba(0,0,0,0.1) 0px -1px 5px;
    z-index:2;
}
#EgPageDetailTools ~ #EgPageDetailContainer{
    height: calc(100% - 66px);
}
#EgPageDetail_title ~ #EgPageDetailContainer{
    height: calc(100% - 50px);top:50px;
}
#EgPageDetailTools ~ #EgPageDetail_title ~ #EgPageDetailContainer{
    height: calc(100% - 116px);top:50px;
}
#EgPageDetailTools > .EgButton{
    float:right;margin-right:20px;margin-top:15px;
}
#EgPageDetailTools > #EgPageCreateType{
    width:100px;height:20px;margin-top:22px;padding-left:25px;box-sizing:border-box;cursor:pointer;display:none;
    float:right;margin-right:20px;background:url('/UserControls/EgCheckBoxList/checkbox.png') no-repeat left center;background-size:20px 20px;
}
#EgPageDetailTools > #EgPageCreateType[on]{
    background-image:url('/UserControls/EgCheckBoxList/checkbox_on.png')
}
.EgPageDetailIframe {
    width: 100%;
    height: 100%;
}

#EgPageDetail {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}
.EgBlockquote {
    /*引用样式*/
    background-color: #eef1f6;
    height: 50px;
    line-height: 50px;
    border-left: solid 5px #33a7fe;
    color: #33a7fe;
    box-sizing:border-box;width:100%;
    text-align: left;
    text-indent: 10px;
    overflow: hidden;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
    border-bottom: solid 1px #cdd5de
    /*box-shadow:rgba(0,0,0,0.3) 0px 1px 4px;*/
}
#EgPageDetail_text{
     color: #33a7fe;font-size: 16px;font-weight: bold;letter-spacing: 1px; text-align: left;
     position:absolute;left:10px;top:0px;height:50px;line-height:50px;overflow:hidden;
}
#EgPageDetail_btnTools
{
	float:right;height:100%;
}
#EgPageDetail_btnTools .EgButton
{
	float:left;margin-right:12px;margin-top:7px;text-align:center;text-indent:0px;font-size:14px;font-weight:normal;
}
#EgPageDetail_btnTools .EgButton:last-child
{
	margin-right:7px;
}

/*===============平均分配列信息===============*/
.EgItemRow {
    overflow: auto;
    padding: 10px 0px;
    margin-right: 20px;
    display:flex;
}

.EgItem>.EgItemRow {
    margin-right: 0;
}
.EgItemRow:first-child {
    margin-top: 10px;
}
.EgFieldset .EgItemRow:first-child {
    margin-top: 0px;
}
/*====用于表格的====*/
.EgItemRow_table {
    background-color: #cdd5de;
    margin: 0px 0px 0px 20px;
    width: calc(100% - 20px);
}

.EgItemRow_tableTop {
    height: 40px;
    background-color: #FFFFFF;
}

.EgItemRow_tableTop_title {
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
    color: #33a7fe;
    float: left;
}

.EgItemRow_tableTop_buttonContainer {
    height: 40px;
    float: right;
}

.EgItemRow_tableTop_button {
    font-size: 18px;
    margin: 10px;
    cursor: pointer;
}

.EgItemRow_tableTop_buttonContainer .EgButton {
    margin: 4px 10px 0px 0px;
    height: 32px;
    line-height: 32px;
}

.EgItemRow_table_head {
    background-color: #eef1f6;
    height: 40px;
    text-align: center;
    font-weight: bold;
}

.EgItemRow_table_row {
    background-color: #FFFFFF;
    height: 40px;
    text-align: center;
}

.EgItemRow_table_row td div[icon] {
    cursor: pointer;
}

.EgItemRow_table_row td div[icon='edit'] {
    color: #33a7fe;
}

.EgItemRow_table_row td div[icon='delete'] {
    color: red;
}

.EgItemRow .EgItem {
    position:relative;
    min-height: 36px;
    /*padding-left:20px;box-sizing:border-box;*/
    /*margin-left: 20px;*/
    /*width: calc(100% - 40px);*/
    /*float:left;*/
    flex: 1;
    /*width: 200px;
    -webkit-box-flex: 0;*/
}
.EgItemRow .EgItem[flex='2']{
    flex: 2;
}
.EgItemRow .EgItem[flex='3']{
    flex:3;
}
.EgItemRow .EgItem[flex='4']{
    flex:4;
}

/*==自定义,用于显示固定宽度*/
.EgItemRow .EgItemCustom {
    -webkit-box-flex: 0;
    margin-left: 20px;
}

/*.EgItemRow[colspan='2'] .EgItem
{
	width:calc((100% - 60px) / 2);
}
.EgItemRow[colspan='3'] .EgItem
{
	width:calc((100% - 80px) / 3);
}
.EgItemRow[colspan='4'] .EgItem
{
	width:calc((100% - 100px) / 4);
}*/
.EgItem_label {
    width: 130px;
    padding-left: 15px;
    padding-right: 10px;
    box-sizing:border-box;
    text-align: right;
    float: left;
    height: 100%;
    position: relative;
    line-height: 20px;
    padding-top: 7px;
    /*white-space:nowrap; text-overflow:ellipsis; overflow:hidden;*/
}

.EgItem_input {
    height: 100%;
    position: relative;
    float: left;
    width: calc(100% - 130px);
}

.EgItem_label[rowspan='2'] {
    padding-top: 0px;
    line-height: 16px;
}

.EgItem_label[rowspan='3'] {
    padding-top: 0px;
    line-height: 14px;
    margin-top: -4px;
}

.EgItem_input > .EgTextBox {
    width: 100%;
}
.EgColorSelector{
    width:16px;height:16px;position:absolute;right:5px;top:9px;border:solid 1px #a4b4c7;
    box-sizing:border-box;z-index:10;
}
.EgItem_input > div:not(.EgControlRightIcon):not(.inputBtnContainer):not(.EgWebEditor):not(.EgItem_menu):not(.EgItem_unit):not(.EgItem_select):not(.EgColorSelector) {
    width: calc(100% - 2px);
}

.EgItem_inputLabel {
    text-align: left;
    line-height: 34px;
    height: 34px;
    border-bottom: solid 1px #bfcbd9;
    box-sizing: border-box;
    color: #6d6d6d;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.EgItem_inputBlock {
    text-align: left;
    line-height: 34px;
    height: 34px;
    border: solid 1px #bfcbd9;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0px 9px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position:relative;
    z-index:2;
}

.EgItem_textareaLabel {
    text-align: left;
    line-height: 20px;
    color: #6d6d6d;
}

.EgItem_input > select {
    width: calc(100% - 2px);
}

.EgItem_input > .EgControlRightIcon,
.EgItem_input > .EgItem_unit
{
    position: absolute;
    right: 3px;
    top: 2px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    /*background-color:rgba(255,255,255,0.9);*/
    cursor: pointer;
    padding: 0px 5px;
    /*color:#21a0ff;*/
}

.EgItem_input > .EgControlRightIcon:before {
    font-size: 18px;
    color: #33a7fe;
}

.EgItem_input > .EgControlRightIcon:not([icon]) {
    font-size: 14px;
    cursor: default;
    border-radius: 4px;
    right: 1px;
    padding: 0px 8px;
    color: #000000;
}

/*单位*/
.EgItem_select{
    position: absolute;
    top:1px;right:3px;border-bottom-right-radius:4px;border-top-right-radius:4px;z-index:3;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color:#eef4fc;
    border-left:solid 1px #bfcbd9;
    cursor: pointer;
    padding: 0px 15px;
}
/*.EgItem_input > .EgItem_inputLabel:empty + .EgControlRightIcon,
.EgItem_input > .EgItem_inputBlock:empty + .EgControlRightIcon,
.EgItem_input > .EgItem_textareaLabel:empty + .EgControlRightIcon {
    display: none;
}*/

.EgItem_menu {
    overflow: hidden;
    text-align: left;
    border: solid 1px #bfcbd9;
    border-radius: 4px;
    padding: 0px 9px;
    transition: all 0.3s;
    width: calc(100% - 20px);
    height: 34px;
    line-height: 34px;
    cursor:pointer;
    background-position: 9px center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

.EgItem_menu:after {
    content: '\E672';
    font-family: egFont;
    color: #bfcbd9;
    position: absolute;
    right: 10px;
    top: 11px;
    line-height:initial;
}

/*==========================查询条件中的========================*/
.EgSearchItem {
    float: left;
    margin: 10px 20px 10px 0px;
    height: 36px;
}

.EgSearchItem_tool {
    margin-right: 0px;
    margin-left: 0px;
}

.EgSearchItem_tool > div {
    margin-right: 10px;
}

.EgSearchItem_tool > div:last-child {
    margin-right: 0px;
}

.EgSearchItem_label {
    padding-right: 10px;
    text-align: right;
    float: left;
    height: 100%;
    position: relative;
    line-height: 20px;
    padding-top: 7px;
}

.EgSearchItem_label[multiline='true'],
.EgSearchItem_label[rowspan='2'] {
    padding-top: 0px;
    line-height: 16px;
}

.EgSearchItem_label[multiline2='true'],
.EgSearchItem_label[rowspan='3'] {
    padding-top: 0px;
    line-height: 14px;
    margin-top: -4px;
}

.EgSearchItem_input {
    height: 100%;
    position: relative;
    float: left;
}

.EgSearchItem_input > div:not(.EgControlRightIcon):not(.inputBtnContainer) {
    width: 100%;
}

.EgSearchItem_input > .EgControlRightIcon {
    position: absolute;
    right: 3px;
    top: 1px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    padding: 0px 5px;
    /*color:#21a0ff;*/
}

.EgSearchItem_input > .EgControlRightIcon:before {
    font-size: 18px;
}

.EgSearchItem_input > .EgControlRightIcon:not([icon]) {
    font-size: 14px;
    cursor: default;
    border-radius: 4px;
    right: 1px;
    padding: 0px 8px;
}

.EgSearchItem_flag {
    width: 10px;
    height: 2px;
    background-color: #bfcbd9;
    overflow: hidden;
    float: left;
    margin: 17px 5px 0px 5px;
}

.EgLabel_bitian:before {
    /*必填*/
    content: "*";
    color: red;
    margin-right: 3px;
}

/*======选择选项框========*/
.EgFieldset {
    /*height:150px;*/
    border: solid 1px #bfcbd9;
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
    margin: 20px;
}
.EgFieldset .EgItemRow{
    margin-right:0px;
}
.EgItem .EgFieldset {
    margin: 10px 0px 20px 20px;
    width:calc(100% - 20px)
}


.EgFieldset_title {
    height: 16px;
    line-height: 16px;
    margin: -10px 0px 0px 12px;
    float: left;
    /*position:absolute;left:12px;top:-10px;z-index:3;*/
    background-color: #FFFFFF;
    color: #33a7fe;
}

.EgFieldset_title_text {
    float: left;
}

.EgFieldset_title_icon {
    float: left;
    margin-left: 3px;
    margin-right: 3px;
    font-size: 18px;
    font-weight: bold;
    color: #bfcbd9;
    cursor: pointer;
}

.EgFieldset_content {
    width: 100%;
    clear: both;
    overflow-y: auto;
    padding: 8px;
    box-sizing: border-box;
}

/*.EgFieldset_tools + .EgFieldset_content {
    height: calc(100% - 30px);
}*/

.EgFieldset_content textarea {
    border-width: 0px;
    width: calc(100% - 18px);
    height: calc(100% - 14px);
    overflow-y: auto;
}

.EgFieldset_tools {
    height: 20px;
    position:absolute;right:10px;top:-11px;
    /*position: absolute;
    left: 0px;
    bottom: 2px;
    z-index: 2;*/
    background-color: #FFFFFF;
    box-sizing: border-box;
}

.EgFieldset_tools > div {
    min-width: 20px;
    height: 20px;
    text-align: center;
    color: #33a7fe;
    float: left;
    margin-left:15px;
    cursor: pointer;
}
.EgFieldset_tools > div:first-child{
    margin-left:0px;
}
.EgFieldset_tools > div:hover{
    color:#ffb347;
}


.EgFieldset_content_item > div[icon] {
    float: right;
    margin: 0px 0px 0px 5px;
    cursor: pointer;
    font-size: 12px;
}

.EgFieldset_content_item > div[icon='close'] {
    color: red;
}

.EgFieldset_content_table{
    width:100%;background-color:#cdd5de;
}
.EgFieldset_content_trHead{
    height:40px;background-color:#eef1f6;text-align:center;font-weight:bold;
}
.EgFieldset_content_tr{
    height:40px;background-color:#FFFFFF;text-align:center;
    
}
.EgFieldset_content_tr[onclick]{
    cursor:pointer;
}
/*.EgFieldset_content_tr:hover
{
    background-color:#e9f9f6;
}*/
.EgFieldset_content_table .btnAction{
    width:40px;
}
.EgFieldset_content_tr .btnAction>div[icon]{
    font-size: 16px;cursor:pointer;width:30px;height:30px;text-align:center;line-height:30px;margin:auto;
    transition:all 0.3s;
}
.EgFieldset_content_tr .btnAction>div[icon]:hover{
    background-color:#EEE;border-radius:50%;
}
.EgFieldset_content_tr .btnAction>div[icon='edit']{
     color: #49abef;
}
.EgFieldset_content_tr .btnAction>div[icon='delete']{
     color: #ff0000;
}
.EgFieldset_content_tr .btnAction>div[icon='cancel']{
     color: #8d8d8d;
}
/*=================块状样式=================*/
.EgTishi {
    border: solid 1px #efc078;
    background-color: #fefddf;
    padding: 10px;
    text-align: left;
    line-height: 20px;
}

.EgTishi_start {
    font-weight: bold;
    color: red;
}

.EgBlock {
    width: 200px;
    height: 150px;
    border-radius: 8px;
    border: solid 2px #d1dbe5;
    background-color: #fafcff;
    margin: 10px;
    float: left;
    transition: all 0.3s;
    position: relative;
}

.EgBlockRemove {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    text-align: center;
    background-color: #FFFFFF;
    border-radius: 10px;
    transition: all 0.3s;
    color: #818fa3;
    line-height: 20px;
}

.EgBlockRemove:hover {
    color: red;
    transform: rotate(180deg);
}

.EgBlock:hover {
    background-color: #f0f5fd;
}

.EgBlock_on {
    border-color: #ff6a00;
}

.EgBlockItem {
    margin: 0px 10px;
    height: 25px;
    line-height: 25px;
    text-align: left;
    color: #818fa3;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
}

.EgBlockItem:first-child {
    height: 40px;
    line-height: 40px;
    border-bottom: solid 1px #e3e3e3;
    font-size: 16px;
    color: #0088cc;
    /*font-weight:bold;*/
}

.EgBlockItem:nth-child(2) {
    margin-top: 5px;
}

.EgBlockItem > span {
    /*font-weight:bold;*/
}

.EgBlockItem > span:before {
    text-align: center;
    font-weight: normal;
}

.EgBlockItem_btnContainer {
    height: 30px;
    margin: 2px 20px 0px 20px;
}

.EgBlockItem_btnContainer > div {
    float: right;
    margin-left: 10px;
    color: #0088cc;
    cursor: pointer;
}

.EgBlockItem_btnContainer > div:hover {
    text-decoration: underline;
}

.phone_yzm_off
{
    background-color:#08a254;border:solid 1px #08a254;color:#FFFFFF;cursor:pointer;box-sizing:border-box;
}
.phone_yzm_on
{
    background-color:#eeeded;border:solid 1px #c9c9c9;color:#aaa1a1;cursor:not-allowed;box-sizing:border-box;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  
{  
    width:8px;height:8px;background-color: #FFFFFF;  
}  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb
{
    background-color: #d9d9d9;
    border-radius: 4px;  
}