html, body, div, span, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, address, big, em, font, img, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;padding:0;border:0;outline:0;
	vertical-align:baseline;
	background:transparent;
}
body {
	font-family:'MicroSoft Yahei',Arial,SimSun,Helvetica,sans-serif;
	font-size:12px;
	height:100%;
	background-color:#ebeef2;
	color:#333;
}

/* layout - homePage
-------------------------------------------------------------------*/
.frame-header {
	display:table;
	width:100%;height:50px;
	position:fixed;top:0;left:0;z-index:8;
	background-color:#e5287e;
	box-shadow:0 0 3px #222;
}
.frame-header > div {
	display:table-cell;
	vertical-align:middle;
	font-size:14px;
	color:#fff;
}
.frame-header > div:last-child {
	padding-right:10px;
	text-align:right;
}
.frame-header span.frame-header-site {display:inline-block;margin:0 15px;padding:5px 15px;border-radius:4px;}
.frame-header-site:hover {cursor:pointer;background-color:#fff;color:#3292e6;}
.current-frame-header-site {background-color:#fff;color:#3292e6;}
.frame-header img {margin:0 10px;}
.frame-header img:hover {cursor:pointer;opacity:0.8;}

.frame-header .login-user-head {
	display:inline-block;
	margin:0 10px 0 20px;
	vertical-align:middle;
	width:42px;
	height:42px;
	background-color:#fff;
	background-image:url("/yuying/style01/icon/girl-head.png");
	background-repeat:no-repeat;
	background-size:contain;
	border-radius:21px;
}
.frame-header .login-user-head:hover {cursor:pointer;}
.frame-header .login-user-title {
	vertical-align:middle;
	width:42px;
	height:42px;
	color:#fff;
}

.frame-side {
	width:140px;height:100%;
	position:fixed;top:51px;left:0;z-index:6;
	background-color:#fff;color:#666;
	box-shadow:0 0 3px #888;
}
.frame-side > .frame-side-group:first-child {margin-top:10px;}
.frame-side-menu {
	height:42px;
	line-height:42px;
	font-size:14px;
	padding-left:6px;
}
.frame-side-menu img {vertical-align:middle;margin:-3px 5px 0 5px;}
.frame-site-group .frame-side-menu img {vertical-align:middle;margin:1px 10px 0 10px;}
.frame-side-menu:hover {background-color:#e3f2fd;cursor:pointer;}
.current-frame-side-menu {background-color:#e3f2fd;}

.frame-side-submenu {
	height:28px;line-height:28px;
	padding-left:44px;
}
.frame-side-submenu:hover {color:#3292e6;cursor:pointer;}
.current-frame-side-submenu {color:#3292e6;}

/* 待办数量角标*/
.frame-side span.sumnum-active {
	font-size:12px;
	background-color:#3292e6;
	color:#fff;
	margin-left:10px;
	padding:0 5px 0 3px;
	border-radius:5px;
}

.frame-wrapper {margin:68px 22px 40px 155px;box-shadow:0 0 15px #ccc;}

.frame-main {background-color:#fff;min-height:580px;padding:0 20px 20px 20px;}

/* layout - soloCard
-------------------------------------------------------------------*/
.page-header {
	position:fixed;top:0;left:0;z-index:9;
	width:100%;height:46px;
	background-color:#e5287e;color:#fff;
	box-shadow: 0 0 5px #e5287e;
	font-size:14px;
}
.page-header > div {display:table;width:1200px;margin:0 auto;}
.page-header > div > div {display:table-cell;height:46px;vertical-align:middle;}
.page-header > div > div:first-child {font-size:16px;}
.page-header .page-header-item {width:100px;text-align:center;}
.page-header .page-header-item+.page-header-item {border-left:1px solid #3292e6;}
.page-header .page-header-item:hover {cursor:pointer;background-color:#fff;color:#3292e6;}
.page-header .current-page-header-item {background-color:#fff;color:#3292e6;}


.object-topbar {
	position:fixed;top:47px;left:0;z-index:8;
	width:100%;
	background-color:#fff;
	box-shadow:2px 2px 3px #ccc;
}
.object-topbar > div {display:table;width:1200px;margin:0 auto;}
.object-topbar > div > div {display:table-cell;height:46px;line-height:46px;}
.object-topbar > div > div.operate-cell {text-align:right;}
.object-topbar > div > div.object-showcode {margin-left:10px;font-size:14px;}
.object-topbar .object-name {margin-left:10px;font-size:16px;}
.object-topbar .object-status {margin-left:10px;font-size:14px;color:#ff9802;}

.page-wrapper {width:1200px;margin:93px auto 42px auto;}



/* layout - div - main-page-top
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.main-page-top {
	width:100%;height:50px;line-height:50px;
	display:table;
	border-bottom:1px solid #bdbdbd;
}
.main-page-top > div {display:table-cell;height:42px;vertical-align:middle;}
.main-page-top > div:first-child {font-size:14px;}
.main-page-top > div.operate-cell {text-align:right;width:260px;}

/* layout - div - dtable
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.dtable {display:table;width:100%;}
.dtable > div {display:table-cell;vertical-align:top;}

/* layout - div - widget
-------------------------------------------------------------------*/
.widget {
	width:100%;
	margin:10px 0;
	background-color:#fff;
	box-shadow:0 0 3px #ccc;
}
.widget > .widget-head {display:table;width:100%;}
.widget > .widget-head > div {display:table-cell;}
.widget > .widget-head > div:first-child {padding:15px 5px 15px 20px;font-size:16px}
.widget > .widget-head > .widget-operate {text-align:right;padding-right:20px;}

.widget > .widget-body {padding:0 20px 20px 20px;}

/*
-------------------------------------------------------------------*/
/*
-------------------------------------------------------------------*/

/* html - element
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
label {cursor:pointer;}
pre {
	word-wrap: break-word; 
	word-break: normal;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	line-height:1.5em;
	font-family:'MicroSoft Yahei',Arial,SimSun,Helvetica,sans-serif;
}
input[type="text"] {
	font-family:'MicroSoft Yahei',Arial,SimSun,Helvetica,sans-serif;
}
select {
	font-family:'MicroSoft Yahei',Arial,SimSun,Helvetica,sans-serif;
}
img + img {margin-left:10px;}
table tbody img, .widget-head img {}
table tbody img:hover, .widget-head img:hover {cursor:pointer;opacity:1;}
.page-header img + img {margin-left:30px;}
.page-header img:hover,
.tb-title-bar img:hover {cursor:pointer;opacity:0.8;}

ul li {list-style:none;}

/* common
-------------------------------------------------------------------*/
.div-shadow {box-shadow:2px 2px 3px #ccc;}
.bg-color {background-color:#fff;}
.total-sum-number {color:#AE0000}
.bg-tip-color {background-color:#f8f8f8;}
.color-red {color:#ff5d65;}
.color-darkred {color:darkred;}
.color-orange {color:#ff9802;}
.color-tip {color:#ff9802;}
.color-green {color:green;}
.color-gray {color:#999;}
.tip-gray, .tip-red, .tip-orange {
	display:inline-block;
	font-size:11px;
	font-weight:normal;
}
.tip-gray {color:#999;}
.tip-gray + .tip-gray {margin-left:5px;}
.tip-red {color:red;}
.tip-red + .tip-red {margin-left:5px;}
.tip-orange {color:orange;}
.tip-orange + .tip-orange {margin-left:5px;}

.mini-link {font-size:11px;color:#16a0f3;}
.mini-link:hover {color:#3276b7;cursor:pointer;}
.n-link {color:#16a0f3;}
.n-link:hover {color:#3276b7;cursor:pointer;}
.hide {display:none;}
.right {float:right;}
.left {float:left;}
.text-lines-row {text-decoration:line-through;color:#666;}
.grade-one-row-bgcolor {background-color:#F8FFF8;} 
.big-number {font-size:22px;}

.page-bottom-tip {
	width:100%;
	margin:20px;
	color:#999;
}

.must-in {color:red;}
.indent-1 {padding-left:65px;}
.indent-2 {padding-left:130px;}

/* 对象排列 可删除 */
.om-unit {
	display:inline-block;
	margin:5px 10px 5px 0;
}
.om-unit > span:last-child {
	margin-left:3px;
	color:#16a0f3;
}
.om-unit > span:last-child:hover {
	cursor:pointer;
	color:#3276b7;
}
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a {text-decoration:none;cursor:pointer;}
a:link, a:visited {color:#3292e6;}
a:hover {color:#3276b7;}


/* top-sum-zone 顶部汇总值区域
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.top-sum-zone {
	background-color:#fff;
	margin-bottom:10px;
}
/* tree-panel
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.tree-panel li > ul {
	margin-left:25px;
}
.tree-panel .tree-level-flag {
	display:inline-block;
	width:8px;
	margin-right:3px;
}
.tree-panel .tree-node-title {
	display:inline-block;
	margin:3px 0;
}
.tree-panel .tree-node-title:hover {
	cursor:pointer;
	color:#3276b7;
}

.main-panel {
	background-color:#fff;
	padding:20px 20px 38px 20px;
}
/* main-page-top
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* page-tip
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.page-tip-top pre,
.page-tip-bottom pre {
	padding:0 20px;
	line-height:2em;
	border-radius:3px;
	background-color:#fff4c1;
}
/* Filter
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.filter-zone {display:table;width:100%;color:#666;}
.filter-zone > div {display:table-cell;height:46px;vertical-align:middle;}
.filter-zone > .filter-item > span+span {margin-left:10px;}
.filter-zone > .operate-cell {text-align:right;padding-right:10px;}

.filter-zone input[type="text"] {width:80px;}
.filter-zone input.input-date {width:75px;text-align:center;}
.filter-zone select {width:80px;}

/* Button
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.btn, .sbtn {
	padding:5px 20px;
	margin:0 5px;
	text-align:center;
	border-radius:5px;
}
.btn {
	background-color:#fff;
	border:1px solid #ccc;
}
.btn:hover {
	cursor:pointer;
	color:#16a0f3;
	border-radius:0;
	border:1px solid #16a0f3;
	border-radius:5px;
}
.sbtn {
	background-color:#3292e6;
	color:#fff;
}
.sbtn:hover {
	cursor:pointer;
	background-color:#3276b7;
	border-radius:5px;
}
.sbtn-attach {
	border-radius:20px 20px 20px 20px;
	background-color:#3292e6;
	padding:2px 15px;
	color:#fff;
}

.sbtn-attach:hover {
	cursor:pointer;
	background-color:#3276b7;
	border-radius:20px 20px 20px 20px;
}

.sbtn-attach-span {
	display:block;
	padding-bottom: 5px;
}

.minibtn {
	font-size:12px;
	padding:0 5px 1px 5px;
	background-color:#3292e6;
	color:#fff;
	border-radius:3px;
}
.minibtn + .minibtn {margin-left:2px;}
.minibtn:hover {
	cursor:pointer;
	background-color:#3276b7;
}
/* Table - common
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
table {table-layout:fixed;width:100%;border-collapse:collapse;color:#666;}
table thead th {
	text-align:left;
	padding:8px 5px;
	background-color:#cde8ff;border-bottom:1px solid #3292e6;
}
table tbody td {
	text-align:left;
	padding:10px 5px;
}

.tb-tr-line tbody tr:first-child,
.tb-tr-line tbody tr + tr {border-top:1px solid #bdbdbd;}

.tb-all-line thead,
.tb-all-line tbody tr {
	border:1px solid #bdbdbd;
}

.tb-cell-line thead th,
.tb-cell-line tbody td {
	border:1px solid #bdbdbd;
}

.tb-tr-focus tbody tr:hover {box-shadow:0 0 5px #aaa;}

.tb-fc-indent thead tr th:first-child,
.tb-fc-indent tbody tr td:first-child {
	padding-left:10px;
}

.tb-cell-fixed tbody tr td {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.tb-row-gray {color:#666;}
.tb-row-bold {font-weight:bold;}

.tb-text-center tr td {text-align:center;}

.tb-sumrow {background-color:#f5f5f5;}
.total-sum-num {color:darkred;}
.chinese-num {color:darkred;margin-left:5px;letter-spacing:1px;}

.tb-fix-row th, .tb-fix-row td {padding:0;height:0;}

div.tb-title-bar {display:table;width:100%;}
div.tb-title-bar > div {display:table-cell;vertical-align:middle;}
div.tb-title-bar > div:first-child {font-size:16px;padding:15px 5px 5px 0;}
div.tb-title-bar > div.operate-cell {text-align:right;}

.grade-one-row > td:first-child {
	padding:8px 5px;
	font-size:14px;
	font-weight:bold;
}
.grade-two-row > td:first-child {
	padding-left:30px;
}

/* table tb-card
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.tb-card tr:hover {background-color:#f4f5f7;}
.tb-card th, .tb-card td {padding:8px 5px;border:1px solid #bdbdbd;}
.tb-card th {width:16%;text-align:right;}
.tb-card td {width:34%;}
.tb-top-line tr:first-child {border-top:1px solid #bdbdbd;}

.tb-card input[type="text"] {
	width:320px;
	height:26px;
	padding:0 5px;
	font-family:'MicroSoft Yahei',Arial,SimSun,Helvetica,sans-serif;
}
.tb-card tr td .long-text-input {width:938px;}
.tb-card select {
	width:334px;
	height:28px;
	padding:0 5px;
	font-family:'MicroSoft Yahei',Arial,SimSun,Helvetica,sans-serif;
}
.tb-card textarea {
	width:900px;
	height:52px;
	padding:5px 0;
	font-size:12px;
	font-family:'MicroSoft Yahei',Arial,SimSun,Helvetica,sans-serif;
}
.tb-card .half-select {
	width:154px;
}

/* table tb-edit
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.tb-edit {
	width:1120px;
	margin:0 auto;
}
.tb-edit tr th {
	width:120px;
	padding:10px 5px 10px 0;
	text-align:right;
	vertical-align:middle;
	font-weight:normal;
	color:#666;
	border:1px solid #e2effb;
}
.tb-edit tr td {
	width:415px;
	padding:5px 5px;
	vertical-align:middle;
	border:1px solid #e2effb;
}
.tb-edit input[type="text"] {
	width:380px;
	height:26px;
	padding:0 5px;
	font-family:'MicroSoft Yahei',Arial,SimSun,Helvetica,sans-serif;
}
.tb-edit tr td .long-text-input {width:938px;}
.tb-edit select {
	width:390px;
	height:28px;
	padding:0 5px;
	font-family:'MicroSoft Yahei',Arial,SimSun,Helvetica,sans-serif;
}
.tb-edit textarea {
	width:938px;
	height:52px;
	padding:5px;
	font-size:12px;
	font-family:'MicroSoft Yahei',Arial,SimSun,Helvetica,sans-serif;
}
.tb-edit .half-select {
	width:194px;
}

/* table tb-list-edit
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.tb-list-edit tr+tr {border-top:1px solid #bdbdbd;}
.tb-list-edit tr:hover {background-color:#f4f5f7;}
.tb-list-edit tbody tr td {padding:2px 0;}
.tb-list-edit tbody tr td input[type=text] {
	width:95%;
	height:26px;
	padding:0;
	font-family:'MicroSoft Yahei',Arial,SimSun,Helvetica,sans-serif;
}
.tb-list-edit tbody tr td select {
	width:98%;
	height:28px;
	padding:0;
	font-family:'MicroSoft Yahei',Arial,SimSun,Helvetica,sans-serif;
	font-size:12px;
}
.tb-list-edit .tb-sum-row td:first-child {
	padding-left:10px;
}
.tb-list-edit .tb-sum-row td {
	padding:8px 1px;
}

/* page-operate
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.page-operate {
	position:fixed;bottom:0;left:0;width:100%;height:40px;
	background-color:#f8f8f8;
	border-top:1px solid #ccc;
}
.page-operate > div {
	width:1200px;
	margin:0 auto;
	display:table;
}
.page-operate > div > div {
	display:table-cell;
	padding-top:8px;
}
.page-operate > div > div:last-child {
	text-align:right;
}

/* 项目任务WBS结构表 */
.model-table thead tr th {
	text-align:center;
	font-size:16px;
	background-color:#f3f9ff;
}
.model-table thead tr .stage-active {
	background-color:#42b7fd;
	color:#fff;
}
.model-table tbody tr td {
	padding:5px 0;
	vertical-align:top;
}
.model-table .stage-operate-row td {
	height:16px;
	text-align:center;
	vertical-align:middle;
}
.model-table .stage-operate-row td img {
	width:16px;
	height:16px;
}
.model-table .stage-operate-row td img+img {margin-left:30px;}
.model-table .target-row td {
	height:60px;
	padding:10px;
}
.model-table .target-row td div {
	margin-left:22px;
}
.model-table .target-row td div+div {margin-top:5px;}
.model-table .target-row td div > span:hover {
	cursor:pointer;
	color:#3276b7;
}
.model-table .target-must {color:darkred;}

.model-table .task-row td {
	height:380px;
	padding:10px;
}

/* 列表分页  */
.pager {display:table;width:100%;color:#666;}
.pager > div {display:table-cell;height:30px;line-height:30px;padding:0 10px;}
.pager > div:last-child {text-align:right;}
.pager > div > span {display:inline-block;margin:0 3px;	}


/* TaskUnit 项目任务WBS
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.model-table .task-unit + .task-unit {
	margin-top:8px;
}
.model-table .task-unit img {
	margin-bottom:-2px;
}
.model-table .task-unit span {
	margin-left:3px;
}
.model-table .task-unit span:hover {
	cursor:pointer;
	color:#3276b7;
}
.model-table .task-unit > img:nth-child(2) {opacity:1.0;}

// 自定义Dialog组件 样式
.yuying_dialog_panel {
	position:fixed;
	top:0;
	left:0;
	z-index:11;
	width:100%;
	height:100%;
	background-color:#000;
	display:none;
}

/* chart-panel
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
div.filter-zone-shadow {
	background-color:#f8f8f8;
	box-shadow:0 0 2px #888;
}
div.filter-zone-shadow > div.filter-item {
	padding:5px 0;
	padding-left:20px;
}
div.chart-panel {
	background-color:#fff;
	padding:20px;
	margin:5px 0;
}
div.report-list {
	background-color:#fff;
	padding:20px;

}

div.chart-panel {
	background-color:#fff;
	padding:20px;
	margin:5px 0;
}

/* = 6 dropdpwn menu
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.ddmenu-box {
	position:relative;
	width:40px;
	text-align:center;
}
.ddmenu-box > ul {
	display:none;
	position:absolute;
	z-index:9;
	background-color:#fff;
	font-size:14px;
	font-weight:normal;
	padding:5px 8px;
	letter-spacing:1px;
}
.ddmenu-align-right {right:0;}
.ddmenu-align-left {left:0;}
.ddmenu-box ul > li {
	height:32px;
	line-height:32px;
	white-space:nowrap;
	color:black;
	text-align:center;
	width:110px;
	padding:0 6px;
	cursor:pointer;
}
.ddmenu-box ul > li:first-child {margin-top:5px;}
.ddmenu-box ul > li:last-child {margin-bottom:5px;}
.ddmenu-box ul li:hover {
	background-color:#42b7fd;
	color:#fff;
}
.ddmenu-box:hover > ul {
	padding:0 5px;
	display:block;
	border:1px solid #e2effd;
	box-shadow:2px 2px 2px #ccc;-moz-box-shadow:2px 2px 2px #ccc;-webkit-box-shadow:2px 2px 2px #ccc;
}
.ddmenu-box img:hover {opacity:0.8;}
/* mask layer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#yyMaskLayer {
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:98;
	background-color:#fff;
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
	text-align:center;
}
#yyMask {
	width:300px;
	height:300px;
	margin-top:100px;
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
}