/*
KISSY CSS Reset
理念：清除和重置是紧密不可分的
特色：1.适应中文 2.基于最新主流浏览器
*/

/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
	/* structural elements 结构元素 */ dl, dt, dd, ul, ol, li,
	/* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */
	fieldset, lengend, button, input, textarea, /* form elements 表单元素 */ th,
	td { /* table elements 表格元素 */
	margin: 0;
	padding: 0;
	list-style: none;
}
.v-modal{z-index: 2000 !important;}
/* 去掉文字、icon被双击出现的蓝色背景样式 */
.pageStyle .leftSide>* {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
} 
/* 设置默认字体 */
body, button, input, select, textarea { /* for ie */
	font-family: "微软雅黑";
}

font-family: "微软雅黑 ", 宋体, 黑体, Tahoma, Helvetica, Arial ;


h1 {
	font-size: 18px;
	font-weight: normal; /* 18px / 12px = 1.5 */
}

h2 {
	font-size: 16px;
	font-weight: normal;
}

h3 {
	font-size: 14px;
	font-weight: normal;
}

h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

address, cite, dfn, em, var {
	font-style: normal;
} /* 将斜体扶正 */
small {
	font-size: 12px;
} /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol {
	list-style: none;
}

/* 重置文本格式元素 */
a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

abbr[title], acronym[title] {
	/* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
	border-bottom: 1px dotted;
	cursor: help;
}

q:before, q:after {
	content: '';
}

/* 重置表单元素 */
legend {
	color: #000;
} /* for ie6 */
fieldset, img {
	border: none;
} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
/* button, input, select, textarea {
    font-size: 100%; 
} */
/*float*/
.fl {
	float: left;
}

.fr {
	float: right;
}
/* 重置 hr */
hr {
	border: none;
	height: 1px;
}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */ /*开启时页面Y轴处会有10PX空白*/
/* html { overflow-y: scroll; } */
.b_left_r5 { /*左边圆角*/
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	/*border-radius: 5px 0 0 5px;*/
}

.b_right_r5 { /*右边圆角*/
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	/*border-radius: 0 5px 5px 0;*/
}

.tab_border { /*table表格边框*/
	border-spacing: 0;
	border: 1px solid #E8D6D6;
	border-collapse: collapse;
}
/* table超出部分显示省略 */
.el-table td div, .el-table td .cell>span {
	overflow:hidden !important;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.el-table .el-table__row:first-child td:first-child div,
.el-table .has-gutter tr th:first-child div{
	overflow: visible;
	text-overflow: clip;
}

/*clear float*/
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0
}

.clearfix {
	zoom: 1
}

.el-loading-spinner{
	position:absolute !important;
	width:50px !important;
	height:50px !important;
	left:50% !important;
	margin:-25px 0 0 -25px !important;
}




.popupWindow, .popupWindow1 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	z-index: 9;
	background-color: #000;
}

/*common margin*/
.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.ml25 {
	margin-left: 25px;
}

.ml30 {
	margin-left: 30px;
}

.ml35 {
	margin-left: 35px;
}

.ml40 {
	margin-left: 40px;
}

.ml70 {
	margin-left: 70px;
}

.ml775 {
	margin-left: 77.5px;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}

.mr25 {
	margin-right: 25px;
}

.mr30 {
	margin-right: 30px;
}

.mr35 {
	margin-right: 35px;
}

.mr40 {
	margin-right: 40px;
}

.mr70 {
	margin-right: 70px;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt25 {
	margin-top: 25px;
}

.mt30 {
	margin-top: 30px;
}

.mt35 {
	margin-top: 35px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mt60 {
	margin-top: 60px;
}

.mt70 {
	margin-top: 70px;
}

.mt80 {
	margin-top: 80px;
}

.mt90 {
	margin-top: 90px;
}

.mt10 {
	margin-top: 10px;
}

.mt110 {
	margin-top: 110px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb35 {
	margin-bottom: 35px;
}

.mb40 {
	margin-bottom: 40px;
}

.mlr5 {
	margin: 0 5px;
}

.mlr10 {
	margin: 0 10px;
}

.mlr15 {
	margin: 0 15px;
}

.mlr20 {
	margin: 0 20px;
}

.mlr25 {
	margin: 0 25px;
}

.mlr30 {
	margin: 0 30px;
}

/*common padding*/
.pl5 {
	padding-left: 5px;
}

.pl10 {
	padding-left: 10px;
}

.pl15 {
	padding-left: 15px;
}

.pl20 {
	padding-left: 20px;
}

.pl25 {
	padding-left: 25px;
}

.pl30 {
	padding-left: 30px;
}

.pl35 {
	padding-left: 35px;
}

.pl40 {
	padding-left: 40px;
}

.pr5 {
	padding-right: 5px;
}

.pr10 {
	padding-right: 10px;
}

.pr15 {
	padding-right: 15px;
}

.pr20 {
	padding-right: 20px;
}

.pr25 {
	padding-right: 25px;
}

.pr30 {
	padding-right: 30px;
}

.pr35 {
	padding-right: 35px;
}

.pr40 {
	padding-right: 40px;
}

.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt25 {
	padding-top: 25px;
}

.pt30 {
	padding-top: 30px;
}

.pt35 {
	padding-top: 35px;
}

.pt40 {
	padding-top: 40px;
}

.plr5 {
	padding: 0 5px;
}

.plr10 {
	padding: 0 10px;
}

.plr15 {
	padding: 0 15px;
}

.plr20 {
	padding: 0 20px;
}

.plr25 {
	padding: 0 25px;
}

.plr30 {
	padding: 0 30px;
}

.padding5 {
	padding: 5px;
}

.padding10 {
	padding: 10px;
}

.padding15 {
	padding: 15px;
}

.padding20 {
	padding: 20px;
}

.padding25 {
	padding: 25px;
}

.padding30 {
	padding: 30px;
}

.padding35 {
	padding: 35px;
}

.padding40 {
	padding: 40px;
}

.padding45 {
	padding: 45px;
}

.padding50 {
	padding: 50px;
}

.color0 {
	color: #000;
}

.color3 {
	color: #333;
}

.color6 {
	color: #666;
}

.color9 {
	color: #999;
}

.colorc {
	color: #ccc;
}

.color84 {
	color: #848484;
}

.color707 {
	color: #707375;
}

.color4ab {
	color: #4ab7e4;
}

.bcolor726 {
	background-color: #7266b9;
}

.bcolor49c {
	background-color: #49c14c;
}

.bcolor71b {
	background-color: #71b8ff;
}

.bcolor597 {
	background-color: #5974d9;
}

.bcolor26a {
	background-color: #26a65b;
}

.bcolore99 {
	background-color: #e99844;
}

.bcolor787 {
	background-color: #787c8e;
}

/*transform center*/
.tranCenter {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
/*position center*/
.gdCenter {
	position: absolute;
	top: 50%;
	left: 50%;
}
.el-tree-node__label{font-size: 12px !important;}
/* 设置overflow-x */
#ascrail2003-hr .nicescroll-cursors, #ascrail2000-hr .nicescroll-cursors
	{
	height: 4px !important;
}

.featuresButton button[disabled] {
	cursor: not-allowed !important;
} 

/*  common scroll  style */
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    height: 8px !important;
    width: 8px !important;
}

.subjectscroll::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    border-style: dashed !important;
    background-color: #c0c6dc !important;
    border-color: transparent !important;
    border-width: 1px !important;
    background-clip: padding-box !important;
}
.cell div .ispaycheck{width:18px !important;height:20px !important;top:1px !important}
.cell div .xykaipiao{width:22px !important;height:24px !important;top:3px !important}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: #fff;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
	border-radius: 10px;
    border-style: dashed;
    background-color: #c0c6dc;
    border-color: transparent;
    border-width: 1px;
    background-clip: padding-box;	
}

::-webkit-scrollbar-thumb:hover {
    background: #c0c6dc;
}


.hidescrollbar::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}

.finanFormTable {
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
  overflow-x: hidden;
  overflow-y: auto;
}



.el-message-box__content{max-height:284px;overflow-y:auto;overflow-x:hidden;font-size:13px !important}
.el-message-box__container,
.el-message-box__container .el-message-box__message p{word-wrap:break-word;word-break:normal; }


/*common close Btn*/
.onCloseBtn {
	position: absolute;
	top: 5px;
	right: 5px;
	color: #aaa;
	text-align: right;
	font-weight: bold;
	cursor: pointer;
}

.onCloseBtn span {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
	top: 5px;
	text-align: center;
	line-height: 24px;
	margin-right: 5px;
}

.onCloseBtn span:before {
	position: absolute;
	content: "";
	display: block;
	top: 10px;
	left: 0px;
	width: 15px;
	height: 15px;
	border-top: 1px solid #848282;
	transform: rotate(45deg);
}

.onCloseBtn span:after {
	position: absolute;
	content: "";
	display: block;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	transform: rotate(45deg);
	border-right: 1px solid #848282;
}

/* .onCloseBtn span {
	display: inline-block;
	-webkit-transition: -webkit-transform 1s, opacity 1s, background 1s,
		width 1s, height 1s, font-size 1s;
	-o-transition-property: width, height, -o-transform, background,
		font-size, opacity, color;
	-o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s, 1s;
	-moz-transition-property: width, height, -moz-transform, background,
		font-size, opacity, color;
	-moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s, 1s;
	transition-property: width, height, transform, background, font-size,
		opacity;
	transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
} */

.onCloseBtn:hover span:after{border-right: 1px solid #f56c6c;}
.onCloseBtn:hover span:before{border-top: 1px solid #f56c6c;}

/* .onCloseBtn span:hover {
	transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
} */
/* 下箭头 */
.longbuttonArrow {
	position: relative;
}
.longbuttonArrow span {
	position: absolute;
	display:block;
	width:19px;
	height:31px;
	top:38px;
	left: 50%;
	margin-left:-9.5px;
	background: url(../../static/images/xydown.png) no-repeat center center;
}



/* 长右箭头 */
.longarrowRight {
	position: relative;
}
.longarrowRight span.xyright,
.finanReimbur span.xyright,
.projectManagement span.xyright,
.projectManagement span.xyright1,
.personnelsalary .ManageIcon span.xyright,
.personnelsalary .ManageIcon span.xyright1,
.bonusinvoice span.xyright,
.finanleftlease span.xyright{
	position: absolute;
	display:block;
	width:31px;
	height:19px;
	top:50%;
	left: 200px;
	margin-top:-6.5px;
	background: url(../../static/images/xyright.png) no-repeat center center;
}
.projectManagement span.xyright{
	left:165px;
}
.projectManagement li:nth-child(1) span.xyright{
	left:137px
}
.finanleftlease span.xyright{
	left:-66px;
}
.projectManagement .ManageIcon li:nth-child(4) span.xyright,
.projectManagement .ManageIcon li:nth-child(5) span.xyright{
	left:108px;
}
.projectManagement .ManageIcon li:nth-child(7) span.xyright{
	left:111px;
}
.projectManagement .ManageIcon li:nth-child(7) div span.xyright1,
.projectManagement .ManageIcon li:nth-child(8) div span.xyright1{
	left:-73px;
}


.personnelsalary .information span.xyright{
	left:-110px;
	margin-top:-7.5px;
}
.personnelsalary .ManageIcon li:nth-child(2) span.xyright1{
	left:-100px;
	margin-top:-13.5px;
}
.personnelsalary .ManageIcon li:nth-child(3) span.xyright1{
	left:-94px;
	margin-top:-13.5px;
}
.personnelsalary .ManageIcon li:nth-child(4) span.xyright1{
	left:-100px;
	margin-top:-13.5px;
}

.information li:nth-child(9) span.xyright{
	left:-103px;
}
.information li:nth-child(10) span.xyright{
	left:-105px;
}
.salarymanager li:nth-child(5) span.xyright{
	left:-98px;
}
.salarymanager li:nth-child(6) span.xyright{
	left:-96px;
}
.personnelsalary .bonusinvoice li span.xyright{
    left:-102px;	
}


.concatline {
	position: relative;
}
.finanleftlease .lease,
.concatline span,
.leftCenter,
.rightCenter {
	position: absolute;
	display: block;
	top: 17px;
	left: 50%;
	width: 651px;
	height: 45px;
	margin-left:-325.5px;
	background: url(../../static/images/xybrackets.png) no-repeat center center;
}
.finanleftlease .lease{
	width:720px;
	top:90px;
	margin-left:-360px;
	background-size:100% 100%;
}

.leftCenter{
	width:500px;
	left:-220px;
	top:30px;
	margin-left:-250px;
	background-size:100% 100%;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
}
.rightCenter{
	width:500px;
	left:290px;
	top:30px;
	margin-left:-250px;
	background-size:100% 100%;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	transform:rotate(-90deg);
}



/* 上短箭头 */
.toparrow1{
	position: relative;
}
.toparrow1 .commstyle .logos + div span,
.finanReimbur .commstyle .xyup,
.projectManagement span.xyup,
.information span.xyup,
.finanleftlease span.xyup{
	position: absolute;
	display:block;
	width:19px;
	height:31px;
	top:-41px;
	left:50%;
	margin-left:-9.5px;
	background: url(../../static/images/xyup.png) no-repeat center center;
}
.finanReimbur .commstyle .xyup{margin-left:-12.5px;}
.finanReimbur .commstyle .xyup,
.projectManagement span.xyup{
	background: url(../../static/images/xyupxu.png) no-repeat center center;
}
.projectManagement span.xyup{
	top:-60px;
}
.information span.xyup{
	width:13px;
	height:26px;
	top:-35px;
	background-size:100% 100%;
}
.projectManagement .xyproject,
.information .xyproject1,
.information .xyproject2{
	position: absolute;
    display: block;
    top: 36px;
    left: 50%;
    width: 100px;
    height: 11px;
    margin-left: 4px;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg);
    background: url(../../static/images/xybrackets.png) no-repeat center center;
    background-size: 100% 100%;
}
.projectManagement .xysmall{
	position: absolute;
    display: block;
    top: 106px;
    left: 50%;
    width: 100px;
    height: 11px;
    margin-left: -50px;
    background: url(../../static/images/xybrackets.png) no-repeat center center;
    background-size: 100% 100%;
}

.information .xyproject1{
	width: 200px;
    height: 24px;
    top:85px;
    margin-left:-330px;
}

.information .xyproject2{
	width:110px;
	height:16px;
	top:77px;
	left:-23px;
	-webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
}
.information li:nth-child(13) .xyproject1{
	width: 222px;
    height: 20px;
    top:35px;
    margin-left:-20px;
}

.aftersalechild{
	position: absolute;
    display: block;
    top: 95px;
    left: 50%;
    width: 396px;
    height: 40px;
    margin-left:-198px;
    background: url(../../static/images/xybrackets.png) no-repeat center center;
    background-size: 100% 100%;
} 


.personnelsalary .xykhicon,
.personnelsalary .salarymanager li:nth-child(2) .xykhicon{
	position: absolute;
    display: block;
    top: 19px;
    left: 50%;
    width: 200px;
    height: 24px;
    margin-left: -36px;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg);
    background: url(../../static/images/xybrackets.png) no-repeat center center;
    background-size: 100% 100%;
}
.personnelsalary .salarymanager .xykhicon{
	left:-183px;
	-webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
}
.personnelsalary .salarymanager li:nth-child(2) .xykhicon{
	left:188px;
	-webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
}
.personnelsalary .information li:nth-child(2) .xykhicon{
	left:49px;
}

/* 下短箭头 */
.bottomarrow, .bottomarrow1, .bottomarrow2 {
	position: relative;
}
.xyforeach .commstyle div span{
	position: absolute;
	display:block;
	width:29px;
	height:25px;
	top:-36px;
	left:50%;
	margin-left:-14.5px;
	background: url(../../static/images/xyforeach.png) no-repeat center center;
}
.xybottom1 .commstyle .logos + div span,
.projectManagement span.xydown,
.finanleftlease span.xydown,
.aftersale span.xydown{
	position: absolute;
	display:block;
	width:19px;
	height:31px;
	top:-41px;
	left:50%;
	margin-left:-9.5px;
	background: url(../../static/images/xydown.png) no-repeat center center;
}
.projectManagement span.xydown{
	top:-48px;
}

.el-message-box__title span{font-size:14px;font-weight:bold}


/* fenye  el-pagination*/
.settolistpage{text-align: right;min-width:520px !important;left:auto !important;right:0}
.settolistpage .el-pagination{position:relative;display:inline-block;font-size:12px !important;padding:0 12px 0 6px !important;}
.el-pagination .el-select .el-input .el-input__inner,
.el-pagination__editor.el-input .el-input__inner{height:22px !important;font-size:12px !important;}
.el-pagination .el-pagination__jump {margin-left: 10px;}
.el-pagination__total{margin-right:0}

.settolistpage .firstpage{position:relative;left:20px;top:-1px}
.settolistpage .firstpage,
.settolistpage .lastpage{position:relative;padding: 0;width:40px;height:22px;border:none;cursor:pointer}
.settolistpage .firstpage:hover,.settolistpage .lastpage:hover{border-color: #fff;background-color: #fff;}
.settolistpage .firstpage,
.settolistpage .firstpage.is-disabled,
.settolistpage .firstpage.is-disabled:hover{background: url(../../static/images/btnlastpage.png) no-repeat center center;background-size:16px 14px}
.settolistpage .firstpage{
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.settolistpage{display: flex !important;justify-content: flex-end;}
.settolistpage>*{align-self: center !important;}
.settolistpage .lastpage,
.settolistpage .lastpage.is-disabled,
.settolistpage .lastpage.is-disabled:hover{background: url(../../static/images/btnlastpage.png) no-repeat center center;background-size:16px 14px}
.settolistpage .totalpagenum{position:relative;font-size:13px;color:#606266;}
.settolistpage .el-pagination__total{margin-left:10px}
.settolistpage .lastpage{float:right !important;}
.settolistpage{height:35px}
/*点击通知css动画*/
.animated {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.animated1 {
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated1.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.animated1.hinge {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

.animated2 {
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated2.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.animated2.hinge {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}




@
-webkit-keyframes fadeInUpBig { 0% {
	opacity: 0.5;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateY
(0);

    
transform
:
 
translateY
(0);

  
}
}
@
keyframes fadeInUpBig { 0% {
	opacity: 0.5;
	-webkit-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateY
(0);

    
-ms-transform
:
 
translateY
(0);

    
transform
:
 
translateY
(0);

  
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}

/*menuChild*/
@
-webkit-keyframes slideInDown { 0% {
	opacity: 0;
	-webkit-transform: translateY(-500px);
	transform: translateY(-500px);
}

100%
{
-webkit-transform
:
 
translateY
(0);

    
transform
:
 
translateY
(0);

  
}
}
@
keyframes slideInDown { 0% {
	opacity: 0;
	-webkit-transform: translateY(-500px);
	-ms-transform: translateY(-500px);
	transform: translateY(-500px);
}

100%
{
-webkit-transform
:
 
translateY
(0);

    
-ms-transform
:
 
translateY
(0);

    
transform
:
 
translateY
(0);

  
}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}

@
-webkit-keyframes fadeInRight { 0% {
	opacity: 0;
	-webkit-transform: translateX(100px);
	transform: translateX(100px);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateX
(0);

    
transform
:
 
translateX
(0);

  
}
}
@
keyframes fadeInRight { 0% {
	opacity: 0;
	-webkit-transform: translateX(100px);
	-ms-transform: translateX(100px);
	transform: translateX(100px);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateX
(0);

    
-ms-transform
:
 
translateX
(0);

    
transform
:
 
translateX
(0);

  
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@
-webkit-keyframes fadeInRight1 { 0% {
	opacity: 0;
	-webkit-transform: translateX(500px);
	transform: translateX(500px);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateX
(0);

    
transform
:
 
translateX
(0);

  
}
}
@
keyframes fadeInRight1 { 0% {
	opacity: 0;
	-webkit-transform: translateX(500px);
	-ms-transform: translateX(500px);
	transform: translateX(500px);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateX
(0);

    
-ms-transform
:
 
translateX
(0);

    
transform
:
 
translateX
(0);

  
}
}
.fadeInRight1 {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

/* ------------------------------------------------------------------
fadeInRight
** ------------------------------------------------------------------
 */

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}




@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}






@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}



@-webkit-keyframes bounceIn{
	0%{
	opacity:0;
	-webkit-transform:scale(.3);
	transform:scale(.3)
}
50%{
	opacity:1;
	-webkit-transform:scale(1.05);
	transform:scale(1.05)
}
70%{
	-webkit-transform:scale(.9);
	transform:scale(.9)
}
100%{
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}

}
@keyframes bounceIn{
	0%{
	opacity:0;
	-webkit-transform:scale(.3);
	-ms-transform:scale(.3);
	transform:scale(.3)
}
50%{
	opacity:1;
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05)
}
70%{
	-webkit-transform:scale(.9);
	-ms-transform:scale(.9);
	transform:scale(.9)
}
100%{
	opacity:1;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}

}
.bounceIn{
	-webkit-animation-name:bounceIn;
	animation-name:bounceIn
}
.detail-section{overflow: hidden !important;}

/*homepage notice*/
.el-notification.right {height:222px;bottom:2px !important;right:3px !important;padding:0;border-radius:3px;
	border: 1px solid #bed4e4;box-shadow: rgba(0,0,0,0.20) 0px 0 10px;}
.el-notification.right .el-notification__group{width:100%;margin:0}
.el-notification.right .el-notification__title{color: #4f849e;height:42px;line-height:42px;padding-left:15px;font-size:15px;border-bottom:1px solid #ebeef0;
	background: -webkit-linear-gradient(left,#f7f9fa,#f1f5f7);
	background: -o-linear-gradient(right,#f7f9fa,#f1f5f7);
	background: -moz-linear-gradient(right,#f7f9fa,#f1f5f7);
	background: linear-gradient(#f7f9fa,#f1f5f7);}
.el-notification.right .el-notification__closeBtn{top:13px;right:13px}
.el-notification.right .el-notification__content{padding:0 10px}
.el-notification.right .headertitinfo{display:block;text-align: center;font-size:13px;color:#333;font-weight:bold}
.el-notification.right .infohtmls{display:block;max-height:129px;font-size:12px;line-height:19px;display:-webkit-box;
	-webkit-line-clamp:7;
	-webkit-box-orient:vertical;
	overflow:hidden;}
.el-notification.right .tipsmoreinfo{position:absolute;right:4px;bottom:0;font-size:12px;color:#0000cc;cursor:pointer}
.el-notification.right .tipsmoreinfo:hover{text-decoration:underline;}