{template 'public/header-base'}
<style>
	.nav.nav-tabs{border-color:#1989fa;}
	.nav-tabs>li>a:hover{border-color:#eee #eee #1989fa #eee;}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{background-color:#1989fa; border-color:#1989fa;}
	.nav-tabs>li>a {border-radius: 0 0 0 0;}
	{if empty($_GPC['storeid'])}
	.nav{background-color: white;}
	{/if}
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		color: #FFF;
		background-color: #1989fa;
		border-color: #1989fa;}
	.list-group .list-group-item.active {
		background-color: #1989fa;
		border-color: #1989fa;
	}
	.navbar-inverse {
		background-color: #fff;
		border-color: #1989fa
	}
	.block {
		display: block;
	}

	.clear {
		display: block;
		overflow: hidden;
	}
	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 40px
	}
	{if empty($_GPC['storeid'])}
	.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus{
		color: #777;
		background-color: #eee;
	}
	{/if}
	.big-menu .panel .panel-heading .panel-title,.big-menu .panel .list-group-item{overflow:hidden; white-space:normal; text-overflow:clip;}
	.panel>.list-group .list-group-item{padding-left: 34px;}


	.label-info {
		background-color: #3AA1FF;
	}


	{if empty($_GPC['storeid'])}
	.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse
	.navbar-nav>.active>a:focus{
		color: #f60;
		background-color: #e7e7e7;
		border-bottom: 2px solid transparent;
		border-color: #f60;
		/*height: 32px;*/
		/*line-height: 32px;*/
		/*margin: 18px 0 23px 0;*/
		/*display: block;*/
		/*font-size: 16px;*/
		/*color: #333;*/
		/*box-sizing: border-box;*/
		/*position: relative;*/
		/*border-radius: 5px;*/
		/*text-align: center*/
	}
	.navbar-inverse .navbar-nav>li>a{
		color: #777;
	}
	{else}
	.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse
	.navbar-nav>.active>a:focus{
		color: #fff;
		background-color: #1989fa;
		border-bottom: 2px solid transparent;
		/*border-color: #f60;*/
	}
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
		color: #fff;
		 background-color:#1989fa
	}
	.navbar-inverse .navbar-nav>li>a{
		color: #fff;
	}
	{/if}

	.main {
		margin-top:0px;
	}
</style>
<style>
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
		color: #777;
		background-color: #fff;
	}
	.navbar-right .msg .badge {
		position: absolute;
		color: #fff;
		background-color: #ff0030;
		right: 30px;
		top: 10px;
	}
	.navbar-right .msg .top {
		padding: 0 10px;
		line-height: 50px;
		border-bottom: 1px solid #e7e7eb;
	}
	.navbar-right .msg .item {
		font-size: 12px;
		padding: 10px 0;
	}
	.navbar-right .msg .item .info2 {
		color: #999;
		margin-bottom: 10px;
	}
	.navbar-right .msg .dropdown-menu {
		width: 300px;
		height: 500px;
		overflow: hidden;
		color: #4c4c4c;
		padding: 0;
	}
	.navbar-right .msg-list-container {
		padding: 0 10px;
		height: 437px;
		overflow-y: auto;
	}
	.navbar-nav>li>.dropdown-menu {
		margin-top: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
</style>
<script>
	$.getJSON("{php echo $this->createWebUrl('GetNotice', array('storeid' => $storeid))}", function (e) {
		if (0 == e.errno && e.total>0) {
			var t = "";
			t += '<a href="javascript:;" class="dropdown-toogle" data-toggle="dropdown"><span class="wi wi-bell"><span class="badge">' + e.total + "</span></span>消息</a>", t += '<div class="dropdown-menu"><div class="clearfix top">消息<a href="{php echo $this->createWebUrl('servicelog', array('storeid' => $storeid))}" class="pull-right">查看更多</a></div><div class="msg-list-container"><div class="msg-list">', $.each(e.lists, 			function (e, a) {
				t += '<div class="item"><div class="info2 clearifx"><div class="pull-right date">' + a.create_time + "</div>",
				t += "来自 <span>消费者</span>",
				t += '</div><div class="msg-content">',
				t += "<a href=" + a.url + ">" + a.message + "</a>", t += "</div></div>"
			}),
			t += "</div></div></div>", $(".header-notice2").html(t)
		}
	})
</script>

<style>
	.btn {
		/*display: inline-block;*/
		/*padding: 0 12px 1px;*/
		/*line-height: 32px;*/
		/*color: #FFF !important;*/
		/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;*/
		/*font-size: 14px;*/
		/*background-image: none !important;*/
		/*background-color: #C0C2C4 !important;*/
		/*border: 5px solid #C0C2C4;*/
		border-radius: 0 !important;
		box-shadow: none !important;
		/*-moz-transition: all .1s ease-in-out;*/
		/*-webkit-transition: all .1s ease-in-out;*/
		/*-o-transition: all .1s ease-in-out;*/
		/*-ms-transition: all .1s ease-in-out;*/
		/*transition: all .1s ease-in-out;*/
		/*cursor: pointer;*/
		/*vertical-align: middle;*/
		/*margin: 0;*/
		/*position: relative*/
	}

	.btn-large {
		padding: 0 14px 1px;
		line-height: 38px;
		border-width: 6px;
		font-size: 16px
	}

	.btn-small {
		padding: 0 8px;
		line-height: 24px;
		border-width: 4px;
		font-size: 13px
	}

	.btn-mini {
		padding: 0 5px;
		line-height: 22px;
		border-width: 2px;
		font-size: 12px
	}

	.btn-minier {
		padding: 0 4px;
		line-height: 18px;
		border-width: 1px;
		font-size: 11px
	}

	button.btn:active {
		top: 1px;
		left: 1px
	}

	.btn-default {
		/*background-color: #C0C2C4 !important;*/
		/*border-color: #C0C2C4*/
	}

	.btn:hover, .btn-default:hover {
		/*background-color: #8b9aa3 !important*/
	}

	.btn.active, .btn-default.active {
		background-color: #91a0a5 !important;
		border-color: #8796a0
	}

	.btn.disabled, .btn-default.disabled, .btn[disabled], .btn-default[disabled] {
		background-color: #C0C2C4 !important
	}

	.btn-primary {
		background-color: #3AA1FF !important;
		border-color: #3AA1FF
	}

	.btn-primary:hover {
		background-color: #045e9f !important
	}

	.btn-primary.active {
		background-color: #1a76b7 !important;
		border-color: #106eaf
	}

	.btn-primary.disabled, .btn-primary[disabled] {
		background-color: #3AA1FF !important
	}

	.btn-info {
		background-color: #3AA1FF !important;
		border-color: #3AA1FF
	}

	.btn-info:hover {
		background-color: #4f99c6 !important
	}

	.btn-info.active {
		background-color: #5ca3d0 !important;
		border-color: #4f99c6
	}

	.btn-info.disabled, .btn-info[disabled] {
		background-color: #3AA1FF !important
	}

	.btn-success {
		background-color: #4ECB73 !important;
		border-color: #4ECB73
	}

	.btn-success:hover, .btn-success.active {
		background-color: #629b58 !important
	}

	.btn-success.active {
		background-color: #68a563 !important;
		border-color: #629b58
	}

	.btn-success.disabled, .btn-success[disabled] {
		background-color: #4ECB73 !important
	}

	.btn-warning {
		background-color: #ffb752 !important;
		border-color: #ffb752
	}

	.btn-warning:hover {
		background-color: #e59729 !important
	}

	.btn-warning.active {
		background-color: #ea9e33 !important;
		border-color: #e59729
	}

	.btn-warning.disabled, .btn-warning[disabled] {
		background-color: #ffb752 !important
	}

	.btn-danger {
		background-color: #F04864 !important;
		border-color: #F04864
	}

	.btn-danger:hover {
		background-color: #b74635 !important
	}

	.btn-danger.active {
		background-color: #bf4e3d !important;
		border-color: #b74635
	}

	.btn-danger.disabled, .btn-danger[disabled] {
		background-color: #F04864 !important
	}

	.btn-inverse {
		background-color: #555 !important;
		border-color: #555
	}

	.btn-inverse:hover {
		background-color: #303030 !important
	}

	.btn-inverse.active {
		background-color: #3e3e3e !important;
		border-color: #303030
	}

	.btn-inverse.disabled, .btn-inverse[disabled] {
		background-color: #555 !important
	}

	.btn-pink {
		background-color: #d6487e !important;
		border-color: #d6487e
	}

	.btn-pink:hover {
		background-color: #b73766 !important
	}

	.btn-pink.active {
		background-color: #c0406f !important;
		border-color: #b73766
	}

	.btn-pink.disabled, .btn-pink[disabled] {
		background-color: #d6487e !important
	}

	.btn-purple {
		background-color: #9585bf !important;
		border-color: #9585bf
	}

	.btn-purple:hover {
		background-color: #7461aa !important
	}

	.btn-purple.active {
		background-color: #7e6ab2 !important;
		border-color: #7461aa
	}

	.btn-purple.disabled, .btn-purple[disabled] {
		background-color: #9585bf !important
	}

	.btn-yellow {
		background-color: #fee188 !important;
		border-color: #fee188;
		color: #963 !important;
		text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4) !important
	}

	.btn-yellow:hover {
		background-color: #f7d05b !important
	}

	.btn.btn-yellow.active {
		background-color: #f9d570 !important;
		border-color: #edcc71
	}

	.btn.btn-yellow.active:after {
		border-bottom-color: #c96338
	}

	.btn-yellow.disabled, .btn-yellow[disabled] {
		background-color: #fee188 !important
	}

	.btn-light {
		color: #888 !important;
		background-color: #e7e7e7 !important;
		border-color: #e7e7e7;
		text-shadow: 0 -1px 0 rgba(250, 250, 250, 0.25) !important
	}

	.btn-light:hover {
		background-color: #d9d9d9 !important
	}

	.btn.btn-light.active {
		background-color: #dfdfdf !important;
		border-color: #d5d5d5;
		color: #515151
	}

	.btn.btn-light.active:after {
		border-bottom-color: #aaa
	}

	.btn-light.disabled, .btn-light[disabled] {
		background-color: #e7e7e7 !important
	}

	.btn-light.btn-mini:after {
		left: -2px;
		right: -2px;
		top: -2px;
		bottom: -2px
	}

	.btn-light.btn-small:after {
		left: -4px;
		right: -4px;
		top: -4px;
		bottom: -4px
	}

	.btn-light.btn-large:after {
		left: -6px;
		right: -6px;
		top: -6px;
		bottom: -6px
	}

	.btn-grey {
		background-color: #a0a0a0 !important;
		border-color: #a0a0a0
	}

	.btn-grey:hover {
		background-color: #888 !important
	}

	.btn-grey.active {
		background-color: #929292 !important;
		border-color: #888
	}

	.btn-grey.disabled, .btn-grey[disabled] {
		background-color: #a0a0a0 !important
	}

	.btn-white {
		background-color: #f7f7f7 !important;
		border-color: #d7d7d7;
		text-shadow: none !important
	}

	.btn-white:hover {
		background-color: #EEE !important
	}

	.btn-white.active {
		background-color: #f1f1f1 !important;
		border-color: #999
	}

	.btn-white.disabled, .btn-white[disabled] {
		background-color: #f7f7f7 !important
	}

	.btn.disabled.active, .btn.disabled:focus, .btn[disabled]:active, .btn[disabled].active, .btn[disabled]:focus {
		outline: 0
	}

	.btn.disabled:active, .btn[disabled]:active {
		top: 0;
		left: 0
	}

	.btn.active {
		color: #efe5b5
	}

	.btn.active:after {
		display: inline-block;
		content: "";
		position: absolute;
		border-bottom: 1px solid #efe5b5;
		left: -4px;
		right: -4px;
		bottom: -4px
	}

	.btn-small.active:after {
		left: -3px;
		right: -3px;
		bottom: -3px;
		border-bottom-width: 1px
	}

	.btn-large.active:after {
		left: -5px;
		right: -5px;
		bottom: -5px;
		border-bottom-width: 1px
	}

	.btn-mini.active:after {
		left: -1px;
		right: -1px;
		bottom: -1px;
		border-bottom-width: 1px
	}

	.btn > [class * ="icon-"] {
		margin-right: 4px;
		font-size: 110%;
		display: inline;
		min-width: 12px
	}

	.btn-large > [class * ="icon-"] {
		margin-right: 6px;
		font-size: 110%
	}

	.btn-small > [class * ="icon-"] {
		margin-right: 3px;
		font-size: 110%
	}

	.btn-mini > [class * ="icon-"] {
		margin-right: 2px;
		font-size: 120%
	}

	.btn > .icon-round {
		padding: 1px 2px;
		border: 2px solid #FFF;
		border-radius: 16px
	}

	.btn > .icon-on-right[class * ="icon-"] {
		margin-right: 0;
		margin-left: 4px
	}

	.btn-large > .icon-on-right[class * ="icon-"] {
		margin-left: 6px;
		margin-right: 0
	}

	.btn-small > .icon-on-right[class * ="icon-"] {
		margin-left: 3px;
		margin-right: 0
	}

	.btn-mini > .icon-on-right[class * ="icon-"] {
		margin-left: 2px;
		margin-right: 0
	}

	.btn > .icon-only {
		margin: 0;
		vertical-align: middle;
		text-align: center;
		padding: 0;
		width: 24px
	}

	.btn-link {
		border: none !important;
		background-color: transparent;
		color: #08c !important;
		text-shadow: none !important;
		padding: 4px 12px !important;
		line-height: 20px !important
	}

	.btn-link:hover {
		background: none !important;
		text-shadow: none !important
	}

	.btn-link.active {
		background: none !important;
		text-decoration: underline;
		color: #07b !important
	}

	.btn-link.active:after {
		display: none
	}

	.btn-link.disabled, .btn-link[disabled] {
		background: 0;
		opacity: .65
	}

	.btn-link.disabled:hover {
		background: none !important;
		text-decoration: none !important
	}

	.btn-group > .btn:first-child, .btn-group > .btn:last-child {
		border-radius: 0
	}

	.btn-group > .btn + .btn, .btn-group + .btn {
		margin: 0 1px 0 0
	}

	.btn-group > .btn:first-child {
		margin: 0 1px 0 0
	}

	.btn-group > .btn, .btn-group + .btn {
		margin: 0 1px 0 0;
		border-width: 3px !important
	}

	.btn-group > .btn-large, .btn-group + .btn-large {
		border-width: 4px !important
	}

	.btn-group > .btn-small, .btn-group + .btn-small {
		border-width: 2px !important
	}

	.btn-group > .btn-mini, .btn-group + .btn-mini {
		border-width: 1px !important
	}

	.btn-group-vertical > .btn, .btn-group-vertical > .btn + .btn {
		margin: 1px 0 0
	}

	.btn-group > .btn:after, .btn-group + .btn:after {
		left: -2px;
		right: -2px;
		bottom: -2px;
		border-bottom-width: 1px
	}

	.btn-group > .btn-small:after, .btn-group + .btn-small:after {
		left: -1px;
		right: -1px;
		bottom: -1px;
		border-bottom-width: 1px
	}

	.btn-group > .btn-large:after, .btn-group + .btn-large:after {
		left: -3px;
		right: -3px;
		bottom: -3px;
		border-bottom-width: 1px
	}

	.btn-group > .btn-mini:after, .btn-group + .btn-mini:after {
		left: 0;
		right: 0;
		bottom: 0;
		border-bottom-width: 1px
	}

	.btn-group > .btn + .btn.dropdown-toggle {
		padding-right: 3px;
		padding-left: 3px
	}

	.btn-group > .btn + .btn-large.dropdown-toggle {
		padding-right: 4px;
		padding-left: 4px
	}

	.btn > .caret {
		margin-top: 15px;
		margin-left: 1px;
		border-width: 5px;
		border-top-color: #FFF
	}

	.btn-small > .caret {
		margin-top: 10px;
		border-width: 4px
	}

	.btn-mini > .caret {
		margin-top: 9px;
		border-width: 4px
	}

	.btn-large > .caret {
		margin-top: 18px;
		border-width: 6px
	}

	.btn-group > .dropdown-toggle {
		border-radius: 0
	}

	.btn.btn-app {
		display: inline-block;
		width: 100px;
		margin: 2px;
		position: relative;
		font-size: 18px;
		font-weight: normal;
		color: #FFF;
		text-align: center;
		text-shadow: 0 -1px -1px rgba(0, 0, 0, 0.2) !important;
		border: 0;
		border-radius: 12px !important;
		padding: 12px 0 8px;
		background: #b3c1cb !important;
		background: -moz-linear-gradient(top, #bcc9d5 0, #C0C2C4 100%) !important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bcc9d5), color-stop(100%, #C0C2C4)) !important;
		background: -webkit-linear-gradient(top, #bcc9d5 0, #C0C2C4 100%) !important;
		background: -o-linear-gradient(top, #bcc9d5 0, #C0C2C4 100%) !important;
		background: -ms-linear-gradient(top, #bcc9d5 0, #C0C2C4 100%) !important;
		background: linear-gradient(to bottom, #bcc9d5 0, #C0C2C4 100%) !important;
		filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#BCC9D5', endColorstr='#ABBAC3', GradientType=0) !important
	}

	.btn-app.btn-primary {
		background: #298acb !important;
		background: -moz-linear-gradient(top, #3b98d6 0, #197ec1 100%) !important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3b98d6), color-stop(100%, #197ec1)) !important;
		background: -webkit-linear-gradient(top, #3b98d6 0, #197ec1 100%) !important;
		background: -o-linear-gradient(top, #3b98d6 0, #197ec1 100%) !important;
		background: -ms-linear-gradient(top, #3b98d6 0, #197ec1 100%) !important;
		background: linear-gradient(to bottom, #3b98d6 0, #197ec1 100%) !important;
		filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3B98D6', endColorstr='#197EC1', GradientType=0) !important
	}

	.btn-app.btn-info {
		background: #78bc43 !important;
		background: -moz-linear-gradient(top, #75b5e6 0, #5ba4d5 100%) !important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #75b5e6), color-stop(100%, #5ba4d5)) !important;
		background: -webkit-linear-gradient(top, #75b5e6 0, #5ba4d5 100%) !important;
		background: -o-linear-gradient(top, #75b5e6 0, #5ba4d5 100%) !important;
		background: -ms-linear-gradient(top, #75b5e6 0, #5ba4d5 100%) !important;
		background: linear-gradient(to bottom, #75b5e6 0, #5ba4d5 100%) !important;
		filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#75B5E6', endColorstr='#5BA4D5', GradientType=0) !important
	}

	.btn-app.btn-success {
		background: #84b357 !important;
		background: -moz-linear-gradient(top, #8ebf60 0, #7daa50 100%) !important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8ebf60), color-stop(100%, #7daa50)) !important;
		background: -webkit-linear-gradient(top, #8ebf60 0, #7daa50 100%) !important;
		background: -o-linear-gradient(top, #8ebf60 0, #7daa50 100%) !important;
		background: -ms-linear-gradient(top, #8ebf60 0, #7daa50 100%) !important;
		background: linear-gradient(to bottom, #8ebf60 0, #7daa50 100%) !important;
		filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8EBF60', endColorstr='#7DAA50', GradientType=0) !important
	}

	.btn-app.btn-danger {
		background: #d23e37 !important;
		background: -moz-linear-gradient(top, #d55b52 0, #d12723 100%) !important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d55b52), color-stop(100%, #d12723)) !important;
		background: -webkit-linear-gradient(top, #d55b52 0, #d12723 100%) !important;
		background: -o-linear-gradient(top, #d55b52 0, #d12723 100%) !important;
		background: -ms-linear-gradient(top, #d55b52 0, #d12723 100%) !important;
		background: linear-gradient(to bottom, #d55b52 0, #d12723 100%) !important;
		filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#D55B52', endColorstr='#D12723', GradientType=0) !important
	}

	.btn-app.btn-warning {
		background: #ffb752 !important;
		background: -moz-linear-gradient(top, #ffbf66 0, #ffa830 100%) !important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffbf66), color-stop(100%, #ffa830)) !important;
		background: -webkit-linear-gradient(top, #ffbf66 0, #ffa830 100%) !important;
		background: -o-linear-gradient(top, #ffbf66 0, #ffa830 100%) !important;
		background: -ms-linear-gradient(top, #ffbf66 0, #ffa830 100%) !important;
		background: linear-gradient(to bottom, #ffbf66 0, #ffa830 100%) !important;
		filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFBF66', endColorstr='#FFA830', GradientType=0) !important
	}

	.btn-app.btn-purple {
		background: #9182bb !important;
		background: -moz-linear-gradient(top, #9b8ac5 0, #8a7cb4 100%) !important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9b8ac5), color-stop(100%, #8a7cb4)) !important;
		background: -webkit-linear-gradient(top, #9b8ac5 0, #8a7cb4 100%) !important;
		background: -o-linear-gradient(top, #9b8ac5 0, #8a7cb4 100%) !important;
		background: -ms-linear-gradient(top, #9b8ac5 0, #8a7cb4 100%) !important;
		background: linear-gradient(to bottom, #9b8ac5 0, #8a7cb4 100%) !important;
		filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#9B8AC5', endColorstr='#8A7CB4', GradientType=0) !important
	}

	.btn-app.btn-pink {
		background: #d6487e !important;
		background: -moz-linear-gradient(top, #db5e8c 0, #ce3970 100%) !important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #db5e8c), color-stop(100%, #ce3970)) !important;
		background: -webkit-linear-gradient(top, #db5e8c 0, #ce3970 100%) !important;
		background: -o-linear-gradient(top, #db5e8c 0, #ce3970 100%) !important;
		background: -ms-linear-gradient(top, #db5e8c 0, #ce3970 100%) !important;
		background: linear-gradient(to bottom, #db5e8c 0, #ce3970 100%) !important;
		filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#DB5E8C', endColorstr='#CE3970', GradientType=0) !important
	}

	.btn-app.btn-inverse {
		background: #393939 !important;
		background: -moz-linear-gradient(top, #494949 0, #303030 100%) !important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #494949), color-stop(100%, #303030)) !important;
		background: -webkit-linear-gradient(top, #494949 0, #303030 100%) !important;
		background: -o-linear-gradient(top, #494949 0, #303030 100%) !important;
		background: -ms-linear-gradient(top, #494949 0, #303030 100%) !important;
		background: linear-gradient(to bottom, #494949 0, #303030 100%) !important;
		filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#303030', GradientType=0) !important
	}

	.btn-app.btn-grey {
		background: #888 !important;
		background: -moz-linear-gradient(top, #848484 0, #707070 100%) !important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #848484), color-stop(100%, #707070)) !important;
		background: -webkit-linear-gradient(top, #848484 0, #707070 100%) !important;
		background: -o-linear-gradient(top, #848484 0, #707070 100%) !important;
		background: -ms-linear-gradient(top, #848484 0, #707070 100%) !important;
		background: linear-gradient(to bottom, #848484 0, #707070 100%) !important;
		filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#848484', endColorstr='#707070', GradientType=0) !important
	}

	.btn-app.btn-light {
		color: #5a5a5a !important;
		text-shadow: 0 1px 1px #EEE !important;
		border: 2px solid #DDD;
		background: #EEE !important;
		background: -moz-linear-gradient(top, #f4f4f4 0, #e6e6e6 100%) !important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #e6e6e6)) !important;
		background: -webkit-linear-gradient(top, #f4f4f4 0, #e6e6e6 100%) !important;
		background: -o-linear-gradient(top, #f4f4f4 0, #e6e6e6 100%) !important;
		background: -ms-linear-gradient(top, #f4f4f4 0, #e6e6e6 100%) !important;
		background: linear-gradient(to bottom, #f4f4f4 0, #e6e6e6 100%) !important;
		filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#E6E6E6', GradientType=0) !important
	}

	.btn-app.btn-yellow {
		color: #963 !important;
		text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4) !important;
		border: 2px solid #fee188;
		background: #fee188 !important;
		background: -moz-linear-gradient(top, #ffe8a5 0, #fcd76a 100%) !important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe8a5), color-stop(100%, #fcd76a)) !important;
		background: -webkit-linear-gradient(top, #ffe8a5 0, #fcd76a 100%) !important;
		background: -o-linear-gradient(top, #ffe8a5 0, #fcd76a 100%) !important;
		background: -ms-linear-gradient(top, #ffe8a5 0, #fcd76a 100%) !important;
		background: linear-gradient(to bottom, #ffe8a5 0, #fcd76a 100%) !important;
		filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFE8A5', endColorstr='#FCD76A', GradientType=0) !important
	}

	.btn-app.btn-yellow.active {
		border-color: #fee188
	}

	.btn.btn-app > [class * =icon] {
		display: block;
		font-size: 42px;
		margin: 0 0 4px;
		line-height: 36px;
		min-width: 0;
		padding: 0
	}

	.btn.btn-app.btn-small {
		width: 80px;
		font-size: 16px;
		border-radius: 10px !important;
		padding-bottom: 9px
	}

	.btn.btn-app.btn-small > [class * =icon] {
		display: block;
		font-size: 32px;
		line-height: 30px;
		margin: 0 0 3px
	}

	.btn.btn-app.btn-mini {
		width: 64px;
		font-size: 15px;
		border-radius: 8px !important;
		padding-bottom: 7px;
		padding-top: 8px
	}

	.btn.btn-app.btn-mini > [class * =icon] {
		display: block;
		font-size: 24px;
		line-height: 24px;
		margin: 0
	}

	.btn.btn-app.btn-mini.btn-light {
		width: 64px;
		padding-bottom: 6px
	}

	.btn.btn-app.no-radius {
		border-radius: 0 !important
	}

	.btn.btn-app.radius-4 {
		border-radius: 4px !important
	}

	.btn-app > .badge, .btn-app > .label {
		position: absolute !important;
		top: -2px;
		right: -2px;
		padding: 1px 3px;
		text-align: center;
		font-size: 12px
	}

	.btn-app > .label {
		padding: 1px 6px 3px;
		font-size: 13px
	}

	.btn.btn-app.radius-4 > .badge, .btn.btn-app.no-radius > .badge {
		border-radius: 3px
	}

	.btn-app > .badge-right, .btn-app > .label-right {
		right: auto;
		left: -2px
	}

	.btn.btn-app.radius-4 > .badge.no-radius, .btn.btn-app.no-radius > .badge.no-radius {
		border-radius: 0
	}

	.btn.btn-app.active {
		color: #FFF
	}

	.btn.btn-app.active:after {
		display: none
	}

	.btn.btn-app.btn-yellow.active {
		color: #963
	}

	.btn.btn-app.btn-light.active {
		color: #515151
	}
</style>


{if empty($_GPC['storeid'])}
<div class="navbar navbar-inverse navbar-static-top" role="navigation" style="position:static;border-top: 4px solid #1989fa;background-color: #fff;border-bottom: 0px solid #d9dadc;">
{else}
	<div class="navbar navbar-inverse navbar-static-top" role="navigation" style="position:static;border-top: 4px solid #1989fa;background-color: #1989fa;border-bottom: 0px solid #d9dadc;">
{/if}
	{if empty($_GPC['storeid'])}
	<div class="col-xs-12 col-sm-3 col-lg-2">
		<div style="height: 60px;background: transparent url({php echo $this->logo}) center	no-repeat;background-color:white;background-size: 100% auto;"></div>
	</div>
	{else}
	<div class="col-xs-12 col-sm-3 " style="width: 40%;">
		<style>
			.brand { line-height: 60px;font-size: 24px; font-weight: 200px;}
			.logo {
				height: 48px;
				width: 48px;
				border-radius: 50%;
			}
			.slogan {
				font-size: 12px;
				position: absolute;
				bottom: 3px;
				left: 71px;
				height: 20px;
				color: #f0f0f0;
				line-height: 20px;
			}
			.nav>li>a {
				position: relative;
				display: block;
				padding: 10px 8px;
			}
			a:hover,
			a:focus {
				text-decoration: none;
			}
			.label2 {
				background-color: #d1dade;
				color: #5e5e5e;
				font-size: 10px;
				font-weight: 600;
				padding: 3px 8px;
				text-shadow: none;
				border-radius:.25em;
			}
			.label-danger2 {
				background-color: #ed5565;
				color: #FFFFFF;
			}
		</style>
		<a class="brand" title="商家端管理平台" href="{php echo $this->createWebUrl('start', array('op' => 'display', 'storeid' => $storeid))}" style="color: #FFF;">
			<img src="{php echo tomedia($cur_store['logo'])}" onerror="this.src='../addons/weisrc_dish/icon.jpg';"
				 class="logo">
			{$cur_store['title']}
			<small>商家端管理平台</small>
			<span class="label2 label-danger2">标准版V4.0</span>
			<span class="slogan">做自己的客群，收益高、微信好推广！</span>
		</a>
	</div>
	{/if}
	<div class="container-fluid">
		{if defined('IN_SOLUTION')}
		<ul class="nav navbar-nav">
			{php global $solution,$solutions;}
			{if $_W['role'] != 'operator'}
			<li><a href="{url 'home/welcome/ext'}"><i class="fa fa-reply-all"></i>返回公众号功能管理</a></li>
			{/if}
			{loop $solutions $row}
			<li{if $row['name'] == $solution['name']} class="active"{/if}><a href="{url 'home/welcome/solution' array('m' => $row['name'])}"><i class="fa fa-cog"></i>{$row['title']}</a></li>
			{/loop}
		</ul>
		{else}
		<ul class="nav navbar-nav">
			{if empty($_GPC['storeid'])}
			<li><a href="index.php?c=home&a=welcome&do=platform&"><i class="fa fa-reply-all"></i>返回系统</a></li>
			{/if}
		</ul>
		{/if}
		<ul class="nav navbar-nav navbar-right">
			{if $_W['isfounder'] || $_W['role'] == 'manager'}
			<li>
				<a href="{php echo $this->createWebUrl('stores2', array('op' => 'display'))}"><i class="fa fa-refresh"></i>切换门店</a>
			</li>
			{/if}
			{if !empty($_GPC['storeid'])}
			<li {if $_GPC['do']=='stores'}class="active"{/if}><a href="{php echo $this->createWebUrl('stores2', array('op' => 'post', 'id' => $storeid, 'storeid' => $storeid))}"><i class="fa fa-desktop"></i>门店</a></li>
			<li {if $_GPC['do']=='order'}class="active"{/if}><a href="{php echo $this->createWebUrl('order', array('op' => 'display', 'storeid' => $storeid))}"><i class="fa fa-cny"></i>交易</a></li>
			<li {if $_GPC['do']=='goods'}class="active"{/if}><a href="{php echo $this->createWebUrl('goods', array('op' => 'display', 'storeid' => $storeid))}"><i class="fa fa-gift"></i>商品</a></li>
			<li {if $_GPC['do']=='coupon'}class="active"{/if}><a href="{php echo $this->createWebUrl('coupon', array('op' => 'display', 'storeid' => $storeid))}"><i class="fa fa-share-alt"></i>营销</a></li>
			<li {if $_GPC['do']=='tables'}class="active"{/if}><a href="{php echo $this->createWebUrl('tables', array('op' => 'display', 'storeid' => $storeid))}"><i class="fa fa-book"></i>餐桌</a></li>
			<li {if $_GPC['do']=='reservation'}class="active"{/if}><a href="{php echo $this->createWebUrl('reservation', array('op' => 'display', 'storeid' => $storeid))}"><i class="fa fa-book"></i>预定</a></li>
			<li {if $_GPC['do']=='cash'}class="active"{/if} ><a href="{php echo $this->createWebUrl('cash', array('op' => 'display', 'storeid' => $storeid))}"><i class="fa fa-user"></i>代客</a></li>
			{/if}
			<li class="dropdown msg header-notice2">
				<a href="javascript:;" class="dropdown-toogle" data-toggle="dropdown" aria-expanded="true">
					<span class="wi wi-bell"></span>消息
				</a>
				<div class="dropdown-menu">
					<div class="clearfix top">消息<a href="{php echo $this->createWebUrl('servicelog', array('storeid' => $storeid))}" class="pull-right">查看更多</a>
					</div>
					<div class="msg-list-container">
						<div class="msg-list">
						</div>
					</div>
				</div>
			</li>

			{if $_W['role'] != 'operator'}
			<!--<li class="dropdown">-->
				<!--<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" style="display:block; max-width:200px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; "><i class="fa fa-group"></i>{$_W['account']['name']} <b class="caret"></b></a>-->
				<!--{if $_W['role'] != 'operator'}-->
				<!--<ul class="dropdown-menu">-->
					<!--<li><a href="{url 'account/post' array('uniacid' => $_W['uniacid'])}" target="_blank"><i class="fa fa-weixin fa-fw"></i> 编辑当前账号资料</a></li>-->
					<!--<li><a href="{url 'account/display'}" target="_blank"><i class="fa fa-cogs fa-fw"></i> 管理其它公众号</a></li>-->
					<!--<li><a href="{url 'utility/emulator'}" target="_blank"><i class="fa fa-mobile fa-fw"></i> 模拟测试</a></li>-->
				<!--</ul>-->
				<!--{/if}-->
			<!--</li>-->
			{/if}
			{if $_W['role'] != 'operator'}
			<li class="dropdown">
				<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" style="display:block; max-width:185px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; "><i class="fa fa-user"></i>{$_W['user']['username']} ({if $_W['role'] == 'founder'}系统管理员{elseif $_W['role'] == 'manager'}公众号管理员{else}公众号操作员{/if}) <b class="caret"></b></a>
				<ul class="dropdown-menu">
					{if $_W['role'] != 'operator'}
					<li><a href="{url 'user/profile/profile'}" target="_blank"><i class="fa fa-weixin fa-fw"></i> 我的账号</a></li>
					<li class="divider"></li>
					<li><a href="{url 'system/updatecache'}" target="_blank"><i class="fa fa-refresh fa-fw"></i> 更新缓存</a></li>
					<li class="divider"></li>
					{/if}
					<li><a href="{url 'user/logout'}"><i class="fa fa-sign-out fa-fw"></i> 退出系统</a></li>
				</ul>
			</li>
			{else}
			<li class="dropdown">
				<a href="{php echo $this->createWebUrl('newpassword', array('op' => 'newpassword', 'storeid' => $storeid))}"
				   style="display:block;
				max-width:185px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; "><i class="fa fa-user"></i>{$_W['user']['username']}(店长)</a>
			</li>
			<li><a href="{php echo $this->createWebUrl('login', array('op' => 'logout'))}"><i class="fa fa-sign-out fa-fw"></i>退出</a></li>
			{/if}
		</ul>
	</div>
</div>
{php include $this->template('web/_common');}
<div class="container-fluid">
	{if defined('IN_MESSAGE')}
	<div class="jumbotron clearfix alert alert-{$label}">
		<div class="row">
			<div class="col-xs-12 col-sm-3 col-lg-2">
				<i class="fa fa-5x fa-{if $label=='success'}check-circle{/if}{if $label=='danger'}times-circle{/if}{if $label=='info'}info-circle{/if}{if $label=='warning'}exclamation-triangle{/if}"></i>
			</div>
			<div class="col-xs-12 col-sm-8 col-md-9 col-lg-10">
				{if is_array($msg)}
				<h2>MYSQL 错误：</h2>
				<p>{php echo cutstr($msg['sql'], 300, 1);}</p>
				<p><b>{$msg['error'][0]} {$msg['error'][1]}：</b>{$msg['error'][2]}</p>
				{else}
				<h2>{$caption}</h2>
				<p>{$msg}</p>
				{/if}
				{if $redirect}
				<p><a href="{$redirect}">如果你的浏览器没有自动跳转，请点击此链接</a></p>
				<script type="text/javascript">
					setTimeout(function () {
						location.href = "{$redirect}";
					}, 3000);
				</script>
				{else}
				<p>[<a href="javascript:history.go(-1);">点击这里返回上一页</a>] &nbsp; [<a href="./?refresh">首页</a>]</p>
				{/if}
			</div>
			{else}
			<div class="row">
				{php $frames = $GLOBALS['frames']}
				{if !empty($frames)}
				<div class="col-xs-12 col-sm-3 col-lg-2 big-menu">
					{if $cur_store}
					<div class="panel panel-default" style="padding-bottom: 10px;padding-top: 5px;display: none;">
						<span style="width:13.3333337%; height:160px;display: table-cell; line-height:160px; vertical-align:middle;text-align: center;padding-top: 5px;">
							<img style="display: inline-block;width: 160px;height: 160px;
box-sizing: border-box;margin-top:10px;padding: 10px;border: 1px solid #f2f2f2;box-sizing: border-box;max-width: 100%;" alt="image" src="{php echo tomedia($cur_store['logo'])}" onerror="this.src='../addons/weisrc_dish/template/images/shop_logo.png';"/>
						</span>
						<a href="#" >
							<span style="text-align:center;margin-top: 8px;" class="block m-t-xs"><strong class="font-bold">{$cur_store['title']}</strong></span>
							<span style="text-align:center;" class="text-muted text-xs block"><strong class="font-bold">{$_W['user']['username']}</strong>({if $_W['role'] == 'founder'}系统管理员{elseif $_W['role'] == 'manager'}公众号管理员{else}门店管理员{/if})</span>
						</a>
					</div>
					{/if}
					<!--/*清除未授权的菜单*/-->
					<div id="menu_permission" style='display:none;'>{$GLOBALS['module_permissions']['weisrc_dish']['permission']}</div>
					<!--/*清除未授权的菜单--end*/-->
					{loop $frames $k $frame}
					<div class="panel panel-default menuItem">
						<div class="panel-heading">
							<h4 class="panel-title">{$frame['title']}</h4>
							<a class="panel-collapse collapsed" data-toggle="collapse" href="#frame-{$k}">
								<i class="fa fa-chevron-circle-down"></i>
							</a>
						</div>
						<ul class="list-group collapse in" id="frame-{$k}">
					
							{loop $frame['items'] $link}
							{if !empty($link['append'])}
							<li class="list-group-item{$link['active']}" onclick="window.location.href = '{$link['url']}';" style="cursor:pointer;" kw="{$link['title']}" data-url="{$link['url']}">
								{$link['title']}
								<a class="pull-right" href="{$link['append']['url']}">{$link['append']['title']}</a>
							</li>
							{else}
							<a class="list-group-item{$link['active']}" href="{$link['url']}" kw="{$link['title']}" style="padding-left: 40px;">{$link['title']}</a>
							{/if}
							{/loop}
						</ul>
					</div>
					{/loop}
					{if !empty($GLOBALS['module_permissions']['weisrc_dish']['permission'])}
					<script type="text/javascript">
					/*清除未授权的菜单*/
					// var userPermission=$("#menu_permission").text().split('|');
					// $(".menuItem .list-group-item").each(function(i,e){
					//     var $e=$(e),module,isOver=true;
					//     if($e.data('url').length>0){
					//        var urlParam=$e.data('url').split('&');
					//         $.each(urlParam,function(k,v){
    	// 				        if(v.indexOf('do=')>-1){
    	// 				            module=v.substring(3);
    	// 				        }
					//         })
					//         console.log('m='+module);
    	// 				    $.each(userPermission,function(k,v){
    	// 				        console.log('v='+v);
    	// 				        if(v.indexOf(module)>-1){

    	// 				            isOver=false;
    	// 				        }
    	// 				    })
    	// 				    if(isOver){
    	// 				        $e.remove();
    	// 				    }
					//     }
					// })
					// $(".menuItem").each(function(i,e){
					//     if($(e).find('.list-group-item').length<1){
					//         $(e).remove();
					//     }
					// })
					/*清除未授权的菜单--end*/
						require(['bootstrap'], function(){
							$('#search-menu input').keyup(function() {
								var a = $(this).val();
								$('.big-menu .list-group-item, .big-menu .panel-heading').hide();
								$('.big-menu .list-group-item').each(function() {
									$(this).css('border-left', '0');
									if(a.length > 0 && $(this).attr('kw').indexOf(a) >= 0) {
										$(this).parents(".panel").find('.panel-heading').show();
										$(this).show().css('border-left', '3px #428bca double');
									}
								});
								if(a.length == 0) {
									$('.big-menu .list-group-item, .big-menu .panel-heading').show();
								}
							});
						});
					</script>
					{/if}
				</div>
				<div class="col-xs-12 col-sm-9 col-lg-10">
					<style>.topNav{border-bottom-color: rgb(0, 0, 0);border-bottom-width: 0.1em;border-bottom-style: inset;}</style>
					{if CRUMBS_NAV == 1}
					{php global $module_types;global $module;global $ptr_title;}
					{php $frames = empty($frames) ? $GLOBALS['frames'] : $frames; _calc_current_frames($frames);}
					<script language='javascript'>
						$(function(){
							$(".breadcrumb").remove();
						})
					</script>

					<ol class="breadcrumb" style="padding:5px 0;">
						<li><a href="{url 'home/welcome/ext'}"><i class="fa fa-cogs"></i> &nbsp; 扩展功能</a></li>
						<li><a href="{url 'home/welcome/ext' array('m' => $module['name'])}">{$module_types[$module['type']]['title']}模块 - {$module['title']}</a></li>
						<li class="active">{$ptr_title}</li>
					</ol>
					{elseif CRUMBS_NAV == 2}
					{php global $module_types;global $module;global $ptr_title; global $site_urls; $m = $_GPC['m'];}
					<ul class="nav nav-tabs">
						<li><a href="{url 'platform/reply' array('m' => $m)}">管理{$module['title']}</a></li>
						<li><a href="{url 'platform/reply/post' array('m' => $m)}"><i class="fa fa-plus"></i> 添加{$module['title']}</a></li>
						{if !empty($site_urls)}
						{loop $site_urls $site_url}
						<li {if $_GPC['do'] == $site_url['do']} class="active"{/if}><a href="{$site_url['url']}"> {$site_url['title']}</a></li>
						{/loop}
						{/if}
					</ul>
					{/if}
					{else}
					<div>
						{/if}
						{/if}