body {
	font-size: 12px;
	font-family: Arial,Microsoft YaHei;
	color: #333;
	line-height: 1.5;
}
a {
	color: #333;
}
input,textarea,select{
	font-size: 12px;
	font-family: Arial,Microsoft YaHei !important;
	color: #333;
	outline:none;
}
pre{
	font-size: 12px;
	font-family: Arial,Microsoft YaHei !important;
	color: #333;
}
input:focus,textarea:focus,select:focus{
	outline: #4f98e9;
}
textarea{
	resize: none;
	overflow: auto;
}
select{
	padding-right:0px !important;
}
table{
	table-layout: fixed;
}
table td{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break : break-all;
	word-wrap : break-word;
}
table th{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break : break-all;
	word-wrap : break-word;
	padding-right: 8px;
}
/*placeholder字体颜色*/
.placeholder{
	color: #666;
    font-size:14px;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #666;
    font-size:14px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #666;
    font-size:14px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #666;
    font-size:14px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #666;
    font-size:14px;
}
/*弹窗*/
.xubox_border{display: none;}
.xubox_msg.xubox_text{
	width:100%;
}
.xubox_main{
	/*background:url(/style/img/layer-bg.png) repeat-x bottom #fff;*/
}
[type=dialog] .xubox_setwin{
	display: none;
}
.xubox_page{
	background-color: #fff;
}
.btn-row{
	margin-top: 30px;
	padding: 22px 0;
	border-top: 1px dashed #dbdce0;
}
.btn-row a + a{margin-left: 20px !important;}
/*placeholder兼容处理*/
.placeholder-label{
	position: absolute;
	min-width: 148px;
	height: 30px;
	line-height: 30px;
	left: 6px;
	color: #999;
	cursor: text;
	display: none;
}
/*加载效果*/
.ajax-loading{
	height: 32px;
	background: url(/style/img/ajax-loader.gif) no-repeat center;
}

/*宽*/
.w-1180 {
	width: 1180px;
}
.w-1200 {
	width: 1200px;
}
.w-1300{
	width: 1300px;
}
/*css3 Animation*/
/*右侧滑入动画*/
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes fadeInRight {
  from {
    opacity: 0;
    -moz-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0);
  }

  to {
    opacity: 1;
    -moz-transform: none;
    transform: none;
  }
}
@-ms-keyframes fadeInRight {
  from {
    opacity: 0;
    -ms-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0);
  }

  to {
    opacity: 1;
    -ms-transform: none;
    transform: none;
  }
}
@-o-keyframes fadeInRight {
  from {
    opacity: 0;
    -o-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0);
  }

  to {
    opacity: 1;
    -o-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(30%, 0, 0);
    -moz-transform: translate3d(30%, 0, 0);
    -ms-transform: translate3d(30%, 0, 0);
    -o-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

.fadeInRight {
	display: block;
	-webkit-animation: fadeInRight .4s ease-in;
	-moz-animation: fadeInRight .4s ease-in;
	-o-animation: fadeInRight .4s ease-in;
	-ms-animation: fadeInRight .4s ease-in;
	animation: fadeInRight .4s ease-in;
}
.fadeInRightSlow{
	display: block;
	-webkit-animation: fadeInRight .9s ease-in;
	-moz-animation: fadeInRight .9s ease-in;
	-o-animation: fadeInRight .9s ease-in;
	-ms-animation: fadeInRight .9s ease-in;
	animation: fadeInRight .9s ease-in;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes fadeInDown {
  from {
    opacity: 0;
    -moz-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -moz-transform: none;
    transform: none;
  }
}
@-ms-keyframes fadeInDown {
  from {
    opacity: 0;
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -ms-transform: none;
    transform: none;
  }
}
@-o-keyframes fadeInDown {
  from {
    opacity: 0;
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -o-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

.fadeInDown {
 	display: block;
	-webkit-animation: fadeInDown 1s ease-in-out;
	-moz-animation: fadeInDown 1s ease-in-out;
	-o-animation: fadeInDown 1s ease-in-out;
	-ms-animation: fadeInDown 1s ease-in-out;
	animation: fadeInDown 1s ease-in-out;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes fadeInUp {
  from {
    opacity: 0;
    -moz-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -moz-transform: none;
    transform: none;
  }
}
@-ms-keyframes fadeInUp {
  from {
    opacity: 0;
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -ms-transform: none;
    transform: none;
  }
}
@-o-keyframes fadeInUp {
  from {
    opacity: 0;
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -o-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
	-moz-transform: translate3d(0, 100%, 0);
	-ms-transform: translate3d(0, 100%, 0);
	-o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

.fadeInUp {
	display: block;
	-webkit-animation: fadeInUp 1s ease-in-out;
	-moz-animation: fadeInUp 1s ease-in-out;
	-o-animation: fadeInUp 1s ease-in-out;
	-ms-animation: fadeInUp 1s ease-in-out;
	animation: fadeInUp 1s ease-in-out;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-moz-keyframes fadeInLeft {
  from {
    opacity: 0;
    -moz-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
  }

  to {
    opacity: 1;
    -moz-transform: none;
    transform: none;
  }
}
@-ms-keyframes fadeInLeft {
  from {
    opacity: 0;
    -ms-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
  }

  to {
    opacity: 1;
    -ms-transform: none;
    transform: none;
  }
}
@-o-keyframes fadeInLeft {
  from {
    opacity: 0;
    -o-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
  }

  to {
    opacity: 1;
    -o-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-30%, 0, 0);
    -moz-transform: translate3d(-30%, 0, 0);
    -ms-transform: translate3d(-30%, 0, 0);
    -o-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  display: block;
  -webkit-animation: fadeInLeft 1s ease-in-out;
  -moz-animation: fadeInLeft 1s ease-in-out;
  -o-animation: fadeInLeft 1s ease-in-out;
  -ms-animation: fadeInLeft 1s ease-in-out;
  animation: fadeInLeft 1s ease-in-out;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}
@-moz-keyframes bounceOut {
  20% {
    -moz-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -moz-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -moz-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}
@-ms-keyframes bounceOut {
  20% {
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}
@-o-keyframes bounceOut {
  20% {
    -o-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -o-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -o-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    -moz-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    -o-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -moz-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    -o-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -moz-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    -o-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  display: block;
  -webkit-animation: fadeInLeft 1s ease-in-out;
  -moz-animation: fadeInLeft 1s ease-in-out;
  -o-animation: fadeInLeft 1s ease-in-out;
  -ms-animation: fadeInLeft 1s ease-in-out;
  animation: fadeInLeft 1s ease-in-out;
}


@keyframes pointerRotate {
  10% {
    -webkit-transform-origin: center 120px;
    transform-origin: center 120px;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
  }
  30% {
    -webkit-transform-origin: center 120px;
    transform-origin: center 120px;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
  }
  60% {
    -webkit-transform-origin: center 120px;
    transform-origin: center 120px;
    -webkit-transform: rotate3d(0, 0, 1, -50deg);
    transform: rotate3d(0, 0, 1, -50deg);
  }
 85% {
    -webkit-transform-origin: center 120px;
    transform-origin: center 120px;
    -webkit-transform: rotate3d(0, 0, 1, 50deg);
    transform: rotate3d(0, 0, 1, 50deg);
  }

  to {
    -webkit-transform-origin: center 120px;
    transform-origin: center 120px;
    -webkit-transform: rotate3d(0, 0, 1, 25deg);
    transform: rotate3d(0, 0, 1, 25deg);
  }
}

.pointerRotate {
  -webkit-animation: pointerRotate 2s ease-in;
  -moz-animation: pointerRotate 2s ease-in;
  -o-animation: pointerRotate 2s ease-in;
  -ms-animation: pointerRotate 2s ease-in;
  animation: pointerRotate 2s ease-in;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
	-webkit-animation: fadeIn .5s ease-in;
	-moz-animation: fadeIn .5s ease-in;
	-o-animation: fadeIn .5s ease-in;
	-ms-animation: fadeIn .5s ease-in;
	animation: fadeIn .5s ease-in;
}

/*首页及各种详细页header-v2(蓝色底)*/
.header-wrap{
	height: 60px;
	background-color: #4f98e9;
}
.header-main{height: 60px; margin: 0 auto;}
.header-logo{height: 60px; width: 183px;float: left;background: url(/style/img/logo-new.png) no-repeat center left;}
.header-button-row{
	float: right;
	height: 60px;
	padding-top: 15px;
}
.header-button{
	height: 30px;
	display: inline-block;
	line-height: 28px;
	border: 1px solid #fff;
	border-radius: 20px;
	width: 100px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}
.header-button:hover {
	color:#4f98e9;
	background-color:#fff;
	transition:background-color .2s ease-in-out;
	-moz-transition:background-color .2s ease-in-out;
	-webkit-transition:background-color .2s ease-in-out;
}
.header-button + .header-button{margin-left: 12px;}
.header-button.header-button-white{
	background-color: #fff;
	color: #4f98e9;
}
.header-navbar{
	height: 60px;
	margin-left: 68px;
	float: left;
}
.header-navbar li{
	float: left;
	height: 60px;
	line-height: 60px;
	text-align: center;
	padding: 0 20px;
	color: #fff;
	font-size: 14px;
	-webkit-transition:background-color .2s ease-in-out ;
	-moz-transition:background-color .2s ease-in-out ;
	-ms-transition:background-color .2s ease-in-out ;
	-o-transition:background-color .2s ease-in-out ;
	transition: background-color .2s ease-in-out;
	cursor: pointer;
}
.header-navbar li.wideItem{padding: 0 30px;}
.header-navbar li:hover, .header-navbar li.active, .header-navbar li:nth-child(2):hover{background-color:#2d7ddf;}
.header-fixed{position: fixed; top: 0;left: 0;width: 100%;z-index: 9999;}
/*header-v2 end*/

/*注册，找回密码，创建公司等header-v3(白色底)*/
.header3-wrap{
	height: 60px;
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(222, 222, 222, 0.5);
}
.header3-main{height: 60px; margin: 0 auto;}
.header3-logo{height: 60px; width: 183px;float: left;background: url(/style/img/yoplogo-new.png) no-repeat center left;}
.header3-logo-login{height: 60px; width: 183px;float: left;background: url(/style/img/yoplogo-new-login.png) no-repeat center left;}
.header3-logo-register{height: 60px; width: 183px;float: left;background: url(/style/img/yoplogo-new-register.png) no-repeat center left;}
.header3-button-row{
	float: right;
	height: 60px;
	padding-top: 15px;
}
.header3-button{
	height: 30px;
	display: inline-block;
	line-height: 28px;
	border: 1px solid #4f98e9;
	border-radius: 20px;
	width: 100px;
	text-align: center;
	color: #4f98e9;
	font-size: 14px;
}
.header3-button:hover {
	color:#fff;
	background-color:#4f98e9;
	transition:background-color .2s ease-in-out;
	-moz-transition:background-color .2s ease-in-out;
	-webkit-transition:background-color .2s ease-in-out;
}
.header3-button + .header3-button{margin-left: 12px;}
.header3-button.header3-button-white{
	background-color: #fff;
	color: #4f98e9;
}
.header3-navbar{
	height: 60px;
	margin-left: 68px;
	float: left;
}
.header3-navbar li{
	float: left;
	height: 60px;
	line-height: 60px;
	text-align: center;
	padding: 0 20px;
	color: #333;
	font-size: 14px;
	-webkit-transition:background-color .2s ease-in-out ;
	-moz-transition:background-color .2s ease-in-out ;
	-ms-transition:background-color .2s ease-in-out ;
	-o-transition:background-color .2s ease-in-out ;
	transition: background-color .2s ease-in-out;
	cursor: pointer;
}
.header3-navbar li.wideItem{padding: 0 30px;}
.header3-navbar li:hover{color:#4f98e9;}
.header3-navbar li.active, .header3-navbar li:nth-child(2):hover{background-color: #4f98e9; color:#fff;}
/*header-v3 end*/

/*应用列表*/
.apps-wrap { position:absolute; display:none; width:1070px; height:372px; line-height:1.5; top:60px; left:-200px; background-color:#fff; color:#333; padding:58px 34px 0; text-align:left; cursor:default; box-shadow:0 0 11px #787877; }
.apps-wrap .apps-titles{font-size: 18px;position: absolute;left: 0;right: 0;top: 0;color: #59ade2;border-bottom: 2px solid #59ade2;padding: 10px 34px;}
.apps-wrap .apps-lump { float:left; width:182px; height:100%;  }
.apps-wrap .apps-lump + .apps-lump { margin-left:23px; }
.apps-wrap [class^="apps-img-"] { float:left; width:100%; height:86px; background-repeat:no-repeat; }
.apps-wrap .apps-img-1 { background-image:url(/style/img/pic01.png); }
.apps-wrap .apps-img-2 { background-image:url(/style/img/pic02.png); }
.apps-wrap .apps-img-3 { background-image:url(/style/img/pic03.png); }
.apps-wrap .apps-img-4 { background-image:url(/style/img/pic04.png); }
.apps-wrap .apps-img-5 { background-image:url(/style/img/pic05.png); }
.apps-wrap .apps-title { float:left; width:100%; height:40px; line-height:40px; font-size:14px; font-weight:bold; border-bottom:1px solid #d6d7dc; }
.apps-wrap .apps-item { position:relative; float:left; width:100%; margin-top:10px; }
.apps-wrap .apps-lump > div:nth-child(3) { margin-top:18px; }
.apps-wrap [class^="apps-name-"] { float:left; width:100%; height:20px; line-height:20px; padding-left:24px; background-repeat:no-repeat; background-position:0 2px; font-size:14px; }
.apps-wrap [class^="apps-name-"] > a { color:#4f98e9; }
.apps-wrap [class^="apps-name-"] > a:hover { color:#3e97d9; }
.apps-wrap .apps-name-kq { background-image:url(/style/img/kq.png); }
.apps-wrap .apps-name-jx { background-image:url(/style/img/jx.png); }
.apps-wrap .apps-name-sp { background-image:url(/style/img/sp.png); }
.apps-wrap .apps-name-wz { background-image:url(/style/img/material.png); }
.apps-wrap .apps-name-wd { background-image:url(/style/img/wd.png); }
.apps-wrap .apps-name-fy { background-image:url(/style/img/fy.png); }
.apps-wrap .apps-name-rw { background-image:url(/style/img/rw.png); }
.apps-wrap .apps-name-xm { background-image:url(/style/img/xm.png); }
.apps-wrap .apps-name-crm { background-image:url(/style/img/crm.png); }
.apps-wrap .apps-name-hr { background-image:url("/style/img/hr.png"); }
.apps-wrap .apps-desc { position:relative; float:left; width:100%; height:24px; line-height:24px; padding-left:24px; font-size:12px; color:#666; }
.apps-wrap .apps-desc-long { position:absolute; width:135px; top:0px; left:25px; }

.appList-wrap{
	width: 542px;
	min-height: 187px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 60px;
	left: 0;
	cursor: default;
	padding: 14px 40px 0;
	background-color: #fff;
	display: none;
}
.appList-header{
	height: 37px;
	border-bottom: 1px solid #e5e5e5;
}
.appList-header li{
	height: 36px;
	line-height: 36px;
	color: #333;
	font-size: 14px;
	padding: 0;
  cursor: default;
}
.appList-header li:hover{
	background-color: #fff;
}
.appList-header li + li{
	margin-left: 81px;
}
.appList-item{
	float: left;
	padding-top: 20px;
}
.appList-item + .appList-item{margin-left: 60px;}
.appList-item li{
	float: none;
	font-size: 12px;
	padding: 0;
	height: 14px;
	line-height: 14px;
	color: #999;
}
.appList-item li a{color: #999;}
.appList-item li:hover{background-color: #fff;}
.appList-item li:hover a{color: #4f98e9;}
.appList-item li + li{margin-top: 12px;}

/*分屏共用*/
.main-section{width: 1200px;margin: 0 auto; height: 100%; position:relative;}
/*首页第一屏*/
.index-section-sliderWrap{height: 580px;overflow: hidden;min-width: 1270px;}
/*首页第一屏 1.1*/
.index-bg-1{
	background: url(/style/img/index-bg-1.jpg) no-repeat center;
}
.index-section-1{
  height: 580px;
  min-width: 1270px;
}
.login-section-1{
	height:600px;
}
.index-section-1.index-bg-1 .index-subtitle{
	color: #999;
	/*padding-top: 54px;*/
	padding-top: 44px;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
}
.index-section-1.index-bg-1 .index-maintitle{
	font-size: 36px;
	line-height: 40px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 14px;
}
.btn-firstPage,.btn-detailPage{
	display: block;
	height: 30px;
	width: 111px;
	text-align: center;
	background-color: #4f98e9;
	color: #fff;
	font-size: 14px;
	border-radius: 30px;
	line-height: 30px;
  margin-bottom: 15px;
  -webkit-transition: background-color .1s ease-in;
  -moz-transition: background-color .1s ease-in;
  -ms-transition: background-color .1s ease-in;
  -o-transition: background-color .1s ease-in;
  transition: background-color .1s ease-in;
}
.btn-detailPage.c-2{
  background: #febd00;
}
.btn-firstPage:hover{
  background-color: #3e97d9;
}
.btn-secondPage{
	display: inline-block;
	height: 30px;
	width: 111px;
	text-align: center;
	background-color: #ffbb4a;
	color: #fff;
	font-size: 14px;
	border-radius: 30px;
	line-height: 30px;
  -webkit-transition: background-color .1s ease-in;
  -moz-transition: background-color .1s ease-in;
  -ms-transition: background-color .1s ease-in;
  -o-transition: background-color .1s ease-in;
  transition: background-color .1s ease-in;
}
.index-bg-5 .btn-secondPage{
  position: absolute;
  left: 98px;
}
.secondPage-and{
  background-image: url("/style/img/secondpage-and.png");
  width: 21px;
  height: 24px;
  display: inline-block;
  margin-top: 3px;
  float: left;
  margin-left: 10px;
}
.secondPage-ios{
  background-image: url("/style/img/secondpage-ios.png");
  width: 21px;
  height: 24px;
  display: inline-block;
  margin-top: 3px;
  float: left;
  margin-left: 10px;
}
.btn-firstPage:hover{
  background-color: #3e97d9;
}
/*首页第一屏 1.2*/
.index-bg-2{
  background: url(/style/img/index-bg-2.png) no-repeat center;
}
.index-section-1.index-bg-2 .index-mainSection-wrap{
  position: absolute;
  top: 200px;
  right: 194px;
}
.index-section-1.index-bg-2 .index-subtitle,
.index-section-1.index-bg-3 .index-subtitle{
  color: #999;
  font-size: 18px;
  line-height: 32px;
  margin: 12px 0;
}
.index-section-1.index-bg-2 .index-maintitle,
.index-section-1.index-bg-3 .index-maintitle{
  font-size: 36px;
  line-height: 40px;
}
/*首页第一屏 1.3*/
.index-bg-3{
  background: url(/style/img/index-bg-3.jpg) no-repeat center;
}
.index-section-1.index-bg-3 .index-mainSection-wrap{
  position: absolute;
  top: 200px;
  left: 132px;
}
/*首屏该写插件样式*/
.index-section1-outter .bx-wrapper .bx-pager{
  bottom: 24px !important;
}
.login-section1-outter .bx-wrapper .bx-pager{
  bottom: 30px !important;
}
.index-section1-outter .bx-wrapper .bx-pager.bx-default-pager a{
  width: 14px !important;
  height: 14px !important;
  border-radius: 7px !important;
}

/*首页第二屏*/
.index-section-2{min-width: 1270px;}
.index-section2-top-bg{
	height: 200px;
	background-color: #f5f5f5;
	min-width: 1270px;
}
.index-section-2 .index-maintitle{
	font-size: 30px;
	line-height: 30px;
	padding-top: 65px;
	text-align: center;
  overflow: hidden;
}
.index-section-2 .index-subtitle{
	font-size: 14px;
	color: #999;
	text-align: center;
	/*width: 700px;*/
	margin: 10px auto 0;
	line-height: 36px;
}
.index-section2-bottom{
	height: 850px;
  overflow: hidden;
}

/*第三屏*/
.index-section-3{
	height: 700px;
	background-color: #f5f5f5;
	min-width: 1270px;
}
.index-section-3 .index-maintitle{
	font-size: 30px;
	line-height: 30px;
	padding-top: 65px;
	padding-bottom: 10px;
	text-align: center;
}
.index-section3-outter{margin: 70px auto 0 auto;min-height: 427px;width: 601px;}
.index-section3-sliderWrap{height: 427px;/*overflow: hidden;*/}

.index-section3-outter .bx-wrapper .bx-controls-direction a,.d_prev,.d_next{
  margin-top: -52px;
  width: 34px;
  height: 104px;
  background-image: url(/style/img/arrows.png);
  background-repeat: no-repeat;
}
.index-section3-outter .bx-wrapper .bx-prev,.d_prev{
  background-position:0 -104px;
  left: -140px;
}
.index-section3-outter .bx-wrapper .bx-prev:hover,
.d_prev:hover{background-position:0 -208px;}
.index-section3-outter .bx-wrapper .bx-next,.d_next{
  background-position:0 -312px;
  right: -140px;
}
.index-section3-outter .bx-wrapper .bx-next:hover,
.d_next:hover{background-position:0 0;}
.index-section3-outter .bx-wrapper .bx-pager,
.index-section3-outter .bx-wrapper .bx-controls-auto{
  top: -65px;
}
.index-section3-outter .bx-wrapper .bx-pager.bx-default-pager a {
    background: none;
    text-indent: 0;
    display: block;
    min-width: 65px;
    width: auto;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
    margin: 0;
    padding: 0 15px;
    outline: 0;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #666;
    font-family: Arial,Microsoft YaHei;
}
.index-section3-outter .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item + .bx-pager-item{
  border-left: 1px solid #666;
}
.index-section3-outter .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: transparent !important;
    border: 0;
    color: #4f98e9;
}.index-section3-outter .bx-wrapper .bx-pager.bx-default-pager a:hover{background: transparent;}

#d_tab29 ul, #d_tab29 li { margin: 0; padding: 0; list-style: none; }
#d_tab29 img { border: 0; vertical-align: top; }
#d_tab29 { position: relative; height: 460px; /*background: url('/style/img/bg3.jpg') no-repeat center 0;*/ text-align: left; }
#d_tab29 .d_img { position: relative; margin: 0 auto; width: 1000px; height: 100%; }
#d_tab29 .d_img li { position: absolute; display: none; z-index: 0; }
#d_tab29 .d_img .cont{ width:100%; height:87px; background:rgba(0,0,0,0.5); position:absolute; bottom:0px; left:0px; z-index:99999;}
#d_tab29 .d_img li img { width: 100%;opacity: 0.5; }
#d_tab29 .d_img li.d_pos1 { display: block; width: 550px; left: 5%; top: 50px; z-index: 2; }
#d_tab29 .d_img li.d_pos2 { display: block; width: 601px; left: 20%; top: 30px; z-index: 3 ;}
#d_tab29 .d_img li.d_pos3 { display: block; width: 550px; right: 5%; top: 50px; z-index: 2 ;}
#d_tab29 .d_img li.d_pos4 { display: block; width: 450px; right: 10%; top: 40px; z-index: 2; }
#d_tab29 .d_img li.d_pos5 { display: block; width: 400px; right: 0%; top: 60px; z-index: 1; }
#d_tab29 .d_menu { position: absolute; /*bottom: 20px;*/ width: 100%; text-align: center; top: -30px;}
#d_tab29 .d_menu li {
  display: inline-block;
  zoom: 1;
  *display:inline;
  /*background: url('/style/img/btn.png') no-repeat 0 0;*/
  cursor: pointer;
  min-width: 65px;
  width: auto;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  top: -65px;
  color: #666;
  padding: 0 15px;
}
#d_tab29 .d_menu li + li{border-left: 1px solid #666;}
#d_tab29 .d_menu li.d_select {color: #4f98e9;}
#d_tab29 .d_next { position: absolute; left: 55%; margin-left: 475px; top: 250px; z-index: 10; cursor: pointer; }
#d_tab29 .d_prev { position: absolute; left: 45%; margin-left: -525px; top: 250px; z-index: 10; cursor: pointer; }
/*第四屏*/
.index-section-4{
	height: 0px;
}
.index-section-4 .index-maintitle{
	font-size: 30px;
	line-height: 30px;
	padding-top: 65px;
	padding-bottom: 60px;
	text-align: center;
}
.index-section-4 .index-section4-progress{
	padding-left: 87px;
	padding-right: 99px;
}
.index-section-4 .section4-progress-labelRow{
	height: 14px;
	line-height: 14px;
	color: #999;
	padding-left: 47px;
	padding-right: 40px;
}
.index-section-4 .section4-progress-wrap{margin-top: 19px;}

.progress-row{height: 50px;}
.progress-row + .progress-row{margin-top: 11px;}

.progress-row-left{width: 462px;line-height: 30px;float: left;}
.icon-greenArrow{
	display: inline-block;
	height: 24px;
	width: 22px;
	background-image: url(/style/img/icon-greenarrow.png);
	vertical-align: text-bottom;
	margin-right: 15px;
}
.icon-blueArrow{
	display: inline-block;
	height: 24px;
	width: 22px;
	background-image: url(/style/img/icon-bluearrow.png);
	vertical-align: text-bottom;
	margin-left: 13px;
}
.progress-text{color: #666;}
.progress-text .mainText{font-size: 30px;font-weight: bold;}
.progress-text .subText{font-size: 18px;margin-left: 12px;}
.progress-row-right .progress-text{margin-left: 15px;}
.progress-bar-wrap{height: 24px;padding-top: 14px;width: 320px;}
.progress-outer{height: 12px;background-color: #ececec;width: 320px;border-radius: 5px;text-align: right;}
.progressbar{
	height: 12px;
	border-radius: 5px;
	width: 20px;
	-webkit-transition: width 1s ease-in;
	-moz-transition: width 1s ease-in;
	-ms-transition: width 1s ease-in;
	-o-transition: width 1s ease-in;
	transition: width 1s ease-in;
}
.progressbar.progressbar-green{background-color: #2ecc71;float: right;}
.progressbar.progressbar-blue{background-color: #36adf8;float: left;}
.progress-row-center{
	width: 90px;
	float: left;
	padding-top: 14px;
	line-height: 18px;
	text-align: center;
	font-size: 14px;
}
.progress-row-right{float: right;width: 462px;line-height: 30px;}

.section4-tip{margin-top: 20px;color: #999;font-size: 14px;text-align: center;line-height: 14px;}
.section4-bottom{margin-top: 40px;}
.section4-bottom-header{padding-left: 123px;padding-right: 142px;}
.section4-bottom-header .mainText{font-size: 20px;}
.section4-bottom-header .subText{font-size: 14px;}
.section4-bottom-body{margin-top: 30px;padding-left: 56px;padding-right: 73px;}
.section4-bottom-body-left{
	height: 89px;
	width: 315px;
	float: left;
	background: url(/style/img/section4-bottom-left.png) no-repeat center;
}
.section4-bottom-body-center{
	height: 89px;
	width: 90px;
	float: left;
	margin-left: 100px;
	background: url(/style/img/section4-bottom-center.png) no-repeat center;
}
.section4-bottom-body-right{
	height: 89px;
	width: 255px;
	float: right;
	background: url(/style/img/section4-bottom-right.png) no-repeat center;
}

/*第五屏*/
.index-section-5{
	height: 550px;
	/*background-color: #f5f5f5;*/
	min-width: 1270px;
	overflow: hidden;
}
.index-section-5 .index-maintitle{
	text-align: center;
	font-size: 30px;
	padding-top: 59px;
	margin-bottom: 70px;
}
.index-section5-figureRow{
	height: 140px;
	padding-left: 91px;
	display: none;
}

.index-section5-figureRow + .index-section5-figureRow{margin-top: 34px;}
.index-section5-figureRow .figureItem{
	float: left;
	width: 170px;
}
.index-section5-figureRow .figure-img{
	padding: 0 35px;
}
.index-section5-figureRow .figure-img img{width: 100px; height: 100px;}
.index-section5-figureRow .figure-text{text-align: center;margin-top: 18px;font-size: 14px;}

/*第六屏*/
.index-section-6{height: 620px;overflow: hidden;min-width: 1270px; background:#f5f5f5;}
.index-section-6 .index-maintitle{
	padding-top: 60px;
	font-size: 30px;
	text-align: center;
}
.index-section6-figureRow{
	height: 210px;
	padding-left: 30px;
	margin-top: 49px;
	display: none;
}
.index-section6-figureRow .figureItem{
	width: 284px;
	float: left;
	cursor: pointer;
}
.index-section6-figureRow .figureItem .figure-img{
	height: 128px;
	padding: 0 78px;
}
.index-section6-figureRow img{
	width: 128px;
	height: 128px;
}
.index-section6-figureRow .figure-text.boldFont{
	margin-top: 23px;
	margin-bottom: 5px;
	font-weight: bold;
}
.index-section6-figureRow .figure-text{
	font-size: 16px;
	text-align: center;
}
.index-section6-figureRow .figureItem.active .figure-text{color: #4f98e9;}
.index-section6-bottom{margin-top: 67px;display: none;}
.index-section6-contentRow1{
	height: 36px;
}
.icon-semicolon-left{
	height: 22px;
	width: 25px;
	display: inline-block;
	background: url(/style/img/semicolon-left.png) no-repeat center;
	vertical-align: top;
}
.icon-semicolon-right{
	height: 22px;
	width: 25px;
	display: inline-block;
	background: url(/style/img/semicolon-right.png) no-repeat center;
	vertical-align: middle;
}
.index-section6-contentRow1 span{
	font-size: 18px;
	line-height: 40px;
	margin-left: 10px;
}
.index-section6-contentRow2 span{
	font-size: 18px;
	line-height: 30px;
	margin-right: 10px;
}
.tip-useday{
	width: 200px;
	height: 30px;
	background-color: #4f98e9;
	color: #fff;
	text-align: center;
	margin: 21px auto 0 auto;
	line-height: 30px;
}

/*第七屏*/
.index-section-7{
	height: 555px;
	/*background-color: #f5f5f5;*/
	min-width: 1270px;
}
.index-section-7 .index-maintitle,.index-section-8 .index-maintitle{
	font-size: 30px;
	line-height: 30px;
	padding-top: 65px;
	text-align: center;
	margin-bottom: 25px;
}
.index-section-7 .index-subtitle,.index-section-8 .index-subtitle{
	/*width: 650px;*/
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	line-height: 14px;
	color: #666;
}
.index-section7-figureRow{
	margin-top: 69px;
}
.index-section7-figureRow .figureItem{
	float: left;
	width: 220px;
}
.index-section7-figureRow .figure-img{
	height: 150px;
	background-image: url(/style/img/img-section7.png);
	background-repeat: no-repeat;
}
.index-section7-figureRow .figure-img1{background-position:0 -179px;}
.index-section7-figureRow .figure-img2{background-position:0 -329px;}
.index-section7-figureRow .figure-img3{background-position:0 -479px;}
.index-section7-figureRow .figure-img4{background-position:0 -29px;}

.section7-arrow-wrap{width: 104px; float: left;height: 150px;}

.index-section7-figureRow .figure-text{
    margin-top: 19px;
    margin-bottom: 13px;
    font-size: 18px;
    text-align: center;
}
.figure-content{
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
.icon-section7-arrow{
	background-image: url(/style/img/img-section7.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 29px;
	background-position:0 0;
	margin: 61px auto 0 auto;
	display: none;
}

/*第八屏*/
.index-section-8{
	height: 525px;
  overflow: hidden;
  min-width: 1270px;
  background: #f5f5f5;
}
.index-section8-dashboard{
	margin: 85px auto 0 auto;
	width: 658px;
	height: 342px;
	background: url(/style/img/section8-dashboard.png) no-repeat center;
}

.index-section8-content{
	width: 295px;
	position: absolute;
}
.index-section8-content .title{
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 8px;
}
.index-section8-content .content{
	font-size: 14px;
	line-height: 21px;
  color: #666;
}
.pointer{
	width: 58px;
	height: 150px;
	background: url(/style/img/section8-pointer.png) no-repeat center;
	position: absolute;
	top: 75px;
	left: 50%;
	margin-left: -27px;
	-webkit-transform-origin: center 120px;
  transform-origin: center 120px;
	-webkit-transform: rotate3d(0, 0, 1, 25deg);
  transform: rotate3d(0, 0, 1, 25deg);
}

/*第九屏*/
.index-bg-9{
	height: 360px;
	min-width: 1270px;
	background: url(/style/img/index-bg-9.png) no-repeat center;
}
.index-section-9 .index-maintitle{
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	padding-top: 117px;
}
.index-section9-inputRow{
	width: 413px;
	height: 52px;
	background-color: #fff;
	margin: 55px auto 0 auto;
}

.index-section9-inputRow input{
	height: 52px;
	line-height: 30px;
	padding: 11px 20px;
	border: 0;
	font-size: 16px;
	width: 283px;
}
#btn-registerNow{
	height: 52px;
	line-height: 52px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	background-color: #4f98e9;
	width: 130px;
}
.index-section9-inputRow .placeholder-label{
	font-size: 16px;
	left: 20px;
	top: -7px;
}

/*第十屏*/
.index-section-10{
	height: 500px;
}
.index-section-10 .index-maintitle{
	font-size: 30px;
	padding-top: 65px;
	line-height: 30px;
	text-align: center;
}

.index-section10-content{
	height: 280px;
	margin-top: 92px;
}
.index-section10-item{
	width: 200px;
	margin-left: 98px;
	margin-right: 99px;
	float: left;
}
.QRcode-wrap{
	width: 200px;
	height: 200px;
	display: table-cell;
    line-height: normal;
    vertical-align: middle;
}
.QRcode-wrap .QRcode{
	width: 169px;
	height: 169px;
	border-radius: 200px;
	margin: 0 auto;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.index-section10-item:hover .QRcode{
	height: 200px;
	width: 200px;
	border-radius: 0;
}
.QRcode.qrcode-android{
	background: url(/style/img/android.png) no-repeat center #f5f5f5;
}
.index-section10-item:hover{color: #4f98e9;}
.index-section10-item:hover .QRcode.qrcode-android{
	background: url(/style/img/qrcode-android.png) no-repeat center #f5f5f5;
}
.QRcode.qrcode-ios{
	background: url(/style/img/apple.png) no-repeat center #f5f5f5;
}
.index-section10-item:hover .QRcode.qrcode-ios{
	background: url(/style/img/qrcode-ios.png) no-repeat center #f5f5f5;
}
.QRcode.qrcode-wechart{
	background: url(/style/img/wechart.png) no-repeat center #f5f5f5;
}
.index-section10-item:hover .QRcode.qrcode-wechart{
	background: url(/style/img/qrcode-wechart.png) no-repeat center #f5f5f5;
}

.index-section10-item .text{
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	margin-top: 15px;
}
/*第二屏*/
.index-section2-applist{
  height: 410px;
  padding-top: 60px;
  width: 970px;
  margin: 0 auto;
}
.index-section2-appitem{
  height: 150px;
  width: 150px;
  margin: 0 22px 26px 22px;
  border: 1px solid #ededed;
  border-radius: 100%;
  float: left;
  cursor: pointer;
  padding-top: 26px;
  -webkit-transition:all .5s ease-in-out ;
  -moz-transition:all .5s ease-in-out ;
  -ms-transition:all .5s ease-in-out ;
  -o-transition:all .5s ease-in-out ;
  transition: all .5s ease-in-out;
}
.index-section2-appitem.active{
  background-color: #ecf7fe;
  border: 1px solid #ecf7fe;
}
.icon-appitem{
  width: 68px;
  height: 68px;
  margin: 0 auto;
  background:url("/style/img/appitemcopy.png") no-repeat;
}
.icon-appitem.material{background:url(/style/img/icon-material.png) no-repeat;}
.icon-appitem.crm{background-position: 0 0;}
.icon-appitem.project{background-position: 0 -612px;}
.icon-appitem.performance{background-position: 0 -408px;}
.icon-appitem.approval{background-position: 0 -68px;}
.icon-appitem.doc{background-position: 0 -544px;}
/*.icon-appitem.material{background-position: 0 -476px;}*/
.icon-appitem.account{background-position: 0 -204px;}
.icon-appitem.attendance{background-position: 0 -272px;}
.icon-appitem.task{background-position: 0 -340px;}
.icon-appitem.meeting{background-position:0 -272px;}
.icon-appitem.recruit{background-position:0 -136px;}
.icon-appitem.person{background-position:0 -680px;}

.appitem-text{line-height: 12px;margin-top: 20px;text-align: center;}

.index-section2-appitem.active .appitem-text{color: #4f98e9;}

.index-section2-appdetail{height: 440px;padding-left: 150px;}
.index-section2-appdetail-item{
  padding-top: 25px;
}
.appdetail-left{
  width: 400px;
  float: left;
  padding-top: 25px;
}
.appdetail-right{
  width: 600px;
  float: left;
}
.index-section-2 .appdetail-title{font-size: 36px;line-height: 36px;margin-bottom: 20px;}
.index-section-2 .appdetail-subtitle{font-size: 20px;margin-bottom: 5px;line-height: 20px; color: #4f98e9;}
.index-section-2 .appdetail-info-text{font-size: 14px;color: #999;}
/*.index-section-2 .appdetail-info{cursor: pointer;}
.index-section-2 .appdetail-info.active .appdetail-subtitle,
.index-section-2 .appdetail-info.active .appdetail-info-text{color: #4f98e9 !important;}*/
.index-section-2 .appdetail-info + .appdetail-info{margin-top: 15px;}

.index-section-2 .appdetail-img-wrap{height: 375px;}

/*CRM 详情页*/
/*详情页公用首屏*/
.crm-bg-1{
  height: 580px;
  background: url(/style/img/crm-bg-1.jpg) no-repeat center;
}
.detail-section1-content{
  width: 562px;
  padding-top: 150px;
  padding-left: 85px;
}
.detail-section-1{min-width: 1270px;}
.detail-section-1 .detail-mainTitle-appName{font-size: 48px;margin-right: 15px;color: #4f98e9;}
.detail-section-1 .detail-mainTitle-explain{font-size: 24px;}
.banner-version{display: inline-block; margin: 0 5px; width: 51px; height: 23px; line-height: 70px; background: url(/style/img/banner_2.0.png) no-repeat center;}
.detail-section-1 .detail-subTitle{
  font-size: 18px;
  line-height: 25px;
  margin-top: 12px;
}

.detail-section-1 .detail-text{
  margin-top: 15px;
  margin-bottom: 17px;
  font-size: 14px;
  color: #999;
  line-height: 22px;
}

/*crm第二屏*/
.crm-section-2{
  height: 800px;
  min-width: 1270px;
  background-color:#f7f8f8;
}
.crm-section-2 .crm-mainTitle{
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  padding-top: 80px;
}
.crm-section-2 .crm-subTitle{
  width: 783px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  margin-top: 24px;
  color: #666;
}
.crm-btn-row{
  margin-top: 42px;
  font-size: 16px;
  text-align: center;
  line-height: 16px;
}
.crm-btn-row .btn-crm-section2{
  display: inline-block;
  width: 119px;
  text-align: center;
}
.crm-btn-row .btn-crm-section2.active{color: #4f98e9;}
.crm-btn-row .btn-crm-section2 + .btn-crm-section2{border-left: 1px solid #999;}

.crm-section2-img-wrap{
  margin-top: 40px;
  height: 420px;
}
.crm-section-2 .crm-section2-img{
  height: 420px;
  text-align: center;
}

/*crm第三屏*/
.crm-section-3{
  height: 700px;
  min-width: 1270px;
}

.crm-section-3 .main-section{
	width:1272px;
}

.crm-section-3 .crm-left{
  float: left;
  width: 526px;
  padding-left: 98px;
  padding-top: 101px;
}
.crm-section-3 .crm-mainTitle{
  line-height: 44px;
  font-size: 30px;
  width: 331px;
}
.crm-section-3 .crm-list{margin-top: 16px;}
.crm-section-3 .crm-list-item{
  height: 72px;
  padding: 9px 0;
  cursor: pointer;
}
.crm-section-3 .list-item-icon{
  float: left;
  height: 54px;
  width: 54px;
  margin-right: 19px;
  background-image: url(/style/img/crm1.png);
  background-repeat: no-repeat;
}
.crm-section-3 .list-item-mainTitle{
  font-size: 20px;
  line-height: 32px;
}
.crm-section-3 .list-item-subTitle{
  font-size: 14px;
  line-height: 22px;
  color: #666;
}
.crm-section3-icon1{background-position:0 -270px;}
.crm-section3-icon2{background-position:0 -324px;}
.crm-section3-icon3{background-position:0 0;}
.crm-section3-icon4{background-position:0 -108px;}
.crm-section-3 .crm-list-item.active .crm-section3-icon1{background-position:0 -216px;}
.crm-section-3 .crm-list-item.active .crm-section3-icon2{background-position:0 -378px;}
.crm-section-3 .crm-list-item.active .crm-section3-icon3{background-position:0 -54px;}
.crm-section-3 .crm-list-item.active .crm-section3-icon4{background-position:0 -162px;}

.crm-section-3 .crm-list-item.active .list-item-mainTitle,
.crm-section-3 .crm-list-item.active .list-item-subTitle
{
  color: #4f98e9;
}

.crm-section-3 .crm-right{
  width: 674px;
  height: 590px;
  padding-top: 105px;
  padding-left: 59px;
  float: left;
}

/*crm第四屏*/
.crm-section-4{
  height: 560px;
  min-width: 1270px;
}
.crm-section-4 .crm-left{
  width: 602px;
  float: left;
}
.crm-section-4 .crm-section4-img{
  width: 602px;
  text-align: right;
  margin-top: 85px;
}

.crm-section-4 .crm-right{
  width: 598px;
  float: left;
  padding-top: 141px;
  padding-left: 68px;
}
.crm-section-4 .crm-mainTitle{
  font-size: 30px;
  line-height: 30px;
}
.crm-section-4 .crm-text{
  margin-top: 24px;
  margin-bottom: 28px;
}
.crm-section-4 .crm-text p{
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #666;
}
.crm-section-4 .crm-list{
  height: 113px;
}
.crm-section-4 .crm-list-item {
  width: 75px;
  height: 113px;
  float: left;
  cursor: pointer;
}
.crm-section-4 .crm-list-item + .crm-list-item{margin-left: 58px;}

.crm-section-4 .list-item-icon{
  height: 75px;
  width: 75px;
  background-image: url(/style/img/crm1.png);
  background-repeat: no-repeat;
}
.crm-section4-icon1{background-position:0 -432px;}
.crm-section4-icon2{background-position:0 -732px;}
.crm-section4-icon3{background-position:0 -807px;}
.crm-section-4 .crm-list-item.active .crm-section4-icon1{background-position:0 -657px;}
.crm-section-4 .crm-list-item.active .crm-section4-icon2{background-position:0 -507px;}
.crm-section-4 .crm-list-item.active .crm-section4-icon3{background-position:0 -582px;}

.crm-section-4 .list-item-text{
  text-align: center;
  margin-top: 17px;
  font-size: 14px;
  color: #666;
}
.crm-section-4 .crm-list-item.active .list-item-text{color: #4f98e9;}

/*crm第五屏*/
.crm-section-5{height: 460px;background-color: #f7f8f8;min-width: 1270px;}
.crm-section-5 .crm-left{
  float: left;
  height: 460px;
  padding-left: 102px;
  padding-top: 280px;
  width: 402px;
}
.crm-section-5 .crm-mainTitle{
  font-size: 30px;
}
.crm-section-5 .crm-center{
  width: 400px;
  height: 620px;
  position: absolute;
  left: 402px;
  top: 75px;
}
.crm-section-5 .crm-right{
  width: 398px;
  height: 460px;
  float: right;
  padding-top: 175px;
}
.crm-section-5 .list-item-icon{
  height: 22px;
  width: 23px;
  background-image: url(/style/img/crm2.png);
  background-repeat: no-repeat;
  float: left;
  margin-right: 15px;
}
.crm-section5-icon1{background-position:0 -88px;}
.crm-section5-icon2{background-position:0 -154px;}
.crm-section5-icon3{background-position:0 -22px;}
.crm-section5-icon4{background-position:0 -66px;}
.crm-section-5 .crm-list-item.active .crm-section5-icon1{background-position:0 -110px;}
.crm-section-5 .crm-list-item.active .crm-section5-icon2{background-position:0 -132px;}
.crm-section-5 .crm-list-item.active .crm-section5-icon3{background-position:0 0;}
.crm-section-5 .crm-list-item.active .crm-section5-icon4{background-position:0 -44px;}

.crm-section-5 .crm-list-item{height: 42px;cursor: pointer;}
.crm-section-5 .crm-list-item + .crm-list-item{margin-top: 24px;}
.crm-section-5 .list-item-mainTitle{font-size: 20px;line-height: 22px;}
.crm-section-5 .list-item-subTitle{font-size: 14px; color: #666;line-height: 14px;margin-top: 6px;}
.crm-section-5 .crm-list-item.active .list-item-mainTitle,
.crm-section-5 .crm-list-item.active .list-item-subTitle{color: #4f98e9;}
/*crm 第六屏*/
.crm-section-6{
  height: 510px;
  min-width: 1270px;
}
.crm-bg-6{
  background: url(/style/img/crm-bg-6.jpg) no-repeat center;
}
.crm-section-6 .crm-mainTitle{
  font-size: 30px;
  line-height: 30px;
  padding-top: 194px;
  text-align: center;
}
.crm-section-6 .crm-subTitle{
  font-size: 14px;
  color: #666;
  text-align: center;
  line-height: 24px;
  width:  660px;
  margin: 25px auto 0 auto;
}
.crm-setion6-bottom{
  height: 210px;
  width: 660px;
  margin: 0 auto;
}
.crm-section6-img1{
  float: left;
  height: 75px;
  width: 75px;
  margin: 58px 36px 0 66px;
  background: url(/style/img/crm-section6-1.png) no-repeat center;
}
.crm-section6-img2{
  float: left;
  width: 65px;
  height: 16px;
  margin-top: 92px;
  background: url(/style/img/crm-section6-2.png) no-repeat center;
}
.crm-section6-img3{
  float: left;
  width: 105px;
  height: 106px;
  margin: 41px 33px 0 32px;
  background: url(/style/img/crm-section6-3.png) no-repeat center;
}
.crm-section6-img4-wrap{
  float: left;
  width: 130px;
  height: 115px;
  margin-left: 32px;
  margin-top: 31px;
  position: relative;
}
.crm-section6-img4-1{
  width: 31px;
  height: 29px;
  background: url(/style/img/crm-section6-4.png) no-repeat center;
  position: absolute;
  left: 92px;
  top: 0;
}
.crm-section6-img4-2{
  width: 42px;
  height: 42px;
  background: url(/style/img/crm-section6-5.png) no-repeat center;
  position: absolute;
  left: 15px;
  top: 38px;
}
.crm-section6-img4-3{
  width: 31px;
  height: 32px;
  background: url(/style/img/crm-section6-6.png) no-repeat center;
  position: absolute;
  left: 92px;
  top: 81px;
}

/*crm第七屏*/
.crm-section-7{
  height: 580px;
  min-width: 1270px;
}
.crm-section-7 .crm-mainTitle{
  font-size: 30px;
  line-height: 30px;
  padding-top: 65px;
  text-indent: 105px;
}
.crm-section-7 .crm-left{
  width: 458px;
  padding-top: 140px;
  padding-left: 105px;
  float: left;
}
.crm-section-7 .list-item-mainTitle{font-size: 20px;}
.crm-section-7 .list-item-subTitle{font-size: 14px;color: #666;}
.crm-section-7 .crm-list-item + .crm-list-item{margin-top: 9px;}

.crm-section-7 .crm-right{
  float: left;
  width: 740px;
  height: 370px;
  margin-top: 52px;
  background: url(/style/img/crm-section7-1.png) no-repeat center bottom;
}

/*crm第八屏*/
.index-bg-9.detail-section-register{
  background: url(/style/img/crm-bg-8.jpg) no-repeat center;
  height: 350px;
}
.index-section-9.detail-section-register .index-maintitle{padding-top: 118px;}
.index-section-9.detail-section-register .index-section9-inputRow{margin-top: 40px;}

/*crm第九屏*/
.detail-otherApp{height: 590px;}
.detail-otherApp .detail-mainTitle{font-size: 30px;line-height: 30px;padding-top: 67px;text-align: center;}
.detail-otherApp .detail-subTitle{
  width: 637px;
  margin: 24px auto 0 auto;
  font-size: 14px;
  color: #666;
  line-height: 24px;
  text-align: center;
}
.detail-otherApp-bottom{padding: 0 43px;height: 270px;margin-top: 107px;}
.detail-otherApp-item{width: 266px;float: left;}
.detail-otherApp-item + .detail-otherApp-item{margin-left: 158px;}
.detail-otherApp-img{padding-left: 78px;}
.detail-otherApp-img img{width: 106px;height: 106px;}

.detail-otherApp-name{
  font-size: 20px;
  text-align: center;
  margin-top: 26px;
  font-weight: bold;
}
.detail-otherApp-text{
  font-size: 14px;
  color: #666;
  text-align: center;
  line-height: 24px;
  margin-top: 7px;
}
.detail-otherApp-btnRow{
  margin-top: 10px;
  text-align: center;
  font-size: 14px;
}
.detail-otherApp-btnRow a{color: #4f98e9;}
.detail-otherApp-btnRow a:hover{color: #3e97d9;}

.crm-section-10{
	height: 610px;
    min-width: 1270px;
    background-color:#f7f8f8;
}
.crm-section-10 .main-section{
	width:1272px;
}

.crm-section-10 .crm-left {
	float:left;
    width: 586px;
    padding-left: 40px;
    padding-top: 130px;
}
.crm-section-10 .crm-right {
	float:left;
    width: 685px;
    padding-left: 70px;
    padding-top: 75px;
}
.crm-section-10 .crm-mainTitle {
    width: 545px;
    line-height: 44px;
    font-size: 30px;
}
.crm-section-10 .crm-list {
    margin-top: 16px;
}
.crm-section-10 .list-item-mainTitle {
    font-size: 20px;
    line-height: 32px;
}
.crm-section-10 .list-item-subTitle {
    font-size: 14px;
    line-height: 22px;
    color: #666;
}
.crm-section-10 .crm-list-item.active .list-item-mainTitle, .crm-section-10 .crm-list-item.active .list-item-subTitle {
    color: #4f98e9;
}
.crm-section-10 .crm-list-item {
    height: 72px;
    padding: 9px 0;
    cursor: pointer;
}
.crm-section-10 .list-item-icon2{
    float: left;
    height: 54px;
    width: 54px;
    margin-right: 19px;
    background-image: url(/style/img/crm21-add.png);
    background-repeat: no-repeat;
}
.crm2-section10-icon1 {background-position: 0 -378px;}
.crm2-section10-icon2 {background-position: 0 -324px;}
.crm2-section10-icon3 {background-position: 0 -648px;}
.crm2-section10-icon4 {background-position: 0 -540px;}
.crm2-section10-icon5 {background-position: 0 -756px;}
.crm-section-10 .crm-list-item.active .crm2-section10-icon1 {background-position: 0 -432px;}
.crm-section-10 .crm-list-item.active .crm2-section10-icon2 {background-position: 0 -486px;}
.crm-section-10 .crm-list-item.active .crm2-section10-icon3 {background-position: 0 -594px;}
.crm-section-10 .crm-list-item.active .crm2-section10-icon4 {background-position: 0 -54px;}
.crm-section-10 .crm-list-item.active .crm2-section10-icon5 {background-position: 0 -702px;}


/*费用管理详情页*/
.accountbook-bg-1{
  height: 580px;
  background: url(/style/img/accountbook-bg-1.png) no-repeat center;
}
.accountbook-bg-2{
  height: 580px;
  background: url(/style/img/accountbook-bg_2.jpg) no-repeat center;
}
.accountbook-bg-2-register{
  position: absolute;
  left: 38px;
  top: 334px;
  display: block;
  width: 112px;
  height: 31px;
}

.accountbook-bg-2-explore{
  position: absolute;
  left: 38px;
  top: 378px;
  display: block;
  width: 112px;
  height: 31px;
}

/*第二屏*/
.accountbook-section-2{
  height: 621px;
  /*background-color: #f7f8f8;*/
  min-width: 1270px;
}
.accountbook-section-2 .accountbook-left,
.accountbook-section-3 .accountbook-left{
  float: left;
  width: 690px;
  padding-left: 97px;
  padding-top: 126px;
}
.accountbook-section-2 .accountbook-right{
  float: right;
  padding-top: 65px;
  width: 410px;
}
.accountbook-section2-btn{
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 20px;
  margin-left: 78px;
}
.accountbook-section2-btn a{
  display: block;
  float: left;
  margin-right: 20px;
  text-align: center;
  width: 92px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
}
.accountbook-section2-btn a.c-1{
  background: #3099db;
}
.accountbook-section2-btn a.c-2{
  background: #ffbc00;
}
.accountbook-section-2 .accountbook-text{
  font-size: 14px;
  color: #666;
  line-height: 26px;
  margin-top: 24px;
}
.main-section.width-1368{
  width: 1180px;
}

.accountbook-section-2 .accountbook-mainTitle{
  font-size: 26px;
  line-height: 44px;
}
.accountbook-section-2 .accountbook-list{
  margin-top: 28px;
}
.accountbook-section-2 .accountbook-list-item{
  height: 70px;
  padding: 6px 0;
  cursor: pointer;
}
/*.accountbook-section-2 .accountbook-list-item + .accountbook-list-item{
  margin-top: 18px;
}*/
.accountbook-section-2 .list-item-mainTitle{
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 6px;
}
.accountbook-section-2 .list-item-subTitle{
  font-size: 14px;
  line-height: 14px;
  color: #666;
}
.accountbook-section-2 .accountbook-list-item.active .list-item-mainTitle,
.accountbook-section-2 .accountbook-list-item.active .list-item-subTitle
{
  color: #4f98e9;
}

.accountbook-section-2 .list-item-icon{
  height: 54px;
  width: 54px;
  float: left;
  background-image: url(/style/img/accountbook2.png);
  background-repeat: no-repeat;
  margin-right: 25px;
  margin-top: 2px;
}
.accountbook-section-2 .accountbook-list-item.active .list-item-icon{
  background-image: url(/style/img/accountbook2-on.png);

}
.accountbook-section2-icon1{background-position:0 -1px;}
.accountbook-section2-icon2{background-position:0 -61px;}
.accountbook-section2-icon3{background-position:0 -120px;}
.accountbook-section2-icon4{background-position:0 -182px;}
/*.accountbook-section-2 .accountbook-list-item.active .accountbook-section2-icon1{background-position:0 0;}
.accountbook-section-2 .accountbook-list-item.active .accountbook-section2-icon2{background-position:0 -17px;}
.accountbook-section-2 .accountbook-list-item.active .accountbook-section2-icon3{background-position:0 -85px;}*/
/*第三屏*/
.accountbook-section-3{height: 621px; width: 100%; background: #f7f8f8;}
.accountbook-section-3 .accountbook-left{padding-top: 80px;}
.accountbook-section-3 .accountbook-mainTitle{
  font-size: 30px;
  line-height: 30px;
}
.accountbook-section-3 .accountbook-text{
  font-size: 14px;
  color: #666;
  line-height: 26px;
  margin-top: 24px;
}
.accountbook-section-3 .accountbook-right{
  float: right;
  height: 516px;
  width: 430px;
  /*background: url(/style/img/accountbook-section3-1.png) no-repeat bottom;*/
}

.accountbook-section-3 .accountbook-list{
  margin-top: 28px;
}
.accountbook-section-3 .accountbook-list-item{
  height: 70px;
  padding: 6px 0;
  cursor: pointer;
}
.accountbook-section-3 .accountbook-list-item + .accountbook-list-item{
  margin-top: 18px;
}
.accountbook-section-3 .list-item-mainTitle{
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 6px;
}
.accountbook-section-3 .list-item-subTitle{
  font-size: 14px;
  line-height: 14px;
  color: #666;
}
.accountbook-section-3 .accountbook-list-item.active .list-item-mainTitle,
.accountbook-section-3 .accountbook-list-item.active .list-item-subTitle
{
  color: #4f98e9;
}

.accountbook-section-3 .list-item-icon{
  height: 54px;
  width: 54px;
  float: left;
  background-image: url(/style/img/accountbook2.png);
  background-repeat: no-repeat;
  margin-right: 25px;
  margin-top: 2px;
}
.accountbook-section-3 .accountbook-list-item.active .list-item-icon{
  background-image: url(/style/img/accountbook2-on.png);

}
.accountbook-section3-icon1{background-position:0 -1px;}
.accountbook-section3-icon2{background-position:0 -61px;}
.accountbook-section3-icon3{background-position:0 -120px;}
.accountbook-section3-icon4{background-position:0 -182px;}

/*第四屏*/
.accountbook-section-4{
  height: 700px;
/*  background-color: #f7f8f8;*/
  min-width: 1270px;
}
.accountbook-section-4 .accountbook-mainTitle{
  padding-top: 50px;
  font-size: 30px;
  text-align: center;
  line-height: 30px;
}
.accountbook-section-4 .accountbook-subTitle{
  margin: 29px auto 0 auto;
  font-size: 14px;
  color: #666;
  line-height: 26px;
  text-align: center;
  width: 995px;
}
.accountbook-section4-bottom{
  margin-top: 47px;
  height: 442px;
  /*background: url(/style/img/accountbook-section4-1.png) no-repeat center;*/
  background: url(/style/img/accountbook-section4-2.png) no-repeat center;
}

/*第五屏*/
.accountbook-section-5{
  height: 620px;
  min-width: 1270px;
}
.accountbook-section-5 .accountbook-left{
  padding-top: 90px;
  /*padding-right: 97px;*/
  float: left;
  width: 620px;
}
.accountbook-section-5 .accountbook-right{
   padding-top: 80px;
   float: left;
   width: 560px;
}
.accountbook-section-5 .accountbook-mainTitle{
  font-size: 30px;
  line-height: 46px;
}
.accountbook-section-5 .accountbook-text{
  margin-top: 15px;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 24px;
}
.accountbook-section-5 .accountbook-list{
  margin-top: 70px;
  height: 115px;
}
.accountbook-section-5 .accountbook-list-item{
  height: 115px;
  float: left;
  width: 90px;
  cursor: pointer;
}
.accountbook-section-5 .accountbook-list-item + .accountbook-list-item{margin-left: 63px;}
.accountbook-section-5 .list-item-icon{
  height: 75px;
  width: 90px;
  background-image: url(/style/img/accountbook3.png);
  background-repeat: no-repeat;
}
.accountbook-section-5 .accountbook-list-item.active .list-item-icon{
  background-image: url(/style/img/accountbook3-on.png);
}
.accountbook-section5-icon1{background-position:7px -1px;}
.accountbook-section5-icon2{background-position:7px -88px;}
.accountbook-section5-icon3{background-position:7px -175px;}
.accountbook-section5-icon4{background-position:7px -263px;}

.accountbook-section-5 .list-item-text{
  font-size: 14px;
  color: #666;
  text-align: center;
  line-height: 14px;
  margin-top: 15px;
}
/*.accountbook-section-5 .accountbook-list-item.active  #accountbook-section5-text1{color: #f75555;}
.accountbook-section-5 .accountbook-list-item.active  #accountbook-section5-text2{color: #f7c163;}
.accountbook-section-5 .accountbook-list-item.active  #accountbook-section5-text3{color: #4f98e9;}*/
.accountbook-section-5 .accountbook-list-item.active .list-item-text{color: #3099db;}
/*费用新增*/
.accountbook-section-new{
  width: 100%;
  height: 660px;
  background: #f7f8f8;
}

.accountbook-section-new .accountbook-mainTitle{
  padding-top: 60px;
  font-size: 30px;
  text-align: center;
  line-height: 30px;
}
.accountbook-section-new .accountbook-subTitle{
  margin: 29px auto 0 auto;
  font-size: 14px;
  color: #666;
  line-height: 26px;
  text-align: center;
  width: 995px;
}
.section_main{
  position: relative;
  width: 1300px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
}
.accountbook-new-list{
  width: 100%;
  height: 350px;
  margin-top: 75px;
}
.accountbook-new-list-left{
  float: left;
  width: 400px;
  height: 350px;
}
.accountbook-new-list-right{
  float: right;
  width: 415px;
  height: 350px;
}
.accountbook-new-item{
  width: 100%;
  height: 60px;
  margin-bottom: 15px;
  cursor: pointer;
}
.accountbook-new-item.on .accountbook-new-ico{
  background-image: url(/style/img/accountbook-new-ico-on.png);
}
.accountbook-new-item.on .accountbook-new-item-text h2{
  color: #3099db;
}
.accountbook-new-item.on .accountbook-new-item-text p {
  color: #3099db;
}
.accountbook-new-ico{
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  margin: 10px 20px;
  background-image: url(/style/img/accountbook-new-ico.png);
  background-repeat: no-repeat;
}
.accountbook-new-ico.ico-1{
  background-position: 0 -1px;
}
.accountbook-new-ico.ico-2{
  background-position: 0 -34px;
}
.accountbook-new-ico.ico-3{
  background-position: 0 -64px;
}
.accountbook-new-ico.ico-4{
  background-position: 0 -96px;
}
.accountbook-new-ico.ico-5{
  background-position: 0 -129px;
}
.accountbook-new-ico.ico-6{
  background-position: 0 -162px;
}
.accountbook-new-ico.ico-7{
  background-position: 0 -197px;
}
.accountbook-new-ico.ico-8{
  background-position: 0 -234px;
}
.accountbook-new-item-text{
  float: left;
  width: 330px;
  height: 60px;
}
.accountbook-new-item-text h2{
  font-size: 20px;
  color: #333333;
  margin-bottom: 5px;
}
.accountbook-new-item-text p{
  font-size: 14px;
  color: #666666;
}
.accountbook-new-img-wrap{
  position: absolute;
  left: 50%;
  top: 220px;
  margin-left: -240px;
  width: 480px;
  height: 400px;
}
.accountbook-new-img{
  width: 100%;
  heigth: 100%;
}


/*任务管理详情页*/
.task-bg-1{
  height: 640px;
  background: url(/style/img/task-bg-1.png) no-repeat center;
}
.task-section-2{
  height: 621px;
  /*background-color: #f7f8f8;*/
  min-width: 1270px;
}
.task-section-2 .task-left,
.task-section-3 .task-left{
  float: left;
  width: 690px;
  padding-left: 20px;
  padding-top: 60px;
}
.task-section-2 .task-right{
  float: right;
  padding-top: 60px;
  width: 410px;
}
.task-section-2-btn{
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 20px;
  margin-left: 78px;
}
.task-section-2-btn a{
  display: block;
  float: left;
  margin-right: 20px;
  text-align: center;
  width: 92px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
}
.task-section-2 .approval-text{
  font-size: 14px;
  color: #666;
  line-height: 26px;
  margin-top: 24px;
}
.main-section.width-1368{
  width: 1180px;
}

.task-section-2 .task-mainTitle{
  font-size: 26px;
  line-height: 44px;
}
.task-section-2 .task-list{
  margin-top: 28px;
}
.task-section-2 .task-list-item{
  height: 70px;
  padding: 6px 0;
  cursor: pointer;
}
/*.accountbook-section-2 .accountbook-list-item + .accountbook-list-item{
  margin-top: 18px;
}*/
.task-section-2 .list-item-mainTitle{
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 6px;
}
.task-section-2 .list-item-subTitle{
  font-size: 14px;
  line-height: 14px;
  color: #666;
}
.task-section-2 .task-list-item.active .list-item-mainTitle,
.task-section-2 .task-list-item.active .list-item-subTitle
{
  color: #4f98e9;
}

.task-section-2 .list-item-icon{
  height: 54px;
  width: 54px;
  float: left;
  background-image: url(/style/img/task-icon.png);
  background-repeat: no-repeat;
  margin-right: 25px;
  margin-top: 2px;
}
.task-section-2 .task-list-item.active .list-item-icon{
  background-image: url(/style/img/task-icon-on.png);

}
.task-section2-icon1{background-position:0 -162px;}
.task-section2-icon2{background-position:0 -216px;}
.task-section2-icon3{background-position:0 -108px;}
.task-section2-icon4{background-position:0 0;}
.task-section2-icon5{background-position:0 -54px;}
/*.task-section-2{*/
  /*height: 651px;*/
  /*min-width: 1270px;*/
/*}*/
/*.task-section-2 .task-left {*/
    /*padding-top: 144px;*/
    /*padding-left: 110px;*/
    /*float: left;*/
    /*width: 655px;*/
/*}*/
/*.task-section2-imgText{*/
  /*width: 332px;*/
  /*height: 32px;*/
  /*line-height: 32px;*/
  /*border-radius: 40px;*/
  /*text-align: center;*/
  /*color: #6f6f6f;*/
  /*font-size: 14px;*/
  /*margin-top: 36px;*/
  /*background-color: #efefef;*/
  /*margin-left: 75px;*/
/*}*/
/*.task-section-2 .task-right {*/
    /*padding-top: 178px;*/
    /*float: left;*/
    /*width: 545px;*/
/*}*/
/*.task-section-2 .task-mainTitle {*/
    /*font-size: 30px;*/
    /*line-height: 46px;*/
/*}*/
/*.task-section-2 .task-list{*/
  /*margin-top: 38px;*/
  /*height: 115px;*/
/*}*/
/*.task-section-2 .task-list-item {*/
    /*height: 115px;*/
    /*float: left;*/
    /*width: 74px;*/
    /*cursor: pointer;*/
/*}*/
/*.task-section-2 .task-list-item + .task-list-item{margin-left: 63px;}*/
/*.task-section-2 .list-item-icon{*/
  /*height: 74px;*/
  /*width: 74px;*/
  /*background-image: url(/style/img/task1.png);*/
  /*background-repeat: no-repeat;*/
/*}*/
/*.task-section-2 .task-section2-icon1{background-position:0 -74px;}*/
/*.task-section-2 .task-section2-icon2{background-position:0 -222px;}*/
/*.task-section-2 .task-section2-icon3{background-position:0 -370px;}*/
/*.task-section-2 .task-list-item.active .task-section2-icon1{background-position:0 -296px;}*/
/*.task-section-2 .task-list-item.active .task-section2-icon2{background-position:0 0;}*/
/*.task-section-2 .task-list-item.active .task-section2-icon3{background-position:0 -148px;}*/
/*.task-section-2 .list-item-text{*/
  /*font-size: 14px;*/
  /*color: #666;*/
  /*text-align: center;*/
  /*line-height: 14px;*/
  /*margin-top: 15px;*/
/*}*/
/*.task-section-2 .task-list-item.active #task-section2-text1{color: #00b7ee;}*/
/*.task-section-2 .task-list-item.active #task-section2-text2{color: #b5e630;}*/
/*.task-section-2 .task-list-item.active #task-section2-text3{color: #f7ad35;}*/
/*任务管理第三屏*/
.task-section-3{
  height: 700px;
  background-color: #f7f8f8;
  min-width: 1270px;
}
.task-section-3 .task-left{
  float: left;
  padding-top: 100px;
}
.task-section-3 .task-right{
  float: right;
  padding-top: 60px;
}
.task-section3-btn{
  width: 90%;
  height: auto;
  overflow: hidden;
  margin-top: 20px;
  margin-left: 78px;
}
.task-section3-btn a{
  display: block;
  float: left;
  margin-right: 20px;
  text-align: center;
  width: 92px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
}
.task-section3-btn a.c-1{
  background: #3099db;
}
.task-section3-btn a.c-2{
  background: #ffbc00;
}
.task-section-3 .task-text{
  font-size: 14px;
  color: #666;
  line-height: 26px;
  margin-top: 24px;
}
.main-section.width-1368{
  width: 1180px;
}

.task-section-3 .task-mainTitle{
  font-size: 26px;
  line-height: 44px;
}
.task-section-3 .task-list{
  margin-top: 28px;
}
.task-section-3 .task-list-item{
  height: 70px;
  padding: 6px 0;
  cursor: pointer;
}
/*.accountbook-section-2 .accountbook-list-item + .accountbook-list-item{
  margin-top: 18px;
}*/
.task-section-3 .list-item-mainTitle{
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 6px;
}
.task-section-3 .list-item-subTitle{
  font-size: 14px;
  line-height: 14px;
  color: #666;
}
.task-section-3 .task-list-item.active .list-item-mainTitle,
.task-section-3 .task-list-item.active .list-item-subTitle
{
  color: #4f98e9;
}

.task-section-3 .list-item-icon{
  height: 54px;
  width: 54px;
  float: left;
  background-image: url(/style/img/task-icon-3.png);
  background-repeat: no-repeat;
  margin-right: 25px;
  margin-top: 2px;
}
.task-section-3 .task-list-item.active .list-item-icon{
  background-image: url(/style/img/task-icon-3-on.png);

}
.task-section3-icon1{background-position: 0 -108px;}
.task-section3-icon2{background-position: 0 -162px;}
.task-section3-icon3{background-position: 0 0;}
.task-section3-icon4{background-position: 0 -54px;}

/*任务管理第四屏*/
.task-section-4{
  height: 600px;
  min-width: 1270px;
}
.task-section-4 .task-left{
  padding-top: 146px;
  padding-left: 175px;
  float: left;
  width: 520px;
}
.task-section-4 .task-mainTitle{
  height: 46px;
  line-height: 46px;
  font-size: 30px;
}
.task-section-4 .task-text{
  margin-top: 16px;
  line-height: 26px;
  font-size: 14px;
  color: #666;
}
.task-section-4 .task-right{
  float: left;
  width: 680px;
  height: 600px;
  background: url(/style/img/task-section5-1.png) no-repeat 0 105px;
}
/*任务管理第五屏*/
.task-section-5{
  height: 750px;
  background-color: #ffffff;
  min-width: 1270px;
}
.task-section-5 .task-mainTitle{
  font-size: 30px;
  text-align: center;
  line-height: 30px;
  padding-top: 87px;
}
.task-section-5 .task-subTitle{
  line-height: 26px;
  text-align: center;
  font-size: 14px;
  margin-top: 19px;
  color: #666;
}
.task-section-5 .task-section5-bottom{
  height: 562px;
  background: url(/style/img/task-section4-1.png) no-repeat center;
}
.task-section-5 .task-section5-bottom-new{
  background: url(/style/img/task-section4-1-new.png) no-repeat center;
}
/*绩效管理详情页*/
.performance-bg-1{
  height: 580px;
  background: url(/style/img/performance-bg-1.jpg) no-repeat center;
}
/*绩效管理第二屏*/
.performance-section-2 {min-width: 1270px; height:660px; }
.performance-section-2 .main-section{width:1260px;}
.performance-section-2 .performance-left {
  float: left;
  width: 690px;
  padding-left: 60px;
  padding-top: 80px;
}
.performance-section-2 .performance-right{
  float: right;
  padding-top: 80px;
  width: 410px;
}
.performance-section2-btn{
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 20px;
  margin-left: 78px;
}
.performance-section-2 a{
  display: block;
  float: left;
  margin-right: 20px;
  text-align: center;
  width: 92px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
}
.performance-section-2 a.c-1{
  background: #3099db;
}
.performance-section-2 a.c-2{
  background: #ffbc00;
}
.performance-section-2 .performance-text{
  font-size: 14px;
  color: #666;
  line-height: 26px;
  margin-top: 24px;
}
.performance-section-2 .main-section.width-1368{
  width: 1180px;
}

.performance-section-2 .performance-mainTitle{
  font-size: 30px;
  line-height: 44px;
}
.performance-section-2 .performance-list{
  margin-top: 28px;
}
.performance-section-2 .performance-list-item{
  height: 70px;
  padding: 6px 0;
  cursor: pointer;
}

.performance-section-2 .list-item-mainTitle{
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 6px;
}
.performance-section-2 .list-item-subTitle{
  font-size: 14px;
  line-height: 14px;
  color: #666;
}
.performance-section-2 .performance-list-item.active .list-item-mainTitle,
.performance-section-2 .performance-list-item.active .list-item-subTitle {
  color: #4f98e9;
}

.performance-section-2 .list-item-icon{
  height: 54px;
  width: 54px;
  float: left;
  /* background-image: url(/style/img/approval-ico-2.png); */
  background-repeat: no-repeat;
  margin-right: 25px;
  margin-top: 2px;
}
.performance-section-2 .list-item-icon.performance-section2-icon1{
  background-image: url(/style/img/performance-ico-2-1.png);
}
.performance-section-2 .performance-list-item.active .list-item-icon.performance-section2-icon1{
  background-image: url(/style/img/performance-ico-2-1-on.png);
}
.performance-section-2 .list-item-icon.performance-section2-icon2{
  background-image: url(/style/img/performance-ico-2-2.png);
}
.performance-section-2 .performance-list-item.active .list-item-icon.performance-section2-icon2{
  background-image: url(/style/img/performance-ico-2-2-on.png);
}
.performance-section-2 .list-item-icon.performance-section2-icon3{
  background-image: url(/style/img/performance-ico-2-3.png);
}
.performance-section-2 .performance-list-item.active .list-item-icon.performance-section2-icon3{ background-image: url(/style/img/performance-ico-2-3-on.png);
}
.performance-section-2 .list-item-icon.performance-section2-icon4{
  background-image: url(/style/img/performance-ico-2-4.png);
}
.performance-section-2 .performance-list-item.active .list-item-icon.performance-section2-icon4{
  background-image: url(/style/img/performance-ico-2-4-on.png);
}

/*绩效管理第三屏*/
.performance-section-3{
  height: 600px;
  background-color: #f5f5f5;
  min-width: 1270px;
}
.performance-section-3 .performance-left{
  float: left;
  height: 570px;
  width: 619px;
  padding-left: 25px;
  padding-top: 120px;
}

.performance-section-3 .performance-right{
  width: 581px;
  height: 570px;
  padding-top: 82px;
  float: left;
}
.performance-section-3 .performance-mainTitle{
  font-size: 30px;
  line-height: 45px;
  margin-bottom: 41px;
}
.performance-section-3 .performance-list-item{
  height: 137px;
  width: 140px;
  float: left;
  cursor: pointer;
  padding-left: 68px;
  padding-bottom: 20px;
}
.performance-section-3 .performance-list-arrow{
  width: 50px;
  height: 70px;
  float: left;
  background: url(/style/img/performance-section3-5.png) no-repeat center;
}
.performance-section-3 .list-item-text{
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 14px;
    margin-top: 17px;
}
.performance-section-3 .list-item-icon{
  height: 72px;
  width: 72px;
  background-image: url(/style/img/performance-new.png);
}
.performance-section3-icon1{background-position:0 -576px;}
.performance-section3-icon2{background-position:0 -504px;}
.performance-section3-icon3{background-position:0 -432px;}
.performance-section3-icon4{background-position:0 -792px;}
.performance-section3-icon5{background-position:0 -720px;}
.performance-section3-icon6{background-position:0 -648px;}
.performance-section-3 .performance-list-item.active .performance-section3-icon1{background-position:0 -144px;}
.performance-section-3 .performance-list-item.active .performance-section3-icon2{background-position:0 -72px;}
.performance-section-3 .performance-list-item.active .performance-section3-icon3{background-position:0 0;}
.performance-section-3 .performance-list-item.active .performance-section3-icon4{background-position:0 -360px;}
.performance-section-3 .performance-list-item.active .performance-section3-icon5{background-position:0 -288px;}
.performance-section-3 .performance-list-item.active .performance-section3-icon6{background-position:0 -216px;}

/*绩效管理第四屏*/
.performance-section-4{
  height: 720px;
  min-width: 1270px;
}
.performance-section4-btn{
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 20px;
  margin-left: 78px;
}
.performance-section-4 a{
  display: block;
  float: left;
  margin-right: 20px;
  text-align: center;
  width: 92px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
}
.performance-section-4 a.c-1{
  background: #3099db;
}
.performance-section-4 a.c-2{
  background: #ffbc00;
}
.performance-section-4 .performance-left{
  width: 630px;
  height: 580px;
  float: right;
  padding-left: 70px;
  padding-top: 100px;
}
.performance-section-4 .performance-right{
  width: 570px;
  height: 580px;
  float: left;
  padding-top: 135px;
}
.performance-section-4 .performance-text{padding-top: 25px;font-size: 14px;color: #666}
.performance-section-4 .performance-mainTitle{
  line-height: 44px;
  font-size: 30px;
}

.performance-section-4 .performance-list{margin-top: 16px;}
.performance-section-4 .performance-list-item {
    height: 74px;
    padding: 10px 0;
    cursor: pointer;
}
.performance-section-4 .list-item-mainTitle {
    font-size: 20px;
    line-height: 32px;
}
.performance-section-4 .list-item-icon{
  height: 54px;
  width: 54px;
  float: left;
  margin-right: 19px;
  background-image: url(/style/img/performance-new1.png);
  background-repeat: no-repeat;
}
.performance-section-4 .performance-list-item .list-item-subTitle{font-size: 14px;color: #666}
.performance-section4-icon1{background-position:0 -270px;}
.performance-section4-icon2{background-position:0 -216px;}
.performance-section4-icon3{background-position:0 -378px;}
.performance-section4-icon4{background-position:0 -324px;}
.performance-section-4 .performance-list-item.active .performance-section4-icon1{background-position:0 -54px;}
.performance-section-4 .performance-list-item.active .performance-section4-icon2{background-position:0 0;}
.performance-section-4 .performance-list-item.active .performance-section4-icon3{background-position:0 -162px;}
.performance-section-4 .performance-list-item.active .performance-section4-icon4{background-position:0 -108px;}
.performance-section-4 .performance-list-item.active .list-item-mainTitle, .performance-section-4 .performance-list-item.active .list-item-subTitle {
    color: #4f98e9;

}


/*绩效管理第五屏*/
.performance-section-5{
  height: 720px;
  background-color: #f5f5f5;
  min-width: 1270px;
}
.performance-section-5 .performance-mainTitle{
  font-size: 30px;
  line-height: 30px;
  padding-top: 75px;
  text-align: center;
}
.performance-section-5 .performance-subTitle{
  margin: 24px auto 0 auto;
  font-size: 14px;
  color: #666;
  line-height: 26px;
  text-align: center;
  width: 850px;
}
.performance-section-5 .performance-list{
  width: 648px;
  margin: 36px auto 0 auto;
  height: 90px;
}
.performance-section-5 .performance-list-item{
  height: 90px;
  width: 80px;
  float: left;
}
.performance-section-5 .performance-list-item + .performance-list-item{margin-left: 109px;}
.performance-section-5 .performance-list-item .list-item-mainTitle{font-size: 16px;color: #666;margin-top: 22px;}
.performance-section5-bottom{
  height: 500px;
  background: url(/style/img/performance-section5-1.png) no-repeat center center;
}

/*绩效管理第6屏*/
.performance-section-6{
  width: 100%;
  height: 700px;
}
.performance-section-6 .performance-mainTitle{
  padding-top: 86px;
  font-size: 30px;
  text-align: center;
  line-height: 30px;
}
.performance-section-6 .performance-subTitle{
  margin: 28px auto 0 auto;
  font-size: 14px;
  color: #666;
  line-height: 26px;
  text-align: center;
  width: 995px;
}
.section_main{
  position: relative;
  width: 1300px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
}
.performance-new-list{
  width: 100%;
  height: 350px;
  margin-top: 90px;
}
.performance-new-list-left{
  float: left;
  width: 300px;
  height: 350px;
}
.performance-new-list-right{
  float: right;
  width: 300px;
  height: 350px;
}
.performance-new-item{
  width: 100%;
  height: 60px;
  margin-bottom: 15px;
  cursor: pointer;
}
.performance-new-item.on .performance-new-item-text h2{
  color: #3099db;
}
.performance-new-ico{
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  margin: 10px 20px;
  background-repeat: no-repeat;
}
.performance-new-ico.ico-1{
  background-image: url(/style/img/performance-ico-6-1.png);
  background-position:center center;
}
.performance-new-ico.ico-2{
  background-image: url(/style/img/performance-ico-6-2.png);
  background-position:center center;
}
.performance-new-ico.ico-3{
  background-image: url(/style/img/performance-ico-6-5.png);
  background-position:center center;
}
.performance-new-ico.ico-4{
  background-image: url(/style/img/performance-ico-6-4.png);
  background-position:center center;
}
.performance-new-ico.ico-5{
  background-image: url(/style/img/performance-ico-6-5.png);
  background-position:center center;
}
.performance-new-ico.ico-6{
  background-image: url(/style/img/performance-ico-6-6.png);
  background-position:center center;
}
.performance-new-ico.ico-7{
  background-image: url(/style/img/performance-ico-6-7.png);
  background-position:center center;
}
.performance-new-ico.ico-8{
  background-image: url(/style/img/performance-ico-6-8.png);
  background-position:center center;
}
.performance-new-item.on .performance-new-ico.ico-1{
  background-image: url(/style/img/performance-ico-6-1-on.png);
  background-position:center center;
}
.performance-new-item.on .performance-new-ico.ico-2{
  background-image: url(/style/img/performance-ico-6-2-on.png);
  background-position:center center;
}
.performance-new-item.on .performance-new-ico.ico-3{
  background-image: url(/style/img/performance-ico-6-3-on.png);
  background-position:center center;
}
.performance-new-item.on .performance-new-ico.ico-4{
  background-image: url(/style/img/performance-ico-6-4-on.png);
  background-position:center center;
}
.performance-new-item.on .performance-new-ico.ico-5{
  background-image: url(/style/img/performance-ico-6-5-on.png);
  background-position:center center;
}
.performance-new-item.on .performance-new-ico.ico-6{
  background-image: url(/style/img/performance-ico-6-6-on.png);
  background-position:center center;
}
.performance-new-item.on .performance-new-ico.ico-7{
  background-image: url(/style/img/performance-ico-6-7-on.png);
  background-position:center center;
}
.performance-new-item.on .performance-new-ico.ico-8{
  background-image: url(/style/img/performance-ico-6-8-on.png);
  background-position:center center;
}
.performance-new-item-text{
  float: left;
  width: 230px;
  height: 60px;
}
.performance-new-item-text h2{
  font-size: 20px;
  color: #333333;
  margin-bottom: 5px;
  line-height: 50px;
}
.performance-new-item-text p{
  font-size: 14px;
  color: #666666;
}
.performance-new-img-wrap{
  position: absolute;
  left: 50%;
  top: 247px;
  margin-left: -290px;
  width: 500px;
  height: 400px;
}
.performance-new-img{
  width: 100%;
  heigth: 100%;
}
.performance-new-img img{
  width: 100%;
  heigth: 100%;
}
/*绩效管理第七屏*/
.performance-section-7 {min-width: 1270px; height:650px;background: #f5f5f5}
.performance-section-7 .main-section{width:1260px;}
.performance-section-7 .performance-left {
  float: left;
  width: 690px;
  padding-left: 100px;
  padding-top: 90px;
}
.performance-section-7 .performance-right{
  float: right;
  padding-top: 53px;
  width: 410px;
}
.performance-section7-btn{
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 20px;
  margin-left: 78px;
}
.performance-section-7 a{
  display: block;
  float: left;
  margin-right: 20px;
  text-align: center;
  width: 92px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
}
.performance-section-7 a.c-1{
  background: #3099db;
}
.performance-section-7 a.c-2{
  background: #ffbc00;
}
.performance-section-7 .performance-text{
  font-size: 14px;
  color: #666;
  line-height: 26px;
  margin-top: 24px;
}
.performance-section-7 .main-section.width-1368{
  width: 1180px;
}

.performance-section-7 .performance-mainTitle{
  font-size: 26px;
  line-height: 44px;
}
.performance-section-7 .performance-list{
  margin-top: 28px;
}
.performance-section-7 .performance-list-item{
  height: 70px;
  padding: 6px 0;
  cursor: pointer;
}

.performance-section-7 .list-item-mainTitle{
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 6px;
}
.performance-section-7 .list-item-subTitle{
  font-size: 14px;
  line-height: 14px;
  color: #666;
}
.performance-section-7 .performance-list-item.active .list-item-mainTitle,
.performance-section-7 .performance-list-item.active .list-item-subTitle {
  color: #4f98e9;
}

.performance-section-7 .list-item-icon{
  height: 54px;
  width: 54px;
  float: left;
  /* background-image: url(/style/img/approval-ico-2.png); */
  background-repeat: no-repeat;
  margin-right: 25px;
  margin-top: 2px;
}
.performance-section-7 .list-item-icon.performance-section7-icon1{
  background-image: url(/style/img/performance-ico-7-1.png);
}
.performance-section-7 .performance-list-item.active .list-item-icon.performance-section7-icon1{
  background-image: url(/style/img/performance-ico-7-1-on.png);
}
.performance-section-7 .list-item-icon.performance-section7-icon2{
  background-image: url(/style/img/performance-ico-7-2.png);
}
.performance-section-7 .performance-list-item.active .list-item-icon.performance-section7-icon2{
  background-image: url(/style/img/performance-ico-7-2-on.png);
}
.performance-section-7 .list-item-icon.performance-section7-icon3{
  background-image: url(/style/img/performance-ico-7-3.png);
}
.performance-section-7 .performance-list-item.active .list-item-icon.performance-section7-icon3{
  background-image: url(/style/img/performance-ico-7-3-on.png);
}
.performance-section-7 .list-item-icon.performance-section7-icon4{
  background-image: url(/style/img/performance-ico-7-4.png);
}
.performance-section-7 .performance-list-item.active .list-item-icon.performance-section7-icon4{
  background-image: url(/style/img/performance-ico-7-4-on.png);
}
  /*文档管理详情页 start*/
.document-region { width:1170px; height:100%; }
.document-region .title { font-size:30px; line-height:48px; }
.document-region .text { font-size:14px; line-height:28px; color:#666; margin-top:15px; }
.document-bg-1 { height:580px; background:url(/style/img/document-bg-1.png) no-repeat center; }
.document-section-2 {min-width: 1270px; height:560px;}
.document-section-2 .left { float:right; width:535px; height:100%; margin-left:75px; background:url(/style/img/document-bg-2.png) no-repeat center; }
.document-section-2 .right { float:left; width:540px; padding-top:140px; margin-right:20px; }

/*文档第三屏*/
.document-section-3{
  height: 630px;
  min-width: 1270px;
}
.document-section3-btn{
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 20px;
  margin-left: 78px;
}
.document-section-3 a{
  display: block;
  float: left;
  margin-right: 20px;
  text-align: center;
  width: 92px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
}
.document-section-3 a.c-1{
  background: #3099db;
}
.document-section-3 a.c-2{
  background: #ffbc00;
}
.document-section-3 .document-left{
  width: 630px;
  height: 580px;
  float: right;
  padding-left: 30px;
  padding-top: 100px;
}
.document-section-3 .document-right{
  width: 570px;
  height: 580px;
  float: left;
  padding-top: 135px;
}
.document-section-3 .document-text{padding-top: 25px;font-size: 14px;color: #666}
.document-section-3 .document-mainTitle{
  line-height: 44px;
  font-size: 30px;
}

.document-section-3 .document-list{margin-top: 16px;}
.document-section-3 .document-list-item {
  height: 74px;
  padding: 10px 0;
  cursor: pointer;
}
.document-section-3 .list-item-mainTitle {
  font-size: 20px;
  line-height: 32px;
}
.document-section-3 .list-item-icon{
  height: 54px;
  width: 54px;
  float: left;
  margin-right: 19px;
}
.document-section-3 .document-list-item .list-item-subTitle{font-size: 14px;color: #666}
.document-section3-icon1{background: url(/style/img/document-section-3-icon-1.png)no-repeat;}
.document-section3-icon2{background: url(/style/img/document-section-3-icon-2.png)no-repeat;}
.document-section3-icon3{background: url(/style/img/document-section-3-icon-3.png)no-repeat;}
.document-section3-icon4{background: url(/style/img/document-section-3-icon-4.png)no-repeat;}
.document-section-3 .document-list-item.active .document-section3-icon1{background: url(/style/img/document-section-3-icon-1-active.png)no-repeat;}
.document-section-3 .document-list-item.active .document-section3-icon2{background: url(/style/img/document-section-3-icon-2-active.png)no-repeat;}
.document-section-3 .document-list-item.active .document-section3-icon3{background: url(/style/img/document-section-3-icon-3-active.png)no-repeat;}
.document-section-3 .document-list-item.active .document-section3-icon4{background: url(/style/img/document-section-3-icon-4-active.png)no-repeat;}
.document-section-3 .document-list-item.active .list-item-mainTitle, .document-section-3 .document-list-item.active .list-item-subTitle {
  color: #4f98e9;

}

/*文档第四屏*/
.document-section-4 {min-width: 1270px; height:700px; background-color:#f8f8f8; }
.document-section-4 .content { height:100%; text-align:center; padding-top:90px; }
.document-section-4 .content .image { height:393px; margin-top:45px; background:url(/style/img/document-bg-3.png) no-repeat center; }

/*文档第五屏*/
.document-section-5{
  height: 504px;
  min-width: 1270px;
  background-color:#f8f8f8;
}
.document-section5-btn{
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 20px;
  margin-left: 78px;
}
.document-section-5 a{
  display: block;
  float: left;
  margin-right: 20px;
  text-align: center;
  width: 92px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
}
.document-section-5 a.c-1{
  background: #3099db;
}
.document-section-5 a.c-2{
  background: #ffbc00;
}
.document-section-5 .document-left{
  width: 630px;
  height: 504px;
  float: left;
  padding-left: 30px;
  padding-top: 100px;
}
.document-section-5 .document-right{
  width: 570px;
  height: 504px;
  float: right;
  padding-top: 80px;
  padding-left: 30px;
}
.document-section-5 .document-text{padding-top: 25px;font-size: 14px;color: #666}
.document-section-5 .document-mainTitle{
  line-height: 44px;
  font-size: 30px;
}

.document-section-5 .document-list{margin-top: 16px;}
.document-section-5 .document-list-item {
  padding: 10px 0;
  line-height: 24px;
  cursor: pointer;
}
.document-section-5 .list-item-mainTitle {
  font-size: 20px;
  line-height: 32px;
}
.document-section-5 .list-item-icon{
  height: 54px;
  width: 54px;
  float: left;
  margin-right: 19px;
}
.document-section-5 .document-list-item .list-item-subTitle{font-size: 14px;color: #666}
.document-section5-icon1{background: url(/style/img/document-section-5-icon-1.png)no-repeat;}
.document-section5-icon2{background: url(/style/img/document-section-5-icon-2.png)no-repeat;}
.document-section-5 .document-list-item.active .document-section5-icon1{background: url(/style/img/document-section-5-icon-1-active.png)no-repeat;}
.document-section-5 .document-list-item.active .document-section5-icon2{background: url(/style/img/document-section-5-icon-2-active.png)no-repeat;}
.document-section-5 .document-list-item.active .list-item-mainTitle, .document-section-5 .document-list-item.active .list-item-subTitle {
  color: #4f98e9;

}
/*文档第六屏*/
.document-section-6{
  height: 521px;
  min-width: 1270px;
}
.document-section6-btn{
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 20px;
  margin-left: 78px;
}
.document-section-6 a{
  display: block;
  float: left;
  margin-right: 20px;
  text-align: center;
  width: 92px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
}
.document-section-6 a.c-1{
  background: #3099db;
}
.document-section-6 a.c-2{
  background: #ffbc00;
}
.document-section-6 .document-left{
  width: 630px;
  height: 521px;
  float: right;
  padding-left: 30px;
  padding-top: 100px;
}
.document-section-6 .document-right{
  width: 570px;
  height: 521px;
  float: left;
  padding-top: 80px;
  padding-left: 30px;
}
.document-section-6 .document-text{padding-top: 25px;font-size: 14px;color: #666}
.document-section-6 .document-mainTitle{
  line-height: 44px;
  font-size: 30px;
}

.document-section-6 .document-list{margin-top: 16px;}
.document-section-6 .document-list-item {
  padding: 10px 0;
  line-height: 24px;
  cursor: pointer;
}
.document-section-6 .list-item-mainTitle {
  font-size: 20px;
  line-height: 32px;
}
.document-section-6 .list-item-icon{
  height: 54px;
  width: 54px;
  float: left;
  margin-right: 19px;
}
.document-section-6 .document-list-item .list-item-subTitle{font-size: 14px;color: #666}
.document-section6-icon1{background: url(/style/img/document-section-6-icon-1.png)no-repeat;}
.document-section6-icon2{background: url(/style/img/document-section-6-icon-2.png)no-repeat;}
.document-section-6 .document-list-item.active .document-section6-icon1{background: url(/style/img/document-section-6-icon-1-active.png)no-repeat;}
.document-section-6 .document-list-item.active .document-section6-icon2{background: url(/style/img/document-section-6-icon-2-active.png)no-repeat;}
.document-section-6 .document-list-item.active .list-item-mainTitle, .document-section-6 .document-list-item.active .list-item-subTitle {
  color: #4f98e9;

}

/*文档管理详情页 end*/

/*物资管理详情页 start*/
.materiel-region { width:1080px; height:100%; }
.materiel-region .title { font-size:30px; line-height:48px; }
.materiel-region .text { font-size:14px; line-height:28px; color:#666; margin-top:15px; }
.materiel-bg-1 { height:580px; background:url(/style/img/materiel-bg-1.png) no-repeat center; }
.materiel-bg-new { height:580px; background:url(/style/img/materiel-bg-new.jpg) no-repeat center; }
.materiel-bg-new .detail-mainTitle{ position: relative }
.materiel-bg-new .detail-mainTitle-appName{ margin-right: 80px; }
.materiel-section-2 { height:560px; /*background-color:#f8f8f8*/;min-width: 1270px; }
.materiel-section-2 .left { float:left; width:430px; height:100%; margin-left:0px; }
.materiel-section-2 .pic { margin-top:102px; }
.materiel-section-2 .right { float:right; width:510px; height:100%; margin-right:0px; padding-top:115px; }
.materiel-section-2 .right .btn-detailPage{width:90px;margin-top: 45px;}
.materiel-section-2 .icons { width:100%; height:120px; margin-top:25px; }
.materiel-section-2 .icons .icon { float:left; width:74px; height:100%; cursor:pointer; }
.materiel-section-2 .icons .icon + .icon { margin-left:60px; }
.materiel-section-2 .icons .icon [class^="img-"] { height:74px; }
.materiel-section-2 .icons .icon .img-1 { background:url(/style/img/materiel-section-2-icon-1.png) no-repeat center; }
.materiel-section-2 .icons .icon .img-2 { background:url(/style/img/materiel-section-2-icon-2.png) no-repeat center; }
.materiel-section-2 .icons .icon .img-3 { background:url(/style/img/materiel-section-2-icon-3.png) no-repeat center; }
.materiel-section-2 .icons .icon .img-4 { background:url(/style/img/materiel-section-2-icon-4.png) no-repeat center; }
.materiel-section-2 .icons .icon.active .img-1 { background:url(/style/img/materiel-section-2-icon-1-active.png) no-repeat center; }
.materiel-section-2 .icons .icon.active .img-2 { background:url(/style/img/materiel-section-2-icon-2-active.png) no-repeat center; }
.materiel-section-2 .icons .icon.active .img-3 { background:url(/style/img/materiel-section-2-icon-3-active.png) no-repeat center; }
.materiel-section-2 .icons .icon.active .img-4 { background:url(/style/img/materiel-section-2-icon-4-active.png) no-repeat center; }
.materiel-section-2 .icons .icon .icon-text { text-align:center; margin-top:12px; font-size:14px; padding-left:4px; }
.materiel-section-2 .icons .icon.active .icon-text-1 { color:#7570E2; }
.materiel-section-2 .icons .icon.active .icon-text-2 { color:#E44B7F; }
.materiel-section-2 .icons .icon.active .icon-text-3 { color:#67A4F2; }
.materiel-section-2 .icons .icon.active .icon-text-4 { color:#FF9B3A; }
.materiel-section-3 { height:516px; min-width: 1270px;background-color:#f8f8f8}
.materiel-section-3 .left { float:left; width:530px; height:100%; padding-top:150px; }
.materiel-section-3 .right { float:right; width:450px; height:100%; }
.materiel-section-3 .right .image { height:376px; margin-top:85px; background:url(/style/img/materiel-bg-2.png) no-repeat; }
.materiel-section-4 {min-width: 1270px; height:560px; /*background-color:#f8f8f8; */}
.materiel-section-4 .left { float:left; width:510px; height:100%; }
.materiel-section-4 .pic { margin-top:73px; }
.materiel-section-4 .right { float:right; width:450px; height:100%; margin-right:0px; padding-top:116px; }
.materiel-section-4 .icons { width:100%; height:120px; margin-top:25px; }
.materiel-section-4 .icons .icon { float:left; width:74px; height:100%; cursor:pointer; }
.materiel-section-4 .icons .icon + .icon { margin-left:60px; }
.materiel-section-4 .icons .icon [class^="img-"] { height:74px; }
.materiel-section-4 .icons .icon .img-1 { background:url(/style/img/materiel-section-4-icon-1.png) no-repeat center; }
.materiel-section-4 .icons .icon .img-2 { background:url(/style/img/materiel-section-4-icon-2.png) no-repeat center; }
.materiel-section-4 .icons .icon .img-3 { background:url(/style/img/materiel-section-4-icon-3.png) no-repeat center; }
.materiel-section-4 .icons .icon.active .img-1 { background:url(/style/img/materiel-section-4-icon-1-active.png) no-repeat center; }
.materiel-section-4 .icons .icon.active .img-2 { background:url(/style/img/materiel-section-4-icon-2-active.png) no-repeat center; }
.materiel-section-4 .icons .icon.active .img-3 { background:url(/style/img/materiel-section-4-icon-3-active.png) no-repeat center; }
.materiel-section-4 .icons .icon .icon-text { text-align:center; margin-top:12px; font-size:14px; padding-left:5px; }
.materiel-section-4 .icons .icon.active .icon-text-1 { color:#f75555; }
.materiel-section-4 .icons .icon.active .icon-text-2 { color:#ffb453; }
.materiel-section-4 .icons .icon.active .icon-text-3 { color:#4f98e9; }
.materiel-section-5 { height:520px; min-width: 1270px;}
.materiel-section-5 .left { float:left; width:550px; height:100%; padding-top:113px; }
.materiel-section-5 .right { float:right; width:511px; height:100%; margin-right:-66px; }
.materiel-section-5 .right .image { height:511px; margin-top:45px; background:url(/style/img/materiel-bg-3.png) no-repeat; }
.materiel-section-6 { height: 700px;min-width: 1270px;background-color: #f7f8f8;}
.materiel-section-6 .main-section{width: 1200px;margin: 0 auto;height: 100%;position: relative;}
.materiel-section-6 .materiel-mainTitle{font-size: 30px;line-height: 40px;text-align: center;padding: 70px 160px 0px;}
.materiel-section-6 .materiel-subTitle{font-size: 14px;line-height: 30px;text-align: center;padding: 16px 160px 20px;color:#7F7F7F}
.materiel-section-6 .materiel-section2-img-wrap{margin-top: 46px;height: 420px;}
.materiel-section-6 .materiel-section2-img{height: 420px;text-align: center;}
/*物资管理详情页 end*/

/*审批管理详情页 start*/
.approval-region { width:1080px; height:100%; }
.approval-region .title { font-size:30px; line-height:48px; }
.approval-region .text { font-size:14px; line-height:28px; color:#666; margin-top:15px; }
.approval-bg-1 { height:580px; background:url(/style/img/approval-bg-1.jpg) no-repeat center; }
.approval-section-2 {min-width: 1270px; height:560px; /*background-color:#f8f8f8;*/ }
.approval-section-2 .left { float:left; width:511px; height:100%; }
.approval-section-2 .pic { margin-top:150px; }
.approval-section-2 .right { float:right; width:458px; height:100%; padding-top:145px; }
.approval-section-2 .items { margin-top:20px; }
.approval-section-2 .items .item { cursor:pointer; }
.approval-section-2 .items .item + .item { margin-top:10px; }
.approval-section-2 .items .item [class^="title-"] { color:#666; font-size:20px; text-indent:35px; }
.approval-section-2 .items .item.active [class^="title-"] { color:#4f98e9; }
.approval-section-2 .items .item .title-1 { background:url(/style/img/approval-section-2-star-1.png) no-repeat 0 5px; }
.approval-section-2 .items .item .title-2 { background:url(/style/img/approval-section-2-theme-1.png) no-repeat 0 5px; }
.approval-section-2 .items .item .title-3 { background:url(/style/img/approval-section-2-ok-1.png) no-repeat 0 5px; }
.approval-section-2 .items .item.active .title-1 { background:url(/style/img/approval-section-2-star-2.png) no-repeat 0 5px; }
.approval-section-2 .items .item.active .title-2 { background:url(/style/img/approval-section-2-theme-2.png) no-repeat 0 5px; }
.approval-section-2 .items .item.active .title-3 { background:url(/style/img/approval-section-2-ok-2.png) no-repeat 0 5px; }
.approval-section-2 .items .item .desc { color:#666; font-size:14px; text-indent:35px; }
.approval-section-2 .items .item.active .desc { color:#4f98e9; }
.approval-section-3 { height:516px; min-width: 1270px;}
.approval-section-3 .left { float:left; width:430px; height:100%; margin-left:90px; padding-top:150px; }
.approval-section-3 .right { float:right; width:532px; height:100%; }
.approval-section-3 .right .image { height:417px; margin-top:99px; background:url(/style/img/approval-bg-2.png) no-repeat; }
.approval-section-4 { height:660px; /*background-color:#f8f8f8; */min-width: 1270px;}
.approval-section-4 .content { height:100%; text-align:center; padding-top:90px; }
.approval-section-4 .content .image { height:372px; margin-top:50px; background:url(/style/img/approval-bg-3.png) no-repeat center; }


/*第二屏*/
.approval-section-2{
  height: 621px;
  /*background-color: #f7f8f8;*/
  min-width: 1270px;
}
.approval-section-2 .approval-left,
.approval-section-3 .approval-left{
  float: left;
  width: 690px;
  padding-left: 20px;
  padding-top: 60px;
}
.approval-section-2 .approval-right{
  float: right;
  padding-top: 60px;
  width: 410px;
}
.approval-section2-btn{
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 20px;
  margin-left: 78px;
}
.approval-section2-btn a{
  display: block;
  float: left;
  margin-right: 20px;
  text-align: center;
  width: 92px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
}
.approval-section2-btn a.c-1{
  background: #3099db;
}
.approval-section2-btn a.c-2{
  background: #ffbc00;
}
.approval-section-2 .approval-text{
  font-size: 14px;
  color: #666;
  line-height: 26px;
  margin-top: 24px;
}
.main-section.width-1368{
  width: 1180px;
}

.approval-section-2 .approval-mainTitle{
  font-size: 26px;
  line-height: 44px;
}
.approval-section-2 .approval-list{
  margin-top: 28px;
}
.approval-section-2 .approval-list-item{
  height: 70px;
  padding: 6px 0;
  cursor: pointer;
}
/*.accountbook-section-2 .accountbook-list-item + .accountbook-list-item{
  margin-top: 18px;
}*/
.approval-section-2 .list-item-mainTitle{
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 6px;
}
.approval-section-2 .list-item-subTitle{
  font-size: 14px;
  line-height: 14px;
  color: #666;
}
.approval-section-2 .approval-list-item.active .list-item-mainTitle,
.approval-section-2 .approval-list-item.active .list-item-subTitle
{
  color: #4f98e9;
}

.approval-section-2 .list-item-icon{
  height: 54px;
  width: 54px;
  float: left;
  background-image: url(/style/img/approval-ico-2.png);
  background-repeat: no-repeat;
  margin-right: 25px;
  margin-top: 2px;
}
.approval-section-2 .approval-list-item.active .list-item-icon{
  background-image: url(/style/img/approval-ico-2-on.png);

}
.approval-section2-icon1{background-position:0 0px;}
.approval-section2-icon2{background-position:0 -78px;}
.approval-section2-icon3{background-position:0 -156px;}
.approval-section2-icon4{background-position:0 -234px;}


/*第三屏*/
.approval-section-3{
  height: 700px;
  background-color: #f7f8f8;
  min-width: 1270px;
}
.approval-section-3 .approval-left{
  float: left;
  padding-top: 100px;
}
.approval-section-3 .approval-right{
  float: right;
  padding-top: 60px;
}
.approval-section3-btn{
  width: 90%;
  height: auto;
  overflow: hidden;
  margin-top: 20px;
  margin-left: 78px;
}
.approval-section3-btn a{
  display: block;
  float: left;
  margin-right: 20px;
  text-align: center;
  width: 92px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
}
.approval-section3-btn a.c-1{
  background: #3099db;
}
.approval-section3-btn a.c-2{
  background: #ffbc00;
}
.approval-section-3 .approval-text{
  font-size: 14px;
  color: #666;
  line-height: 26px;
  margin-top: 24px;
}
.main-section.width-1368{
  width: 1180px;
}

.approval-section-3 .approval-mainTitle{
  font-size: 26px;
  line-height: 44px;
}
.approval-section-3 .approval-list{
  margin-top: 28px;
}
.approval-section-3 .approval-list-item{
  height: 70px;
  padding: 6px 0;
  cursor: pointer;
}
/*.accountbook-section-2 .accountbook-list-item + .accountbook-list-item{
  margin-top: 18px;
}*/
.approval-section-3 .list-item-mainTitle{
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 6px;
}
.approval-section-3 .list-item-subTitle{
  font-size: 14px;
  line-height: 14px;
  color: #666;
}
.approval-section-3 .approval-list-item.active .list-item-mainTitle,
.approval-section-3 .approval-list-item.active .list-item-subTitle
{
  color: #4f98e9;
}

.approval-section-3 .list-item-icon{
  height: 54px;
  width: 54px;
  float: left;
  background-image: url(/style/img/approval-ico-3.png);
  background-repeat: no-repeat;
  margin-right: 25px;
  margin-top: 2px;
}
.approval-section-3 .approval-list-item.active .list-item-icon{
  background-image: url(/style/img/approval-ico-3-on.png);

}
.approval-section3-icon1{background-position:0 -1px;}
.approval-section3-icon2{background-position:0 -61px;}
.approval-section3-icon3{background-position:0 -120px;}
.approval-section3-icon4{background-position:0 -182px;}

/*第五屏*/
.approval-section-5{
  height: 660px;
  min-width: 1270px;
  background: #f7f8f8;
}
.approval-section-5 .approval-left{
  padding-top: 90px;
  /*padding-right: 97px;*/
  float: left;
  width: 638px;
}
.approval-section-5 .approval-right{
  padding-top: 80px;
  float: left;
  width: 560px;
}
.approval-section-5 .approval-mainTitle{
  font-size: 30px;
  line-height: 46px;
}
.approval-section-5 .approval-text{
  margin-top: 15px;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 24px;
  color: #666;
}
.approval-section-5 .approval-list{
  margin-top: 70px;
  height: 115px;
}
.approval-section-5 .approval-list-item{
  height: 115px;
  float: left;
  width: 90px;
  cursor: pointer;
}
.approval-section-5 .approval-list-item + .approval-list-item{margin-left: 63px;}
.approval-section-5 .list-item-icon{
  height: 75px;
  width: 90px;
  background-image: url(/style/img/approval-ico-5.png);
  background-repeat: no-repeat;
}
.approval-section-5 .approval-list-item.active .list-item-icon{
  background-image: url(/style/img/approval-ico-5-on.png);
}
.approval-section5-icon1{background-position:7px 0px;}
.approval-section5-icon2{background-position:-144px 0px;}
.approval-section5-icon3{background-position:-295px 0px;}
.approval-section5-icon4{background-position:-447px 0px;}

.approval-section-5 .list-item-text{
  font-size: 14px;
  color: #666;
  text-align: center;
  line-height: 14px;
  margin-top: 15px;
}
/*.accountbook-section-5 .accountbook-list-item.active  #accountbook-section5-text1{color: #f75555;}
.accountbook-section-5 .accountbook-list-item.active  #accountbook-section5-text2{color: #f7c163;}
.accountbook-section-5 .accountbook-list-item.active  #accountbook-section5-text3{color: #4f98e9;}*/
/*.approval-section-5 .accountbook-list-item.active .list-item-text{color: #3099db;}*/
.approval-section-5 .approval-list-item:nth-of-type(1).active .list-item-text{
  color: #eb5c5c;
}
.approval-section-5 .approval-list-item:nth-of-type(2).active .list-item-text{
  color: #fbcb3e;
}
.approval-section-5 .approval-list-item:nth-of-type(3).active .list-item-text{
  color: #2aaea1;
}
.approval-section-5 .approval-list-item:nth-of-type(4).active .list-item-text{
  color: #3099db;
}
/*审批管理详情页 end*/


/*项目管理详情页 start*/
.project-region { width:1080px; height:100%; }
.project-region .title { font-size:30px; line-height:48px; }
.project-region .text { font-size:14px;  color:#666;}
.project-bg-1 { height:640px; background:url(/style/img/project-bg-1.jpg) no-repeat center; }
.project-bg-1 .main-section{width:1300px;}


/*第二屏*/
.project-section-2 {min-width: 1270px; height:710px; }
.project-section-2 .main-section{width:1260px;}
.project-section-2 .project-left {
  float: left;
  width: 690px;
  padding-left: 10px;
  padding-top: 80px;
}
.project-section-2 .project-right{
  float: right;
  padding-top: 80px;
  width: 410px;
}
.project-section2-btn{
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 20px;
  margin-left: 78px;
}
.project-section2-btn a{
  display: block;
  float: left;
  margin-right: 20px;
  text-align: center;
  width: 92px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
}
.project-section2-btn a.c-1{
  background: #3099db;
}
.project-section2-btn a.c-2{
  background: #ffbc00;
}
.project-section-2 .project-text{
  font-size: 14px;
  color: #666;
  line-height: 26px;
  margin-top: 24px;
}
.main-section.width-1368{
  width: 1180px;
}

.project-section-2 .project-mainTitle{
  font-size: 26px;
  line-height: 44px;
}
.project-section-2 .project-list{
  margin-top: 28px;
}
.project-section-2 .project-list-item{
  height: 70px;
  padding: 6px 0;
  cursor: pointer;
}

.project-section-2 .list-item-mainTitle{
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 6px;
}
.project-section-2 .list-item-subTitle{
  font-size: 14px;
  line-height: 14px;
  color: #666;
}
.project-section-2 .project-list-item.active .list-item-mainTitle,
.project-section-2 .project-list-item.active .list-item-subTitle {
  color: #4f98e9;
}

.project-section-2 .list-item-icon{
  height: 54px;
  width: 54px;
  float: left;
  /* background-image: url(/style/img/approval-ico-2.png); */
  background-repeat: no-repeat;
  margin-right: 25px;
  margin-top: 2px;
}
.project-section-2 .list-item-icon.project-section2-icon1{ 
	background-image: url(/style/img/project-ico-2-1.png);
}
.project-section-2 .project-list-item.active .list-item-icon.project-section2-icon1{
  background-image: url(/style/img/project-ico-2-1-on.png);
}
.project-section-2 .list-item-icon.project-section2-icon2{ 
	background-image: url(/style/img/project-ico-2-2.png);
}
.project-section-2 .project-list-item.active .list-item-icon.project-section2-icon2{
  background-image: url(/style/img/project-ico-2-2-on.png);
}
.project-section-2 .list-item-icon.project-section2-icon3{ 
	background-image: url(/style/img/project-ico-2-3.png);
}
.project-section-2 .project-list-item.active .list-item-icon.project-section2-icon3{
  background-image: url(/style/img/project-ico-2-3-on.png);
}
.project-section-2 .list-item-icon.project-section2-icon4{ 
	background-image: url(/style/img/project-ico-2-4.png);
}
.project-section-2 .project-list-item.active .list-item-icon.project-section2-icon4{
  background-image: url(/style/img/project-ico-2-4-on.png);
}



/*第三屏*/
.project-section-3{
  height: 700px;
  background-color: #f7f8f8;
  min-width: 1270px;
}
.project-section-3 .main-section{width:1260px;}
.project-section-3 .project-left{
  float: left;
  padding-top: 95px;
}
.project-section-3 .project-right{
  float: right;
  padding-top: 80px;
}
.project-section3-btn{
  width: 90%;
  height: auto;
  overflow: hidden;
  margin-top: 20px;
  margin-left: 78px;
}
.project-section3-btn a{
  display: block;
  float: left;
  margin-right: 20px;
  text-align: center;
  width: 92px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
}
.project-section3-btn a.c-1{
  background: #3099db;
}
.project-section3-btn a.c-2{
  background: #ffbc00;
}
.project-section-3 .project-text{
  font-size: 14px;
  color: #666;
  line-height: 26px;
  margin-top: 24px;
}

.project-section-3 .project-mainTitle{
  font-size: 26px;
  line-height: 44px;
}
.project-section-3 .project-list{
  margin-top: 28px;
}
.project-section-3 .project-list-item{
  height: 70px;
  padding: 6px 0;
  cursor: pointer;
}

.project-section-3 .list-item-mainTitle{
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 6px;
}
.project-section-3 .list-item-subTitle{
  font-size: 14px;
  line-height: 14px;
  color: #666;
}
.project-section-3 .approval-list-item.active .list-item-mainTitle,
.project-section-3 .approval-list-item.active .list-item-subTitle
{
  color: #4f98e9;
}

.project-section-3 .list-item-icon{
  height: 54px;
  width: 54px;
  float: left;
  background-repeat: no-repeat;
  margin-right: 25px;
  margin-top: 2px;
}

.project-section-3 .list-item-icon.project-section3-icon1{ 
	background-image: url(/style/img/project-ico-3-1.png);
}
.project-section-3 .project-list-item.active .list-item-icon.project-section3-icon1{
  background-image: url(/style/img/project-ico-3-1-on.png);
}
.project-section-3 .list-item-icon.project-section3-icon2{ 
	background-image: url(/style/img/project-ico-3-2.png);
}
.project-section-3 .project-list-item.active .list-item-icon.project-section3-icon2{
  background-image: url(/style/img/project-ico-3-2-on.png);
}
.project-section-3 .list-item-icon.project-section3-icon3{ 
	background-image: url(/style/img/project-ico-3-3.png);
}
.project-section-3 .project-list-item.active .list-item-icon.project-section3-icon3{
  background-image: url(/style/img/project-ico-3-3-on.png);
}
.project-section-3 .list-item-icon.project-section3-icon4{ 
	background-image: url(/style/img/project-ico-3-4.png);
}
.project-section-3 .project-list-item.active .list-item-icon.project-section3-icon4{
  background-image: url(/style/img/project-ico-3-4-on.png);
}

/*第四屏*/
.project-section-4 {min-width: 1270px; height:640px; }
.project-section-4 .main-section{width:1260px;}
.project-section-4 .project-left
{
  float: left;
  width: 690px;
  padding-left: 25px;
  padding-top: 80px;
}
.project-section-4 .project-right{
  float: right;
  padding-top: 60px;
  width: 410px;
}
.project-section4-btn{
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 20px;
  margin-left: 78px;
}
.project-section4-btn a{
  display: block;
  float: left;
  margin-right: 20px;
  text-align: center;
  width: 92px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
}
.project-section4-btn a.c-1{
  background: #3099db;
}
.project-section4-btn a.c-2{
  background: #ffbc00;
}
.project-section-4 .project-text{
  font-size: 14px;
  color: #666;
  line-height: 26px;
  margin-top: 24px;
}

.project-section-4 .project-mainTitle{
  font-size: 26px;
  line-height: 44px;
}
.project-section-4 .project-list{
  margin-top: 28px;
}
.project-section-4 .project-list-item{
  height: 70px;
  padding: 6px 0;
  cursor: pointer;
}

.project-section-4 .list-item-mainTitle{
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 6px;
}
.project-section-4 .list-item-subTitle{
  font-size: 14px;
  line-height: 14px;
  color: #666;
}
.project-section-4 .project-list-item.active .list-item-mainTitle,
.project-section-4 .project-list-item.active .list-item-subTitle
{
  color: #4f98e9;
}

.project-section-4 .list-item-icon{
  height: 54px;
  width: 54px;
  float: left;
  background-repeat: no-repeat;
  margin-right: 25px;
  margin-top: 2px;
}
.project-section-4 .list-item-icon.project-section4-icon1{ 
	background-image: url(/style/img/project-ico-4-1.png);
}
.project-section-4 .project-list-item.active .list-item-icon.project-section4-icon1{
  background-image: url(/style/img/project-ico-4-1-on.png);
}
.project-section-4 .list-item-icon.project-section4-icon2{ 
	background-image: url(/style/img/project-ico-4-2.png);
}
.project-section-4 .project-list-item.active .list-item-icon.project-section4-icon2{
  background-image: url(/style/img/project-ico-4-2-on.png);
}
.project-section-4 .list-item-icon.project-section4-icon3{ 
	background-image: url(/style/img/project-ico-4-3.png);
}
.project-section-4 .project-list-item.active .list-item-icon.project-section4-icon3{
  background-image: url(/style/img/project-ico-4-3-on.png);
}

/*第五屏*/
.project-section-5 .main-section{width:1260px;}
.project-section-5{
  height: 630px;
  background-color: #f7f8f8;
  min-width: 1270px;
}
.project-section-5 .project-left{
  float: left;
  padding-top: 100px;
}
.project-section-5 .project-right{
  float: right;
  padding-top: 80px;
}
.project-section5-btn{
  width: 90%;
  height: auto;
  overflow: hidden;
  margin-top: 20px;
  margin-left: 78px;
}
.project-section5-btn a{
  display: block;
  float: left;
  margin-right: 20px;
  text-align: center;
  width: 92px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
}
.project-section5-btn a.c-1{
  background: #3099db;
}
.project-section5-btn a.c-2{
  background: #ffbc00;
}
.project-section-5 .project-text{
  font-size: 14px;
  color: #666;
  line-height: 26px;
  margin-top: 24px;
}

.project-section-5 .project-mainTitle{
  font-size: 26px;
  line-height: 44px;
}
.project-section-5 .project-list{
  margin-top: 28px;
}
.project-section-5 .project-list-item{
  height: 70px;
  padding: 6px 0;
  cursor: pointer;
}

.project-section-5 .list-item-mainTitle{
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 6px;
}
.project-section-5 .list-item-subTitle{
  font-size: 14px;
  line-height: 14px;
  color: #666;
}
.project-section-5 .approval-list-item.active .list-item-mainTitle,
.project-section-5 .approval-list-item.active .list-item-subTitle
{
  color: #4f98e9;
}

.project-section-5 .list-item-icon{
  height: 54px;
  width: 54px;
  float: left;
  background-repeat: no-repeat;
  margin-right: 25px;
  margin-top: 2px;
}

.project-section-5 .list-item-icon.project-section5-icon1{ 
	background-image: url(/style/img/project-ico-5-1.png);
}
.project-section-5 .project-list-item.active .list-item-icon.project-section5-icon1{
  background-image: url(/style/img/project-ico-5-1-on.png);
}
.project-section-5 .list-item-icon.project-section5-icon2{ 
	background-image: url(/style/img/project-ico-5-2.png);
}
.project-section-5 .project-list-item.active .list-item-icon.project-section5-icon2{
  background-image: url(/style/img/project-ico-5-2-on.png);
}
.project-section-5 .list-item-icon.project-section5-icon3{ 
	background-image: url(/style/img/project-ico-5-3.png);
}
.project-section-5 .project-list-item.active .list-item-icon.project-section5-icon3{
  background-image: url(/style/img/project-ico-5-3-on.png);
}
.project-section-5 .list-item-icon.project-section5-icon4{ 
	background-image: url(/style/img/project-ico-5-4.png);
}
.project-section-5 .project-list-item.active .list-item-icon.project-section5-icon4{
  background-image: url(/style/img/project-ico-5-4-on.png);
}

/*第六屏*/
.project-section-6 { height:700px;min-width: 1270px;}
.project-section-6 .content { height:100%; text-align:center; padding-top:90px; }
.project-section-6 .content .image { height:372px; margin-top:50px; background:url(/style/img/project-bg-5.png) no-repeat center; }


/*项目管理详情页 end*/


/*考情管理详情页*/
/*考情管理第一屏*/
.attendance-bg-1{
  height: 580px;
  background: url(/style/img/attendance-bg-1.jpg) no-repeat center;
}
.attendance-bg-1-register{
  position: absolute;
  left: 49px;
  top: 402px;
  display: block;
  width: 112px;
  height: 31px;
}

.attendance-bg-1-explore{
  position: absolute;
  left: 49px;
  top: 446px;
  display: block;
  width: 112px;
  height: 31px;
}
/*考勤管理第二屏*/
.attendance-section-2{
  height: 620px;
  min-width: 1270px;
}
.attendance-section-2.new{
  height: 620px;
  min-width: 1270px;
  background: #f7f8f8;
}
.attendance-section-2 .attendance-left{
  height: 620px;
  width: 600px;
  padding-top: 90px;
  float: left;
}
.attendance-section-2.new .attendance-left{
  width: 566px;
  padding-left: 20px;
  padding-top: 60px;
}

.attendance-section-2 .attendance-right{
  width: 580px;
  height: 620px;
  padding-top: 60px;
  float: right;
}
.attendance-section-2.new .attendance-right{
  width: 570px;
  padding-top: 140px;
}

.attendance-section-2 .attendance-mainTitle{
  font-size: 26px;
  line-height: 30px;
}
.attendance-section-2 .attendance-text{
  line-height: 24px;
  font-size: 14px;
  color: #666;
  margin-top: 24px;
}
.attendance-section-2 .attendance-list{margin-top: 16px;}
.attendance-section-2 .attendance-list-item{
  height: 72px;
  padding: 9px 0;
  cursor: pointer;
  margin-top: 10px;
}
.attendance-section-2 .list-item-icon {
    float: left;
    height: 54px;
    width: 54px;
    margin-right: 19px;
    background-image: url(/style/img/attendance1.png);
    background-repeat: no-repeat;
}
.attendance-section-2 .attendance-list-item.active .list-item-icon {
  background-image: url(/style/img/attendance1-on.png);
}

.attendance-section2-icon1 {
    background-position:0 -5px;
}
.attendance-section2-icon2 {
    background-position:0 -83px;
}
.attendance-section2-icon3 {
    background-position:0 -161px;
}
.attendance-section2-icon4 {
  background-position:0 -239px;
}
/*.attendance-section-2 .attendance-list-item.active .attendance-section2-icon1 {
    background-position:0 -216px;
}
.attendance-section-2 .attendance-list-item.active .attendance-section2-icon2 {
    background-position:0 -270px;
}
.attendance-section-2 .attendance-list-item.active .attendance-section2-icon3 {
    background-position:0 -108px;
}*/
.attendance-section-2 .list-item-mainTitle {
    font-size: 20px;
    line-height: 32px;
}
.attendance-section-2 .list-item-subTitle {
    font-size: 14px;
    line-height: 22px;
    color: #666;
}
.attendance-section-2 .attendance-list-item.active .list-item-mainTitle,
.attendance-section-2 .attendance-list-item.active .list-item-subTitle {
    color: #4f98e9;
}
/*第三屏*/
.attendance-section-3{
  height: 661px;
  background-color: #f5f5f5;
  min-width: 1270px;
}
.attendance-section-3 .attendance-mainTitle{
  padding-top: 65px;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
}
.attendance-section-3 .attendance-subTitle {
    width: 965px;
    text-align: center;
    margin: 22px auto 0 auto;
    font-size: 14px;
    color: #666;
    line-height: 26px;
}
.attendance-section3-bottom{
  height: 420px;
  background: url(/style/img/attendance-section3-1.png) no-repeat center bottom;
}

/*考勤管理第四屏*/
.attendance-section-4{
  height: 620px;
  min-width: 1270px;
}
.attendance-section-4 .attendance-left{
  width: 584px;
  padding-left: 30px;
  float: left;
  height: 620px;
  padding-top: 90px;
}
.attendance-section-4 .attendance-mainTitle{
  height: 86px;
  line-height: 46px;
  font-size: 30px;
}
.attendance-section-4 .attendance-text{
  line-height: 24px;
  font-size: 14px;
  color: #666;
  margin-top: 16px;
  width: 600px;
}
.attendance-section-4 .attendance-list {
    height: 230px;
    padding-top: 90px;
}
.attendance-section-4 .attendance-list-item {
    width: 75px;
    height: 113px;
    float: left;
    cursor: pointer;
}
.attendance-section-4 .attendance-list-item + .attendance-list-item {
    margin-left: 50px;
}
.attendance-section-4 .list-item-icon {
    height: 75px;
    width: 75px;
    background-image: url(/style/img/attendance.png);
    background-repeat: no-repeat;
}
.attendance-section4-icon1 {
    background-position:0 -399px;
}
.attendance-section4-icon2 {
    background-position:0 -624px;
}
.attendance-section4-icon3 {
    background-position:0 -849px;
}
.attendance-section4-icon4 {
    background-position:0 -774px;
}
.attendance-section-4 .attendance-list-item.active .attendance-section4-icon1 {
    background-position:0 -699px;
}
.attendance-section-4 .attendance-list-item.active .attendance-section4-icon2 {
    background-position:0 -324px;
}
.attendance-section-4 .attendance-list-item.active .attendance-section4-icon3 {
    background-position:0 -549px;
}
.attendance-section-4 .attendance-list-item.active .attendance-section4-icon4 {
    background-position:0 -474px;
}
.attendance-section-4 .attendance-list-item.active .list-item-text {
    color: #4f98e9;
}
.attendance-section-4 .list-item-text {
    text-align: center;
    margin-top: 17px;
    font-size: 14px;
    color: #666;
}
.attendance-section-4 .attendance-right{
  width: 530px;
  height: 620px;
  padding-top: 90px;
  float: right;
/*  text-align: center;*/
}

/*考勤管理第五屏*/
.attendance-section-5{
  height: 660px;
/*  background-color: #f5f5f5;*/
  min-width: 1270px;
}
.attendance-section-5 .attendance-mainTitle {
    padding-top: 65px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
}
.attendance-section-5 .attendance-subTitle {
    width: 955px;
    text-align: center;
    margin: 22px auto 0 auto;
    font-size: 14px;
    color: #666;
    line-height: 26px;
}
.attendance-section5-bottom{
  height: 481px;
  background: url(/style/img/attendance-section5-1.png) no-repeat center;
}

/*人事详情页*/
.hr-bg-1{
  height: 580px;
  background: url("/style/img/hr-bg-1.png") no-repeat center;
}

.hr-bg-1 .detail-mainTitle{
  position: relative;
}

.hr-bg-1 .detail-mainTitle-appName{
  margin-right: 80px;
}

/*人事第二屏*/
.hr-section-2{
  height: 700px;
  min-width: 1270px;
  background-color:#f7f8f8;
}
.hr-section-2 .hr-mainTitle{
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  padding-top: 80px;
}
.hr-section-2 .hr-subTitle{
  width: 783px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  margin-top: 24px;
  color: #666;
}

/*人事第三屏*/
.hr-section-3{
  height: 700px;
  min-width: 1270px;
}

.hr-section-3 .main-section{
  width:1272px;
}
.hr-section-3 .detail-text{
  width: 511px;
  margin-top: 20px;
  font-size: 14px;
  color: #666;
  line-height: 22px;
}
.hr-section-3 .hr-right{
  float: left;
  width: 558px;
  padding-top: 125px
}
.hr-section-3 .hr-mainTitle{
  line-height: 44px;
  font-size: 30px;
  width: 331px;
}
.hr-section-3 .hr-mainTitle.w490{
  width: 490px;
}
.hr-section-3 .hr-list{margin-top: 16px;}
.hr-section-3 .hr-list-item{
  height: 72px;
  padding: 9px 0;
  cursor: pointer;
}
.hr-section-3 .list-item-icon2{
  float: left;
  height: 54px;
  width: 54px;
  margin-right: 19px;
  background-repeat: no-repeat;
}
.hr-section-3 .list-item-mainTitle{
  font-size: 20px;
  line-height: 32px;
}
.hr-section-3 .list-item-subTitle{
  font-size: 14px;
  line-height: 22px;
  color: #666;
}
.hr-section3-icon1{background-image: url("/style/img/hr-3-1.png");}
.hr-section3-icon2{background-image: url("/style/img/hr-3-2.png");}
.hr-section3-icon3{background-image: url("/style/img/hr-3-3.png");}
.hr-section3-icon4{background-image: url("/style/img/hr-3-4.png");}
.hr-section-3 .hr-list-item.active .hr-section3-icon1{background-image: url("/style/img/hr-3-1-1.png");}
.hr-section-3 .hr-list-item.active .hr-section3-icon2{background-image: url("/style/img/hr-3-2-1.png");}
.hr-section-3 .hr-list-item.active .hr-section3-icon3{background-image: url("/style/img/hr-3-3-1.png");}
.hr-section-3 .hr-list-item.active .hr-section3-icon4{background-image: url("/style/img/hr-3-4-1.png");}

.hr-section-3 .hr-list-item.active .list-item-mainTitle,
.hr-section-3 .hr-list-item.active .list-item-subTitle
{
  color: #4f98e9;
}

.hr-section-3 .hr-left{
  width: 674px;
  height: 590px;
  padding-left: 40px;
  padding-top: 80px;
  float: left;
}

.hr-section-3 .learn-btn a{
  display: block;
  float: left;
  text-align: center;
  width: 92px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  margin-left: 72px;
  margin-top: 18px
}

.hr-section-3 .learn-btn .c-1 {
  background: #3099db;
}

/*人事第四屏*/
.hr-section-4 {
  height: 700px;
  min-width: 1270px;
  background-color: #f5f5f5;
}

.hr-section-4 .hr-left{
  float: left;
  width: 674px;
  padding-top: 125px
}

.hr-section-4 .hr-right{
  width: 558px;
  height: 590px;
  padding-left: 40px;
  padding-top: 80px;
  float: left;
}
.hr-section-4 .hr-list-item{
  width: 170px;
  height: 145px;
  line-height: 200px;
  float: left;
  font-size: 16px;
  text-align: center;
  color: #666;
  background-repeat: no-repeat;
  background-position: center 16px;
}
.hr-section-4 .hr-list-item.hr-section4-icon1{background-image:url("/style/img/hr-4-1.png");}
.hr-section-4 .hr-list-item.hr-section4-icon2{background-image:url("/style/img/hr-4-2.png");}
.hr-section-4 .hr-list-item.hr-section4-icon3{background-image:url("/style/img/hr-4-3.png");}
.hr-section-4 .hr-list-item.hr-section4-icon4{background-image:url("/style/img/hr-4-4.png");}
.hr-section-4 .hr-list-item.hr-section4-icon5{background-image:url("/style/img/hr-4-5.png");}
.hr-section-4 .hr-list-item.active.hr-section4-icon1{background-image: url("/style/img/hr-4-1-1.png");}
.hr-section-4 .hr-list-item.active.hr-section4-icon2{background-image: url("/style/img/hr-4-2-1.png");}
.hr-section-4 .hr-list-item.active.hr-section4-icon3{background-image: url("/style/img/hr-4-3-1.png");}
.hr-section-4 .hr-list-item.active.hr-section4-icon4{background-image: url("/style/img/hr-4-4-1.png");}
.hr-section-4 .hr-list-item.active.hr-section4-icon5{background-image: url("/style/img/hr-4-5-1.png");}

/*人事第五屏*/
.hr-section-5{
  background-color: #fff;
  height: 730px;
}
.hr-section-5 .hr-subTitle{
  width: 813px;
}
.hr-section-5 .hr-section-5-pic{
  width: 1158px;
  height: 474px;
  margin-top: 20px;
}

/*人事 第六屏*/
.hr-section-6 {
  background-color: #f5f5f5;
}
.hr-section-6 .hr-list-item .hr-section6-icon1{background-image:url("/style/img/hr-6-1.png");}
.hr-section-6 .hr-list-item .hr-section6-icon2{background-image:url("/style/img/hr-6-2.png");}
.hr-section-6 .hr-list-item .hr-section6-icon3{background-image:url("/style/img/hr-6-3.png");}
.hr-section-6 .hr-list-item .hr-section6-icon4{background-image:url("/style/img/hr-6-4.png");}
.hr-section-6 .hr-list-item.active .hr-section6-icon1{background-image: url("/style/img/hr-6-1-1.png");}
.hr-section-6 .hr-list-item.active .hr-section6-icon2{background-image: url("/style/img/hr-6-2-1.png");}
.hr-section-6 .hr-list-item.active .hr-section6-icon3{background-image: url("/style/img/hr-6-3-1.png");}
.hr-section-6 .hr-list-item.active .hr-section6-icon4{background-image: url("/style/img/hr-6-4-1.png");}

/*人事 第七屏*/
.hr-section-7{background-color: #fff;}
.hr-section-7 .hr-subTitle{
  width: 1200px;
}
.hr-section-7 .hr-section-7-pic{
  width: 1200px;
  height: 386px;
  margin-top: 33px;
  background:url("/style/img/hr-section7-1.png") no-repeat center 0;
}


/*******************************************首页底部公共样式 start************************************************/
/* 3步急速创建账号 */
.triple-fast-create { width:100%; min-width:1270px; height:130px; line-height:130px; background-color:#f5f5f5; text-align:center; }
.triple-fast-create > span { font-size:30px; margin-right:20px; }
.triple-fast-create > a { display:inline-block; width:130px; height:34px; line-height:34px; color:#fff; background-color:#37a7f3; font-size:14px; text-align:center; vertical-align:super; border-radius:25px; }
/* 底部暗色区域海量链接 */
.index-bottom { width:100%; background-color:#40474d; }
.index-bottom .main { width:1046px; height:100%; margin:0 auto; color:#fff; padding:60px 0 28px; }
.index-bottom .lump { float:left; width:215px; }
.index-bottom .link { float:left; width:179px; height:250px; }
.index-bottom .title { float:left; width:100%; font-size:16px; font-weight:bolder; }
.index-bottom .list { float:left; width:100%; font-size:14px; margin-top:29px; color:#b1b2b5; }
.index-bottom .list > ul > li { float:left; width:100%; }
.index-bottom .list > ul > li + li { margin-top:10px; }
.index-bottom .list > ul > li > a { color:#b1b2b5; }
.index-bottom .list > ul > li > a:hover { color:#f5f5f5; }
.index-bottom .hotline { color:#fff; font-size:28px; margin-top:10px; }
.index-bottom .online { font-size:14px; margin-top:12px; }
.index-bottom .online > a { display:inline-block; width:170px; height:30px; line-height:30px; color:#fff; font-size:14px; border-radius:25px; padding-left:40px; background:url(/style/img/headset.png) no-repeat 15px #37a7f3; }
.index-bottom .company { float:left; width:100%; font-size:14px; color:#b1b2b5; text-align:center; }
.index-bottom .copyright { float:left; width:100%; font-size:14px; color:#b1b2b5; text-align:center; margin-top:20px;  }
.index-bottom .copyright img { margin-bottom: 10px; }
.index-bottom .copyright a { color: inherit; }
.index-bottom .copyright > span + span { margin-left:5px; }
.index-bottom hr { border: none;border-top: 2px solid #999; }

.index-bottom .links {
    clear: both;
    padding: 20px 0 10px 0;
    text-align: center;
}
.index-bottom .links li{
    border-right: 1px #666 solid;
    display: inline-block;
    padding: 0 8px;
    width: auto;
    height: 16px;
    color: #dedede;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    font-weight: normal;
    font-style: normal;
}
.index-bottom .links li:last-child {
    border-right: none;
}
.index-bottom .links li a{
    color: #b1b2b5;
}
.index-bottom .links li a:hover {
    color: #f5f5f5;
}
/*******************************************首页底部公共样式 end**************************************************/

/*标准基础色 start*/
.red { color:#f75555 !important; }
.blue { color:#4f98e9 !important; }
.white { color:#fff !important; }
.blcak { color:#333 !important; }
.gray { color:#999 !important; }
.dark-gray { color:#666 !important; }
.bg-light-gray { background-color:#f5f5f5 !important; }
/*标准基础色 end*/

/*header立即体验显示输入层*/
.explore-div{
  width:295px;
  height:232px;
  min-height:120px;
  background: #fff;
  top: 70px;
  left: -90px;
  box-shadow: 0 3px 11px 0 #bbb;
  border: 1px solid #dbdce0;
  /*display: none;*/
  cursor: default;
  padding:0 30px;
}
.explore-div .input-row{
  line-height: 34px;
  height: 34px;
  width:236px;
}
.explore-div .input-row input[type="text"]{font-size:14px;}
.explore-div .input-row + .input-row{margin-top: 12px;}
.explore-div.explore-div-open{display: block;}
.input-text-v2{
  height: 34px;
  border: 1px solid #dbdce0;
  background-color: #fff;
  line-height: 32px;
  padding: 0 8px;
  width:235px;
  border-radius:4px;
  float:left;
}
.input-text-v2.error{border: 1px solid #f75555;}
.input-text-explore,.input-text-code{
  border: 1px solid #dbdce0;
  background: #f8f8f8;
}
.input-text-explore{
  width: 235px;
}
.input-text-code{
  width: 139px;
}
.btn-getCode-explore{
  display: inline-block;
  height: 34px;
  line-height: 32px;
  width: 90px;
  background-color: #4f98e9;
  border: 1px solid #4f98e9;
  color: #fff;
  font-size: 12px;
  text-align:center;
  margin-left:6px;
  border-radius:4px;
}
.btn-getCode-explore.disabled,.exlogin-sendcode.disabled{
  background-color: #f8f8f8;
  color: #999;
  border: 1px solid #dbdce0;
  cursor: default;
}
.btn-getCode-explore:hover{
	background-color: #3e97d9;
}
.btn-getCode-explore.disabled:hover,.exlogin-sendcode.disabled:hover{
	background-color: #f8f8f8;
}
.btn-header-explore{
  display: inline-block;
  width: 235px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background-color: #4f98e9;
  border: 1px solid #4f98e9;
  border-radius:4px;
}
.btn-header-explore.disabled{
  cursor: default;
  background-color: #fff;
  border: 1px solid #dbdce0;
  color: #999;
}
.btn-header-explore:hover{
	background-color: #3e97d9;
}
.btn-header-explore.disabled:hover{
	background-color: #fff;
}

.arrow-top{
  height: 0;
  width: 0;
  position: absolute;
  border: 11px solid transparent;
  border-bottom: 11px solid #fff;
  top: -20px;
  left: 50%;
  margin-left: -10px;
}
.arrow-top2{
  top: -21px;
  border-bottom: 10px solid #e6e6e6;
}
.imgValidate{
  display: inline-block;
    height: 34px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    width: 106px;
    margin-left: 12px;
    cursor: pointer;

}
.imgValidate1{
  display: inline-block;
    height: 36px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    width: 106px;
    margin-left: 10px;
    cursor: pointer;
}
.exploreImgValidate{
    display: inline-block;
    height: 34px;
    width: 90px;
    text-align: center;
    cursor: pointer;
    margin-left:6px;
    border:1px solid #dbdce0;
    border-radius:4px;
}

.explore-div .placeholder-label{font-size: 14px;}
.error-info{
  height: 30px;
  line-height: 34px;
  color: #f75555;
  text-align: center;
  font-size: 12px;
  width:100%;
  position:relative;
  float:left;
}
.explore-close {
	background:url(/style/img/explore-close.png) no-repeat center center;
	position:absolute;
	top:-20px;
	left:243px;
	width:10px;
	height:10px;
	cursor:pointer;
}
.explore-close:hover {
	background:url(/style/img/explore-close-hover.png) no-repeat center center;
}
.icon-msg {
	background:url(/style/img/warning.png) no-repeat center center;
	display:inline-block;
	vertical-align:text-top;
	width:14px;
	height:14px;
	margin:-1px 5px 0 0;
}

/*crm2.0详情页*/
.crm2-bg-1 {

}
.detail-section-1.crm2-bg-1 .detail-mainTitle-appName{
  margin-right: 62px;
}
.detail-section-1.crm2-bg-1 .detail-mainTitle{
  position: relative;
}
.detail-versionTag{
  display: block;
  position: absolute;
  height: 24px;
  width: 48px;
  line-height: 24px;
  color: #fff;
  text-align: center;
  top: 16px;
  left: 115px;
  background-color: #ffbb00;
  border-radius: 3px;
  font-size: 14px;
  font-weight: bold;
}
.person-detail-versionTag{
  display: block;
  position: absolute;
  width: 51px;
  height: 23px;
  top: 6px;
  left: 105px;
  background: url("/style/img/person-new.png") no-repeat center;
}

.detail-text-strong{
  font-size: 26px;
  line-height: 26px;
  margin-top: 25px;
  margin-bottom: 30px;
}
.crm2-section-2{
  height: 420px;
  background: url(/style/img/crm2-bg-2.jpg) no-repeat center;
}
.crm-section-3.crm2 .crm-mainTitle {
  width: 400px;
}
.crm-section-3.crm2 .crm-left{
  width: 586px;
  padding-left: 40px;
  padding-top:125px;
}
.crm-section-3.crm2 .crm-right{
  width: 685px;
  padding-left: 70px;
  padding-top:80px;
}
.crm-section-3.crm25{
  height: 700px;
}
.crm-section-3.crm25 .crm-left{
  padding-top: 70px;
  padding-left: 34px;
}
.crm-section-3.crm25 .crm-right{
  padding-top: 120px;
}

.crm-section-3.crm2 .list-item-icon2,
.crm-section-3.crm25 .list-item-icon2
{
  float: left;
  height: 54px;
  width: 54px;
  margin-right: 19px;
  background-image: url(/style/img/crm21.png);
  background-repeat: no-repeat;
}

.crm-section-3.crm2 .list-item-icon2-add
{
  float: left;
  height: 54px;
  width: 54px;
  margin-right: 19px;
  background-image: url(/style/img/crm21-add.png);
  background-repeat: no-repeat;
}

.crm-section-5 .list-item-icon2
{
  height: 22px;
  width: 23px;
  background-image: url(/style/img/crm21.png);
  background-repeat: no-repeat;
  float: left;
  margin-right: 15px;
}

.crm-section-5 .list-item-icon2-add {
    height: 27px;
    width: 27px;
    background-image: url(/style/img/crm21-add.png);
    background-repeat: no-repeat;
    float: left;
    margin-right: 10px;
}

.crm-section-3 .learn-btn a{
	display: block;
    float: left;
    text-align: center;
    width: 92px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    margin-top:35px;
}
.crm-section-3 .learn-btn .c-1{background: #3099db;}

.crm2-section3-icon1{background-position:0 -701px;}
.crm2-section3-icon2{background-position:0 -863px;}
.crm2-section3-icon3{background-position:0 -539px;}
.crm-section-3 .crm-list-item.active .crm2-section3-icon1{background-position:0 -377px;}
.crm-section-3 .crm-list-item.active .crm2-section3-icon2{background-position:0 -917px;}
.crm-section-3 .crm-list-item.active .crm2-section3-icon3{background-position:0 -215px;}

.crm2-section3-icon4{background-position:0 -108px;}
.crm2-section3-icon5{background-position:0 -270px;}
.crm-section-3 .crm-list-item.active .crm2-section3-icon4{background-position:0 -216px;}
.crm-section-3 .crm-list-item.active .crm2-section3-icon5{background-position:0 -162px;}

.crm2-section5-icon1{background-position:0 -485px;}
.crm2-section5-icon2{background-position:0 -971px;}
.crm2-section5-icon3{background-position:0 -431px;}
.crm2-section5-icon4{background-position:0 -755px;}
.crm2-section5-icon5{background-position:0 -647px;}
.crm-section-3 .crm-list-item.active .crm2-section5-icon1{background-position:0 -323px;}
.crm-section-3 .crm-list-item.active .crm2-section5-icon2{background-position:0 -1025px;}
.crm-section-3 .crm-list-item.active .crm2-section5-icon3{background-position:0 -269px;}
.crm-section-3 .crm-list-item.active .crm2-section5-icon4{background-position:0 -593px;}
.crm-section-3 .crm-list-item.active .crm2-section5-icon5{background-position:0 -809px;}

.crm-section-5.crm2{
  height: 684px;
  background: url(/style/img/crm2-bg-6.png) no-repeat center;
}
.crm-section-5.crm2 .crm-left{padding-left: 34px;}

.crm2-section6-icon1{background-position:0 0;}
.crm2-section6-icon2{background-position:0 -40px;}
.crm2-section6-icon3{background-position:0 -175px;}
.crm2-section6-icon4{background-position:0 -23px;}
.crm2-section6-icon5{background-position:0 -132px;}
.crm2-section6-icon6{background-position:0 0px;}
.crm-section-5 .crm-list-item.active .crm2-section6-icon1{background-position:0 -63px;}
.crm-section-5 .crm-list-item.active .crm2-section6-icon2{background-position:0 -86px;}
.crm-section-5 .crm-list-item.active .crm2-section6-icon3{background-position:0 -109px;}
.crm-section-5 .crm-list-item.active .crm2-section6-icon4{background-position:0 -198px;}
.crm-section-5 .crm-list-item.active .crm2-section6-icon5{background-position:0 -155px;}
.crm-section-5 .crm-list-item.active .crm2-section6-icon6{background-position:0 -27px;}

.crm-section-3.crm27{height: 640px;}
.crm-section-3.crm27 .crm-mainTitle{width: 100%;padding-top:87px;padding-left: 128px;}
.crm-section-3.crm27 .crm-left{
  padding-top: 75px;
}
.crm-section-3.crm27 .crm-list-item {padding: 0;height: 60px;}
.crm-section-3.crm27 .crm-right{
  height: auto;
  padding-top: 47px;
}
.index-bg-4 {
    background: url(/style/img/index-bg-4-new.jpg) no-repeat center;
}
.index-bg-4-box{
  position: relative;
  margin: 0 auto;
  width: 1200px;
  height: 30px;
}

.index-bg-4-box a{
  display: block;
  position: absolute;
  top: 442px;
  right: 1022px;
  width: 115px;
  height: 28px;
  z-index: 999;
  background:url(/style/img/learn-btn-crm.png) no-repeat center;
}

.index-bg-5 {
  background: url(/style/img/index-bg-5.png) no-repeat center;
}
.index-bg-5 .btn-firstPage{
  position: absolute;
  top: 310px;
  left: 98px;
  z-index: 999;
}

.index-bg-6 .btn-firstPage{
  position: absolute;
  top: 360px;
  left: 30px;
  background: #ffb810;
  z-index: 999;
}


.index-bg-6-box{
  position: relative;
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}

.index-bg-6 {
  background: url(/style/img/index-bg-6.jpg) no-repeat center;
}

.index-bg-6-btn{
  position: absolute;
  left: 32px;
  top: 370px;
  width: 180px;
  height: 45px;
}

.index-bg-7 {
  background: url(/style/img/index-bg-7-new.png) no-repeat center;
}

.index-bg-7-box{
  position: relative;
  margin: 0 auto;
  width: 1200px;
  height: 30px;
}

.index-bg-7-box a{
  display: block;
  position: absolute;
  top: 380px;
  right: 435px;
  width: 118px;
  height: 30px;
  z-index: 999;
}
.index-bg-8 {
  background: url(/style/img/index-bg-8.png) no-repeat center;
}
.index-bg-8-box{
  position: relative;
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}

.index-bg-8 .btn-firstPage{
  position: absolute;
  top: 388px;
  left:60px;
  z-index: 999;
}
.index-bg-10 {
  background: url(/style/img/index-bg-10.png) no-repeat center;
}

.index-bg-10-box{
  position: relative;
  margin: 0 auto;
  width: 1200px;
  height: 30px;
}

.index-bg-10-box a{
  display: block;
  position: absolute;
  top: 415px;
  right: 440px;
  width: 118px;
  height: 30px;
  z-index: 999;
  background:url(/style/img/learn-btn.png) no-repeat center;
}

.index-bg-10-box a:hover{
	background-color:transparent;
}
.index-bg-11 {
  background: url(/style/img/index-bg-11.jpg) no-repeat center;
}

.index-bg-11-box{
  position: relative;
  margin: 0 auto;
  width: 1200px;
  height: 30px;
}

.index-bg-11-box a{
  display: block;
  position: absolute;
  top: 430px;
  right: 1045px;
  width: 118px;
  height: 30px;
  z-index: 999;
  background:url(/style/img/learn-btn.png) no-repeat center;
}

.index-bg-11-box a:hover{
  background-color:transparent;
}
.index-bg-12 {
  background: url(/style/img/index-bg-12.jpg) no-repeat center;
}

.index-bg-12-box{
  position: relative;
  margin: 0 auto;
  width: 1200px;
  height: 30px;
}

.index-bg-12-box a{
  display: block;
  position: absolute;
  top: 430px;
  right: 481px;
  width: 118px;
  height: 30px;
  z-index: 999;
  background:url(/style/img/material-btn.png) no-repeat center;
}

.index-bg-12-box a:hover{
  background-color:transparent;
}
.index-bg-13 {
  background: url(/style/img/index-bg-13.jpg) no-repeat center;
}

.index-bg-13-box{
  position: relative;
  margin: 0 auto;
  width: 1200px;
  height: 30px;
}

.index-bg-13-box a{
  display: block;
  position: absolute;
  top: 468px;
  right: 320px;
  width: 118px;
  height: 30px;
  z-index: 999;
  background-image:url(/style/img/file-btn.png);
  background-repeat:no-repeat ;
  background-size: 100% 100%;
  background-position: center center;
}

.index-bg-13-box a:hover{
  background-color:transparent;
}

.index-bg-14 {
  background: url("/style/img/index-bg-14.jpg") no-repeat center;
}

.index-bg-14-box{
  position: relative;
  margin: 0 auto;
  width: 1200px;
  height: 30px;
}

.index-bg-14-box a{
  display: block;
  position: absolute;
  top: 484px;
  left: 94px;
  width: 118px;
  height: 30px;
  z-index: 999;
  background-image:url("/style/img/hr-btn.png");
  background-repeat:no-repeat ;
  background-size: 100% 100%;
  background-position: center center;
}

.index-bg-14-box a:hover{
  background-color:transparent;
}


.index-versionTag{
  position: absolute;
  display: block;
  width: 21px;
  height: 9px;
  background: url(/style/img/tagv2.jpg) no-repeat center;
  top: 4px;
  left: 34px;
}

.index-versionTag.v3{
	background: url(/style/img/tagv3.png) no-repeat center;
}
.index-versionTag.v2{
  background: url(/style/img/tagv2.jpg) no-repeat center;
}

.index-versionNew{
	position:absolute;
	display:block;
	width: 21px;
	height: 9px;
	background: url(/style/img/tagnew.jpg) no-repeat center;
	top: 4px;
    left: 29px;
}

.price-versionTag{
  position: absolute;
  top: 1px;
  left: 212px;
  display: block;
  width: 20px;
  height: 10px;
  background: url("/style/img/2.0.png") no-repeat center;
}
.apps-name-crm .price-versionTag{
  left: 35px;
  background: url("/style/img/3.0.png") no-repeat center;
}
/*YOP云办公首页点击可跳转链接*/
.index-section-1 .link-btn{
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
}

/*YOP云办公首页增加侎佧*/
.miicaa-wrap{
  display: none;
  position: absolute;
  width: 990px;
  height: 269px;
  line-height: 1.5;
  top: 60px;
  left: -340px;
  background-color: #fff;
  color: #333;
  padding: 61px 0 0 35px;
  text-align: left;
  cursor: default;
  box-shadow: 0 0 11px #787877;
}
.miicaa-wrap .apps-titles{font-size: 18px;position: absolute;left: 0;right: 0;top: 0;color: #59ade2;border-bottom: 2px solid #59ade2;padding: 10px 34px;}
#headerMiicaa:hover .miicaa-wrap{
    display: block;
    -webkit-animation: fadeIn .5s ease-in;
    -moz-animation: fadeIn .5s ease-in;
    -o-animation: fadeIn .5s ease-in;
    -ms-animation: fadeIn .5s ease-in;
    animation: fadeIn .5s ease-in;
}

.miicaa-col{
  width: 201px;
  float: left;
}
.col-figure{
  height: 87px;
}
.col-figure1{
  background: url(/style/img/miicaa1.png) no-repeat center;
}
.col-figure2{
  background: url(/style/img/miicaa2.png) no-repeat center;
}
.col-figure3{
  background: url(/style/img/miicaa3.png) no-repeat center;
}
.col-figure4{
  background: url(/style/img/miicaa4.png) no-repeat center;
}
.miicaa-col + .miicaa-col{
  margin-left: 37px;
}

#headerMiicaa > a{
  color: #fff;
}
.miicaa-title{
  height: 40px;
  line-height: 39px;
  color: #4f98e9;
  border-bottom: 1px solid #d6d6d6;
}
.miicaa-title a{
	color: #4f98e9;
}
.miicaa-link-wrap{
  padding-top: 19px;
  font-size: 12px;
  color: #666;
}
.miicaa-link{
  color: #4f8cc3;
  font-size: 12px;
  display: block;
}
.miicaa-link + .miicaa-link{
  margin-top: 14px;
}

.officeWebsite{
  width: 130px;
  margin-left: 77px;
  float: left;
}
.officeWebsite-link{
  display: inline-block;
  width: 129px;
  height: 35px;
  margin-top: 33px;
  background: url(/style/img/officewebsite.png) no-repeat center;
}
.officeWebsite-link:hover{
  background: url(/style/img/officewebsite-h.png) no-repeat center;
}

.sideToolBar-wrap{
  width: 48px;
  height: 271px;
  position: fixed;
  right: 15px;
  bottom: 10px;
  font-size: 0;
}
.sideToolBar-wrap .sideToolItem{
  width: 100%;
  height: 48px;
  background:url(/style/img/toolbarleft.png)  no-repeat;
}
.sideToolItem.sideToolItem1{
  opacity: 0;
  visibility: hidden;
  background-position:0 -47px;
}
.sideToolItem.sideToolItem1:hover{
  background-position:0 -143px;
}
.sideToolItem.sideToolItem2{
  background-position:0 0;
}
.sideToolItem.sideToolItem2:hover{
  background-position:0 -193px;
}
.sideToolItem.sideToolItem2:hover .sideToolBar-phone-wrap{
  display: block;
}
.sideToolItem.sideToolItem3{
  background-position:0 -95px;
}
.sideToolItem.sideToolItem3:hover{
  background-position:0 -243px;
}
.sideToolBar-wrap .sideToolItem + .sideToolItem{
  margin-top: 14px;
}
.sideToolBar-wrap .sideToolItem a{
  display: inline-block;
  width: 100%;
  height: 100%;
}

.sideToolBar-phone-wrap{
  display: none;
  position: absolute;
  width: 250px;
  height: 42px;
  line-height: 40px;
  font-size: 25px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #eee;
  top: 3px;
  left: -255px;
  box-shadow: 0 0 1px #ddd;
}

.approval-section2-img img{
	width: 100%;
}

/*合作代理*/
.agent-cooperation{width: 100%;}
.agent-cooperation .title{
  margin: 0 auto;
  text-align: center;
  width: 222px;
  border-bottom: 1px solid #dcdcdc;
}
.agent-cooperation .title{
  padding-bottom: 16px;
}
.agent-cooperation .title h2{
  line-height: 25px;
  font-size: 25px;
  color: #4f98e9;
  padding-bottom: 18px;
}
.agent-cooperation .title span{
  color: #858585;
  font-size: 18px;
}
.agent-cooperation li{
  padding-bottom: 23px;
 position: relative;
}
.agent-cooperation li h4{
  font-size: 20px;
  color: #60a0eb;
  line-height: 32px;
}
.agent-cooperation li span{
 font-size: 14px;
  color:#333 ;
  line-height: 28px;
}
.agent-cooperation li i{
  position: absolute;
  width: 8px;
  height: 8px;
  background: #4f98e9;
  border-radius: 50%;
  left: -16px;
  top:12px;
}
.agent-top{
  min-width: 1200px;
  height:450px ;
  background: url(/style/img/banner01.png) no-repeat center;
}
.agent-section1{
  padding: 73px 0 107px;
  min-width: 1200px;
  background: #f5f5f5;
}
.agent-section1 div{
  margin: 0 auto;
  text-align: center;
  width: 913px;
  font-size: 15px;
  line-height: 34px;
  color: #000;
}
.agent-section2{
  width:100%;
  padding: 50px 0 70px;
}
.agent-section2 .bottom{
  margin: 0 auto;
  width:937px;
  background: url(/style/img/icon02.png)no-repeat 590px 40px;
}
.agent-section2 .bottom .list{
  width:431px;
  padding: 60px 0 0 20px;
}
.agent-section3{
  width:100%;
  padding: 45px 0 50px;
  background: #f5f5f5;
}
.agent-section3 .bottom{
  margin: 0 auto;
  width: 884px;
  padding-top:20px;
  background:url(/style/img/icon03.png)no-repeat left 20px;
  overflow: hidden;
  zoom: 1;
}
.agent-section3 ul{
  width: 418px;
  padding: 86px 0;
  float: right;
}
.agent-section4{
  width: 952px;
  margin: 0 auto;
  padding: 74px 0;
}
.agent-section4 .bottom{
  padding-top: 100px;
  background:url(/style/img/icon01.png)no-repeat center 10px;
  overflow: hidden;
  zoom: 1;
}
.agent-section4 .left{
  width: 312px;
  padding-left:20px;
  float: left;
}
.agent-section4 .right{
  width: 332px;
  float: right;
}
.agent-section4 .left li{
  padding-bottom: 59px;
}
.agent-section4 .right li{
  padding-bottom: 59px;
}
.agent-section4 .fot{
  float: left;
  width: 100%;
  text-align: center;
}
.agent-section4 .fot i{
  position: relative;
  display: inline-block;
  top:-3px;
  left: -6px;

}
.agent-section5{
  min-width: 1200px;
  height:455px ;
  background: url(/style/img/banner02.png) no-repeat center;
}
.agent-section5 div{
  width: 952px;
  margin: 0 auto;
  padding-top: 174px;
  padding-left: 107px;
}
.agent-section5 strong{
  display: block;
  width: 256px;
  height: 52px;
  background: #4f98e9;
  line-height: 52px;
  text-align: center;
  color: #fff;
  font-size: 26px;
  border-radius: 26px;
  margin-bottom: 36px;
}
.agent-section5 span{
  color: #fff;
  font-size: 20px;
  margin-left: 10px;
}