@import url(soe_an.css);
@import url(zui-loading.css);
html,body{font-size:14px;word-break:break-all; word-wrap:break-word;padding:0;margin:0;display:block;height:100%;overflow-x:hidden;
	line-height:1.52;
	text-size-adjust: 100% !important;-webkit-text-size-adjust: 100% !important;}
body, h1, h2, h3, h4, h5, h6, pre, td, div, span, input, textarea, select, li, * {
	font-family: '思源黑体','思源黑体 CN', system-ui, Helvetica, 'Helvetica Neue',monospace,sans-serif;
	font-weight:400;
}

.fright{float:right}
.fleft{float:left}

.right{text-align:right}
.left{text-align:left}

.pleft{position:absolute !important;top:0;left:0;}
.pright{position:absolute !important;right:0;top:0;}
.textc{text-align:center}
.textc.qrcodemaker >img{margin:0 auto;}
.textc.qrcodemaker >canvas{margin:0 auto;}
.textc.qrcodemaker >svg{margin:0 auto;}

.textr{text-align:right}
.textl{text-align:left}

.posrel{position:relative;height:100%;}
.loading{position:absolute;display:inline-block;top:0;right:0;left:0;bottom:0; vertical-align:middle;}

.vtop{ vertical-align:top!important}

.p10{padding:10px;}
.p16{padding:16px;}

.plr16{padding-left:16px;padding-right:16px;}
.plr10{padding-left:10px;padding-right:10px;}
.plr8{padding-left:8px;padding-right:8px;}

.pt10{padding-top:10px;}
.pt16{padding-top:16px;}
.mt10{margin-top:10px;}
.mt16{margin-top:16px;}

.pb10{padding-bottom:10px;}
.pb16{padding-bottom:16px;}
.mb10{margin-bottom:10px;}
.mb16{margin-bottom:16px;}

.f{}
.f.b{font-weight:bold}
.f.n{font-weight:normal}

p{padding:0;margin:0;}

a {
    color: #06C;
    cursor: pointer;
	text-decoration:none;
}

a:active, a:hover {
    outline: 0;
}
a:hover, a:focus {
    color: #2a6496;
    text-decoration: underline;
}
a:hover {
    color: #039;
}
a:hover {
    text-decoration: none;
}
a:link {
    text-decoration: none;
}


.datagrid{width:100%;}
.datagrid tr td {
    padding: 16px 8px;
    border-top: 0px;
    vertical-align: middle;
}

.datagrid.p0 tr td{padding:0;}

.fulldatagrid{width:100%;}
.fulldatagrid tr td {
    padding: 12px 8px;
    border-top: 0px;
    vertical-align: middle;
}
/*.datagrid.autowidth{width:auto!important;}*/
.rowxscroll{ visibility:hidden}
/**总是显示*/
.rowxscroll.vshow{visibility: visible!important; visibility:visible}
.mulgridop{display:none}
.mulsel{}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*.toolmenubar{position:fixed;left:0;right:0;top:0;bottom:0;}*/
.toolbar{position:absolute;left:0;right:0;top:0;height:50px;display:none;z-index:2}
.toolbarrightlinks{position:absolute;right:10px;top:5px;height:40px;}
.toolbarrightlinks.mobile{display:none}

.menubar{position:absolute;left:0;top:0px;bottom:0;width:240px;overflow-y:auto;overflow:hidden;display:none;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
body.hastoolbar{padding-top:50px;}
body.hasmenu{padding-left:240px;}

.toolbar{position:fixed;}
.menubar{position:fixed;}

.xautoscroll{overflow-x:auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}


.hasmenu .menubar{display: block;overflow-y:auto;-webkit-overflow-scrolling: touch;}
.hastoolbar .toolbar{display:block}
.hastoolbar .menubar{top:50px;}

.viewframe{position:relative;height:100%;}

html{overflow-y:auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;scroll-behavior: smooth;}
body{overflow:hidden;height:auto;min-height:100%;}
.viewmain{padding:0;margin:0;min-height:100%;}
.hastoolbar{margin-top:0px;padding-top:0px;}


.logo >span{position:absolute;left:0;top:0;bottom:0;height:50px;width:50px;text-align:center;vertical-align: middle;line-height: 50px;overflow: hidden}
.logo >a{position:absolute;left:50px;top:0;bottom:0;height:50px;max-width:300px;
	line-height:50px;font-size:14px;right:160px;font-weight:bold;text-align:left;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;user-select: none}
.logo >span >img{max-width: 50px;max-height:50px;margin-top:0px;vertical-align: middle}
.logo >span:after{display:inline-block;content:' ';width: 1px;height:50px;overflow: hidden; vertical-align: middle}
.logo >dt{display:none;}

.hascutouts .toolbar{height:67px;padding-top:12px;overflow: hidden;box-sizing: border-box}
.hascutouts .toolbar .toolbarrightlinks{top:22px}
body.hascutouts{padding-top:17px;}
body.hastoolbar.hascutouts{padding-top:67px;}
body.hascutouts .logo >span{top:17px;}
body.hascutouts .logo >a{top:17px;}
body.hascutouts .menubar{top:17px;}
body.hascutouts.hastoolbar .menubar{top:67px;}

/**自动定义，左侧菜单，顶部高100*/
.custommenu100{}
.custommenu100 .toolbar{height:100px;}
.custommenu100.hastoolbar .menubar{top:100px;}
.custommenu100.hastoolbar{padding-top:100px;}
.custommenu100 .logo> a{height:100px;line-height:100px;font-size:20px;left:240px;}
.custommenu100 .logo> span{width:240px;height:100px;line-height:100px;}
.custommenu100 .toolbarrightlinks{top:30px;}
.custommenu100 .logo >span >img{max-width:240px;max-height:80px;margin-top:0px; transition: all ease 0.1s}
.custommenu100 .logo >span:after{display:inline-block;content:' ';width: 1px;height:100px;overflow: hidden; vertical-align: middle}

.custommenu100.custombanner .logo >span{display:none}
.custommenu100.custombanner .logo >a{display:none}

.custommenu100.custombanner .logo >dt{position:absolute;left:0;top:0;bottom:0;overflow: hidden; vertical-align: middle;display:block}
.custommenu100.custombanner .logo >dt >img{max-height:100%;vertical-align: middle;transition: all ease 0.1s}
.custommenu100.custombanner .logo >dt:after{display:inline-block;content:' ';width:1px;height:100px;overflow: hidden;vertical-align: middle}
@media only screen and (max-width: 960px)
{
	.custommenu100{}
	.custommenu100 .toolbar{height:50px;}
	.custommenu100.hastoolbar .menubar{top:50px;}
	.custommenu100.hastoolbar{padding-top:50px;}
	.custommenu100 .logo> a{height:50px;line-height:50px;font-size:14px;left:50px;}
	.custommenu100 .logo> span{width:50px;height:50px;line-height:50px;}
	.custommenu100 .toolbarrightlinks{top:5px;}
	.custommenu100 .logo >span >img{max-width: 50px;max-height:50px;margin-top:0px;transition: all ease 0.1s}
	.custommenu100 .logo >span:after{height:50px;}
	
	.custommenu100.custombanner .logo >span{display:none}
	.custommenu100.custombanner .logo >a{display:none}

	.custommenu100.custombanner .logo >dt{}
	.custommenu100.custombanner .logo >dt >img{max-height:100%;}
	.custommenu100.custombanner .logo >dt:after{height:50px;}
}
/**TopMenu FRame*/

/**TopMenu FRame*/
.frametopmenu .logo >span{background:#00c1de;}
.frametopmenu .logo >a{padding-left:10px;}
.frametopmenus{position:absolute;top:0;left:0;right:0;bottom:auto;z-index:10000;box-sizing: border-box; display:block;height:0px;overflow: hidden;width:auto!important;width:auto;}
.frametopmenus .frametopmenucon{width:100%;margin:0 auto;border-top:1px solid #00c1de;padding-top:10px;}
.frametopmenuitems{width:100%;max-width: 1920px;margin:0 auto;display:flex;box-sizing: border-box; justify-content: center; flex-wrap: wrap;padding-bottom:40px;}
.frametopmenuitems >div.menulist{width:8.33%;box-sizing: border-box;margin:0 0px;margin-bottom:10px;}
.frametopmenuitems >div.menulist:hover{background:#222;}
.frametopmenuclose{position: absolute;bottom:0;left:0;right:0;background:#333;color:#fff;cursor: pointer;text-align: center;line-height: 40px;}
.frametopmenubuttons{position: absolute;bottom:0;left:0;right:0;background:#333;color:#fff;cursor: pointer;text-align: center;line-height: 40px;}
.frametopmenubuttons >span{display:inline-block;padding:0 10px;height:100%;overflow: hidden; vertical-align: top;line-height: 40px;margin:0;cursor: pointer;}
@media only screen and (max-width: 1760px)
{
	.frametopmenuitems >div.menulist{width:9.09%;}
}
@media only screen and (max-width: 1680px)
{
	.frametopmenuitems >div.menulist{width:10%;}
}
@media only screen and (max-width: 1440px)
{
	.frametopmenuitems >div.menulist{width:11.11%;}
}
@media only screen and (max-width: 1280px)
{
	.frametopmenuitems >div.menulist{width:12.5%;}
}
@media only screen and (max-width: 1160px)
{
	.frametopmenuitems >div.menulist{width:14.28%;}
}
@media only screen and (max-width: 1024px)
{
	.frametopmenuitems >div.menulist{width:16.66%;}
}
@media only screen and (max-width: 960px)
{
	.frametopmenuitems >div.menulist{width:20%;}
}
@media only screen and (max-width: 680px)
{	
	.frametopmenuitems >div.menulist{width:25%;}
}
@media only screen and (max-width: 520px)
{
	.frametopmenuitems >div.menulist{width:33.3%;}
}
@media only screen and (max-width: 390px)
{
	.frametopmenuitems >div.menulist{width:50%;}
}
@media only screen and (max-width: 260px)
{
	.frametopmenuitems >div.menulist{width:100%;}
}

/*.viewmain{padding:0;margin:0;position:absolute;left:0px;right:0;top:0px;bottom:0px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}*/
.viewframe.hasslider .viewmain{left:160px;}
.viewmain .viewbody{padding:15px;padding-top:15px;}
.viewmain .viewtitle{padding:0;height:80px;position:relative;box-sizing: border-box;display:none}

.sliderbar{width:160px;position:absolute;top:0;left:0;bottom:0;overflow:hidden;display:none}
.hasslider .sliderbar{display:block}
.sliderhead{top:0px;position:absolute;left:0;right:0;height:80px;overflow:hidden;text-align:left;line-height:80px;font-weight:bold;padding-left:30px;font-size:14px;}
.slidermenu{top:80px;position:absolute;left:0;right:0;bottom:0;overflow:hidden;overflow-y:auto;}


.viewmain .viewtitle .pagetitle{}
.viewmain .viewtitle .pagetitle{padding-left:10px;font-size:20px;font-weight:bold;margin-top:10px;line-height: 30px;max-width: 55%}
.viewmain .viewtitle .pagetitle *{font-size:20px;}
.pagetitlebody{padding:15px;}

@media only screen and (max-width: 800px)
{
	.viewmain .viewtitle .pagetitle{font-size:14px;margin-top:0px;line-height:20px;}
	.viewmain .viewtitle .pagetitle *{font-size:14px;}
	
	.viewmain .viewtitle{min-height:40px;height:auto;}
	.pagetitlebody{padding:10px 15px;}
}


.viewguide{overflow:hidden;background:#efefef;min-height:30px;padding:0 10px 0 0;}
.viewguide .viewguidemain ul{margin:0;padding:0;list-style:none;margin-block-end:0; vertical-align:top;display: block;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 30px;}
.viewguide .viewguidemain ul li{display:inline-block;line-height:20px;height:40px;padding:10px 0px;overflow:hidden; vertical-align:top;cursor:pointer;color:#2c646d;box-sizing: border-box}
.viewguide .viewguidemain ul li:first-child{margin-left:10px;}
.viewguide .viewguidemain ul li >a,.viewguide .viewguidemain ul li >span{display:inline-block;padding-left:4px;padding-right:4px;color:#2c646d}
.viewguide .viewguidemain ul li >a:hover,.viewguide .viewguidemain ul li >span:hover{color:#f00;}
.viewguide .viewguidemain ul li.guidearrow{padding-left:0;padding-right:0;}

.pagehelp{position:absolute;right:10px;top:25px;bottom:0px;line-height:30px;width:30px;height:30px;text-align:center;border-radius:50%;}
.pageprint{position:absolute;right:50px;top:25px;bottom:0px;line-height:30px;width:30px;height:30px;text-align:center;border-radius:50%;}
.pagetitlebuttons{position:absolute;right:90px;top:25px;bottom:0px;text-align:right; vertical-align: top}
.pagetitlebuttons >.pagetitlebutton{ border-radius: 3px;}

@media only screen and (max-width: 800px)
{
	.pagehelp{top:5px;}
	.pageprint{top:5px;}
	.pagetitlebuttons{top:5px;}
}

.menulist{padding:0;margin:0;}
.menulist li{display:block;margin:0;padding:0}
.menulist li > a{display:block;height:50px;line-height:50px;overflow:hidden;position:relative;margin:0;padding:0;text-overflow: ellipsis;white-space: nowrap;font-size:14px;}

.menulist li > a > div{margin-left:30px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;font-size: 14px;}
.menulist li > a > span{position:absolute;width:30px;top:0;bottom:0;left:0;text-align:center}
.menulist li > a > span >img{width:20px;height:20px;vertical-align: middle;line-height: 0;overflow: hidden;}
.menulist li > a > span >span.e40badagevalue{background:#f00;color:#fff;text-align: center;
border-radius: 3px;overflow: hidden;padding:0px 3px;line-height: 12px;font-size:10px;position:absolute;left:0;top:0;height:12px;min-width: 12px;display:none}

.menulist li > a > span >span.e40badagevalue.e40badage-hasdata{display:block}

.menulist.toolbarrightlinks >ul >li{display:inline-block;}
.menulist.toolbarrightlinks >ul >li:hover a{color:#888}

.menulist .head.defaultcol{}
.menulist .head >ul{border-top:0px solid #efefef; box-sizing:content-box}
.menulist .head.defaultcol >ul{height:0px}
/**Profile menu*/
.menulist.profile_menulist{position:fixed;right:0;top:50px;overflow: hidden;background:#063c69;min-width: 120px;display:none;}
.menulist.profile_menulist li a{color:#fff;}
.menulist.profile_menulist li:hover a{background:#023060}

.menulist li.head > a >span{width:8px;}
.menulist li.head > a >div{margin-left:8px;font-size: 15px;}

.menubar .menulist li > a > div{margin-left:40px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap}
.menubar .menulist li > a > span{position:absolute;width:40px;top:0;bottom:0;left:0;text-align:center}
.menubar .menulist li > a > span >img{width:24px;height:24px;vertical-align: middle;line-height: 0;overflow: hidden;}

.menubar .menulist li.head > a >span{width:8px;}
.menubar .menulist li.head > a >div{margin-left:8px;}

.toolbarrightlinks.menulist li > a{height:40px;line-height:40px;}

input[type="text"],input[type="password"],input[type="number"], input[type="tel"], 
.field > input[type="date"], .field > input[type="datetime"], .field > input[type="time"],  select,  textarea
{
	padding:5px;outline:none; resize:none;
}
input[type="time"],input[type="date"],input[type="datetime"]{outline:none; resize:none;}
select{padding:5px;outline:none;}

.button, input[type="button"], input[type="submit"], input[type="reset"] {
    display: inline-block;
    margin: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
	
	font-size: 14px;
    border-radius: 5px;
    padding: 0px 16px;
    height: 32px;
    line-height: 32px;
	position:relative;
}

.button.noborder{border-radius:0px;}

.sbutton, input[type="button"].sbutton, input[type="submit"].sbutton, input[type="reset"].sbutton {
    display: inline-block;
    margin: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
	
	font-size: 14px;
    border-radius: 0px;
    padding: 0px 10px;
    height: 22px;
    line-height: 22px;
	position:relative;
}

.tbutton, input[type="button"].tbutton, input[type="submit"].tbutton, input[type="reset"].tbutton {
    display: inline-block;
    margin: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
	font-size: 14px;
    border-radius: 5px;
    padding: 0px 5px;
    height: 22px;
    line-height: 20px;
	position:relative;
}

.rbutton{
    display: inline-block;
    margin: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
	
	font-size: 14px;
    border-radius: 960px;
    padding: 0px 6px;
    height: 24px;
	box-sizing: border-box;
    line-height: 22px;
	position:relative;
}
.rbutton.w60{width:60px;}
.rbutton.w80{width:80px;}
.rbutton.w90{width:90px;}
.rbutton.w100{width:100px;}
.rbutton.w50{width:50px;}
.rbutton.w120{width:120px;}
.rbutton.w130{width:130px;}
.rbutton.w140{width:140px;}
.rbutton.w150{width:150px;}
.rbutton.w40{width:40px;}
.rbutton.noborder{border-radius:0px;}



/**状态显示*/
.rstatelabel{
    display: inline-block;
    margin: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
	user-select: none;
	font-size: 14px;
    border-radius: 5px;
    padding: 0px 6px;
    height: 24px;
	box-sizing: border-box;
    line-height: 22px;
	position:relative;
}
.rstatelabel.w60{width:60px;}
.rstatelabel.w80{width:80px;}
.rstatelabel.w90{width:90px;}
.rstatelabel.w100{width:100px;}
.rstatelabel.w50{width:50px;}
.rstatelabel.w120{width:120px;}
.rstatelabel.w130{width:130px;}
.rstatelabel.w140{width:140px;}
.rstatelabel.w150{width:150px;}
.rstatelabel.w40{width:40px;}
.rstatelabel.noborder{border-radius:0px;}
.button > a,.rbutton > a,.rstatelabel >a{display:inline-block;width:100%;height:100%}

.ease{ transition:all ease 0.3s}
.easeleft{ transition:left ease 0.3s}

.toolbartitle{position:absolute;left:240px;top:0;width:160px;z-index:1000}

.dropmenu{}
.dropmenu >a{display:block;height:50px;line-height:50px;text-align:center;font-size:14px;overflow:hidden;}
.dropmenu ul{list-style:none;padding:0;margin:0;display:block;position:absolute;top:-400px;left:-320px;width:100%;}
.dropmenu:hover ul{display:block;left:0px;top:50px;}


.dropmenu >a > div{color:#fff;overflow:hidden;text-overflow: ellipsis;white-space:nowrap}
.dropmenu >a > span{position:absolute;width:30px;top:0;bottom:0;left:0;text-align:center;}

.row{padding-bottom:10px;}
.rowxscroll{overflow-x:auto}

span.commonp{display:inline-block;font-size:0;line-height:0;}
span.commonp > span{display:inline-block;line-height:1.53;font-size:14px;cursor:pointer}
span.commonp > span > a{padding:3px 6px;display:inline-block;outline:none;text-align:center;border:0px solid #ccc; vertical-align:middle;margin-right:3px;background:#fff;color:#888;}
span.commonp > span > a.ipage{width:50px;}
span.commonp > span > a.curp{border:1px solid #2c646d;border-radius:3px;}
span.commonp > span > a.curp > font{color:#666 !important}
span.commonp > span > a.lastp{margin-right:0;}

/*
span.tab{display:inline-block;border-left:1px solid #ccc;font-size:0;line-height:0;}
span.tab > span{display:inline-block;border-right:1px solid #ccc;line-height:1.53;font-size:14px;cursor:pointer;border-top:2px solid #ccc;border-bottom:1px solid #ccc}
span.tab > span > a{padding:6px;display:block;outline:none;min-width:30px;text-align:center}
span.tab > span > a.ipage{width:50px;}
span.tab > span.act{border-top:2px solid #00c1de;border-bottom:1px solid #fff;color:#333}
span.tab > span.act font{color:#333 !important}
*/
span.tab{display:block;font-size:0;line-height:0;background:none;
	border-left:0px solid #ccc;border-bottom:1px solid #ccc;border-top-left-radius: 10px;border-top-right-radius: 10px;
}/*border-left:1px solid #245679;border-top:1px solid #245679*/
span.tab > span{margin-right:0px;display:inline-block;border-right:0px solid #ccc;border-top:0px solid #ccc;
	line-height:1.53;font-size:14px;cursor:pointer;color:#346ca7;
	border-top-left-radius: 10px; border-top-right-radius: 10px;
	padding:0 6px 0 0;
}
span.tab > span > a{display:block;outline:none;min-width:30px;text-align:center;;color:#346ca7;
	padding:6px 6px;
	border-right:1px solid #ccc;border-top:1px solid #ccc;border-left:1px solid #ccc;border-top-left-radius: 10px; border-top-right-radius: 10px;
}
span.tab > span > a.ipage{width:50px;}
span.tab > span.act{color:#fff;}/*border:1px solid #346ca7;*/
span.tab > span.act font{color:#fff !important}
span.tab > span.act a{color:#fff !important;background:#346ca7;}

/**New Tab Style*/
span.tab{display:block;font-size:0;line-height:0;background:none;visibility: hidden; transition: all 0.5s ease;
	border-left:0px solid #ccc;border-bottom:none;border-top-left-radius: 0px;border-top-right-radius: 0px;background:#f1f1f1;
	padding-top:0!important;
}/*border-left:1px solid #245679;border-top:1px solid #245679*/
span.tab > span{
	margin-right:0px;display:inline-block;overflow: hidden;
	border-right:1px solid #fff;border-bottom:1px solid #fff;
	border-top:2px solid #3d83e5;
	line-height:25px;font-size:14px;
	cursor:pointer;color:#222833;
	border-top-left-radius: 0px; border-top-right-radius: 0px;
	padding:0 0px 0 0!important;background:#efefef;padding-top:0!important;
	padding:0 0px 0 0;
}
span.tab > span:nth-child(5n){border-top:2px solid #eea151;}
span.tab > span:nth-child(5n+1){border-top:2px solid #3d83e5;}
span.tab > span:nth-child(5n+2){border-top:2px solid #e75e58;}
span.tab > span:nth-child(5n+3){border-top:2px solid #58be6b;}
span.tab > span:nth-child(5n+4){border-top:2px solid #437dce;}

span.tab.nexttab > span{border-top:1px solid #3d83e5;}
span.tab.nexttab > span:nth-child(5n){border-top:1px solid #eea151;}
span.tab.nexttab > span:nth-child(5n+1){border-top:1px solid #3d83e5;}
span.tab.nexttab > span:nth-child(5n+2){border-top:1px solid #e75e58;}
span.tab.nexttab > span:nth-child(5n+3){border-top:1px solid #58be6b;}
span.tab.nexttab > span:nth-child(5n+4){border-top:1px solid #437dce;}
/*346ca7**/
span.tab > span > a{display:block;outline:none;min-width:30px;text-align:center;;color:#222833;box-sizing: border-box;
	padding:6px 10px; 
	border-right:0px solid #ccc;border-top:0px solid #ccc;border-left:0px solid #ccc;border-top-left-radius: 0px; border-top-right-radius: 0px;
	white-space: nowrap;overflow: hidden;text-overflow: clip;
}
span.tab > span a{}
span.tab > span > a.ipage{width:50px;}
span.tab > span.act{color:#fff;background:#3d83e5;}/*border:1px solid #346ca7;*/
span.tab > span.act font{color:#fff !important}
span.tab > span.act a{color:#fff !important;background:none}


@media only screen and (max-width: 640px)
{
span.tab > span a{padding:6px 3px; font-size:12px;}
}

/*span.tab > span+span{border-left:none;}*/

.popwin{position:fixed;z-index:101;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);display:none;}
.popwin > div{text-align:center;margin:0 auto;max-width:1360px;position:relative;height:100%;}
.popwin .popwinmain{margin:50px auto;text-align:left;position:absolute;overflow:hidden;
	border-radius:5px;background:#fff;padding-bottom:50px;padding-top:50px;max-height:90%;left:0;right:0;}

.popwin .popwinmain .popops{position:absolute;bottom:0;left:0;right:0;height:50px;overflow:hidden;text-align:center; vertical-align:middle}
.popwin .popwinmain .popops >div{margin-top:10px;}
.popwin .popwinmain .poptitle{position:absolute;top:0;left:0;right:0;height:50px;line-height:50px;overflow:hidden;text-align:center; vertical-align:middle;font-size:16px;font-weight:bold;border-bottom:1px solid #ccc}
.popwin .popwinmain .popclose{z-index:10001;overflow:hidden;position:absolute;right:10px;width:30px;height:30px;line-height:30px;top:10px;background:#eee;color:#f00;border-radius:50%;text-align:center;vertical-align:middle;cursor:pointer;font-size:18px;font-weight:bold;}
.popwin .popwinmain .popclose:hover{background:#f00;color:#fff}
.popwin .popwinmain .popbody{overflow:hidden;overflow-y:auto;border:none;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;position:relative}
.popwin .popwinmain .popbody.p10{padding:10px;}
.popwin .popwinmain .poploading{position:absolute;z-index:10001;height:50px;line-height:50px;color:#f00;background:#fff;left:0;right:0;bottom:0;overflow:hidden;text-align:center; vertical-align:middle;display:none;}

/**子窗口*/
.sub-popwin{display:none;position:absolute;top:50px;right:0;left:0;height:400px;max-height:80%;background:#fff;border-bottom:1px solid #ccc;}
.sub-popwin-main{position:absolute;top:0;left:0;right:0;bottom:60px;overflow: hidden;overflow-y:auto}
.sub-popwin-mainin{padding:16px;}
.sub-popwin-ops{position:absolute;bottom:0;height:60px;left:0px;right:0;background:#fff;text-align:center}
.sub-popwin-ops >div{padding:12px;}

.inpagewin{position:relative;}
.inpagewin > div{text-align:center;margin:0 auto;position:relative;}
.inpagewin .popwinmain{margin:0px auto;text-align:left;position:relative;overflow:hidden;
	border-radius:5px;background:#fff;padding-bottom:50px;padding-top:0px;}

.inpagewin .popwinmain .popops{position:absolute;bottom:0;left:0;right:0;height:50px;overflow:hidden;text-align:center; vertical-align:middle}
.inpagewin .popwinmain .popops >div{margin-top:10px;}
.inpagewin .popwinmain .poptitle{position:absolute;top:0;left:0;right:0;height:50px;line-height:50px;overflow:hidden;text-align:center; vertical-align:middle;font-size:16px;font-weight:bold;border-bottom:1px solid #ccc}
.inpagewin .popwinmain .popclose{z-index:10001;overflow:hidden;position:absolute;right:10px;width:30px;height:30px;line-height:30px;top:10px;background:#eee;color:#f00;border-radius:50%;text-align:center;vertical-align:middle;cursor:pointer;font-size:18px;font-weight:bold;}
.inpagewin .popwinmain .popclose:hover{background:#f00;color:#fff}
.inpagewin .popwinmain .popbody{overflow:hidden;overflow-y:auto;border:none;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;position:relative}
.inpagewin .popwinmain .popbody.p10{padding:10px;}
.inpagewin .popwinmain .poploading{position:absolute;z-index:10001;height:50px;line-height:50px;color:#f00;background:#fff;left:0;right:0;bottom:0;overflow:hidden;text-align:center; vertical-align:middle;display:none;}

.popbody div.linehelp{padding:10px;color:#f00;padding-left:100px}


.popbody div.linehelp{padding:10px;color:#f00;padding-left:100px}

.popdotip{position:absolute;left:0;top:0;bottom:0;right:0;overflow:hidden;text-align:center;background:#fff}

.instantsearchbox{position:absolute;right:10px;bottom:0;max-width:100%;width:300px;height:150px;background:#fff;border:1px solid #00c1de;display:none;overflow:hidden;z-index:1000}
.searchresult{padding:5px;height:107px;overflow-y:auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
.searchbox{padding:5px;border-bottom:1px solid #ccc;overflow:hidden}
.searchresult ul{list-style:none;list-style-type:none;}
.searchresult ul li{padding:5px;display:block}
.searchresult ul li:hover{background:#efefef}

/**只在添加时显示, 编辑时不显示*/
.popwinshowinadd{}

/**输入域**/
.field{position:relative;padding-top:5px;padding-bottom:5px; vertical-align:middle;margin-bottom:8px;}
.field >label, .field >span{display:none}
.field > input[type="text"], .field > input[type="password"], .field > input[type="number"], 
.field > input[type="tel"], .field > input[type="date"], .field > input[type="datetime"], 
.field > select, .field > textarea{width:100%;display:block;margin-right:auto;overflow:hidden;outline:none; resize:none}
.field > input[type="radio"]{}
.field > textarea{overflow:auto;}
.field.well > select{ opacity:0;-moz-opacity:0;padding-left:10px;padding-right:30px;}
.field.well > div{color:#555;position:absolute;border:1px solid #e1e1e1;left:0;right:0;display:block;height:28px;line-height:18px;padding:5px; box-sizing:border-box;padding-right:20px;
background:url(select_arrow.png) no-repeat center right 5px;text-align:left;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
.field.well > div.disabled{background-color:#efefef}
.field.nosel > select{width:auto;display:inline}


.field.haslabel >div, .haslabels .field > div{left:110px;}

.field.haslabel, .haslabels .field{padding-left:110px;}
.field.haslabel >label, .haslabels .field >label{position:absolute;left:0;top:0;bottom:0;box-sizing: border-box;
	width:105px;line-height:37px;display:block;text-align:right;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;color:#666;}

.field.fieldhaserror >span{position:absolute;right:20px;top:0;bottom:0;line-height:37px;display:block;text-align:right;max-width:50%; text-overflow: ellipsis;overflow:hidden;pointer-events:none}
.field.fieldhaserror >div{border:1px solid #f00}

.field >img{position:absolute;right:0;top:5px;bottom:5px;width:28px;border:1px solid #ccc;cursor:pointer;}

.field.star > label:after{position:absolute;right:0px;top:12px;color:#f00;content:'*';line-height:1;}
.field.star > label{padding-right:8px;}

/**用于radio/checkbox*/
.field > label.radio{position:static;display:inline-block;width:auto;text-align:left;line-height:27px;padding-right: 0}


.musthave > label{color:#00f;font-weight:bold;}
.field.musthave.haslabel >label, .haslabels .field.musthave >label{color:#00f;font-weight:bold;}
/*.menulist.menubarmenu li.act > a{border-right:5px solid #00c1de;}*/

.searchfield{display:inline-block; vertical-align:top; position:relative;line-height:32px;}
.rowsearch input[type="text"],.rowsearch input[type="number"],.rowsearch input[type="date"]{height:32px;box-sizing:border-box;display:inline-block; vertical-align:top;border:1px solid #bbb}
.searchfield.well > select{ opacity:0;-moz-opacity:0;height:32px;padding-left:10px;padding-right:30px;}
.searchfield.well > span{
	color:#555;position:absolute;border:1px solid #ccc;left:0;right:0px;top:0;bottom:0;display:inline-block;height:32px;line-height:22px;padding:5px; padding-right:20px;box-sizing:border-box;
	background:url(select_arrow.png) no-repeat center right 5px;text-align:left;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
.searchfield .datepicker,.searchfield .calpicker{width:110px;}
.searchfield >label{line-height:32px;}
.searchfield >.searchfield{margin-bottom:0!important;}
.e40recycle{background:#efc5c5;padding:0 5px;}

/**通用搜索控件输入框
<div class="searchctl">
	<label></label>
	<div class="ctl [selectui]"></div>
</div>
*/
.searchctl{display:inline-block; vertical-align:top; position:relative;line-height:32px;}
.searchctl >label{display:inline-block; vertical-align: top;line-height: 32px;padding:0 5px;}
.searchctl >span{display:inline-block; vertical-align: top;line-height: 32px;}
.searchctl >div{display:inline-block; vertical-align: top;line-height: 32px;}
.searchctl >a{display:inline-block; vertical-align: top;line-height: 32px;}
.searchctl >.ctl{display:inline-block;height:32px;box-sizing:border-box;vertical-align:top;position: relative}
.searchctl >.ctl >*{display:inline-block;vertical-align: top;}

.searchctl input[type="text"],.searchctl >input[type="number"],.searchctl input[type="date"],.searchctl input[type="url"]
{display:inline-block;height:32px;box-sizing:border-box;vertical-align:top;border:1px solid #bbb}

.searchctl .datepicker,.searchctl .calpicker{width:110px;}

.selectui > select{ opacity:0;-moz-opacity:0;height:32px;padding-left:10px;padding-right:30px;box-sizing: border-box;}
.selectui > .selectlabel{
	position:absolute;border:1px solid #bbb;left:0;right:0px;top:0;bottom:0;display:inline-block;height:32px;line-height:32px;padding:0 5px; padding-right:20px;box-sizing:border-box;
	background:url(select_arrow.png) no-repeat center right 5px;text-align:left;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}

.rowsearch .searchctl{margin-bottom:5px;}


/**自动折叠搜索栏*/
.rowautocolapse{}
.rowautocolapse >dt{display:none;overflow: hidden;height:30px;line-height: 30px;cursor: pointer;color:#666;}
.rowautocolapse >dt.searchshowhide{background:url('/images/icons/gray/search_x50.png') no-repeat 3px 3px;}
.rowautocolapse >div{display:block}
@media only screen and (max-width: 640px)
{
.rowsearch.rowautocolapse{padding-top:0px;padding-bottom:0px;padding-left:0;}
.rowautocolapse >dt{display:block;}
.rowautocolapse >div{display:none;margin-top:5px;}
}


table.sp2{width:100%;}
table.sp2 td{width:50%;}

.fields_sp3{}
.fields_sp3 > .field{width:32.5%;display:inline-block;}

.fields_sp2{}
.fields_sp2 > .field{width:49%;display:inline-block;}

.fields_sp4{}
.fields_sp4 > .field{width:24%;display:inline-block;}

.fields_sp12{ vertical-align:top}
.fields_sp12 > .col1{width:33%;display:inline-block;vertical-align:top}
.fields_sp12 > .col2{width:66%;display:inline-block;}

/**Calendar*/
.cal ul{list-style:none;list-style-type:none;padding:0;margin:0; vertical-align:top;;position:relative;font-size:0;overflow:hidden}
.cal ul li{width:14.28%;display:inline-block; vertical-align:top;height:60px;line-height:30px;text-align:center;font-size:14px;}
.cal ul li.cell_1{}
.cal ul li.cell_3{}
.cal ul li.cell_hd{line-height:60px;}
.cal ul li.cell_mbg{width:auto;position:absolute;left:0;right:1px;bottom:0;top:60px;z-index:-1;font-size:250px;height:auto;line-height:300px;}

.cal ul li.cell_0 >div{height:100%;line-height:60px;}
.cal ul li.cell_3 >div{height:50%;line-height:30px;}

/*Week*/
.calweek{position:relative}
.calweek td{text-align:center}
.calweek .cell_hd{height:60px;line-height:30px;}
.calweek .cell_time{min-height:120px;line-height:30px;}
.calweek .cell_time span{display:block;padding:2px;}
.timeline td{min-height:120px;}


.calpointer{position:relative;}

.calpointer >div{height:32px;line-height:32px;overflow:hidden;text-align:center;font-weight:bold}
.calpointer.height60 >div{height:60px;line-height:60px;overflow:hidden;text-align:center;font-weight:bold}
.calpointer.height60 .pleft,.calpointer.height60 .pright{height:60px;line-height:60px;}

.selitem{padding:0;vertical-align:top;min-width:100px;position:relative;display:inline-block;overflow:hidden;}
.selitem .sellabel{padding-top:0;padding-bottom:0;overflow:hidden;background:url(/soe/styles/select_arrow.png) no-repeat center right 10px;line-height:28px;}
.selitem .sellabel >div{padding-left:30px;padding-right:30px;}
.selitem > .menulist{display:block;padding:0;margin:0;top:32px;position:absolute;left:0px;width:100%;height:0;z-index:0;display:block;overflow:hidden;color:#333;background:#fff;max-height:400px;overflow:auto;-webkit-overflow-scrolling: touch;}
.button.selitem  > .menulist{left:-150px;}
.button.selitem .sellabel{background:url(/soe/styles/select_arroww.png) no-repeat center right 10px;}
.selitem:hover{overflow:visible}
.selitem:hover > .menulist{left:0px;z-index:10;height:auto;}
.selitem > .menulist li:hover{background:#CCC}

.doubleheight.selitem{height:51px;line-height:51px;}
.doubleheight.selitem .sellabel{line-height:48px;}
.doubleheight.selitem > .menulist{top:50px;}

/**黄金分割*/
.kingsp{clear:both;overflow:hidden}
.kingsp >div >div{padding:16px 16px;overflow:hidden;}
.kingsp > .col1{width:62%;}
.kingsp > .col2{width:38%;clear:right;}
.kingsp > .col2 >div{margin-left:16px;}

.kingspfull{clear:both;overflow:hidden}
.kingspfull >div >div{padding:16px 16px;overflow:hidden;}
.kingspfull > .col1{width:100%;}

.dashbox{background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,0.15);}

.dashblock{background: #f3f5fd; border: 1px solid #f3f5fd;height:100%; border-bottom-left-radius: 20px; border-top-right-radius: 20px;}
.dashblock:hover,.dashblock.act{background: #f3f5fd;border: 1px solid #00c1de;}

.dashblock2{background: #f3f5fd; border: 1px solid #f3f5fd;height:100%;}
.dashblock2:hover{}

.h180{height:180px;}
.h120{height:120px;}

.boxtitle{height:24px;line-height:14px;font-size:14px;font-weight:bold}

.boxtitle_tab{height:24px;line-height:14px;font-size:14px;font-weight:bold;display:block;padding:0;margin:0;list-style:none;vertical-align:top;}
.boxtitle_tab > li{height:20px;padding:0;margin:0;overflow:hidden;display:inline-block;cursor:pointer; vertical-align:top;}
.boxtitle_tab > li >span{padding-left:10px;padding-right:10px;}
.boxtitle_tab > li.act{border-bottom:2px solid #00c1de}
.boxtitle_tab > li:hover{border-bottom:2px solid #00c1de; transition:all 0.5s ease}

.avgsp{}
.avgsp > .col{}
.avgsp >div >div{padding:16px 16px;overflow:hidden;height:300px;margin-bottom:16px;}
.avgsp.h240 >div >div{height:240px;}
.avgsp.h200 >div >div{height:200px;}
.avgsp.h190 >div >div{height:190px;}
.avgsp.h180 >div >div{height:180px;}
.avgsp:after{display:block;clear:both;height:1px;content:" "}
.avgsp > .col:not(:nth-child(1)) >div{margin-left:16px}
@media only screen and (max-width: 3840px)
{
	.avgsp > .col{width:20%;}
	.avgsp > .col:nth-child(3n+1) >div{margin-left:16px}
	.avgsp > .col:nth-child(4n+1) >div{margin-left:16px}
	.avgsp > .col:nth-child(2n+1) >div{margin-left:16px}
	.avgsp > .col:nth-child(1n+1) >div{margin-left:16px}
	.avgsp > .col:nth-child(5n+1) >div{margin-left:0px}
}
@media only screen and (max-width: 2800px)
{
	.avgsp > .col{width:25%;}
	.avgsp > .col:nth-child(5n+1) >div{margin-left:16px}
	.avgsp > .col:nth-child(3n+1) >div{margin-left:16px}
	.avgsp > .col:nth-child(2n+1) >div{margin-left:16px}
	.avgsp > .col:nth-child(1n+1) >div{margin-left:16px}
	.avgsp > .col:nth-child(4n+1) >div{margin-left:0px}
}
@media only screen and (max-width: 2100px)
{
	.avgsp > .col{width:33.3333%;}
	.avgsp > .col:nth-child(5n+1) >div{margin-left:16px}
	.avgsp > .col:nth-child(4n+1) >div{margin-left:16px}
	.avgsp > .col:nth-child(2n+1) >div{margin-left:16px}
	.avgsp > .col:nth-child(1n+1) >div{margin-left:16px}
	.avgsp > .col:nth-child(3n+1) >div{margin-left:0px}
}
@media only screen and (max-width: 1600px)
{
	.avgsp > .col{width:50%;}
	.avgsp > .col:nth-child(5n+1) >div{margin-left:16px}
	.avgsp > .col:nth-child(4n+1) >div{margin-left:16px}
	.avgsp > .col:nth-child(3n+1) >div{margin-left:16px}
	.avgsp > .col:nth-child(1n+1) >div{margin-left:16px}
	.avgsp > .col:nth-child(2n+1) >div{margin-left:0px}
}
@media only screen and (max-width: 1200px)
{
	.avgsp > .col{width:100%;}
	.avgsp > .col:nth-child(5n+1) >div{margin-left:16px}
	.avgsp > .col:nth-child(4n+1) >div{margin-left:16px}
	.avgsp > .col:nth-child(2n+1) >div{margin-left:16px}
	.avgsp > .col:nth-child(3n+1) >div{margin-left:16px}
	.avgsp > .col:nth-child(1n+1) >div{margin-left:0px}
	
	
}

.boxlist{list-style:none;padding:0;margin:0;line-height:44px;display:block}
.boxlist > li{}
.boxlist > li > ul{list-style:none;padding:0;margin:0;height:44px;display:block;font-size:0;position:relative;}
.boxlist > li > ul > li{display:inline-block;padding:0;margin:0;font-size:16px;}
.boxlist > li > ul > li.order{position:absolute;left:0;top:0;bottom:0;width:30px;text-align:center}
.boxlist > li > ul > li.label{margin-left:30px;}
.boxlist > li > ul > li.absright{position:absolute;right:0;top:0;bottom:0}

.boxlist > li > ul > li.order >span{display:inline-block;width:16px;height:16px;line-height:16px; vertical-align:top;margin-top:14px; border-radius:3px;}

.boxlist > li > ul > li.aorder{position:absolute;left:0;top:0;bottom:0;text-align:center}
.boxlist > li > ul > li.aorder >span{display:inline-block;height:16px;line-height:16px; vertical-align:top;margin-top:14px; border-radius:3px;padding-left:5px;padding-right:5px;}
.boxlist > li > ul > li.alabel{margin-left:60px;}

.boxlist > li > p{padding:10px;line-height:150%;}

.boxlistx{list-style:none;padding:0;margin:0;line-height:33px;display:block; }
.boxlistx > li{}
.boxlistx > li > ul{list-style:none;padding:0;margin:0;height:33px;display:block;font-size:0;position:relative;}
.boxlistx > li > ul > li{display:inline-block;padding:0;margin:0;font-size:16px;}
.boxlistx > li > ul > li.order{position:absolute;left:0;top:0;bottom:0;width:30px;text-align:center}
.boxlistx > li > ul > li.label{margin-left:30px;max-width:60%;white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.boxlistx > li > ul > li.absright{position:absolute;right:0;top:0;bottom:0;font-size:12px}

.boxlistx > li > ul > li.order >span{display:inline-block;width:16px;height:16px;line-height:16px; vertical-align:top;margin-top:10px; border-radius:3px;}

.boxlistx > li > ul > li.aorder{position:absolute;left:0;top:0;bottom:0;text-align:center}
.boxlistx > li > ul > li.aorder >span{display:inline-block;height:16px;line-height:16px; vertical-align:top;margin-top:14px; border-radius:3px;padding-left:5px;padding-right:5px;}
.boxlistx > li > ul > li.alabel{margin-left:60px;}

.boxlistx > li > p{padding:10px;line-height:150%;}

.clear:after, .clear:before {
    display: block;
    content: " ";
}
.clear:before, .clear:after {
    display: block;
    content: " ";
}

.boxsp64{}
.boxsp64 > .col1{width:60%;display:inline-block; vertical-align:top}
.boxsp64 > .col2{width:40%;display:inline-block; vertical-align:top}

.boxsp5{}
.boxsp5 >div{width:20%;height:100%;float:left;vertical-align:top;padding-right:10px;}
.boxsp5 >div >div{}

.boxsp6{}
.boxsp6 >div{width:16.6666666666%;height:100%;float:left;vertical-align:top;padding-right:10px;margin-bottom:16px;}
.boxsp6 >div >div{}
.boxsp6:after{display:block;content: ' ';height:1px;overflow: hidden;line-height: 0;}

.boxsp2{}
.boxsp2 >div{width:50%;height:100%;float:left;vertical-align:top;padding-right:10px;}
.boxsp2 >div >div{}


.boxsp3{}
.boxsp3 >div{width:33.3%;height:100%;float:left;vertical-align:top;padding-right:10px;}
.boxsp3 >div >div{}

.boxsp4{}
.boxsp4 >div{width:25%;height:100%;float:left;vertical-align:top;padding-right:10px;}
.boxsp4 >div >div{}

.dashstat{text-align:center}
.dashstat .dashnum{height:80px;line-height:80px;overflow:hidden;font-size:32px;}
.dashstat .dashlabel{height:40px;line-height:40px;overflow:hidden}

.dashstat .dashbtn{height:120px;line-height:120px;overflow:hidden;font-size:24px;}
.dashstat .dashbtnhalf{height:60px;line-height:60px;overflow:hidden;font-size:24px;border: 1px solid #F5F5F6;}

.dashblock2 .dashbtnhalf:hover{background: #fff;border: 1px solid #00c1de;}

.iconbtn{text-align:center;position:relative;user-select: none}
.iconbtn >a{display:block;height:50%;font-size:20px;line-height: 60px;overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap;}
.iconbtn >div{display:block;height:50%; text-align:center;line-height:60px;}
.iconbtn >div >img{margin-top:16px;opacity: 0.382;width:36px;height: 36px;}
.dashstat >dt{display:block;border-top:1px dashed #ccc;line-height: 30px;height:30px;overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap;font-size:12px;}
.dashstat >dt >span,.dashstat >dt >a{color:#222833;cursor: pointer}
.dashstat >dt >span:hover,.dashstat >dt >a:hover{color:#f00}
.dashstat >i,.dashstat >dt.nomenu{display:block;border-top:1px dashed rgba(0,0,0,0); visibility: hidden;line-height: 30px;height:30px;overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap;font-size:12px;}
div.p16{padding:16px 16px}
div.mt20{margin-top:20px;}


.buttonline{padding:10px;}

.alpha0{ opacity:0; -moz-opacity:0; -webkit-opacity:0;}
.alpha1{ opacity:1; -moz-opacity:1; -webkit-opacity:1;}

.rowsearch .button{margin-bottom:5px;}
.rowsearch .selitem{margin-bottom:5px;}
@media only screen and (max-width: 1440px)
{
	.dashstat .dashbtn{font-size:18px;}
	.dashstat .dashbtnhalf{font-size:18px;}
	
	.iconbtn >a{font-size:18px;}
}
@media only screen and (max-width: 1280px)
{
	.kingsp > .col1{width:100%;}
	.kingsp > .col2{width:100%;clear:right;}
	.kingsp > .col2 >div{margin-left:0;}
	
	
}
@media only screen and (max-width: 1024px)
{
	.boxsp64 > .col1{width:50%}
	.boxsp64 > .col2{width:50%}
	.kingsp > .col1{width:100%;}
	.kingsp > .col2{width:100%;clear:right;}
	.kingsp > .col2 >div{margin-left:0;}
	
	.dashstat .dashbtn{font-size:16px;}
	.dashstat .dashbtnhalf{font-size:16px;}
	
	.pageprint{display:none}
	
	.hasmenu .menubar{display:none;overflow-y:auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;z-index:100}
	body.hasmenu{padding-left:0px;}
}
@media only screen and (max-width: 960px)
{
	.boxsp5 >div{width:33.333%;margin-bottom:10px;}
	.boxsp6 >div{width:33.333%;margin-bottom:10px;}
	.col1 .h180{height:300px}
	
	.iconbtn >a{font-size:16px;}
	.dashstat >dt{font-size:10px;}
}

@media only screen and (max-width: 960px)
{
	.toolbarrightlinks{display:none;}
	.toolbarrightlinks.mobile{display:block!important;}
}
@media only screen and (max-width: 640px)
{
	.boxsp5 >div{width:33.333%;margin-bottom:10px;}
	.boxsp6 >div{width:33.333%;margin-bottom:10px;}
	.col1 .h180{height:300px}
	
	table.sp2 td{width:100%;display:block;clear:both;}
	.fields_sp3 > .field{width:100%;display:block;clear:both}
	.fields_sp2 > .field{width:100%;display:block;clear:both}
	
	.fields_sp12 > .col1{width:100%;display:inline-block;}
	.fields_sp12 > .col2{width:100%;display:inline-block;}
	.fields_sp4 > .field{width:50%;display:inline-block;}
	
	
	.field.haslabel >div, .haslabels .field > div{left:75px;}
	.field.haslabel, .haslabels .field{padding-left:75px;}
	.field.haslabel >label, .haslabels .field >label{width:70px;line-height:37px;font-size:12px;}

	
	
	.viewmain .viewbody{padding:1px;padding-top:0px;}
	/*
	.field.haslabel >label, .haslabels .field >label{width:60px;line-height:37px;font-size:9px}
	.field.haslabel >div, .haslabels .field > div{left:65px;}

	.field.haslabel, .haslabels .field{padding-left:65px;}
	*/
	.field > label.radio{width:auto;margin-bottom:10px;}
	
	.rowsearch{text-align:center}
	
	/*
	.rowtab{text-align:center}
	.rowtab > .left{text-align:center}
	.rowtab span.tab{border:none;border-left:none;}
	.rowtab span.tab > span{margin-top:10px;border-left: 1px solid #ccc;}
	*/
	.rowtab{text-align:center}
	.rowtab > .left{text-align:center}
	.rowtab{padding-top:0px;margin-bottom:0px;} /**background:#efefef;*/
	
	span.tab{width:100%;text-align:left;padding-top:6px;}
	span.tab > span{width:25%; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:0 3px 0 3px;}
	/*span.tab > span+span{border-left:1px solid #245679}*/
	
	
	span.tab.tabauto{width:auto}
	span.tab.tabauto > span{width:auto;}
	
	.dashstat .dashnum{font-size:18px;}
	
	.dashstat .dashbtn{font-size:16px;}
	.dashstat .dashbtnhalf{font-size:16px;}
	
	.iconbtn >div >img{margin-top:18px;width:36px;height:36px;}
	
	.viewtitle{display:none}
}
@media only screen and (max-width: 480px)
{	
	span.tab > span{width:33.3%; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
}
@media only print
{
	.menubar{display:none;}
	.hasmenu .menubar{display:none;}
	body.hasmenu{padding-left:0px;}
	body.hastoolbar{padding-top:0px;}
	body{padding-top:0px!important;padding-left:0!important;}
	.toolmenubar{display:none}
	.pagehelp{visibility:hidden}
	.rowsearch{display:none}
	.viewguide{display:none;}
	.rowtab{display:none}
	.pageprint{display:none;}
	
	.noprint{display:none!important;display:none;}
	.noprintv{visibility:hidden!important;visibility:hidden}
	.virtualscroll{display:none!important;display:none;}
	
	.cardc{flex-basis: 50%;width:50%;}
}

.htmltext{}
.htmltext > p{line-height:200%;}
.htmltext > .row{margin-top:30px;text-align:center}

.slashline{position:relative}
.slashline > span.sup{position:absolute;top:5px;right:5px;}
.slashline > span.sub{position:absolute;bottom:5px;left:5px;}

.uploadphotoc{position:absolute;right:10px;top:0px;bottom:0px;display:block;line-height:37px;width:50px;overflow:hidden}
.uploadfilec{position:absolute;right:0px;top:5px;bottom:5px;display:block;line-height:28px;width:50px;background:#00c1de;cursor:pointer;overflow:hidden}

.resuploadfilec{position:absolute;right:0px;top:5px;bottom:5px;display:block;line-height:28px;width:50px;background:#00c1de;cursor:pointer;overflow:hidden;vertical-align:middle}


.vuiuploadc{height:37px;position:relative;width:50px;display:block;cursor:pointer}
.vuiuploadlbl{position:absolute;top:0;bottom:0;left:0;right:0;display:block;text-align:center;font-weight:bold;color:#00f;cursor:pointer}
.vuiuploadc input{position:absolute;z-index:1;left:0;right:0;top:0;bottom:0; opacity:0;cursor:pointer}

.uploadfilec{ vertical-align:middle}
.resuploadfilec .vuiuploadc{height:100%;}

.picpreview{min-height:29px;background:#efefef;line-height:0;}
.picpreview img{height:29px;max-height:29px;line-height:0;}
.filepreview{min-height:29px;background:#efefef}
.filepreview a{height:29px;display:block;max-height:29px;line-height:29px;padding-left:5px;}
.mbfilepreview{min-height:29px;background:#efefef}
.mbfilepreview a{height:29px;display:block;max-height:29px;line-height:29px;padding-left:5px;}
.mbpicpreview{min-height:29px;background:#efefef}
.mbpicpreview a{height:29px;display:block;max-height:29px;line-height:29px;padding-left:5px;}
.mbpicpreview img{height:29px;max-height:29px;line-height:0;}

.textpreview{min-height:29px;background:#efefef}
.picpreview span, .filepreview span,.textpreview span,.mbfilepreview span,.mbpicpreview span{height:29px;display:block;max-height:29px;line-height:29px;padding-left:5px;color:#666}

.multpicupload{ vertical-align:top;}
.multpicupload .multpicpreview{display:inline-block}
.multpicupload .multpicpreview .multpicone{position:relative;width:64px;height:64px;display:inline-block;margin-right:5px;overflow:hidden}
.multpicupload .multpicpreview .multpicone >img{width:100%;height:100%;display:inline-block}
.multpicupload .multpicpreview .multpicone >dt{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);color:#fff;text-align:center;cursor:pointer;}
.multpicupload .multpicuploader{display:inline-block;position:relative;width:64px;height:64px;overflow:hidden}
.multpicupload .multpicuploader .vuiuploadc{width:100%;height:100%;background:#efefef}
.multpicupload .multpicuploader .vuiuploadc .vuiuploadlbl{text-align:center;line-height:64px;}
.multpicupload .multpicuploader .vuiuploadc .vuiuploadlbl.uploading{line-height:32px;}

/**对象显示*/
.objinfo{}
.objinfo > h3{text-align:center}

.objinfo > .objitems >div{position:relative;padding:2px;}
.objinfo > .objitems >div:hover{background:#efefef;}
.objinfo > .objitems >div >label{position:absolute;top:0;left:0;max-width:100px;overflow:hidden;padding:2px;}
.objinfo > .objitems >div >span{display:block;padding-left:100px;}

/**列表操作与按钮*/
.opitem{position:relative;cursor:pointer;padding-right:60px;}
.opitem .opbtns{position:absolute;top:0;bottom:0;right:0;display:block}
.opitem:hover .opbtns{display:block}

.noshowonsmall{}
@media only screen and (max-width: 800px)
{
	.noshowonsmall{ visibility:hidden}
}

.bronsmall{display:none;}
@media only screen and (max-width: 640px)
{
	.bronsmall{display:block;clear:both;height:5px;overflow: hidden;}
}
.sponbig{display:inline-block; vertical-align: middle;width: 1px;overflow: hidden;background:#ccc;height:15px;}
@media only screen and (max-width: 640px)
{
	.sponbig{display:block;clear:both;height:5px;overflow: hidden;}
}

.contentbox{position:relative;padding:5px;}
.contentbox:hover{}
.contentbox >div{line-height:1.5;font-size:16px;font-weight:bold;position:relative;margin-bottom:16px;}
.contentbox >div >i{display:inline-block; font-style:normal; font-weight:normal;position:absolute; right:0px;top:0px;bottom:0px;line-height:44px;font-size:12px;}

.contentbox p{line-height:1.5;margin-bottom:10px;}
.contentbox p.oneresblock{display:block;height:272px;overflow:hidden;background:#e5e9eb;border-radius:10px;text-align:center;padding-top:16px;padding-bottom:16px; box-sizing:border-box}
.sranswer{position:relative;border:1px solid #ccc;border-radius:5px;overflow:hidden;padding:16px;}
.sranswer .checkstatus{position:absolute;top:0;right:0;background:#0C6;color:#fff;line-height:30px;padding-left:10px;padding-right:10px;}
.sranswer .checkstatus_0{position:absolute;top:0;right:0;background:#dbe4e2;color:#444;line-height:30px;padding-left:10px;padding-right:10px;}
.sranswer .teacomment{padding:10px;color:#f31010;font-weight:bold;}
.sranswer .teastars{height:20px;overflow:hidden;line-height:20px; vertical-align:middle}
.sranswer .teastars img{ vertical-align:middle;height:20px;width:20px;}
.sranswer .teacherchecks{border-top:1px solid #ccc;padding-top:16px;}

.srblock{position:relative;overflow:hidden;border-bottom:1px dashed #ccc;margin-bottom:10px;}
.srblock .checkstatus_2{position:absolute;top:0;right:0;background:#0C6;color:#fff;line-height:30px;padding-left:10px;padding-right:10px;}
.srblock .checkstatus_0,.srblock .checkstatus_1{position:absolute;top:0;right:0;background:#dbe4e2;color:#444;line-height:30px;padding-left:10px;padding-right:10px;}

.srblock .teacomment{padding:10px;color:#f31010;font-weight:bold;}
.srblock .teastars{height:20px;overflow:hidden;line-height:20px; vertical-align:middle}
.srblock .teastars img{ vertical-align:middle;height:20px;width:20px;}
.srblock .teacherchecks{border-top:1px solid #ccc;padding-top:16px;}

.float_status{position:absolute;top:5px;right:0;bottom:5px;background:#0C6;color:#fff;font-size:10px!important;line-height:23px;padding-left:5px!important;padding-right:5px!important;display:inline-block;border-radius:3px;}
.fixed_status{margin-top:5px;height:23px;background:#0C6;color:#fff;font-size:10px!important;line-height:23px;padding-left:5px!important;padding-right:5px!important;display:inline-block;border-radius:3px;}
.fixed_status_0{margin-top:5px;height:23px;background:#f33900;color:#fff;font-size:10px!important;line-height:23px;padding-left:5px!important;padding-right:5px!important;display:inline-block;border-radius:3px;}
.fixed_status_-1{margin-top:5px;height:23px;background:#dbe4e2;color:#444;font-size:10px!important;line-height:23px;padding-left:5px!important;padding-right:5px!important;display:inline-block;border-radius:3px;}


.mobilefootermenuht{height:60px;display:none;}
.mobilefootermenu{position:fixed;bottom:0;left:0;right:0;z-index:1;display:none; box-sizing:border-box; moz-user-select: -moz-none; 
-moz-user-select: none; 
-o-user-select:none; 
-khtml-user-select:none; 
-webkit-user-select:none; 
-ms-user-select:none; 
user-select:none;}
@media only screen and (max-width: 800px)
{
	.mobilefootermenuht{display:block;}
	.mobilefootermenu{display:block;text-align:center}
	.toolbartitle{display:none}
	.footerschools{padding:10px;line-height:200%;background:#fff}
	.footerschools li{display:inline-block;cursor:pointer;padding-left:10px;padding-right:10px;}
	.mobilefootermenu .menuitem{text-align:center;height:60px;display:inline-block;width:49%; vertical-align:top;height:60px;line-height:60px;text-align:center;overflow:hidden; box-sizing:border-box;border-right:1px solid #fff}
	.mobilefootermenu .menuitem >div{display:block;height:30px;clear:both;margin:0 auto;padding:0;text-align:center;padding-top:5px;line-height:1}
	.mobilefootermenu .menuitem >div >img{height:24px;}
	.mobilefootermenu .menuitem >span{display:block;height:30px;line-height:30px;clear:both;padding:0;margin:0}
	.mobilefootermenu .menuitem.wd50{width:49%;}
	.mobilefootermenu .menuitem.wd40{width:39%;}
	.mobilefootermenu .menuitem.wd30{width:29%;}
	.mobilefootermenu .menuitem.wd25{width:24%;}
	
}

.footermenus{font-size:0;overflow:hidden; box-sizing:border-box;}
.footermenus .menuitem{font-size:12px;}
.fixedfootermenuht{height:60px;display:block;}
.fixedfootermenu{position:fixed;bottom:0;left:0;right:0;z-index:1;display:block; box-sizing:border-box; moz-user-select: -moz-none; 
-moz-user-select: none; 
-o-user-select:none; 
-khtml-user-select:none; 
-webkit-user-select:none; 
-ms-user-select:none; 
user-select:none;border-top:1px solid #ccc}

	.fixedfootermenuht{display:block;font-size:0;overflow:hidden}
	.fixedfootermenu:after,.fixedfootermenu:before{display:block;clear:both;content:' ';height:0;width:100%;}
	.fixedfootermenu{display:block;text-align:center}
	.fixedfootermenu .toolbartitle{display:none}
	.fixedfootermenu .menuitem{float:left;text-align:center;height:60px;display:inline-block;width:50%; font-size:12px;vertical-align:top;
		height:60px;line-height:60px;text-align:center;overflow:hidden; box-sizing:border-box;border-right:none}
	.fixedfootermenu .menuitem.act{background:rgba(0,0,0,0.1);}
	.fixedfootermenu .menuitem >div{display:block;height:30px;clear:both;margin:0 auto;padding:0;text-align:center;padding-top:5px;line-height:1}
	.fixedfootermenu .menuitem >div >img{height:24px;}
	.fixedfootermenu .menuitem >span{display:block;height:30px;line-height:30px;clear:both;padding:0;margin:0}
	.fixedfootermenu .menuitem.wd50{width:50%;}
	.fixedfootermenu .menuitem.wd40{width:40%;}
	.fixedfootermenu .menuitem.wd30{width:30%;}
	.fixedfootermenu .menuitem.wd25{width:25%;}
	.fixedfootermenu .menuitem.wd20{width:20%;}
	

/**Share creator*/
.sui{}
.sui h2{line-height:300%;font-size:18px;}
.sui .ifield{position:relative;margin-bottom:10px;}
.sui .ifield >span{position:absolute;display:block;right:0;top:0;bottom:0;line-height:30px;padding-right:10px;cursor:pointer}
.sui .ifield >input{display:block; box-sizing:border-box; border: 1px solid #ccc;height:30px;line-height:30px;width:100%;}
.sui .ifield >textarea{display:block; box-sizing:border-box; border: 1px solid #ccc;line-height:30px;width:100%;}

.picblock{width:33%;height:150px;display:inline-block; float:left; vertical-align:top;box-sizing:border-box;padding:10px;overflow:hidden}
.picblock .ifield{padding-top:10px;}
.picpre{width:100%;text-align:center;box-sizing:border-box;}
.picpre img{max-width:100%;}
.picblock .vuiuploadlbl{line-height:70px;}
.picblock .vuiuploadc{height:70px;}

.picblock_one{width:100%;vertical-align:top;box-sizing:border-box;overflow:hidden;padding-top:10px;}
.picblock_one .ifield{}
.picpre{width:100%;htext-align:center;box-sizing:border-box;padding-top:20px;padding-bottom:20px;}
.picpre img{max-width:100%;}
.picblock_one .vuiuploadlbl{line-height:30px;}
.picblock_one .vuiuploadc{height:30px;}
@media only screen and (max-width: 680px)
{
	.sui{padding:20px;}
}
/**Share show*/
.sharebody a{ text-decoration:none; }
.sharebody{margin:0 auto;max-width:680px;
    color: #333;
    font-size: 17px;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;line-height:1.5;
    text-align: justify;position:relative;}
.sharebody h1{font-size: 22px;
    line-height: 1.8;
    margin-bottom: 14px;}
.sharebody dt{margin-bottom: 22px;
    line-height: 20px;
    font-size: 0;
    word-wrap: break-word;
    word-break: break-all;}
.sharebody dt span{    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 10px 0;
    font-size: 15px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);}
.sharebody dt span a{font-weight:bold;color:#06F}
.sharebody p.desc{margin-bottom:20px;line-height:1.8}
.mbody{padding: 20px 16px 12px;}
.picname{margin-bottom:20px;text-align:center;line-height:2;font-size:16px;font-weight:bold;}
.shareimg{max-width:100%;}
.sharevideo{max-width:100%;}
.mdata{text-align:center}
.picdesc{text-align:left;margin-top:20px;margin-bottom:20px;line-height:1.8}

.sharebody footer{line-height:2;padding-top:20px;padding-bottom:20px;text-align:center;font-size:12px;border-top:1px solid #ccc}

.qrcode{text-align:center;border-top:1px solid #ccc;padding-top:20px;}

.shqr{position:absolute;right:-128px;top:0;width:128px;height:158px;text-align:center;font-size:12px;}
@media only screen and (max-width: 8000px)
{
	.shqr{position:absolute;right:-128px;top:0;width:128px;height:158px;text-align:center}
}
@media only screen and (max-width: 640px)
{
	.mbody{padding: 8px 8px 8px 8px;}
}
@media only screen and (max-width: 600px)
{
	.shqr{position:absolute;right:0;bottom:0;width:128px;height:158px;text-align:center}
}

/**Instant Editor*/
.inline_editor_c{position:relative}
.inline_editor_item{position:relative;cursor:pointer;}
.inline_editor_item .inline_editor_icon{position:absolute;top:-15px;right:2px;display:none}
.inline_editor_item:hover .inline_editor_icon{display:block;cursor:pointer;
	background:#f00;color:#fff;border-radius:5px;padding-left:5px;padding-right:5px;line-height:20px;height:20px;overflow:hidden;font-size:12px}

.instant_editor{position:absolute;display:none;background:#efefef;border-radius:5px;border:1px solid #00c1de;}
.instant_editor >dt{position:absolute;right:5px;top:5px;cursor:pointer;width:40px;height:40px;text-align:center;background:#e00;line-height:40px;border-radius:50%;color:#fff;}
.instant_editor >span{position:absolute;right:50px;top:5px;cursor:pointer;display:block;width:40px;height:40px;text-align:center;background:#080;line-height:40px;border-radius:50%;color:#fff}
.instant_editor >div{padding:8px;width:60%;}

.menu_copy_editor{position:absolute;display:none;background:#efefef;border-radius:5px;border:1px solid #00c1de;min-height:62px;}
.menu_copy_editor >dt{position:absolute;right:5px;top:5px;cursor:pointer;width:40px;height:40px;text-align:center;background:#e00;line-height:40px;border-radius:50%;color:#fff;}
.menu_copy_editor >span{position:absolute;right:50px;top:5px;cursor:pointer;display:block;width:40px;height:40px;text-align:center;background:#080;line-height:40px;border-radius:50%;color:#fff}
.menu_copy_editor >div{padding:8px;width:80%;}

.row.withfixedcol{position:relative}
.fixedcol_c{display:none;position:absolute;left:0px;top:1px;max-width:40%;overflow:hidden;background:#efefef;text-align:left;border-left:1px solid #ccc}
.fixedcol_c .fixedcol_c_in{box-shadow: inset -15px 0px 15px -15px #6d6868; -webkit-box-shadow:inset -15px 0px 15px -15px #6d6868; -moz-box-shadow:inset -15px 0px 15px -15px #6d6868}
.fixedcol_one{float:left;overflow:hidden;text-align:center}
.fixedcol_one >div{border-bottom:1px solid #ccc;overflow:hidden}

.datagrid.nowrap td, .datagrid.nowrap th{white-space: nowrap;overflow: hidden;}
.datagrid td.col-scaled{max-width: 100px!important;max-width: 100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;cursor: pointer;user-select: none;-webkit-user-select:none;}
.datagrid tr.head td{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}

.datagridrowheader{width:100%;}
.datagridrowheader tr td {
    padding: 8px;
    border-top: 0px;
    vertical-align: middle;
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis
}
.datagridrowheader{border-left:0px solid #e1e6eb;border-top:1px solid #e1e6eb}
.datagridrowheader tr td {
    border-bottom: 1px solid #e1e6eb;
	border-right: 0px solid #e1e6eb;
}
.datagridrowheader tr:hover td{background:#ccf1f7;}

.datagridrowheader tr.rhhead td {
   background:#F5F6FA;color:#222833;
}

.fixed_rowheaders{position:absolute;left:0;right:0;top:-240px;}
@media only screen and (max-width: 800px)
{
	.datagrid td{cursor:pointer}
}

/**消息/任务中心**/
.flowbuttonc{position:fixed;left:45%;z-index:11;top:-110px;font-weight:bold}
.flowbuttonc.top0{top:0px!important;}
.flowbutton{transition: all ease 0.5s;background:#00c1de;border-radius:50%;width:100px;height:100px;margin:0 auto;
	margin-top:-50px;margin-left:0px;z-index:20;text-align:center;color:#fff;line-height:25px;cursor:pointer;overflow:hidden;font-size:14px;}

.flowbutton >div{margin-top:50px;}

.uroles-subroles{display:flex;flex-wrap: wrap; white-space: pre-line}
.uroles-subroles >label{margin-right:5px;color:#888}
/*
.flowbutton:hover{width:200px;height:200px;margin-top:-100px;margin-left:-50px;line-height:50px;font-size:20px;}
.flowbutton:hover >div{margin-top:100px;}
*/
.flowbutton.act{width:200px;height:200px;margin-top:-100px;margin-left:-50px;line-height:50px;font-size:20px;}
.flowbutton.act >div{margin-top:100px;}

.flowbutton.unact{width:100px;height:100px;margin-top:-50px;margin-left:0px;line-height:25px;font-size:14px;}
.flowbutton.unact >div{margin-top:50px;}

@media only screen and (max-width: 960px)
{
	.flowbuttonc{left:45%;top:-70px;}
	.flowbutton{width:60px;height:60px;margin:0 auto;
	margin-top:-30px;margin-left:0px;z-index:20;text-align:center;color:#fff;line-height:15px;cursor:pointer;overflow:hidden;font-size:10px;}

	.flowbutton >div{margin-top:30px;}
	
	.flowbutton.act{width:120px;height:120px;margin-top:-60px;margin-left:-30px;line-height:30px;font-size:14px;}
	.flowbutton.act >div{margin-top:60px;}
	
	.flowbutton.unact{width:60px;height:60px;margin-top:-30px;margin-left:0px;line-height:15px;font-size:10px;}
	.flowbutton.unact >div{margin-top:30px;}
}

.messagebox{position:fixed;right:-220px;z-index:11;top:50px;bottom:0;width:200px;overflow:hidden;overflow-y:auto;}
.messagebox >div{ box-sizing:border-box;padding:10px;}
.messagebox >div.messagetasklist{position:absolute;top:53px;bottom:0px;left:0px;right:0px;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;overflow:hidden;overflow-y:auto;padding:0;padding-top:0px;}

.messagebox >div.messagetasklist>div{ box-sizing:border-box;overflow:hidden;line-height:1.5;border-bottom:1px solid #ccc;padding:10px;padding-top:10px;}
.messagebox >div.messagetasklist>div:hover{background:rgba(3,91,117,0.9)}
.messagebox >div.messagetasklist>div h3{font-size:16px;color:#eee}
.messagebox >div.messagetasklist>div p{font-size:14px;color:#ddd}

.messagebox .messagetasklist span{color:#00c1de;font-size:24px;font-weight:bold;}
.messageheader{border-bottom:1px solid #ccc;position:relative}
.messageheader .button{position:absolute;right:10px;top:10px;}
.messageheader >div{color:#fff;font-weight:bold;line-height:32px;}

/***Sub Course Windows**/
.quickinputitems{position:absolute;left:0;right:0;top:0;z-index:10;height:0px;overflow:hidden;background:#efefef;}
.quickinputitems >div{overflow-y:auto;max-height:100%;padding-bottom:60px;
	-webkit-overflow-scrolling: touch;overflow-scrolling: touch;display:block;}
.quickinputitems >div >div{line-height:1.5;padding:5px;padding-left:16px;padding-right:16px;cursor:pointer;border-bottom:1px solid #ccc;color:#f00;font-weight:bold;}
.quickinputitems >p{line-height:1.5;padding:5px;padding-left:16px;padding-right:16px;cursor:pointer;position:absolute;left:0;right:0;bottom:0;background:#fff;z-index:10;border-bottom:1px solid #ccc}
.quickinputitems >dt{display:block;position:absolute;right:10px;top:10px;width:40px;height:40px;line-height:40px;
	font-size:20px;background:#080;color:#fff;text-align:center;text-align:center;border-radius:50%;cursor:pointer}
.quickinputitems >span{display:block;position:absolute;right:10px;bottom:1px;line-height:25px;z-index:11;
	font-size:14px;color:#f00;background:#fff;padding:5px;text-align:center;text-align:center;cursor:pointer}
.subedtitle{display:block;clear:both;font-size:14px;font-weight:bold;line-height:30px;}
.subedname{display:inline-block;width:150px;height:30px;line-height:30px;margin-bottom:5px;overflow:hidden;background:#ccc;margin-right:10px;border-radius:5px;text-align:center;position:relative}
.subedname:hover{}

.subedname .subeddelete{display:inline-block;position:absolute;right:5px;top:0;color:#f00}

.anysubname{display:inline-block;width:435px;line-height:25px;margin-bottom:5px;
  overflow:hidden;background:#ccc;margin-right:10px;border-radius:5px;text-align:center;position:relative;cursor:pointer;}
@media only screen and (max-width: 960px)
{
  .anysubname{width:100%;margin-right:0px;}
}
.anysubname:hover{}
.anysubname.act{background:#0CF}
.anysubname .anysubadd{display:inline-block;position:absolute;right:5px;top:0;color:#f00}
.anysub_stucourselists{max-height:200px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
.subsc_selected_stus{}
.subsc_selected_stus >span{margin-bottom:10px;line-height:30px;height:30px;display:inline-block;margin-right:10px;overflow:hidden; background:#CCC;padding-left:8px;padding-right:20px; vertical-align:top;cursor:pointer;}
.subsc_selected_stus >span.subsc_act{background:#09F url(/soe/images/ar_down.png) no-repeat right top;color:#fff;}

/**JSCSS-20181230**/
.delete_1{ text-decoration:line-through; color:#f00;}
.autosubstatus_1{color:#080;font-weight:bold;}
.order_paystatus_line_1{}
.order_paystatus_line_1 td, 
.order_paystatus_line_0_1 td,
.order_paystatus_line_1_1 td,
.order_paystatus_line_4_1 td, 
.nouserclz_0 td{background:#fbc99d}

.order_paystatus_line_0 td{background:#f9c1d1} 

.order_paystatus_line_5 td{background:#ffd1d1}
/*
.ztuopdlgwin >div{max-height:80%;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
.ztuopdlgwin .ztuopdlgmain{}
*/
.fieldhd{padding:16px 0px;border-bottom:0px solid #e1e6eb;color:#759898;font-weight: bold}
/**background:#f2f2f2;border:1px solid #e1e6eb;padding-left:10px*/
.rowsearch{padding-top:10px;padding-left:0px;padding-bottom:5px;margin-bottom:10px;}
.rowsearch .searchfield,.rowsearch #q{margin-bottom:5px;}
.rowsearch form{overflow:hidden}
.sorted{font-weight:bold;}
@media only screen and (max-width: 640px)
{
	.rowsearch{border-left:none;border-right:none;}
}

.coursestatus_0.coursepassed_1{background:#f1d1de!important}

.loadingpopinfo{position:absolute;left:0;right:0;bottom:0;top:0;text-align:center;background:rgba(255,255,255,0.8);}

.clzlistblock{}
.clzlistblock >div{box-sizing:border-box;padding:5px;overflow:hidden;float:left;display:block;max-width:320px;cursor:pointer;text-align:left;position:relative}
.clzlistblock >div.act,.clzlistblock >div:hover{background:#57ddff;border-radius:10px;}
.clzlistblock >div >div{padding:6px;border-radius:5px;text-align:left}
.clzlistblock >div >div >span{display:block;height:20px;line-height:20px;overflow:hidden;color:#eee;}
.clzlistblock >div >div >span:first-child{font-weight:bold;border-bottom:1px solid #f1f1f1;color:#fff}
.clzlistblock:after{content:' ';height:1px;width:100%;overflow:hidden;display:block;clear:both;}
.o2otitle{height:60px;line-height:60px;background:#e1e6eb;border:1px solid #e1e6eb;border-bottom:none;text-align:center;overflow:hidden}

.clzlistblock >div >dt{position:absolute;display:block;font-style:normal;right:8px;top:8px; border-radius:50%;min-height:30px;min-width:30px;height:30px;
	overflow:hidden;font-size:12px;line-height:30px;color:#fff;background:#b00;text-align:center;border:1px solid #fff;display:none}
.clzlistblock >div >i{position:absolute;display:block;font-style:normal;right:8px;bottom:8px; border-radius:50%;min-height:30px;min-width:30px;height:30px;
	overflow:hidden;font-size:12px;line-height:30px;color:#fff;background:#080;text-align:center;border:1px solid #fff;display:none}
@media only screen and (max-width: 2560px)
{
	.clzlistblock >div{width:12.5%;}
}
@media only screen and (max-width: 2240px)
{
	.clzlistblock >div{width:14.28%;}
}
@media only screen and (max-width: 1920px)
{
	.clzlistblock >div{width:16.66%;}
}
@media only screen and (max-width: 1600px)
{
	.clzlistblock >div{width:20%;}
}
@media only screen and (max-width: 1280px)
{
	.clzlistblock >div{width:25%;}
}
@media only screen and (max-width: 960px)
{
	.clzlistblock >div{width:33.3%;}
	.o2otitle{font-size:14px;}
}
@media only screen and (max-width: 480px)
{
	.clzlistblock >div{width:50%;}
	.o2otitle{font-size:12px;}
}
@media only screen and (max-width: 300px)
{
	.clzlistblock >div{width:100%;}
}

.subcheck{ background:url(../images/check.png) no-repeat center; position:absolute;left:0;top:0;width:50%;height:44px;line-height:44px;border-bottom:1px solid #efefef;border-right:1px solid #eee}
.subleave{ background:url(../images/leave.png) no-repeat center; position:absolute;right:0;top:0;width:50%;height:44px;line-height:44px;border-bottom:1px solid #efefef}
.subfull{position:absolute;left:0;right:0;top:0;height:44px;line-height:44px;border-bottom:1px solid #efefef}

.subfullscore{position:absolute;left:0;right:0;bottom:0;height:44px;line-height:44px;}

.coursestatus_0 .suboneuser{display:none;}
.coursestatus_1 .suboneuser{display:none;}
.coursestatus_2 .suboneuser{display:none;}
.coursestatus_3 .suboneuser{display:none;}
.coursestatus_4 .suboneuser{display:none;}
.coursestatus_5 .suboneuser{display:none;}
.coursestatus_6 .suboneuser{display:none;}
.coursestatus_7 .suboneuser{display:none;}
.coursestatus_8 .suboneuser{display:none;}
.coursestatus_9 .suboneuser{display:none;}
.coursestatus_10 .suboneuser{display:none;}

.coursestatus_0 .suboneuser.subcheck,.coursestatus_0 .suboneuser.subleave{display:block}
.coursestatus_1 .suboneuser.subundo{display:block}
.coursestatus_2 .suboneuser.leaveundo{display:block}

.coursestatus_1 .suboneuser.subscore{display:block}
.coursestatus_4 .suboneuser.subscore{display:block}

.coursestatus_0 .suboneuser.subscoreno,.coursestatus_2 .suboneuser.subscoreno{display:block;}

.coursestatus_1 .scoreblock{background:#063}
.coursestatus_8 .scoreblock,.coursestatus_0 .scoreblock,.coursestatus_10 .scoreblock{background:#efefef}


.subtype_0,.subtype_7{color:#0a0}
.subtype_6{color:#600}
.subtype_8{color:#f00}

.cs_setting_result{margin-top:20px;}
.cs_setting_result > div{border-top:1px solid #ccc}
.cs_setting_result h3,.cs_setting_result h2{line-height:2.5;}
.cs_setting_result h4{}
.cs_setting_result ul{list-style:none; list-style-type:none}
.cs_setting_result ul li{padding-left:20px;margin-bottom:16px;}
.cs_setting_result ul li p{color:#888}

.cs_setting_result h4 span{font-weight:bold; text-decoration:underline}
.cs_setting_result .cs_level_1 h4{color:#F60}

.field > label.radio.redradio{background:#C36;color:#fff}
.field > label.radio.reddradio{background:#900;color:#fff}
.field > label.radio.greenradio{background:#093;color:#fff}

/**消课表中的日期*/
.dateblocksub{border:1px solid #ace6ef;margin-bottom:16px;background:#ddf9fd}
.dateblocksub td{width:14%;text-align:center;}
.dateblocksub td >div{border-right:1px solid #ace6ef}
.dateblocksub td:last-child >div{border-right:none}
.dateblocksub td.act{background:#00c1de;color:#fff}

.datagrid tr.head.trystus td{background:#ddf9fd}

.bflag_1{color:#f00}
.bflag_0{color:#0a0}

.calweek .cell_time > span.newclzintable{background:#f32e1e;color:#fff}

/**.field.fieldhaserror.fieldonfocus,*/
.field.fieldonfocus.fieldhaserror >span{color:rgba(255,0,0,0.15) !important}

/**soesideinfo**/
.canpopside{background:#e4eaee url(../icons/information.png) no-repeat 8px 10px}
.soesideinfo{position:fixed;top:0;bottom:0;right:-600px;z-index:10000;background:rgba(255,255,255,1);border-left:5px solid rgba(0,193,222,1); box-sizing:border-box}
.soesideinfo .sideinfomain{max-width:600px;min-width:300px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;max-height:100%;}
.soesideinfo .sideinfoclose{position:absolute;top:20px;right:20px;width:30px;height:30px;line-height:30px;text-align:center;color:#fff; border-radius:50%;background:#f00;cursor:pointer;}
.soesideinfo .sideinfoclose_left{
position:absolute;top:50%;left:-5px;width:20px;height:60px;line-height:60px;text-align:center;color:#fff;background:rgba(255,0,0,0.8);cursor:pointer;font-size:12px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

@media only screen and (max-width: 600px)
{
	.soesideinfo .sideinfomain{width:100%;max-width:100%;min-width:200px;}
	/*.soesideinfo{border-left:0px solid rgba(0,193,222,1); }*/
}

.quickinfo{}
.quickinfo >div{padding:16px;}
.quickinfo h1{font-size:20px;line-height:3;font-weight:bold}
.quickinfo h2{font-size:18px;line-height:3;font-weight:bold}
.quickinfo h3{font-size:16px;line-height:3;font-weight:bold}

.quickinfo td{line-height:1.5;padding:5px;}
.quickinfo td.subhd{font-weight:bold;line-height:2;}

.quickinfo p{font-size:14px;line-height:1.5;padding-bottom:8px;}
.quickinfo p >span{display:inline-block; vertical-align:top;}
.quickinfo .label{width:80px;background:#efefef;}

.quickinfo >div>div{font-size:14px;line-height:1.5;padding-bottom:8px;}
.quickinfo >div>div >span{display:inline-block; vertical-align:top;}

.proplist{display:grid;grid-template-columns: minmax(50px,90px) 1fr;row-gap: 10px;column-gap: 16px;}
.proplist>*{word-break: break-all;}
.proplist>*:nth-child(2n-1){justify-self: center;color:#888}
.proplist.propleft>*:nth-child(2n-1){justify-self: left;color:#888}

.quick-items{display:flex;flex-direction: column;gap:16px}
.quick-item{display:flex;flex-direction: column;gap:10px;}
.quick-item-title{font-weight: bold;}
.quick-item-bread{font-size:12px;color:#888;}

.quick-content{line-height: 1.5;}

/**单行多信息显示*/
.mitemblock{display:inline-block;height:35px;line-height:35px;overflow:hidden;}
.mitemblock.fullblock{display:block}
.mitemblock >span{display:inline-block; vertical-align:top;height:35px;}

/**消课表中的直接消课按钮*/
.diranysub_buttons{position:absolute;right:0;top:0;}
@media only screen and (max-width: 600px)
{
	.diranysub_buttons{position:static;text-align:center;margin-top:16px;}
}
/**快速登记学员*/
.quickadduser_layer{display:none;position:absolute;z-index:102;top:0;right:0;left:0;background:#efefef;border-bottom:1px solid #ccc;max-height:100%;overflow-y:auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}

.split_classlist{}
.split_classlist h2{padding-left:10px;font-size:14px;}
.split_classlist ul{list-type:none;list-style-type:none;padding:16px}
.split_classlist ul li{list-type:none;list-style-type:none;display:block;margin-top:1px; cursor:pointer}
.split_classlist ul li >label{padding:10px;display:block;color:#09c;font-weight:bold;padding-left:25px;position:relative}
.split_classlist ul li >label >img.checker{display:none;position:absolute; left:5px;top:12px;width:16px;height:16px;overflow:hidden}
.split_classlist ul li.act >label{background:#09c;color:#fff}
.split_classlist ul li.act >label >img.checker{display:block}

.split_classlist ul li >p{padding:10px;display:block;background:#efefef;color:#09c;font-weight:bold;padding-left:25px;position:relative}
.split_classlist ul li >p >img.checker{display:none;position:absolute; left:5px;top:12px;width:16px;height:16px;overflow:hidden}
.split_classlist ul li.act >p{background:#09c;color:#fff}
.split_classlist ul li.act >p >img.checker{display:block}

h3.splitclass_header{font-size:16px;line-height:2;padding-left:10px;font-weight:bold; text-decoration:underline}

.curadded_classlist.split_classlist ul li >label{padding:10px;display:block;color:#666}
.curadded_classlist.split_classlist ul li >p{padding:10px;display:block;color:#666}

.curadded_classlist ul li{cursor:pointer!important;}

/**合同*/
.soe_contract ol{padding-left:40px;}
.soe_contract ul{padding-left:16px;}

@media only screen and (max-width: 640px)
{
	span.breakonsmall{display:block;clear:both;overflow:hidden;height:0px;}
}

.showuploading{position:absolute;top:50px;bottom:50px;left:0;right:0;background:#fff;display:none}
.showuploading p{padding:20px;color:#f00;font-size:16px;text-align:center}

.subtable_header{position:relative}
.subtable_header .sub_unsub{position:absolute;right:5px;top:5px;height:20px;overflow:hidden;line-height:20px;background:#900;color:#fff;border-radius:3px;display:inline-block;padding-left:10px;padding-right:10px;}


.timelinecard{position: relative;padding-left:114px;width:100%;border:0px solid #ccc;border-top:0;margin-bottom: 0px;overflow: hidden;padding-bottom:16px;}
.timelinecard:nth-child(1){border-top:0px solid #ccc;}
.timelinecard .tlcardmain{border:1px solid #ccc;border-radius: 5px;height:100%;overflow: hidden;min-height:80px;position: relative}
.timelinecard .tlcardmain.tlhas_blabel{padding-bottom:30px;}
.timelinecard .tlcardmain >div.tlui{padding:6px;overflow: hidden;padding-left:22px;}
.timelinecard .tlcardmain >div.tlui h3{font-weight: bold;font-size:14px;}
.timelinecard .tlcardmain >div.tl_blabel{position: absolute;left:0;bottom:0;padding:6px;padding-left:22px;}
.timelinecard:nth-child(1) .tlcardmain{}

.timelinecard ul.sp{list-style:none;line-height: 0;font-size:0;margin:0;padding:6px;border-bottom:1px solid #ddd;display:block;overflow: hidden}
.timelinecard ul.sp > li{padding:0;margin:0;display:inline-block;width:100%;text-align: center;line-height:1.5; box-sizing: border-box;border-right:1px solid #ddd}
.timelinecard ul.sp > li:last-child{border-right:0px solid;}
.timelinecard ul.sp.sp2 > li{width:50%;}
.timelinecard ul.sp.sp3 > li{width:33.3%;}
.timelinecard ul.sp.sp4 > li{width:25%;}
.timelinecard ul.sp.sp5 > li{width:20%;}

.timelinecard ul.sp > li h3{font-size:14px;font-weight:bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.timelinecard ul.sp > li span{font-size:12px;color:#666;text-overflow: ellipsis; overflow: hidden; white-space: nowrap}

.timelinecard .tlcardmain >p{color:#666;padding:6px;padding-left:22px;}
.timelinecard .tldate{position:absolute;left:0;bottom:0;top:0;width: 120px;overflow: hidden;text-align: left; vertical-align: baseline;display:inline-block;padding-bottom: 16px;}
.timelinecard .tldate .line{position:absolute;top:0;bottom:0;left:12px;width:1px;border-left:1px solid #00c1de;display: block}
.timelinecard .tldate .linetop{position:absolute;top:15px;left:8px;width:16px;border-top:1px solid #00c1de;display: block;height:1px;}
.timelinecard .tldate .circle{border:1px solid #00c1de;background:#00c1de;position: absolute;display: block;top:8px;left:4px;width:16px;height:16px;border-radius: 50%;overflow: hidden;}
.timelinecard .tldate >span{display:inline-block; vertical-align: top;}
.timelinecard .tldate >div{display:inline-block; vertical-align: top;}
.tlonelinelabel{text-overflow: ellipsis; overflow: hidden; white-space: nowrap}

.timelinecard .tldate >.tldatemain{padding-left:26px;padding-top:6px;background:#efefef;height:100%;overflow: hidden;
	display:block;border:1px solid #ccc;border-right:1px solid #ddd;padding-right:6px;padding-bottom:6px;}
.timelinecard .tldate >.tlvaclear{height:100%;}
.timelinecard .tldatestr{color:#666;text-align: center;background:#ddd;}

.timelinecard:last-child .tldate .line{bottom:16px;}


.mbfilelist{ vertical-align:top;}
.mbfilelist >.mbfileitem {display:inline-block;overflow:hidden; vertical-align:top;}
.mbfileitem video{max-width:100%;max-height:640px;outline:none;}
.mbfilevideofull .mbfileitem{width:100%;background:#333;overflow:hidden}
.mbfilevideofull .mbfileitem video{width:100%;}

.mbfileitem.mbfileicon{width:64px;height:64px;overflow:hidden;margin-right:10px;}
.mbfileitem.mbfileicon >span{width:64px;height:64px;overflow:hidden;display:inline-block;background:#efefef url(/verip_private/eappui/images/play48.png) center no-repeat;cursor:pointer;}

.mbfilelist.mbfilepreview >.mbfileitem{width:64px;height:64px;overflow:hidden;margin-right:10px;}
.mbfilelist.mbfilepreview >.mbfileitem >img{width:64px;height:64px;cursor: pointer}

/**Select Searcher*/
/**自动设置行为（select），select输入选框，只要label具有这个类名即可*/
.e40selectorpop{background:url(../images/search16.png) no-repeat 10px center;}
/**手动设置行为*/
.e40selectorpopman{background:url(../images/search16.png) no-repeat 10px center;}
/**搜索栏*/
.e40selectorpoponly{background:url(../images/search16.png) no-repeat 5px center;display:inline-block; vertical-align: middle;width:26px;height:26px;}
/**搜索栏手动*/
.e40selectorpopman{background:url(../images/search16.png) no-repeat 5px center;display:inline-block; vertical-align: middle;width:26px;height:26px;}
.e40selectorpop.nobgimg{background-image:none;}

.e40selectordata{position:absolute;background:#fff;border:1px solid #00f;border-radius:5px;padding:16px;}
.e40selectordata .closeselectorwin{font-style: normal;color:#fff;text-align:center;position:absolute;cursor:pointer;top:5px;right:5px;border-radius:50%;border:1px solid #ccc;background:#f00;width:30px;height:30px;line-height:30px;font-size:20px;}
.e40selectordata >dt >a{display:inline-block; vertical-align: top;padding:6px 5px;cursor:pointer;}
.e40selectordata >ul{display:block;overflow:hidden;overflow-y:auto;}
.e40selectordata >ul >li{cursor:pointer;display:block;overflow:hidden;padding:6px;line-height:1.4;background:#efefef;border-bottom:1px solid #fff;}
.e40selectordata >ul >li:hover{}
.e40selectordata >div >input{display:inline-block;height:40px;line-height:40px;overflow: hidden; box-sizing: border-box;border:1px solid #ccc;width:80%;}
.e40selectorerror{color:#f00;position:absolute;top:100px;left:16px;}

.e40_mult_labels{min-height:37px;}
.e40_mult_labels >span{cursor:pointer;display:inline-block; vertical-align: top;height:32px;line-height:32px;margin-bottom:5px;margin-right:5px;overflow: hidden;background:#efefef;padding-left:5px;}
.e40_mult_labels >span >i{font-style:normal;font-weight: bold;color:#f00}
.e40_mult_itemselector{}

.e40MULTselectordata{position:absolute;background:#fff;border:1px solid #00f;border-radius:5px;padding:16px;padding-top:40px;}
.e40MULTselectordata .e40selectortitle{position:absolute;left:5px;top:5px;font-size:12px;line-height:30px;overflow: hidden;font-weight: bold;}
.e40MULTselectordata .closeselectorwin{font-style: normal;color:#fff;text-align:center;position:absolute;cursor:pointer;top:5px;right:5px;
border-radius:50%;border:1px solid #ccc;background:#f00;width:30px;height:30px;line-height:30px;font-size:20px;}
.e40MULTselectordata >dt >a{display:inline-block; vertical-align: top;padding:6px 5px;cursor:pointer;}
.e40MULTselectordata >ul{display:block;overflow:hidden;overflow-y:auto;}
.e40MULTselectordata >ul >li{cursor:pointer;display:block;overflow:hidden;padding:6px;line-height:1.4;background:#efefef;border-bottom:1px solid #fff;}
.e40MULTselectordata >ul >li:hover{}
.e40MULTselectordata >ul >li.act{background:#249FE4;color:#fff}
.e40MULTselectordata >div >input{display:inline-block;height:40px;line-height:40px;overflow: hidden; box-sizing: border-box;border:1px solid #ccc;width:80%;}
.e40MULTselectordata .suremultselectorwin{font-style: normal;color:#fff;text-align:center;position:absolute;cursor:pointer;top:5px;right:40px;
border-radius:50%;border:1px solid #ccc;background:#0a0;width:30px;height:30px;line-height:30px;font-size:20px;}


/**Time line*/
.timeline{position:relative;margin:0;padding:0;padding-bottom: 16px;padding-bottom: 16px!important;}
.timeline *{box-sizing:border-box}
.timeline >div{min-height:60px;box-sizing: border-box;border:1px solid #ccc;padding-left:150px;border-bottom-left-radius: 16px; border-top-right-radius: 16px;}
.timeline >div >div{padding:10px;position: relative}
.timeline >div >div .timelabel{display:none;line-height:20px;padding-bottom:10px;}

.timeline >dt{position:absolute;left:0;bottom:0;top:0;width: 150px;box-sizing: border-box;}

.timeline >dt >span{display:block;position: absolute;overflow: hidden;}
.timeline >dt >span.tl-l{top:0;bottom:0;left:20px;border-right:1px solid #666;}
.timeline >dt >span.tl-r{top:0;bottom:16px;right:0px;border-right:1px solid #ccc;}
.timeline >dt >span.tl-dash{top:20px;left:20px;width:15px;border-top:1px solid #666;}
.timeline >dt >span.tl-c{top:10px;left:10px;width: 20px;height:20px;overflow: hidden;border-radius: 50%;background:#666}
.timeline >dt >span.tl-text{top:10px;left:40px;right:5px;height:20px;line-height: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size:12px;}
.timeline >dt >span.tl-date{top:30px;left:25px;right:5px;height:30px;line-height: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size:10px;text-align: left;color:#666}

.timelines .timeline:last-child >dt{bottom:16px;}
.timelines .timeline:last-child >dt >span.tl-r{bottom:0px;}

.timeline.reviewstatus-0 >dt >span.tl-l{border-right:1px solid #ccc;}
.timeline.reviewstatus-0 >dt >span.tl-dash{border-top:1px solid #ccc;}
.timeline.reviewstatus-0 >dt >span.tl-c{background:#666}

.timeline.reviewstatus-1 >dt >span.tl-l{border-right:1px solid #f00;}
.timeline.reviewstatus-1 >dt >span.tl-dash{border-top:1px solid #f00;}
.timeline.reviewstatus-1 >dt >span.tl-c{background:#f00}

.timeline.reviewstatus-2 >dt >span.tl-l{border-right:1px solid #ccc;}
.timeline.reviewstatus-2 >dt >span.tl-dash{border-top:1px solid #ccc;}
.timeline.reviewstatus-2 >dt >span.tl-c{background:#ccc}

.timeline.reviewstatus-3 >dt >span.tl-l{border-right:1px solid #0a0;}
.timeline.reviewstatus-3 >dt >span.tl-dash{border-top:1px solid #0a0;}
.timeline.reviewstatus-3 >dt >span.tl-c{background:#0a0}

/**小版Timeline,增加类：timelinemin*/
.timeline.timelinemin >div{padding-left:20px}
.timeline.timelinemin >dt{width:20px;}
.timeline.timelinemin >div >div{}

.timeline.timelinemin >div >div .timelabel{display:block;}
	
.timeline.timelinemin >dt >span.tl-l{top:0;bottom:0;left:10px;border-right:1px solid #666;}
.timeline.timelinemin >dt >span.tl-r{top:0;bottom:16px;right:0px;border-right:1px solid #ccc;display:none}
.timeline.timelinemin >dt >span.tl-dash{top:20px;left:10px;width:15px;border-top:1px solid #666;}
.timeline.timelinemin >dt >span.tl-c{top:15px;left:5px;width: 10px;height:10px;overflow: hidden;border-radius: 50%;background:#666}
.timeline.timelinemin >dt >span.tl-text{display:none}
.timeline.timelinemin >dt >span.tl-date{display:none}

@media only screen and (max-width: 640px)
{

.timeline >div{padding-left:20px}
.timeline >dt{width:20px;}
.timeline >div >div{}

.timeline >div >div .timelabel{display:block;}
	
.timeline >dt >span.tl-l{top:0;bottom:0;left:10px;border-right:1px solid #666;}
.timeline >dt >span.tl-r{top:0;bottom:16px;right:0px;border-right:1px solid #ccc;display:none}
.timeline >dt >span.tl-dash{top:20px;left:10px;width:15px;border-top:1px solid #666;}
.timeline >dt >span.tl-c{top:15px;left:5px;width: 10px;height:10px;overflow: hidden;border-radius: 50%;background:#666}
.timeline >dt >span.tl-text{display:none}
.timeline >dt >span.tl-date{display:none}

}
/**Page Full Fields*/
.icon-list{}
.icon-list >div{display:flex; flex-wrap: wrap}
.icon-list >div >div{width:20%;margin:16px 0px;} /*icon-item*/
.icon-item{position:relative}
.icon-item >div.icon-main{position:relative;padding:10px 10px;box-sizing: border-box;min-height:80px;margin:0 5px;outline:none;
	border:1px solid rgba(0,0,0,0);
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	transition: all ease 0.5s;
	padding-bottom:60px;height:100%;
}
.icon-buttons{position:absolute;left:80px;right:10px;bottom:10px;}
.icon-item >div.icon-main:hover,.icon-item:hover >div.icon-main{border:1px solid #0e7fe1;background:#efefef;box-shadow: 3px 3px 3px rgba(0,0,0,0.1) inset}

.icon-item .icon{width:60px;position: absolute;top:10px;bottom:0;left:10px;text-align: center}
.icon-item .info{padding-left:60px;padding-right:10px;}
.icon-item .info h1{line-height:30px;padding:0;margin:0;font-size:20px;margin-bottom:8px;font-weight: 500}
.icon-item .info p{color:#666;margin:0 0 8px 0px;padding:0;}
.icon-item .icon img{width:48px;height:48px; vertical-align: top;display:inline-block}
.icon-item .icon:after{display:inline-block;width:1px;height:100%;overflow: hidden;content: ' ';}

.icon-item .item-status{position: absolute;top:-15px;right:30px;text-align: center;font-size:10px;border-radius:5px;border:1px solid #ccc;background:#f00;color:#fff;padding:5px;}
.item-status-button{display:inline-block;font-size:10px;border-radius:5px;border:0px solid #ccc;background:#f00;color:#fff;padding:5px; vertical-align: middle;user-select: none;outline:none}
@media only screen and (max-width: 1440px)
{
	.icon-list >div >div{width:25%;}
}
@media only screen and (max-width: 1280px)
{
	.icon-list >div >div{width:33.3%;}
}
@media only screen and (max-width: 900px)
{	
	.icon-list >div >div{width:50%;}	
}
@media only screen and (max-width: 640px)
{
	.icon-list >div >div{width:100%;}
}

.fullfields{width:100%;padding:16px;box-sizing: border-box;overflow: hidden;max-width: 800px;margin:0 auto;}
.fullfields div.item>label{display:block;clear:both;font-weight: bold;line-height:2;white-space: nowrap;font-size:16px;color:#666;position: relative}
.fullfields div.item{position:relative;margin-bottom:16px;}

.fullfields >h1,.fullfields >div>h1{font-size: 20px;font-weight: 600;line-height: 1.4;padding:20px 0px 10px 0px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}

div.ctls div.item{position:relative;margin-bottom:16px;}
div.ctls div.item>label{display:block;clear:both;font-weight: bold;line-height:2;white-space: nowrap;font-size:16px;color:#666;position: relative}

div.item >div.ctl{position:relative;box-sizing: border-box;}
div.item >div.ctl p.errortip{display:none;padding:10px 5px;color:#f00;font-weight: bold;background: #F7D8D8}
div.item >div.ctl p.suctip{display:none;padding:10px 5px;color:#080;font-weight: bold}
div.item >div.ctl >.opbtns{position:absolute;line-height:35px;top:1px;bottom:1px;right:16px;max-width: 30%; text-overflow: ellipsis; white-space: nowrap;overflow: hidden}
div.item p.desc{color:#aaa;margin-top:10px}

div.item >div.ctlext{margin-top:5px;overflow: hidden;}

div.ctl{position:relative;box-sizing: border-box;}
div.ctl .resuploadfilec{top:0;bottom:0;}
div.ctl input[type="text"],div.ctl input[type="password"],
div.ctl input[type="date"],div.ctl input[type="time"],div.ctl input[type="number"],div.ctl input[type="tel"],div.ctl input[type="email"],div.ctl input[type="url"],
div.ctl textarea,div.ctl select,div.ctl.select >div
{
	width:100%;display:block;height:37px;line-height:37px;padding:0 10px;margin:0;border:1px solid #ccc;border-radius: 3px;box-sizing: border-box;background:#fff;
	color:#111;
}

div.ctl input[type="text"]:focus,div.ctl input[type="password"]:focus,
div.ctl input[type="date"]:focus,div.ctl input[type="time"]:focus,div.ctl input[type="number"]:focus,
div.ctl input[type="tel"]:focus,div.ctl input[type="email"]:focus,div.ctl input[type="url"]:focus,
div.ctl textarea:focus{border:1px solid #0e7fe1;box-shadow: 3px 3px 3px rgba(0,0,0,0.1) inset}


div.ctl textarea{height:auto;min-height:40px;line-height:20px;padding-top:10px;padding-bottom:10px;}
div.ctl select{opacity: 0;position:absolute;top:0;left:0;right:0;bottom:0;height:37px;border:none;}
div.ctl.select >div{padding-right:30px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;background:url(/verip_private/eappui/styles/select_arrow.png) no-repeat right 10px top 15px;}


div.ctl input[readonly],div.ctl input[disabled],div.ctl select[readonly],div.ctl select[disabled],div.ctl textarea[readonly],div.ctl textarea[disabled],
div.ctl.select div.disabled{background:#ddd;}
div.ctl.select div.disabled{background:#ddd url(/verip_private/eappui/styles/select_arrow.png) no-repeat right 10px top 15px;}

div.ctl .picpreview{position:absolute;left:0;bottom:0;right:0;top:0}

.virtualscroll{background:#fff;}
.virtualscroll::-webkit-scrollbar {
    width: 12px;
	height: 12px;
}
.virtualscroll::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);*/
    border-radius: 0px;
	box-sizing: border-box;
	/*border-bottom:1px solid #ccc;*/
}
.virtualscroll::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: rgba(200,200,200,0.9);
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
}
.rowxscroll::-webkit-scrollbar {
    width: 12px;
	height: 12px;
}
.rowxscroll::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);*/
    border-radius: 0px;
	box-sizing: border-box;
	border-bottom:1px solid #ccc;
}
.rowxscroll::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: rgba(200,200,200,0.9);
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
}
::-webkit-scrollbar-thumb:hover{
    background: #ccc;
}
::-webkit-scrollbar-thumb:active{
    background: #999;
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(40,42,80,0.3);
}


.ctxmenu{position: absolute;top:100px;left:100px;z-index:200000;background:#efefef;display: none; box-shadow: 5px 5px 5px rgba(0,0,0,0.35);border:1px solid #ccc;}
.ctxmenu >div{user-select: none}
.ctxmenu >div >ul{display:block;padding:0;margin:0;}
.ctxmenu >div >ul >li{display:block;padding:0px;margin:0;position:relative;line-height:40px;height:40px;overflow: hidden;cursor: pointer;border-bottom:1px solid #bbb}
.ctxmenu >div >ul >li >div{display:inline-block;padding:10px 5px;overflow: hidden;width:30px;box-sizing: border-box; vertical-align: top}
.ctxmenu >div >ul >li >div >img{height:20px;width:20px;overflow: hidden;}
.ctxmenu >div >ul >li >span,.ctxmenu >div >ul >li >a{display:inline-block;padding:0 16px;height:100%;overflow: hidden; vertical-align: top}
.ctxmenu >div >ul >li.splitline{height:2px;box-sizing: border-box;border-bottom:1px solid #fff;background:#aaa}



:root {
	--r-flexcon-padding: 10px;
}
/**flex分栏, align-items控制高度对齐方式*/
.flexcon{display:flex; justify-content:flex-start; flex-wrap: wrap;padding-top:var(--r-flexcon-padding, 10px);box-sizing: border-box;}
.flexcon >div{box-sizing: border-box;overflow: hidden;flex-grow: 1}
.flexcon.flexlastp0 >div:last-child{padding-right:0px;}
.flexcon.flexnogrow >div{flex-grow:0}

.flexsp6 >div{flex-basis: 16.66%;padding-right:var(--r-flexcon-padding, 10px);padding-bottom:var(--r-flexcon-padding, 10px);}
.flexsp6 >div:nth-child(6n){padding-right:0px;}

/**一半折叠*/
.flexsp6half >div{flex-basis: 16.66%;padding-right:var(--r-flexcon-padding, 10px);padding-bottom:var(--r-flexcon-padding, 10px);}
.flexsp6half >div:nth-child(6n){padding-right:0px;}

.flexsp8half >div{flex-basis: 12.5%;padding-right:var(--r-flexcon-padding, 10px);padding-bottom:var(--r-flexcon-padding, 10px);}
.flexsp8half >div:nth-child(8n){padding-right:0px;}

.flexsp10half >div{flex-basis: 10%;padding-right:var(--r-flexcon-padding, 10px);padding-bottom:var(--r-flexcon-padding, 10px);}
.flexsp10half >div:nth-child(10n){padding-right:0px;}

.flexsp3 >div{flex-basis: 33.33%;padding-right:var(--r-flexcon-padding, 10px);padding-bottom:var(--r-flexcon-padding, 10px);}
.flexsp3 >div:nth-child(3n){padding-right:0px;}

.flexsp3quick >div{flex-basis: 33.33%;padding-right:var(--r-flexcon-padding, 10px);padding-bottom:var(--r-flexcon-padding, 10px);}
.flexsp3quick >div:nth-child(3n){padding-right:0px;}

.flexsp2 >div{flex-basis: 50%;padding-right:var(--r-flexcon-padding, 10px);padding-bottom:var(--r-flexcon-padding, 10px);}
.flexsp2 >div:nth-child(2n){padding-right:0px;}

.flexsp3fix >div{flex-basis: 33.33%;padding-right:var(--r-flexcon-padding, 10px);padding-bottom:var(--r-flexcon-padding, 10px);}
.flexsp3fix >div:nth-child(3n){padding-right:0px;}

.flexsp4fix >div{flex-basis: 25%;padding-right:var(--r-flexcon-padding, 10px);padding-bottom:var(--r-flexcon-padding, 10px);}
.flexsp4fix >div:nth-child(4n){padding-right:0px;}

.flexsp4 >div{flex-basis: 25%;padding-right:var(--r-flexcon-padding, 10px);padding-bottom:var(--r-flexcon-padding, 10px);}
.flexsp4 >div:nth-child(4n){padding-right:0px;}

.flexsp5fix >div{flex-basis: 20%;padding-right:var(--r-flexcon-padding, 10px);padding-bottom:var(--r-flexcon-padding, 10px);}
.flexsp5fix >div:nth-child(5n){padding-right:0px;}

.flexsp6fix >div{flex-basis: 16.6%;padding-right:var(--r-flexcon-padding, 10px);padding-bottom:var(--r-flexcon-padding, 10px);}
.flexsp6fix >div:nth-child(6n){padding-right:0px;}

.flexsp7fix >div{flex-basis: 14.28%;padding-right:var(--r-flexcon-padding, 10px);padding-bottom:var(--r-flexcon-padding, 10px);}
.flexsp7fix >div:nth-child(7n){padding-right:0px;}

.flexsp8fix >div{flex-basis: 12.5%;padding-right:var(--r-flexcon-padding, 10px);padding-bottom:var(--r-flexcon-padding, 10px);}
.flexsp8fix >div:nth-child(8n){padding-right:0px;}

.flexsp9fix >div{flex-basis: 11.11%;padding-right:var(--r-flexcon-padding, 10px);padding-bottom:var(--r-flexcon-padding, 10px);}
.flexsp9fix >div:nth-child(9n){padding-right:0px;}

.flexsp10fix >div{flex-basis: 10%;padding-right:var(--r-flexcon-padding, 10px);padding-bottom:var(--r-flexcon-padding, 10px);}
.flexsp10fix >div:nth-child(10n){padding-right:0px;}

.flexsp2fix >div{flex-basis: 50%;padding-right:var(--r-flexcon-padding, 10px);padding-bottom:var(--r-flexcon-padding, 10px);}
.flexsp2fix >div:nth-child(2n){padding-right:0px;}

.flexsp1 >div,.flexsp1fix >div{flex-basis:100%;padding-right:0px;padding-bottom:var(--r-flexcon-padding, 10px);}

@media only screen and (max-width: 1600px)
{
	.flexsp6 >div{flex-basis: 20%;}
	.flexsp6 >div:nth-child(6n){padding-right:var(--r-flexcon-padding, 10px);}
	
	.flexsp6 >div:nth-child(5n){padding-right:0px;}
}
@media only screen and (max-width: 1440px)
{
	.flexsp3quick >div{flex-basis: 50%;}
	.flexsp3quick >div:nth-child(3n){padding-right:var(--r-flexcon-padding, 10px);}
	.flexsp3quick >div:nth-child(2n){padding-right:0px;}
}
@media only screen and (max-width: 1300px)
{
	.flexsp6 >div{flex-basis: 25%;}
	.flexsp6 >div:nth-child(5n){padding-right:var(--r-flexcon-padding, 10px);}
	
	.flexsp6 >div:nth-child(4n){padding-right:0px;}
}
@media only screen and (max-width: 1024px)
{
	/*一半折叠*/
	.flexsp8half >div{flex-basis: 25%;}
	.flexsp8half >div:nth-child(8n){padding-right:var(--r-flexcon-padding, 10px);}
	.flexsp8half >div:nth-child(4n){padding-right:0px;}
	
	.flexsp10half >div{flex-basis: 20%;}
	.flexsp10half >div:nth-child(10n){padding-right:var(--r-flexcon-padding, 10px);}
	.flexsp10half >div:nth-child(5n){padding-right:0px;}
	
	.flexsp6half >div{flex-basis: 33.33%;}
	.flexsp6half >div:nth-child(6n){padding-right:var(--r-flexcon-padding, 10px);}
	.flexsp6half >div:nth-child(3n){padding-right:0px;}
	
	.flexsp3 >div{flex-basis: 50%;}
	.flexsp3 >div:nth-child(3n){padding-right:var(--r-flexcon-padding, 10px);}
	.flexsp3 >div:nth-child(2n){padding-right:0px;}
}
@media only screen and (max-width: 960px)
{
	.flexsp6 >div{flex-basis: 33.33%;}
	.flexsp6 >div:nth-child(4n){padding-right:var(--r-flexcon-padding, 10px);}
	
	.flexsp6 >div:nth-child(3n){padding-right:0px;}
}
@media only screen and (max-width: 760px)
{
	.flexsp6 >div{flex-basis: 50%;}
	.flexsp6 >div:nth-child(3n){padding-right:var(--r-flexcon-padding, 10px);}
	
	.flexsp6 >div:nth-child(2n){padding-right:0px;}
	
	.flexsp4 >div{flex-basis: 50%;}
	.flexsp4 >div:nth-child(2n){padding-right:0px;}
}
@media only screen and (max-width: 480px)
{
	.flexsp6 >div{flex-basis: 100%;}
	.flexsp6 >div:nth-child(2n){padding-right:var(--r-flexcon-padding, 10px);}
	
	.flexsp6 >div:nth-child(n){padding-right:0px;}
}

@media only screen and (max-width: 640px)
{
	.flexsp3 >div{flex-basis: 100%;}
	.flexsp3 >div:nth-child(3n){padding-right:var(--r-flexcon-padding, 10px);}
	.flexsp3 >div:nth-child(2n){padding-right:var(--r-flexcon-padding, 10px);}
	.flexsp3 >div:nth-child(n){padding-right:0px;}
	
	.flexsp3quick >div{flex-basis: 100%;}
	.flexsp3quick >div:nth-child(3n){padding-right:var(--r-flexcon-padding, 10px);}
	.flexsp3quick >div:nth-child(2n){padding-right:var(--r-flexcon-padding, 10px);}
	.flexsp3quick >div:nth-child(n){padding-right:0px;}
	
	
	.flexsp2 >div{flex-basis: 100%;}
	.flexsp2 >div:nth-child(2n){padding-right:var(--r-flexcon-padding, 10px);}
	.flexsp2 >div:nth-child(n){padding-right:0px;}
}

/**用于排版的，没有padding*/
.flexcon.flexconnopadding >div{padding-right:0px;padding-bottom:0px;}
.flexcontitle{height:24px;line-height:24px;font-size:14px;font-weight:bold}

/**显示数字统计块*/
/*
<div class="flexcon flexlastp0 flexsp3">
	<div class="numstatcard">
		<div>
			<div>
				<div class="numcardtitle">总人数</div>
				<div class="numcardtext">老师：<span>100</span>，学生：<span>19000</span></div>
				<div class="numdown numcardrate">
					<img class="numcardsvgimg" src="down.svg" alt=""/>
					<span>51.5%</span>
					<img class="numcardsvgimg" src="info.svg" alt=""/>
				</div>
			</div>
		</div>
	</div>
	<div class="numstatcard">
		<div>
			<div>
				<div class="numcardtitle">总人数</div>
				<div class="numcardvalue">100</div>
				<div class="numup numcardrate">51.5%</div>
			</div>
		</div>
	</div>
</div>
*/
.numstatcard{position: relative;box-sizing: border-box;}
.numstatcard >div{box-sizing: border-box;height: 100%;}
.numstatcard >div >div{position: relative;padding:12px;border-radius:6px;box-sizing: border-box; background: #f3f5fd;height: 100%;transition: ease all 0.5s}
.numstatcard >div >div >div{transition: ease all 0.5s}
.numstatcard >div >div >.numcardtitle{clear:both;font-size:12px;color:#848b99;overflow: hidden;outline: none; white-space: nowrap; text-overflow: ellipsis;line-height: 1.3}
.numstatcard >div >div >.numcardvalue{clear: both; font-size: 20px;line-height: 2;font-weight: bold;margin-top:10px; color:#282d33;
overflow: hidden;outline: none; white-space: nowrap; text-overflow: ellipsis;}
.numstatcard >div >div >.numcardtext{clear: both; font-size: 14px;line-height: 26px;margin-top:10px; color:#282d33;
overflow: hidden;outline: none; white-space: nowrap; text-overflow: ellipsis;}
.numstatcard >div >div >.numcardtext span{font-size: 14px;font-weight: bold; color:#282d33;}

.numstatcard >div >div >.numcardrate{font-size: 14px;position:absolute;right:12px;top:12px;color:#00bf5c;z-index: 3;overflow: hidden;
outline: none; white-space: nowrap; text-overflow: ellipsis;font-weight: 600;vertical-align: middle;line-height: 1}
.numstatcard >div >div >.numcardrate >span{line-height: 1;font-weight: 600;display: inline-block;}
.numstatcard >div >div >.numcardrate.numdown{color:#00bf5c}
.numstatcard >div >div >.numcardrate.numup{color:#cc1800}
.numcardinfo{color:#848b99;width: 14px;height: 14px;line-height: 1;display: inline-block; vertical-align: top;fill: currentColor;}
.numcardsvg{color:#848b99;width: 14px;height: 14px;line-height: 1;display: inline-block; vertical-align: top;fill: currentColor;}
.numcardsvgimg{width: 14px;height: 14px;line-height: 1;display: inline-block; vertical-align: top;fill: currentColor;}
.numstatcard >div >div >.numcardrate.numdown .numcardsvg,.numcardsvg.numdown{color:#00bf5c}
.numstatcard >div >div >.numcardrate.numup .numcardsvg,.numcardsvg.numup{color:#cc1800}

.numstatcard >div >div >img.numcardicon{position:absolute;right:0;bottom:0;max-height:50%;z-index: 2}

.numstatcard.act >div >div{background-image: linear-gradient(50deg, #de48a9 0%, #57bbdf 46%);}
.numstatcard.act >div >div >.numcardtitle,
.numstatcard.act >div >div >.numcardvalue,
.numstatcard.act >div >div >.numcardtext,
.numstatcard.act >div >div >.numcardrate{color:#fff;}

.numstatcard:hover >div >div{background-image: linear-gradient(50deg, #de48a9 0%, #57bbdf 46%)}
.numstatcard:hover >div >div >.numcardtitle,
.numstatcard:hover >div >div >.numcardvalue,
.numstatcard:hover >div >div >.numcardtext,
.numstatcard:hover >div >div >.numcardtext span,
.numstatcard:hover >div >div >.numcardrate{color:#fff;}

.numstatcard:hover >div >div >.numcardsvg{color:#fff!important;}

.numstatcard >div >div >.numcardvalue.textred{color:#f00;}
.numstatcard >div >div >.numcardvalue.textgreen{color:#0f0;}
.numstatcard >div >div >.numcardvalue.textblue{color:#00f;}
.numstatcard >div >div >.numcardvalue.textredd{color:#800;}
.numstatcard >div >div >.numcardvalue.textgreend{color:#080;}
.numstatcard >div >div >.numcardvalue.textblued{color:#090997;}
@media only screen and (max-width: 768px)
{
	.numstatcard >div >div >.numcardvalue{font-size:20px;}
}
/**异步表格*/

.asyndatatable{min-height:40px;position:relative}
.asyndatatable .asyndatatable-maindata{z-index:0;}
.asyndatatable >.loading{position:absolute;top:0;left:0;bottom: 0;right:0;background:#fff;display:none;padding:10px;box-sizing: border-box;border:1px solid #e1e6eb;z-index:2}
.asyndatatable >.loaderror{position:absolute;top:0;left:0;bottom: 0;right:0;background:#fff;display:none;padding:10px;box-sizing: border-box;border:1px solid #e1e6eb;z-index:1}

/**Gap tabs, flexicons*/
/**
<div class="framerow flexiconitems">
	<div>
		<div>
			<div class="zaui">
				<div class="iconitem">
					<img src="ztservernode/icons/server.png" style="vertical-align: middle">
					<div>
						<h3>Name</h3>
						<p>Desc</p>
					</div>
				</div>
			</div>
			<div class="flexitemops">
				<span class="zaui"><img src="images/icons/blue/pencil_x50.png" alt="编辑"/></span>
				<span class="zaui"><img src="images/icons/red/delete2_x50.png" alt="删除"/></span>
			</div>						
			<div class="flexitemmenus">
				<a>添加</a> <a>添加</a>
			</div>
		</div>
	</div>
	...
</div>
*/
.indexiconbox{background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,0.15);margin-bottom:16px;visibility: visible;}
.indexiconbox >div >.boxtitle{padding:16px;padding-bottom:0;}

.indexiconbox-noborder,.indexiconbox.noborder{background: #fff;margin-bottom:16px;visibility: visible;box-shadow: none;}

.flexiconitems{
	display:-webkit-flex;display:-moz-flex;display:-o-flex;display:-ms-flex;display:flex;justify-content:flex-start;flex-wrap: wrap;padding:16px 10px 0 10px;
	transition: all ease 0.5s;
}
/**图标调宽度会闪，使用先透明为0，加载完后再设置成1*/
.indexiconbox .flexiconitems,.indexiconbox-noborder .flexiconitems{-webkit-opacity:0;-o-opacity:0;-moz-opacity:0;opacity:0}

.flexiconitems >div{min-width: 220px;line-height: 30px;position:relative;padding:5px;overflow: hidden;flex:1 1 0;max-width: 300px;}
/**background:#dee1e6;,Deleted*/
.flexiconitems >div >div{border-radius: 10px;position: relative;height: 100%;transition: ease all 0.5s;min-height:85px;box-sizing: border-box}
.flexiconitems >div:hover >div{background:#C8DAEC}
.flexiconitems >div >div >div{padding:10px;}

.flexiconitems >div.fixeditem >div{background:none;border:1px solid #dee1e6;}
.flexiconitems >div.fixeditem:hover >div{background:#dee1e6;}

.flexiconitems >div >div >.flexitemops{position:absolute;top:5px;right:5px;padding:0;}
.flexiconitems >div >div >.flexitemops >span{
	display:inline-block;vertical-align: top;width:20px;height:20px;line-height: 20px;text-align: center;border-radius: 3px;
	background:rgba(255,255,255,0.5);cursor: pointer;
}
.flexiconitems >div >div >.flexitemops >span>img{width:16px;height:16px;vertical-align: middle}
.flexiconitems >div >div >.flexitemops >span:hover{background:#efefef;color:#fff}

.flexiconitems >div >div >.flexitemmenus{position:absolute;bottom:0px;left:75px;right:5px;padding:0;padding-bottom:6px;line-height:1.2}
.flexiconitems >div >div >.flexitemmenus >span,.flexiconitems >div >div >.flexitemmenus >a,.flexiconitems >div >div >.flexitemmenus >img{display:inline-block; vertical-align: middle;}


.iconitem{position:relative;padding:12px 0px;}
.iconitem >div{padding-left:65px;}
.iconitem >div >h3{font-size:16px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;line-height:1.5;}
.iconitem >div >p{color:#aaa;line-height:1.2;font-size:14px;}
.iconitem >img{position:absolute;left:6px;top:18px;width:36px;height:36px;overflow: hidden; vertical-align: middle}


@media only screen and (max-width: 768px)
{
	.flexiconitems >div{min-width: 33.3%}
	.flexiconitems{padding:5px 0px 0 0px}	
	.flexiconitems >div >div >div{padding:5px;}
	.iconitem >img{top:18px;width:24px;height:24px;}
	.iconitem >div{padding-left:48px;}
	.iconitem >div >h3{font-size:14px;}
	.iconitem >div >p{font-size:12px}
	
	.indexiconbox >div >.boxtitle{padding: 5px;line-height:24px;}
	
}
@media only screen and (max-width: 480px)
{	
	.flexiconitems >div{min-width: 50%;}	
}

.gaptab{background:#dee1e6;position: relative;overflow: hidden;}
.gaptab >div{display: block;overflow: hidden;}
.gaptab >div >div{width:10000px;}
.gaptab >span{display:none;position:absolute;top:0;bottom:0}
.gaptab >span>span{display:inline-block;height:100%;min-width:25px;background:rgba(255,255,255,0.5);color:#aaa;
	white-space: nowrap;line-height: 40px;
	cursor: pointer;text-align: center;box-sizing: border-box;
}
.gaptab >span.gaptab-leftnav{left:0;}
.gaptab >span.gaptab-rightnav{right:0;}
.gaptab-toexpend img{width:20px;height:20px;display:inline-block; vertical-align: middle}

.gaptab >span.gaptab-leftnav>span{border-right:1px solid #ccc;}
.gaptab >span.gaptab-rightnav>span{border-left:1px solid #ccc;}

.gaptab.gaptab-hasnav{padding-left:50px;padding-right:75px;}
.gaptab.gaptab-hasnav >span{display:block;}

.gaptab ul{list-style:none;display:inline-block;vertical-align: top;font-size:0;line-height:0;height:40px;white-space: nowrap;transition: all ease 0.5s}
.gaptab ul li{display:inline-block;height:100%;position:relative; vertical-align: top;padding:0px 10px;transition: all ease 0.5s}
.gaptab ul li >div{font-size:14px;line-height:40px;display:flex;flex-wrap: nowrap;justify-content: space-between;height:100%;transition: all ease 0.5s}

/**主体内容区*/
.gaptab ul li >div >div{padding:0 10px; vertical-align: top;color:#333}
.gaptab ul li >div >div:after{display:inline-block;height:100%;content:' ';width:1px;overflow: hidden; vertical-align: top}
.gaptab ul li >div >div>span{display:inline-block;vertical-align: middle;color:#333}
.gaptab ul li >div >div>a{display:inline-block;vertical-align: middle;color:#333}
.gaptab ul li >div >div>img{vertical-align:middle;max-height: 50%;}

.gaptabgapborder{width:1px;position:absolute;top:10px;bottom:10px;right:0;overflow: hidden;overflow: hidden;background:rgba(0,0,0,0.3);transition: all ease 0.5s}


.gaptabgap{width:10px;display:inline-block;position:absolute;top:0;bottom:0;overflow: hidden;transition: all ease 0.5s}

.gaptabgap.gaptabright{right:0px;}
.gaptabgap.gaptableft{left:0px;}

.gaptabgap:after{content:' ';display:block;width: 100%;transition: all ease 0.5s;position: absolute;bottom: 0;left: 0;right: 0;top:0;}
.gaptabgap.gaptabright:after{border-bottom-left-radius: 12px;}
.gaptabgap.gaptableft:after{border-bottom-right-radius: 12px;}



.gaptab ul li.act{}
.gaptab ul li.act:pre-child{}
.gaptab ul li.act .gaptabgapborder,.gaptab ul li.actpre .gaptabgapborder{background:rgba(0,0,0,0)}
.gaptab ul li.act >div{border-top-left-radius: 12px;border-top-right-radius: 12px;background:#fff;overflow: hidden}
.gaptab ul li.act >div >.gaptabgap{background:#fff;}
.gaptab ul li.act >div >.gaptabgap:after{background:#dee1e6;}

.gaptab ul li:hover{}
.gaptab ul li:hover >div{border-top-left-radius: 12px;border-top-right-radius: 12px;background:#f3f4f6;overflow: hidden}
.gaptab ul li:hover >div >.gaptabgap{background:#f3f4f6;}
.gaptab ul li:hover >div >.gaptabgap:after{background:#dee1e6;}

.gaptab.expendtab,.gaptab.expendtab.gaptab-hasnav{padding-left:0;padding-right:0;}
.gaptab.expendtab.gaptab-hasnav{padding-left:0;padding-right:25px;}
.gaptab.expendtab >div{}
.gaptab.expendtab >div >div{width:auto;padding:10px;}
.gaptab.expendtab ul{display:-webkit-flex;display:-moz-flex;display:-o-flex;display:-ms-flex;height:auto;white-space: normal;display:flex;flex-wrap: wrap;justify-content: flex-start}
.gaptab.expendtab ul li{padding:0 5px;transition:none}
.gaptab.expendtab ul li >div >div{padding:0 5px;}
.gaptab.expendtab .gaptabgap{display:none!important;}
.gaptab.expendtab ul li .gaptabgapborder{display:none}
.gaptab.expendtab ul li.act >div{border-radius: 12px;background:#fff;overflow: hidden}
.gaptab.expendtab ul li:hover >div{border-radius: 12px;background:#f3f4f6;overflow: hidden }
.gaptab.expendtab >span>span.gapnavs{display:none}

.canselcolumn,td.canselcolumn{text-align:center;font-weight: bold;overflow: hidden;background:#ddd!important;}

.flexlabelitems{display:flex; flex-wrap: nowrap;line-height: 30px;}
.flexlabelitems >label{flex-basis: 100px;width: 100px; overflow: hidden;text-align: left; text-overflow: ellipsis; white-space: nowrap;line-height: 30px;}
.flexlabelitems.w80 >label{flex-basis: 80px;width: 80px;}
.flexlabelitems.w60 >label{flex-basis: 60px;width: 60px;}
.flexlabelitems.w50 >label{flex-basis: 5px;width: 50px;}
.flexlabelitems.w120 >label{flex-basis: 120px;width: 120px;}
.flexlabelitems.w150 >label{flex-basis: 150px;width: 150px;}
.flexlabelitems >div{flex-basis: 1;display: flex; flex-wrap: wrap;line-height: 30px; vertical-align: top}
.flexlabelitems >div >span{display:inline-block;padding:0 5px; vertical-align: top}
.flexlabelitems >div >a{display:inline-block;padding:0 5px; vertical-align: top}
.flexlabelitems >div >div{display:inline-block;padding:0 5px; vertical-align: top}


/*Guide Help*/
.gh_wrap{position:fixed;top:0;left:auto;box-sizing: border-box;padding:36px 0px; max-width:480px;bottom:0;right:0;
background:rgba(255,255,255,1);overflow: hidden;z-index:9998;border-left:5px solid rgba(0,193,222,1);min-width: 240px}
.gh_wrap.gh_max{max-width: 90%;width:1280px;}
.guidehelpgroups{zoom:1;overflow: hidden;width:100%;height:100%;display: block;overflow-y:auto}
.guidehelpgroups:after{content:'.';display:block;height:1px;width:100%;clear:both;background:none;overflow: hidden}

.guidehelpgroups .guidehelpgroup{float:left;width:20%;overflow: hidden;height:310px;box-sizing: border-box;padding:10px;}
.guidehelpgroups .guidehelpgroup .gh_items{padding:10px;box-sizing: border-box;height:220px;overflow-y: auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}

.gh_name{overflow:hidden;background:#efefef;}
.gh_name h1{font-size:20px;padding:16px 8px;margin:0;line-height:1.4;text-align: left;font-weight:bold;color:#000}

/*
.gh_wrap .gh_showitem{position:absolute;left:20px;right:20px;bottom:20px;top:20px;background:rgba(255,255,255,0.96);border:1px solid #00f;z-index:19999999;border-radius:24px;display:none;}
*/
.gh_wrap .gh_showitem{position:absolute;left:0px;right:0px;bottom:0px;top:40px;padding-top:0px;  
	background:rgba(255,255,255,0.99);border:0px solid #00f;z-index:9999;border-radius:0px;display:none;
}
.gh_wrap .gh_showitem .gh_close{position:absolute;right:0;top:0;background:#00f;width:48px;height:36px;text-align: center;line-height:36px;color:#fff;}

.gh_wrap .gh_showitem > .gh_showitemcotent{padding:20px;overflow-y:auto;height:100%;box-sizing: border-box}
.gh_wrap .gh_showitem > .gh_showitemcotent >h1{font-size:20px;padding:16px 0px;margin:0;line-height:1.4;font-weight:bold;color:#000}
.gh_wrap .gh_showitem > .gh_showitemcotent >div{line-height:1.5;font-size:16px;}

.gh_wrap .gh_show_e40wo{position:absolute;left:0px;right:0px;bottom:0px;top:40px;padding-top:0px;  
	background:rgba(255,255,255,0.99);border:0px solid #00f;z-index:9999;border-radius:0px;display:none;
}
.gh_wrap .gh_show_e40wo .gh_close{position:absolute;right:0;top:0;background:#00f;width:48px;height:36px;text-align: center;line-height:36px;color:#fff;}

.gh_wrap .gh_show_e40wo > .gh_show_e40wo_content{padding:20px;overflow-y:auto;height:100%;box-sizing: border-box}
.gh_wrap .gh_show_e40wo > .gh_show_e40wo_content >h1{font-size:20px;padding:16px 0px;margin:0;line-height:1.4;font-weight:bold;color:#000}
.gh_wrap .gh_show_e40wo > .gh_show_e40wo_content >div{line-height:1.5;font-size:16px;}
.wolist div{margin-top:12px;}
.wolist div h3{font-size:14px;line-height:1.5;color:#0E50C3}
.womain-info h2{font-size:14px;font-weight: bold;margin-bottom:10px;}
.womain-info p{font-size:14px;line-height: 1.4}
.woreplytext p{font-size:14px;line-height: 1.4}

.timeline.woreply-ptype-0 >dt >span.tl-c{background:#0f0}
.timeline.woreply-ptype-1 >dt >span.tl-c{background:#00a}

.woreplytext img{max-width: 100%!important;max-width: 100%}
.womain-info img{max-width: 100%!important;max-width: 100%}

.gh_wrap .gh_showe40wo_all{position:absolute;left:60px;top:0;background:#279FD1;height:36px;text-align: center;line-height:36px;width:68px;color:#fff;;z-index:9999}
.gh_wrap .gh_close_all{position:absolute;right:0;top:0;background:#f00;width:48px;height:36px;text-align: center;line-height:36px;color:#fff;;z-index:9999}
.gh_wrap .gh_maxmin_all{position:absolute;left:0;top:0;background:#f00;width:48px;height:36px;text-align: center;line-height:36px;color:#fff;;z-index:9999}

.gh_items img{max-width: 100%!important; max-width:100%;overflow: hidden;}
.gh_searchbox{position: absolute;bottom:0;left:0;right:0;text-align: center;background:#fff;padding:5px;}
.gh_searchbox input.gh_searchq{width:100px;} 
.gh_tipmsg{position: absolute;bottom:80px;left:0;right:0;text-align: center;padding:5px;display:none}
.gh_tipmsg >div{display:inline-block;padding:10px;line-height:1.2;background:#efefef;color:#444;}
/*
@media only screen and (max-width: 2000px)
{
	.guidehelpgroups .guidehelpgroup{width:25%}
}
@media only screen and (max-width: 1400px)
{
	.guidehelpgroups .guidehelpgroup{width:33.3%}
}
@media only screen and (max-width: 1000px)
{
	.guidehelpgroups .guidehelpgroup{width:50%}
}
@media only screen and (max-width: 760px)
{
	.guidehelpgroups .guidehelpgroup{width:100%;}
	
	.guidehelpgroups .guidehelpgroup{height:auto;}
	.guidehelpgroups .guidehelpgroup .gh_items{height:auto;overflow-y:hidden;}
	.gh_name{height:60px;}
	.gh_name h1{font-size:16px;}
}
*/
@media only screen and (max-width: 10000px)
{
	.guidehelpgroups .guidehelpgroup{width:100%;}
	
	.guidehelpgroups .guidehelpgroup{height:auto;}
	.guidehelpgroups .guidehelpgroup .gh_items{height:auto;overflow-y:hidden;}
	.gh_name{}
	.gh_name h1{font-size:16px;}
}
@media only screen and (max-width: 480px)
{
	.gh_wrap{max-width:100%;width:100%;}
	.gh_wrap.gh_max{max-width:100%;width:100%;}
	
	.guidehelpgroups .guidehelpgroup{width:100%;}
	
	.guidehelpgroups .guidehelpgroup{height:auto;}
	.guidehelpgroups .guidehelpgroup .gh_items{height:auto;overflow-y:hidden;}
	.gh_name{height:60px;}
	.gh_name h1{font-size:16px;}
}

.guidehelpgroups .guidehelpgroup .gh_main{display:block;width:100%;overflow: hidden;height:100%;box-sizing: border-box;border:1px solid #ccc;}

.gh_items *{transition:all ease 0.5s}
.gh_items >ul{list-style:none;list-style-type: none;padding:0;margin:0;}
.gh_items >ul >li{display:block;overflow: hidden;}
.gh_items >ul >li >h2{font-size:16px;line-height:2;padding: 0;margin:0;padding-left:20px;font-weight:normal;
	position: relative;color:#119FED;cursor: pointer; white-space: nowrap; text-overflow: ellipsis;overflow: hidden}
.gh_items >ul >li >h2 >span{position:absolute;left:5px;top:13px;width:5px;height:5px;border-radius: 50%;background:#f00;overflow: hidden}
.gh_items >ul >li >h2:hover{color:#F81C5A}
.gh_items >ul >li .gh_content{display:none;}

.gh_helpcontent{}
.gh_helpcontent .gh_helpone{position:relative;overflow: hidden;line-height:25px;vertical-align: top;padding-bottom:10px;}
.gh_helpcontent.gh_num .gh_helpone,.gh_helpcontent .gh_helpone.gh_num{padding-left:40px;}
.gh_helpcontent.gh_num .gh_helpone >i,.gh_helpcontent .gh_helpone.gh_num >i{position: absolute;left:5px;width:30px;height:25px;overflow: hidden;color:#fff;background:#f00;text-align:center;font-style: normal}

.gh_helpcontent .gh_helpone >label{display:inline-block; vertical-align: top;font-weight: bold;border-bottom:1px solid #f00;}
.gh_helpcontent .gh_helpone >dt{display:inline-block; vertical-align: top;font-weight: bold;color:#119FED}

.gh_helpcontent .gh_helpone >p >img{width:auto!important;width:auto;max-width:100%;height: auto!important;height:auto;}

.index_rel{position:relative}
.gh_navquick{position:absolute;right:0;height:41px;top:0;width:80px;background:#f00;color:#fff;line-height:41px;text-align: center}

/**Message Center*/
.quicktitle{line-height:1.4;padding:16px 0px;font-weight: bold;}
.e40-message{border-bottom:1px dotted #ccc;margin-bottom:10px;font-size:12px;}
.e40-message >h2,.e40-message >h3{font-weight: normal;font-size:12px;}
.e40-message-readflag-1 >h3{color:#888}
.e40-message >dt{font-style: normal;color:#aaa;font-size:12px;}

/*istat style**/
.istat-group-cond{color:#00f}
.istat-sum-cond{color:#f00;}
.istat-sort-col{font-weight:bold;}
.istat-sort-col-1.istat-sort-col-type-0{color:#0a0!important}
.istat-sort-col-1.istat-sort-col-type-1{color:#c00!important}
td.ig, tr:hover td.ig{background:#efefef}

/**Search adv*/
.search-layout{}
.search-layout .search-adv{display:none}
.search-basic{ vertical-align: middle; position: relative;padding-right:40px;}
.search-basic .search-basic-buttons{display:inline-block;vertical-align: middle;line-height: 32px;}
.search-basic .search-basic-options{position: absolute;right:5px;top:0px; display:inline-block;}
.search-layout.search-showadv{}
.search-layout.search-showadv .search-basic .search-basic-buttons{display:none}
.search-layout.search-showadv .search-adv{display:block}

.search-basic .search-basic-options a{font-size:12px;}
.search-istat-anly{background:#BAE4F9;padding:0 10px;}

@media only screen and (max-width:760px)
{
	.search-basic .search-basic-buttons{display:block;clear:both;}
}

/**首页webparts*/
.e40index_itemlists{margin-bottom:16px;background: #fff;box-shadow: 0 1px 1px rgb(0 0 0 / 15%);visibility: visible;}
.e40index_itemlists >div{display:flex; flex-wrap: wrap;padding:8px 8px 0 8px}
.e40part_itemlists{margin-bottom:16px;background: #fff;box-shadow: 0 1px 1px rgb(0 0 0 / 15%);visibility: visible;}
.e40part_itemlists >div{display:flex; flex-wrap: wrap;padding:8px 8px 0 8px}

.e40partitem{flex-basis: 25%;width:25%;padding:8px;overflow: hidden;box-sizing:border-box;}
.e40partitem >div{height:100%;box-sizing:border-box;border:1px solid #63b2ee;border-radius: 10px;overflow: hidden} /**2px solid #003785, #539db7*/

.e40parttitle{background: #63b2ee;overflow: hidden} /**linear-gradient(50deg, #3d83e5 0%, #003785 61.8%),#63b2ee, #2993b9 old*/
.e40parttitle h3{margin:0;padding:0;font-weight:bold;font-size:14px;line-height: 30px;padding-left:5px;color:#333}

.e40part-loader{transition: all ease 0.5s}

.e40partlist{padding:5px;overflow: hidden;box-sizing: border-box;min-height: 60px;position: relative}
.e40partlist .loading{position:absolute;left:5px;right:5px;bottom:5px;top:5px; vertical-align: middle;background: rgba(255,255,255,0.9);color:#ccc}
.e40partlist .loading:after{display:inline-block;width: 1px;height:100%;overflow: hidden; vertical-align: middle}

.partitem{border-bottom:1px dashed #ccc;margin-bottom:5px;max-height: 53px}
.partitem.inline{border-bottom:none;margin-bottom:8px;max-height: 53px;display:inline-block;margin-right:8px;vertical-align: top}
.partitem >h3{font-size:12px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 20px;height:20px;}
.partitem >p,.partitem >div{font-size:12px;color:#666;line-height:16px;max-height:32px;overflow: hidden;vertical-align: middle;padding-bottom:5px;}

.status-flag{display:inline-block;background:#ccc;border:0px solid #ccc; vertical-align: middle;
	padding:2px 3px;border-radius: 5px;overflow: hidden;font-size:12px;line-height: 12px;box-sizing: border-box;color:#333}

@media only screen and (max-width: 1680px)
{
	.e40partitem{flex-basis: 33.3%;width:33.3%;}
}
@media only screen and (max-width: 1200px)
{
	.e40partitem{flex-basis: 50%;width:50%;}
}
@media only screen and (max-width: 760px)
{
	.e40partitem{flex-basis: 100%;width:100%;padding:3px;padding-bottom: 8px;padding-top:8px;}
	.e40part_itemlists >div{padding:3px 3px 0 3px}
}
/**已知状态定义*/
.status-scrm-plan-0{background:#800;color:#fff;}
.status-scrm-plan-1{background:#080;color:#fff;}
.status-scrm-plan-2{background:#E7B403;color:#fff;}
.status-scrm-plan-3{background:#730487;color:#fff;}
/*
scrm.plan.exestatus.0=未完成
scrm.plan.exestatus.1=已完成
scrm.plan.exestatus.2=已取消
scrm.plan.exestatus.3=部分执行
*/
.status-scrm-opp-0{}
.status-scrm-opp-1{background:#080;color:#fff;}
.status-scrm-opp-2{background:#B30002;color:#fff;}
.status-scrm-opp-3{background:#514C4C;color:#fff;}
.status-scrm-opp-4{background:#878787;color:#333;}

.eflow-finished-0{background:#800;color:#fff;}
.eflow-finished-1{background:#080;color:#fff;}
/*0-没有，1-已执行，2-自动执行，3-流程撤消，4-停留，等待用户重新提交数据，5-超时未处理，6-处理中，7-删除*/
.eflow-opflag-0{background:#a00;color:#fff;}
.eflow-opflag-1{background:#080;color:#fff;}
.eflow-opflag-2{background:#0b0;color:#fff;}
.eflow-opflag-3{}
.eflow-opflag-4{}
.eflow-opflag-5{background:#800;color:#fff;}
.eflow-opflag-6{background:#00b;color:#fff;}
/**0，1红绿或绿红*/
.status-rg-0{color:#f00}
.status-rg-1{color:#080}
.status-gr-0{color:#080}
.status-gr-1{color:#f00}

.propnvc{background:#efefef;}
.propnvc>div,.propnvs{display:flex;flex-wrap: wrap;flex-grow: 1;}

.propnvc>div>div,.propnv{display:flex;flex-wrap: nowrap;flex-basis: 25%;width:25%;overflow: hidden;}
.propnvc>div>div>label,.propnv >label{flex-basis: 100px;overflow: hidden;padding:5px;color:#666}
.propnvc>div>div>p,.propnvc>div>div>div,.propnvc>div>div>span,
.propnv >p,.propnv >div,.propnv >span{display:block;margin:0;padding:0;padding:5px;flex-grow: 1}

@media only screen and (max-width: 1280px)
{
	.propnvc>div>div,.propnv{flex-basis: 33.3%;width:33.3%;}
}
@media only screen and (max-width: 960px)
{
	.propnvc>div>div,.propnv{flex-basis: 50%;width:50%;}
}
@media only screen and (max-width: 640px)
{
	.propnvc>div>div,.propnv{flex-basis: 100%;width:100%;}
}

.props{}
.props >h3{line-height:1.2;padding:5px 0px;overflow: hidden;color:#0A8FD9}
.props >h3 img{vertical-align: middle}

/**卡片显示内容*/
.card-list >div{display:flex;flex-wrap: wrap;justify-content:flex-start;padding-bottom: 0}
.cardc{flex-basis: 33.3%;width:33.3%;text-align: left;position:relative;padding-right:16px;padding-bottom:16px!important;}
.card{text-align: left;position:relative;padding-bottom: 0px!important;overflow: hidden}
.card >div{padding:30px 8px 25px 8px;background:#efefef;border-radius: 3px;padding-bottom: 8px}
.card >div >div{line-height:1.8;font-size:14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: flex;flex-wrap: nowrap;padding-bottom: 0;}

.card >div >div >label{flex-basis: 80px; width:80px;min-width: 80px; vertical-align: middle;text-align: justify;color:#888}
.card >div >div >span{vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.card >div >div img{vertical-align: middle}

.cards-title{font-size:14px;line-height:3;font-weight:bold;color:#000}
.card-title{font-size:14px;font-weight: bold;line-height:1.5}
.card .left{position:absolute;left:8px;top:8px;color:#000;font-size:12px;border-radius:3px;}
.card .ops,.card .right{position:absolute;right:8px;top:8px;color:#000;font-size:12px;display:block}
.card .lb{position:absolute;left:8px;bottom:5px;color:#000;font-size:12px;display:block}
.card .rb{position:absolute;right:8px;bottom:5px;color:#000;font-size:12px;display:block}

.card.card-verifystatus-0 .cardstatus{background:#efefef;}
.card.card-verifystatus-1 .cardstatus{background:#CCF9E1;}
.card.card-verifystatus-2 .cardstatus{background:#46C138;}
.card.card-verifystatus-3 .cardstatus{background:#C13F41;}


@media only screen and (max-width: 1280px)
{
	.cardc{flex-basis: 50%;width:50%;}
}
@media only screen and (max-width: 768px)
{
	.cardc{flex-basis: 100%;width:100%;padding-right:0;}
}
.cardc.force100,.quickinfo .cardc{flex-basis: 100%;width:100%;padding-right:0px;}

@media only print
{
	.cardc{flex-basis: 100%;width:100%;padding-right:0;}
	.propnvc>div>div,.propnv{flex-basis: 50%;width:50%;}
	.flowbuttonc{display:none}
	.card .ops{display:none}
}
/**ztc-ui-block,ztc-ui-inline*/
.ztc-ui{display:none}
.field .ztc-ui{margin-top:10px;}


/**左右列表选择器*/

.a2b-selector{}
.a2b-selector >div >div{width:50%;overflow:hidden;float:left;margin:0;padding:0;box-sizing:border-box}
.a2b-selector >div:after{display:block;content:' ';height:0;width:100%;clear:both;padding:0;margin:0;}
.a2b-selector >div:before{display:block;content:' ';height:0;width:100%;clear:both;padding:0;margin:0;}

/**固定头部*/
.a2b-selectablehead{}
.a2b-selectedhead{}

.a2b-selectablehead >div{display:block;margin-bottom:10px;overflow:hidden;}
.a2b-selectedhead >div{display:block;margin-bottom:10px;overflow:hidden;}
.a2b-selectedheadinside{display:none;overflow:hidden;}
.a2b-selectedheadinside >div{display:block;margin-bottom:10px;overflow:hidden;}

/**可选区*/
.a2b-selectable{min-height:20px;}
.a2b-selected{min-height:20px;}

.a2b-selectable .datalist{-webkit-overflow-scrolling: touch;overflow-scrolling: touch;overflow-y:auto}
.a2b-selected .datalist{-webkit-overflow-scrolling: touch;overflow-scrolling: touch;overflow-y:auto}

.a2b-selectable .datalist >div{display:block;margin-bottom:10px;overflow:hidden;cursor:pointer;position:relative}
.a2b-selected .datalist >div{display:block;margin-bottom:10px;overflow:hidden;cursor:pointer;position:relative}

.a2b-selectable .datalist >div >div{background:#efefef;padding:5px;margin-left:10px;margin-right:10px;overflow:hidden;}
.a2b-selected .datalist >div >div{background:#09F;color:#fff;padding:5px;margin-left:10px;margin-right:10px;overflow:hidden;}

@media only screen and (max-width: 640px)
{
	.a2b-selector >div >div{width:100%;}
	.a2b-selectedhead{display:none;}
	.a2b-selectedheadinside{display:block;}
	
	.a2b-selectable .datalist{max-height:200px;}
}

/**多选器e40mselect*/
.e40-mselect-display{display:flex;gap: 16px;flex-wrap: wrap;align-content: center;align-items:stretch}
.e40-mselect-display .e40-mselect-added-item{position:relative;}
.e40-mselect-display .e40-mselect-added-ops{}

.e40-mselect-inline.e40-mselect-display-c{}
.e40-mselect-inline.e40-mselect-display-c .e40-mselect-added-ops{width:100px;padding-left:5px;}
.e40-mselect-inline.e40-mselect-display-c .e40-mselect-global-btns{}

.e40-ms-select-common{margin-bottom:10px;}
.e40_global_mselect_usersearch{margin-bottom:10px;}

.mselectto-item{padding:8px;}
.mselectto-item-c{display:flex;position:relative}
.mselectto-item-c.mselectto-item-selected .mselectto-item{background:#C1E2F3}
.mselect-usersearch-ctls{display:none}
/**图表*/
.e40chartcon{display:flex;flex-wrap: wrap}
.e40chartcon >div{box-sizing: border-box;}
.e40chartcon >div >h2{line-height: 4;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;padding:0 10px;margin: 0;text-align: center;font-size:16px;font-weight: bold}
.e40chart{height:400px;width: 100%;margin:0 auto;}
.e40chart.maxw400,.e40chartcon >div.maxw400>.e40chart{max-width: 500px;}
.e40chartcon >div.maxwall{flex-grow: 1}
.e40chartcon >div.maxwall .e40chart{height:300px;}

.dtopcell{width:60px;text-align: center;padding:2px 5px;cursor: pointer}
.dtopcell >span{display: inline-block;padding:2px 5px;}
.dataline .dtopcell >span{display: inline-block;padding:2px 5px;border:1px solid #ccc;background:#ddd;border-radius:5px;}

.chartcon{display:flex;flex-wrap: wrap}
.chartcon >div{box-sizing: border-box;}
.chartcon >div >h2{line-height: 4;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;padding:0 10px;margin: 0;text-align: center;font-size:16px;font-weight: bold}
.chartchart{height:400px;width: 100%;margin:0 auto;}
.chartchart.maxw400,.chartcon >div.maxw400>.chartchart{max-width: 500px;}
.chartcon >div.maxwall{flex-grow: 1}
.chartcon >div.maxwall .chartchart{height:300px;}

@media only screen and (max-width: 640px)
{
	.e40chartcon >div.maxwall .e40chart{height:250px;}
	.chartcon >div.maxwall .chartchart{height:250px;}
}

.itemprops{}
.itemprops >p{padding-left:80px;position: relative;margin-top:5px;min-height: 22px;}
.itemprops >p >label{position: absolute;top:0;left:0;width:80px;padding-right:10px;overflow: hidden;box-sizing: border-box;font-weight: bold;color:#666;white-space: nowrap}
.itembtns{padding:16px 0px;}

span.i{width:20px;display:inline-block;height:20px;vertical-align: middle}


/**表格中显示内容限宽*/
.limitwidth-0 span.limitcell,.limitwidth-0 a.limitcell,
.limitwidth-1 span.limitcell,.limitwidth-1 a.limitcell{display:inline-block;vertical-align: middle}

.limitwidth-0 .limitcell{max-width:300px;white-space: pre-wrap;word-break: break-all;}
.limitwidth-1 .limitcell{max-width:300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

.limitcell.w350{max-width:350px;max-width: 350px!important;}
.limitcell.w250{max-width:250px;max-width: 250px!important;}
.limitcell.w400{max-width:400px;max-width: 400px!important;}
.limitcell.w200{max-width:200px;max-width: 200px!important;}

/**详情页显示*/
.detailbuttons,.showbuttons{background:#efefef;padding:16px 0px;bottom:-60px;}
.detailbuttons-fixed{position:fixed;bottom:0;left:0;right:0;z-index: 100;text-align: center;border-top:1px solid #444;transition: all ease 0.5s}
body.hasmenu .detailbuttons-fixed{left:240px;}
@media only screen and (max-width: 1024px)
{
body.hasmenu .detailbuttons-fixed{left:0px;}
}

.lbldatatable{}
.lbldatatable tr td{padding:5px;}
.lbldatatable tr td.lbl{color:#aaa;}
.lbldatatable tr td.datavalue{font-weight:normal}


tr.objintable-tbhd td,tr.head td,tr.head td{white-space:nowrap}
td.lbl,td.price,td.money,td.number{white-space:nowrap}

.objtablec{overflow-x:auto}
.objtablec >table{min-width:100%;}
.objtablec >table tr td{white-space:nowrap;padding:3px}
.objtablec >table tr td.wraped{white-space:pre-wrap;min-width: 200px;}
.objtablec >table tr.hd td{background:#efefef;}

.objsubblock{}
.objsubblock >div >h2{font-size:14px;font-weight: bold;padding:10px 0;margin:0;color:#000}

.objsubitem{padding-bottom:16px;}
.objsubitem >h3{font-weight:bold;font-size:14px;}
.objsubitem >dt{font-size:12px;color:#888888}
.objsubitem >.content{}
.objsubitem >.ops{padding:8px 0px;}

.objintablec >table tr.objintable-tbhd td{background:#efefef}
.objintablec >table tr td{padding:5px}

/**<div class="blockdisplayed"><span class="labelarrow"><i></i></span> <span class="labelname"></span></div>*/
.labelname{display:inline-block;font-weight: bold;vertical-align: middle}
.labelarrow{display:inline-block;vertical-align: middle}
.labelarrow:after{display:inline-block;content:' ';width:1px;overflow: hidden;height:100%;}
.labelarrow >i{display:inline-block;width:16px;height:16px;overflow: hidden;vertical-align:middle;background:url(/images/next_x16.png) no-repeat center center;transition: all 0.3s ease}
.blockdisplayed>.labelarrow >i{transform: rotate(90deg)}
.blocktaphead{color:#2B56E0;background:#f0f0f0;}

.tmpsel-itemlist{margin:16px 0px;overflow: hidden;border-top:1px solid #ccc;}
.tmpsel-itemlist >div{color:#888;padding:8px 0px 0px;}
/**隐藏版权信息*/
.e40hide-1{visibility:hidden!important;visibility: hidden}

/**TODO，CALendar*/
.todowrap{box-sizing:border-box;border:1px solid #aaa;border-radius:5px;overflow: hidden;background:#fff;}
.e40homepage .todowrap{margin-bottom:16px;}
.todowrap >div{height:100%;box-sizing: border-box;}
.todowrap >div>div{height:100%;box-sizing: border-box;overflow: hidden;overflow-y: auto;position: relative}
.todowrapin{display:flex;flex-wrap: wrap;flex-direction: row}
.todogroups{border-right:1px solid rgba(0,0,0,0)!important;background:#efefef}

.todoloading{position:absolute;top:5px;left:5px;background:#ccc;padding:5px;}
.todoerror{padding:5px;}

.todogroup-item{border-bottom:1px solid rgba(0,0,0,0);position:relative;min-height:62px;margin-top:16px;}
.todogroup-item.act{background:#fff;}
.todogroup-item .todogroup-data{padding-left:68px;padding-top:10px;}
.todogroup-item .todogroup-icon{width:60px;overflow: hidden;position:absolute;left:0;top:0;text-align: center}
.todogroup-item .todogroup-icon >div{margin:6px auto;width:48px;height:48px;border-radius: 5px; overflow: hidden;
background:#efefef;text-align: center;line-height:48px;white-space: nowrap;font-size:14px;}
.todogroup-item.blue .todogroup-icon >div{background:#00b6ff;color:#fff}
.todogroup-item.red .todogroup-icon >div{background:#a30100;color:#fff}
.todogroup-item.green .todogroup-icon >div{background:#2cc756;color:#fff}
.todogroup-item.orange .todogroup-icon >div{background:#ff3b21;color:#fff}
.todogroup-item.yellow .todogroup-icon >div{background:#9fa300;color:#fff}
.todogroup-item.dblue .todogroup-icon >div{background:#03746c;color:#fff}
.todogroup-item.purple .todogroup-icon >div{background:#5b11b9;color:#fff}
.todogroup-item.lblue .todogroup-icon >div{background:#033474;color:#fff}
.todogroup-item.mblue .todogroup-icon >div{background:#1759af;color:#fff}

.todogroup-badage{position:absolute;right:5px;top:5px;padding:0 5px;border-radius: 50%;height:24px;max-width:60px;white-space: nowrap;min-width:24px;text-align: center;line-height: 24px;font-size:12px;background:#f00;color:#fff;}
.todogroup-leak-badage{position:absolute;right:5px;top:5px;padding:0 5px;border-radius: 50%;height:24px;max-width:60px;white-space: nowrap;min-width:24px;text-align: center;line-height: 24px;font-size:12px;background:rgba(0,0,255,0.3);color:#fff;}
.todogroup-date{font-size:12px;color:#888;}
.todogroup-desc{font-size:12px;color:#888;}

.todo-item{padding:6px;border-left:3px solid #ccc;background:#efefef;margin-bottom:16px;position:relative}
.todo-item >h2{font-size:16px;}
.todo-item >dt{font-size:12px;color:#888}

.todo-item-list{padding:5px;}
.todolist{padding:11px;}

.quickemevent-events{padding:0 5px;padding-bottom:0!important}
.quickemevent-line{line-height:29px!important;padding:0 5px;
padding-bottom:0!important;box-sizing: border-box;min-height:30px;box-sizing: border-box;position: relative;}
.quickemevent-line >.quickemevent-title{line-height:29px!important;}
.quickemevent-line.emevent{border-left:3px solid #ccc;background:#efefef;border-bottom:1px solid #fff;min-height:30px;box-sizing: border-box;margin-bottom:16px;}
.quickemevent-line.emevent.blue{border-left:3px solid #1180d4;background:#aed5f2}
.quickemevent-line.emevent.red{border-left:3px solid #e85562;background:#f6c9cd}
.quickemevent-line.emevent.green{border-left:3px solid #53d44e;background:#c4f0c4}
.quickemevent-line.emevent.purple{border-left:3px solid #8f6ebd;background:#d8cdeb;}
.quickemevent-line.emevent.orange{border-left:3px solid #ff9412;background:#fcdeb9;}
.quickemevent-line.emevent.yellow{border-left:3px solid #fff112;background:#fcf9b9;}
.quickemevent-line.emevent.passed-1{border-left:3px solid #ccc;background:#efefef;}
.quickemevent-line.emevent.passed-1 .quickemevent-title{color:#666}
.quickemevent-status{position:absolute;top:5px;right:5px;height:20px;font-size:12px;line-height: 20px;padding:0 5px;border-radius: 3px;}
.curstatus-0 .quickemevent-status{display:none}
.curstatus-1 .quickemevent-status{border:1px solid #53d44e;background:rgba(0, 255, 0, 0.2);}
.curstatus-2 .quickemevent-status{border:1px solid #e85562;background:rgba(255, 0, 0, 0.2);}
.todotitle >h1{font-size:16px;font-weight: bold;line-height:2;padding:16px 0px;}


.todo-items{padding:0 5px;padding-bottom:0!important}
.todo-item{line-height:29px!important;padding:0 5px;
padding-bottom:0!important;box-sizing: border-box;min-height:30px;box-sizing: border-box;position: relative;}
.todo-item >.todo-item-title{line-height:29px!important;}
.todo-item{border-left:3px solid #ccc;background:#efefef;border-bottom:1px solid #fff;min-height:30px;box-sizing: border-box;margin-bottom:16px;}
.todo-item-desc{font-size:12px;color:#888;}
.todo-item.blue{border-left:3px solid #1180d4;background:#aed5f2}
.todo-item.red{border-left:3px solid #e85562;background:#ffebf2}
.todo-item.green{border-left:3px solid #53d44e;background:#c4f0c4}
.todo-item.purple{border-left:3px solid #8f6ebd;background:#d8cdeb;}
.todo-item.orange{border-left:3px solid #ff9412;background:#fcdeb9;}
.todo-item.yellow{border-left:3px solid #fff112;background:#fcf9b9;}

.todo-item.none{border-left:3px solid rgba(0,0,0,0);background:none;}
.todo-numtips{display:flex;}
.todo-numtips >div{padding:10px;text-align: center;width:33.3%}
.todo-num{font-weight:bold;font-size:24px;}

.todo-item.passed-1{border-left:3px solid #ccc;background:#efefef;}
.todo-item.passed-1 .todo-item-title{color:#666}
.todo-item-status{position:absolute;top:5px;right:5px;height:20px;font-size:12px;line-height: 20px;padding:0 5px;border-radius: 3px;}
.curstatus-0 .todo-item-status{display:none}
.curstatus-1 .todo-item-status{border:1px solid #53d44e;background:rgba(0, 255, 0, 0.2);}
.curstatus-2 .todo-item-status{border:1px solid #e85562;background:rgba(255, 0, 0, 0.2);}
.todotitle >h1{font-size:16px;font-weight: bold;line-height:2;padding:16px 0px;}

/**消息列表*/
.e40msg-item{padding:6px;border-left:3px solid #ccc;background:#efefef;margin-bottom:16px;position:relative}
.e40msg-item >h2{font-size:16px;}
.e40msg-item >dt{font-size:12px;color:#888}

.e40msg-item-list{padding:5px;}
.e40msg-items{padding:0 5px;padding-bottom:0!important}
.e40msg-item{line-height:29px!important;padding:0 5px;
padding-bottom:0!important;box-sizing: border-box;min-height:30px;box-sizing: border-box;position: relative;}
.e40msg-item >.e40msg-item-title{line-height:29px!important;}
.e40msg-item{border-left:3px solid #ccc;background:#efefef;border-bottom:1px solid #fff;min-height:30px;box-sizing: border-box;margin-bottom:16px;}
.e40msg-item.msg-read-flag-0{border-left:3px solid #ccc;background:#efefef;}
.e40msg-item-desc{font-size:12px;color:#888;}
.e40msg-item.blue,.e40msg-item.msg-read-flag-0{border-left:3px solid #1180d4;background:#aed5f2}
.e40msg-item.red{border-left:3px solid #e85562;background:#f6c9cd}
.e40msg-item.green{border-left:3px solid #53d44e;background:#c4f0c4}
.e40msg-item.purple{border-left:3px solid #8f6ebd;background:#d8cdeb;}
.e40msg-item.orange{border-left:3px solid #ff9412;background:#fcdeb9;}
.e40msg-item.yellow{border-left:3px solid #fff112;background:#fcf9b9;}


.caltoolbar{padding:0px 0 8px 0;}

.caltabs{text-align:center;display:flex;align-content: center;justify-content: center}
.caltabs >.caltab{display:inline-block;list-style:none;overflow: hidden;border-radius:5px;padding:0;margin:0;line-height:0;font-size:0;border:0px solid #0626E1}
.caltabs >.caltab li{display:inline-block;background:#0068de;color:#fff;padding:0;margin:0;font-size:14px;line-height:35px;border:none;padding:0px 8px;}
.caltabs >.caltab li:nth-child(1){border-right:none;}
.caltabs >.caltab li:nth-child(2){border-left:1px solid #fff;border-right:1px solid #fff}
.caltabs >.caltab li:nth-child(3){border-left:none;}
.caltabs >.caltab li:last-child{border-right:none;}

.caltabs >.caltab li.act{background:#00c1de}

.caltabs >.caltab:first-child{margin-right:8px;}

.cat_mdate{display:block;color:#444;font-size:12px;}


ul.calnav {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: flex;
    overflow: hidden;
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #63b2ee/*#0068de*/;
    color: #333;
	height:35px;line-height:35px;vertical-align: middle;
}
ul.calnav >li{vertical-align:middle;line-height: 33px;padding:0 5px;}
ul.calnav >li img{vertical-align:middle;}
.calnavbutton{}
.calnavbutton{vertical-align: middle;padding:0;margin:0;box-sizing: border-box;line-height: 0;}
.calnavbutton >*{vertical-align:middle;line-height:27px;display: inline-block}
.calnavbutton img{margin:0;padding:0;}
.calnavbutton span{font-size:14px;}

.cal-datesel{border:1px solid #fff;width:105px;font-size:12px;height:24px;line-height: 24px;}
.cal-outer-nav{margin-top:8px;}

.emeventwrap{box-sizing:border-box;border:1px solid #ccc;border-radius:5px;overflow: auto;}
.emeventwrap >div{height:100%;box-sizing: border-box;}
.emeventwrap >div>div{height:100%;box-sizing: border-box;position: relative;}
.emeventwrapin{display:flex;flex-wrap: wrap;flex-direction: column}



.emeventcell-layout{display:flex;flex-wrap: wrap}
.emeventcell-layout >div{width:14.28%;flex-basis: 14.285%;}

.emevent-celltype-1 .emeventcell-layout >div{width:100%;flex-basis: 100%;}

.emevent-celltype-0,.emevent-celltype-2{min-width:1024px;}

.emeventcell-hd{height:30px;line-height:30px;background:#ccc;}
.emeventcell-datacol{box-sizing:border-box;overflow: hidden;margin:0;padding:0;border:1px solid rgba(0,0,0,0);transition:all ease 0.5s;position: relative}
.emeventcell-datacol:hover{border:1px solid #043AE5;}
.emeventcell-datacol.emeventcell-datacol-today{border:2px solid #f00;}
.emeventcell-datacol-notcurmonth{background:#eee;}

.emevent-date{color:#888}
.emeventcell-cal{position:relative;overflow: hidden}
.emevent-events{padding:0 5px;position: absolute;left:0;right: 0;top:30px;bottom: 0px;overflow: hidden;}
.emevent-more{display:none;position:absolute;left:0;bottom:0;right:0;height:5px;background:#fff;text-align: center;}
.emevent-more>.emevent-circle{position:absolute;right:45%;bottom:0;width:40px;height:40px;border-radius: 50%;font-size:12px;background:rgba(220,220,220,0.9);border:1px solid #ccc;text-align: center;line-height: 40px;white-space: nowrap;}

.emevent-line{line-height:29px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding:0 5px;box-sizing: border-box;height:30px;box-sizing: border-box;position: relative;padding-right:30px;}
.emevent-line.emevent{border-left:3px solid #ccc;background:#efefef;border-bottom:1px solid #fff;height:30px;box-sizing: border-box}
.emevent-line.emevent.blue{border-left:3px solid #1180d4;background:#aed5f2}
.emevent-line.emevent.red{border-left:3px solid #e85562;background:#f6c9cd}
.emevent-line.emevent.green{border-left:3px solid #53d44e;background:#c4f0c4}
.emevent-line.emevent.purple{border-left:3px solid #8f6ebd;background:#d8cdeb;}
.emevent-line.emevent.orange{border-left:3px solid #ff9412;background:#fcdeb9;}
.emevent-line.emevent.yellow{border-left:3px solid #fff112;background:#fcf9b9;}

.emevent-status{position:absolute;top:5px;right:5px;height:10px;font-size:12px;width:10px;padding:0 0px;border-radius: 50%;}
.curstatus-0 .emevent-status{display:none}
.curstatus-1 .emevent-status{border:1px solid #53d44e;background:rgba(0, 255, 0, 0.8);}
.curstatus-2 .emevent-status{border:1px solid #e85562;background:rgba(255, 0, 0, 0.8);}