B2B首页

src/main/webapp/resources/css/index.css

@@ -1035,15 +1035,15 @@ ul>li.item-link>a {
 }
 
 .body>.left {
-	width: 219px;
+	width: 185px;
 	float: left;
-	margin-right: 14px;
+	margin-right: 12px;
 	/* border-right: 1px solid #ddd; */
 }
 
 .body>.right {
-	width: 930px;
-	float: right;
+	width: 973px;
+	float: left;
 	font-size: 12px;
 	min-height: 718px;
 }
@@ -1263,7 +1263,7 @@ ul>li.item-link>a {
 
 .right .data-wrap {
 	float: left;
-	width: 660px;
+	width: 755px;
 }
 
 .data-wrap .todo {
@@ -1301,8 +1301,7 @@ ul>li.item-link>a {
 
 .todo .todo-content {
 	clear: both;
-	background-color: #ffffff;
-	width: 660px;
+	width: 755px;
 	margin-left: 0px;
 	border-bottom: 1px solid #e8e8e8;
 	display: inline-block;
@@ -1387,11 +1386,11 @@ ul>li.item-link>a {
 
 /** left .feed-wrap start **/
 .left .feed-wrap {
-	float: right;
-	width: 218px;
+	/*float: right;*/
+	width: 185px;
 }
 .left .feed-wrap .notice:first-child {
-	margin-top: 3px;
+	margin-top: 0;
 }
 .pane {
 	/*margin-top: 20px;*/
@@ -1401,12 +1400,17 @@ ul>li.item-link>a {
 
 .pane .pane-header {
 	height: 40px;
-	background: #e8e8e8;
+	background: #fff;
 	line-height: 40px;
-	font-size: 14px;
+	font-size: 18px;
+    font-weight: bold;
 	padding: 0 15px;
 	border-bottom: 1px solid #e8e8e8;
-	color: #333;
+	color: #666;
+}
+
+.pane .pane-header .pull-right {
+	font-weight: normal;
 }
 
 .pane .pane-header .pull-right>a {
@@ -2687,7 +2691,7 @@ input.ng-invalid.ng-dirty,textarea.ng-invalid.ng-dirty {
 	height: 600px;
 }
 .feed-wrap .carousel-inner .item img{
-	width: 246px;
+	width: 206px;
 	height: 568px;
 }
 .feed-wrap .carousel-indicators .active{
@@ -2707,7 +2711,7 @@ input.ng-invalid.ng-dirty,textarea.ng-invalid.ng-dirty {
 	border: none;
 }
 .pane-header img{
-	vertical-align: text-bottom;
+	vertical-align: middle;
 }
 .height6{
 	width: 100%;
@@ -3267,8 +3271,8 @@ input::-webkit-clear{display:none;}
 }
 .enterprise-btn div{
 	position: absolute;
-	top: 45px;
-	left: 65px;
+	top: 30px;
+	left: 48px;
 }
 .enterprise-btn div a{
 	text-align: center;

src/main/webapp/resources/tpl/index/home/left.html

@@ -27,7 +27,7 @@
 	}
 	/*公告非当日*/
 	.notice .pane-body ul li.nonday a{
-		color: #000;
+		color: #333;
 	}
 	/*!*公告当日已读*!*/
 	.notice .pane-body ul li.day-read a{
@@ -37,7 +37,7 @@
 		white-space: nowrap;
 		overflow: hidden;
 		text-overflow: ellipsis;
-		color: #000;
+		color: #333;
 	}
 	.notice .pane-body ul li.day-read img{
 		float: left;
@@ -51,7 +51,7 @@
 		white-space: nowrap;
 		overflow: hidden;
 		text-overflow: ellipsis;
-		color: #d32526;
+		color: #666;
 	}
 	.notice .pane-body ul li.day-unread img{
 		float: left;
@@ -91,6 +91,7 @@
 	.feed-wrap .pane{
 		height: 200px;
 		border: #e8e8e8 1px solid;
+		border-radius: 5px;
 	}
 	.feed-wrap .pane .pane-body{
 		height: 158px;
@@ -119,7 +120,7 @@
 
 	.feed-wrap .pane .pane-body li a em{
 		display: inline-block;
-		color: #d32526;
+		color: #333;
 		white-space: nowrap;
 		overflow: hidden;
 		text-overflow: ellipsis;
@@ -131,7 +132,10 @@
 	}
 	/*当日公共询价已读、未读**/
 	.feed-wrap .pane .pane-body li.day-read a em{
-		max-width: 150px;
+		max-width: 120px;
+	}
+	i.fa{
+		font-size: 24px;
 	}
 
 </style>
@@ -179,7 +183,7 @@
 	<div class="pane service" ng-controller="InquiryMessageListCtrl">
 		<div class="pane-header">
 			<img src="static/img/home/xunjia.png"> 公共询价<a class="pull-right text-muted"></a>
-			<span class="pull-right"><a ui-sref="baseInfo.inquiryList" class="text-light">更多>></a></span>
+			<span class="pull-right"><a ui-sref="baseInfo.inquiryList" class="text-light"><i class="fa fa-angle-right"></i></a></span>
 		</div>
 		<div class="pane-body">
 			<ul class="list-unstyled detail">
@@ -203,7 +207,7 @@
 	<div class="pane service" ng-controller="TenderCtrl">
 		<div class="pane-header">
 			<img src="static/img/home/target.png"> 公共招标<a href="serve" class="pull-right text-muted"></a>
-			<span class="pull-right"><a href="#/baseInfo/openTenderList" class="text-light">更多>></a></span>
+			<span class="pull-right"><a href="#/baseInfo/openTenderList" class="text-light"><i class="fa fa-angle-right"></i></a></span>
 		</div>
 		<div class="pane-body">
 			<ul class="list-unstyled detail">

src/main/webapp/resources/tpl/index/home/right.html

@@ -4,125 +4,226 @@
 		margin-top: 19px;
 	}
 	.data-wrap .todo .border01{
-		border: #e8e8e8 1px solid;
 		overflow: hidden;
-		min-height: 735px;
 	}
 	.toto-menu{
 		width: 100%;
 		margin: 0 auto;
 	}
 	.toto-menu .row{
-		margin: 0;
-		height: 270px;
+		margin: 0 0 20px;
+		width: 755px;
+		border: #e8e8e8 1px solid;
+		background: #fff;
+		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+		-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+	}
+	.toto-menu .row .header{
+		padding-left: 10px;
+		width: 100%;
+		height: 35px;
+		line-height: 35px;
+		font-size: 18px;
+		font-weight: bold;
+		color: #545555;
 		border-bottom: #cfcfcf 1px solid;
 	}
-	.toto-menu .row:last-child{
-		border-bottom: none;
+	.toto-menu .row .header img{
+		margin-right: 10px;
 	}
-	.toto-menu .row  .col-md-3{
+	.toto-menu .row .content {
+		overflow: hidden;
+		padding: 0 24px 33px;
+		width: 100%;
+	}
+	.toto-menu .row .content .item-list{
+		float: left;
+		margin-right: 24px;
 		width: 80px;
-		border-right: #b3b3b3 1px dashed;
-		height: 100%;
-		/*padding-top: 11%;*/
-		padding-top: 14%;
+		text-align: -webkit-center;
+		cursor: pointer;
 	}
-	.toto-menu .row  .col-md-9{
-		width: 575px;
+	.toto-menu .row .content .item-list:last-child {
+		margin-right: 0;
 	}
-	.toto-menu .row  .col-md-3 p{
-		font-size: 22px;
-		text-align: center;
-		padding: 0;
-		position: relative;
-		line-height: 30px;
-	}
-	.toto-menu .row  .col-md-3 span{
+	.toto-menu .row .content .item-list a{
 		display: inline-block;
-		padding: 2px 5px;
-		background: #ee5762;
-		line-height: 16px;
 		text-align: center;
-		color: #fff;
-		font-size: 12px;
-		border-radius: 20px;
-		margin-left: 5px;
-		min-width: 40px;
 	}
-	.toto-menu .col-md-4{
-		text-align: center;
-		position: relative;
-	}
-	.toto-menu .new-dot{
-		width: 20px;
-		height: 20px;
-		line-height: 20px;
-		font-size: 12px;
-		color: #fff;
-		font-weight: inherit;
-		right: 60px;
-		top: 10px;
-	}
-	.toto-menu .col-md-4 div{
-		width: 42px;
-		height: 42px;
-		border-radius: 5px;
-		text-align: center;
-		margin-left: 55px;
-		margin-bottom: 3px;
-		margin-top: 18px
+	.toto-menu .row .content .item-list .icons{
+		margin: 36px 0 20px;
+		width: 61px;
+		height: 61px;
+	}
+	.toto-menu .row .content .item-list p{
+		margin-bottom: 0;
+		font-size: 16px;
+		color: #666;
+	}
+	.toto-menu .row .content .item-list .icon_01{
+		background: url("static/img/home/Icon_01.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list .icon_02{
+		background: url("static/img/home/Icon_02.png") center center no-repeat;
 	}
-	.toto-menu .menu01 .col-md-4 div:hover{
-		background-color: #5078cb !important;
+	.toto-menu .row .content .item-list .icon_03{
+		background: url("static/img/home/Icon_03.png") center center no-repeat;
 	}
-	.toto-menu .menu02 .col-md-4 div:hover{
-		background-color: #27ae99 !important;
+	.toto-menu .row .content .item-list .icon_04{
+		background: url("static/img/home/Icon_04.png") center center no-repeat;
 	}
-	.toto-menu .menu03 .col-md-4 div:hover{
-		background-color: #dda333 !important;
+	.toto-menu .row .content .item-list .icon_05{
+		 background: url("static/img/home/Icon_05.png") center center no-repeat;
 	}
-	.toto-menu .menu01 .col-md-4 div{
-		background: url("static/img/icon/menu-list01.png") no-repeat center;
+	.toto-menu .row .content .item-list .icon_06{
+		background: url("static/img/home/Icon_06.png") center center no-repeat;
 	}
-	.toto-menu .menu02 .col-md-4 div{
-		background: url("static/img/icon/menu-list02.png") no-repeat center;
+	.toto-menu .row .content .item-list .icon_07{
+		background: url("static/img/home/Icon_07.png") center center no-repeat;
 	}
-	.toto-menu .menu03 .col-md-4 div{
-		background: url("static/img/icon/menu-list03.png") no-repeat center;
+	.toto-menu .row .content .item-list .icon_08{
+		background: url("static/img/home/Icon_15.png") center center no-repeat;
 	}
-	.toto-menu .col-md-4 p{
-		font-size: 14px;
-		margin: 0;
+	.toto-menu .row .content .item-list .icon_09{
+		background: url("static/img/home/Icon_16.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list .icon_10{
+		background: url("static/img/home/Icon_17.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list .icon_11{
+		background: url("static/img/home/Icon_18.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list .icon_12{
+		background: url("static/img/home/Icon_19.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list .icon_13{
+		background: url("static/img/home/Icon_20.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list .icon_14{
+		background: url("static/img/home/Icon_21.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list .icon_15{
+		background: url("static/img/home/Icon_29.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list .icon_16{
+		background: url("static/img/home/Icon_30.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list .icon_17{
+		background: url("static/img/home/Icon_31.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list .icon_18{
+		background: url("static/img/home/Icon_32.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list .icon_19{
+		background: url("static/img/home/Icon_33.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list .icon_20{
+		background: url("static/img/home/Icon_34.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list .icon_21{
+		background: url("static/img/home/Icon_35.png") center center no-repeat;
+	}
+
+	.toto-menu .row .content .item-list:hover .icons{
+		margin: 26px 0 30px;
 	}
-	.toto-menu .menu01 .col-md-4 div{
-		background-color: #52a9fa;
+	.toto-menu .row .content .item-list:hover .icon_01{
+		background: url("static/img/home/Icon_08.png") center center no-repeat;
 	}
-	.toto-menu .menu02 .col-md-4 div{
-		background-color: #47c8b4;
+	.toto-menu .row .content .item-list:hover .icon_02{
+		background: url("static/img/home/Icon_09.png") center center no-repeat;
 	}
-	.toto-menu .menu03 .col-md-4 div{
-		background-color: #ebb959;
+	.toto-menu .row .content .item-list:hover .icon_03{
+		background: url("static/img/home/Icon_10.png") center center no-repeat;
 	}
-	.toto-menu .menu01 .col-md-4 div.menu01-1,.toto-menu .menu02 .col-md-4 div.menu02-1,.toto-menu .menu03 .col-md-4 div.menu03-1{
-		background-position: 0 0;
+	.toto-menu .row .content .item-list:hover .icon_04{
+		background: url("static/img/home/Icon_11.png") center center no-repeat;
 	}
-	.toto-menu .menu01 .col-md-4 div.menu01-2,.toto-menu .menu02 .col-md-4 div.menu02-2,.toto-menu .menu03 .col-md-4 div.menu03-2{
-		background-position: -42px 0;
+	.toto-menu .row .content .item-list:hover .icon_05{
+		background: url("static/img/home/Icon_12.png") center center no-repeat;
 	}
-	.toto-menu .menu01 .col-md-4 div.menu01-3,.toto-menu .menu02 .col-md-4 div.menu02-3,.toto-menu .menu03 .col-md-4 div.menu03-3{
-		background-position: -84px 0;
+	.toto-menu .row .content .item-list:hover .icon_06{
+		background: url("static/img/home/Icon_13.png") center center no-repeat;
 	}
-	.toto-menu .menu01 .col-md-4 div.menu01-4,.toto-menu .menu02 .col-md-4 div.menu02-4,.toto-menu .menu03 .col-md-4 div.menu03-4{
-		background-position: -126px 0;
+	.toto-menu .row .content .item-list:hover .icon_07{
+		background: url("static/img/home/Icon_14.png") center center no-repeat;
 	}
-	.toto-menu .menu01 .col-md-4 div.menu01-5,.toto-menu .menu02 .col-md-4 div.menu02-5,.toto-menu .menu03 .col-md-4 div.menu03-5{
-		background-position: -168px 0;
+	.toto-menu .row .content .item-list:hover .icon_08{
+		background: url("static/img/home/Icon_22.png") center center no-repeat;
 	}
-	.toto-menu .menu01 .col-md-4 div.menu01-6,.toto-menu .menu02 .col-md-4 div.menu02-6,.toto-menu .menu03 .col-md-4 div.menu03-6{
-		background-position: -210px 0;
+	.toto-menu .row .content .item-list:hover .icon_09{
+		background: url("static/img/home/Icon_23.png") center center no-repeat;
 	}
-	.toto-menu .menu01 .col-md-4 div.menu01-7,.toto-menu .menu02 .col-md-4 div.menu02-7{
-		background-position: -252px 0;
+	.toto-menu .row .content .item-list:hover .icon_10{
+		background: url("static/img/home/Icon_24.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list:hover .icon_11{
+		background: url("static/img/home/Icon_25.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list:hover .icon_12{
+		background: url("static/img/home/Icon_26.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list:hover .icon_13{
+		background: url("static/img/home/Icon_27.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list:hover .icon_14{
+		background: url("static/img/home/Icon_28.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list:hover .icon_15{
+		background: url("static/img/home/Icon_36.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list:hover .icon_16{
+		background: url("static/img/home/Icon_37.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list:hover .icon_17{
+		background: url("static/img/home/Icon_38.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list:hover .icon_18{
+		background: url("static/img/home/Icon_39.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list:hover .icon_19{
+		background: url("static/img/home/Icon_40.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list:hover .icon_20{
+		background: url("static/img/home/Icon_41.png") center center no-repeat;
+	}
+	.toto-menu .row .content .item-list:hover .icon_21{
+		background: url("static/img/home/Icon_42.png") center center no-repeat;
+	}
+	.right .view-slide-in .feed-wrap{
+		width: 206px;
+		height: 205px;
+	}
+	.side-enterprise {
+		width: 206px;
+		height: 205px;
+		background-color: #ffffff;
+		border-radius: 5px;
+		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
+		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
+		-o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
+		-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
+	}
+	.side-enterprise .header{
+		padding-left: 16px;
+		height: 45px;
+		line-height: 45px;
+		border-bottom: 1px solid #dcdcdc;
+		font-size: 16px;
+		color: #333;
+		text-align: left;
+	}
+	.side-enterprise .enterprise-btn{
+		width: 206px;
+		height: 160px;
+		text-align: center;
+	}
+	.side-enterprise .enterprise-btn img{
+		margin-top: 10px;
+		width: 184px;
+		height: 139px;
 	}
 </style>
 <!-- 交易信息 Start -->
@@ -130,65 +231,57 @@
 
 	<!-- 待处理统计 Start -->
 	<div class="todo">
-		<div class="todo-label list-unstyled">
-			<em></em><label>工作台</label>
-		</div>
 		<div class="border01 todo-content" ng-controller="TodoCtrl">
 			<!--工作台导航-->
 			<div class="toto-menu">
 				<div class="menu01 row">
-					<div class="col-md-3">
-						<a href="#/sale/order" target="_blank">
-							<p>销<br/>售</p>
-							<!--<span>123</span>-->
-						</a>
-					</div>
-					<div class="col-md-9">
-						<div class="col-md-4">
+					<div class="header"><img src="static/img/home/xiaoshou.png" alt=""/>销售</div>
+					<div class="content">
+						<div class="item-list">
 							<a href="#/sale/order">
-								<div class="menu01-1"></div>
+								<div class="icon_01 icons"></div>
 								<p>销售订单</p>
 								<b class="new-dot" ng-if="getSaleOrderCount(unread) > 0">{{getSaleOrderCount(unread)>99?'99+':getSaleOrderCount(unread)}}</b>
 							</a>
 						</div>
-						<div class="col-md-4">
+						<div class="item-list">
 							<a href="#/sale/inquiry">
-								<div class="menu01-2"></div>
+								<div class="icon_02 icons"></div>
 								<p>报价</p>
 								<b class="new-dot" ng-if="getSaleInquiryCount(unread) > 0">{{getSaleInquiryCount(unread)>99?'99+':getSaleInquiryCount(unread)}}</b>
 							</a>
 						</div>
-						<div class="col-md-4">
+						<div class="item-list">
 							<a href="#/sale/tender">
-								<div class="menu01-3"></div>
+								<div class="icon_03 icons"></div>
 								<p>投标</p>
 								<b class="new-dot" ng-if="unread.tender > 0">{{unread.tender > 99 ? '99+' : unread.tender}}</b>
 							</a>
 						</div>
-						<div class="col-md-4">
+						<div class="item-list">
 							<a href="#/sale/notice">
-								<div class="menu01-4"></div>
+								<div class="icon_04 icons"></div>
 								<p>发货</p>
 								<b class="new-dot" ng-if="unread.notice > 0">{{unread.notice > 99 ? '99+' : unread.notice}}</b>
 							</a>
 						</div>
-						<div class="col-md-4">
+						<div class="item-list">
 							<a href="#/sale/prodList" ng-click="setOrdersRead('product')">
-								<div class="menu01-5"></div>
+								<div class="icon_05 icons"></div>
 								<p>产品库</p>
 								<b class="new-dot" ng-if="unread.product > 0">{{unread.product > 99 ? '99+' : unread.product}}</b>
 							</a>
 						</div>
-						<div class="col-md-4">
+						<div class="item-list">
 							<a href="#/sale/customer" ng-click="setOrdersRead('customer')">
-								<div class="menu01-6"></div>
+								<div class="icon_06 icons"></div>
 								<p>客户资料</p>
 								<b class="new-dot" ng-if="unread.customer > 0">{{unread.customer > 99 ? '99+' : unread.customer}}</b>
 							</a>
 						</div>
-						<div class="col-md-4">
-							<a href="">
-								<div class="menu01-7"></div>
+						<div class="item-list">
+							<a href="" target="_blank">
+								<div class="icon_07 icons"></div>
 								<p>销售报表</p>
 								<b class="new-dot" ng-if="false"></b>
 							</a>
@@ -196,101 +289,98 @@
 					</div>
 				</div>
 				<div class="menu02 row">
-					<div class="col-md-3">
-						<a href="#/purc/order"  target="_blank">
-							<p>采<br/>购</p>
-							<!--<span>56</span>-->
-						</a>
-					</div>
-					<div class="col-md-9">
-						<div class="col-md-4">
+					<div class="header"><img src="static/img/home/caigou.png" alt=""/>采购</div>
+					<div class="content">
+						<div class="item-list">
 							<a href="#/purc/order" ng-click="setActive('todo')">
-								<div class="menu02-1"></div>
+								<div class="icon_08 icons"></div>
 								<p>采购订单</p>
 								<b class="new-dot" ng-if="unread.purcOrder>0">{{unread.purcOrder>99?'99+':unread.purcOrder}}</b>
 							</a>
 						</div>
-						<div class="col-md-4">
+						<div class="item-list">
 							<a href="#/purc/purchaseinquiry">
-								<div class="menu02-2"></div>
-								<p>询价（求购）</p>
+								<div class="icon_09 icons"></div>
+								<p>询价(求购)</p>
 								<b class="new-dot" ng-if="unread.purcInquiry > 0">{{unread.purcInquiry > 99 ? '99+' : unread.purcInquiry}}</b>
 							</a>
 						</div>
-						<div class="col-md-4">
+						<div class="item-list">
 							<a href="#/purc/tender">
-								<div class="menu02-3"></div>
+								<div class="icon_10 icons"></div>
 								<p>招标</p>
 								<b class="new-dot" ng-if="unread.purcTender > 0">{{unread.purcTender > 99 ? '99+' : unread.purcTender}}</b>
 							</a>
 						</div>
-						<div class="col-md-4">
-							<div class="menu02-4"></div>
+						<div class="item-list">
+							<div class="icon_11 icons"></div>
 							<p>收货</p>
 							<b class="new-dot" ng-if="false"></b>
 						</div>
-						<div class="col-md-4">
+						<div class="item-list">
 							<a href="#/purc/product">
-								<div class="menu02-5"></div>
+								<div class="icon_12 icons"></div>
 								<p>物料库</p>
 								<b class="new-dot" ng-if="unread.purcProduct > 0">{{unread.purcProduct > 99 ? '99+' : unread.purcProduct}}</b>
 							</a>
 						</div>
-						<div class="col-md-4">
+						<div class="item-list">
 							<a href="#/purc/vendor">
-								<div class="menu02-6"></div>
+								<div class="icon_13 icons"></div>
 								<p>供应商资料</p>
 								<b class="new-dot" ng-if="unread.purcVendor > 0">{{unread.purcVendor > 99 ? '99+' : unread.purcVendor}}</b>
 							</a>
 						</div>
-						<div class="col-md-4">
-							<div class="menu02-7"></div>
+						<div class="item-list">
+							<div class="icon_14 icons"></div>
 							<p>采购报表</p>
 							<b class="new-dot" ng-if="false"></b>
 						</div>
 					</div>
 				</div>
-				<div class="menu03 row" style="height: 190px;">
-					<div class="col-md-3" style="padding-top: 10%;">
-						<a href="#/fa/apBill"  target="_blank">
-							<p>财<br/>务</p>
-							<!--<span>23</span>-->
-						</a>
-					</div>
-					<div class="col-md-9">
-						<div class="col-md-4">
+				<div class="menu03 row">
+					<div class="header"><img src="static/img/home/caiwu.png" alt=""/>财务</div>
+					<div class="content">
+						<div class="item-list">
 							<a href="#/fa/apBill">
-								<div class="menu03-1"></div>
+								<div class="icon_15 icons"></div>
 								<p>应收发票</p>
 								<b class="new-dot" ng-if="false"></b>
 							</a>
 						</div>
-						<div class="col-md-4">
+						<div class="item-list">
 							<a href="#/fa/apCheck">
-								<div class="menu03-2"></div>
+								<div class="icon_16 icons"></div>
 								<p>应收对账</p>
 								<b class="new-dot" ng-if="unread.apCheck > 0">{{unread.apCheck > 99 ? '99+' : unread.apCheck}}</b>
 							</a>
 						</div>
-						<div class="col-md-4">
-							<div class="menu03-3"></div>
+						<div class="item-list">
+							<div class="icon_17 icons"></div>
 							<p>应收报表</p>
 						</div>
-						<div class="col-md-4">
-							<div class="menu03-4"></div>
+						<div class="item-list">
+							<div class="icon_18 icons"></div>
 							<p>应付发票</p>
 						</div>
-						<div class="col-md-4">
+						<div class="item-list">
 							<a href="#/fa/arCheck">
-								<div class="menu03-5"></div>
+								<div class="icon_19 icons"></div>
 								<p>应付对账</p>
 								<b class="new-dot" ng-if="false"></b>
 							</a>
 						</div>
-						<div class="col-md-4">
-							<div class="menu03-6"></div>
+						<div class="item-list">
+							<div class="icon_20 icons"></div>
 							<p>应付报表</p>
 						</div>
+						<div class="item-list">
+							<a href="http://www.yitoa-fintech.com/">
+								<div class="icon_21 icons"></div>
+								<p>金融服务</p>
+								<b class="new-dot" ng-if="false"></b>
+							</a>
+						</div>
 					</div>
 				</div>
 			</div>
@@ -418,11 +508,14 @@
 <!-- 第三列图片 Start -->
 <div class="feed-wrap">
 	<div class="side-image">
-		<div class="enterprise-btn">
-			<img src="static/img/home/entLib.png" >
-			<div ng-controller="RequestAmountCtrl">
-				<a title="我的合作伙伴" ui-sref="baseInfo.myRequest">我的合作伙伴</a><br/>
-				<a title="新的合作伙伴" ui-sref="baseInfo.newPartner">新的合作伙伴<em ng-if="requestTodo.todo>0"></em></a>
+		<div class="side-enterprise">
+			<div class="header">企业圈</div>
+			<div class="enterprise-btn">
+				<img src="static/img/home/entLib.png" >
+				<div ng-controller="RequestAmountCtrl">
+					<a title="我的合作伙伴" ui-sref="baseInfo.myRequest">我的合作伙伴</a><br/>
+					<a title="新的合作伙伴" ui-sref="baseInfo.newPartner">新的合作伙伴<em ng-if="requestTodo.todo>0"></em></a>
+				</div>
 			</div>
 		</div>
 		<!--<a href="#/baseInfo/enterpriseList"><img src="static/img/home/entLib.png" ></a>-->