@charset "utf-8";

/* 基础设置 */
body {
	padding:0px;
	font-family:微软雅黑, Arial, Helvetica, STHeiTi, sans-serif;
	background: none;
	background-color:#FFFFFF;
}
body, table > tbody, table > thead{
	font-size: 14px;
}
form {
	margin: 0;
}

.form-condensed .control-label {
	padding-right: 0;
}

/* 表格排序样式 */
table thead span.limit {
	position: relative;
	margin-left: 3px;
	vertical-align: middle;
}
table thead span.limit .glyphicon {
	position: absolute;
	font-size: 10px;
}
table thead span.limit .glyphicon.glyphicon-triangle-top {
	top: 0;
	line-height: 0.9;
}
table thead span.limit .glyphicon.glyphicon-triangle-bottom {
	top: initial;
	bottom: 0;
	line-height: 0.9;
}

/* 去除输入框上下三角 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
input[type="number"]{ -moz-appearance:textfield;}

/* 无权限元素 */
a[data-permission=""],
a[data-permission=""]:hover,
a[data-permission=""]:focus {
	color: initial;
	text-decoration: none;
	outline: none;
	cursor: text;
}
[data-permission="remove"],
a.btn[data-permission=""] {
	display: none;
}
button[data-permission=""] {
	cursor: text;
}

/* 页面容器 */
.page-container {
	margin-bottom: 10px;
}

/* 左部菜单 */
.page-container .page-sidebar {
    display: block;
	width: 20rem;
    overflow: hidden;
    z-index: 1000;
    padding: 0;
    background-color: #001529;
	position: fixed;
    top: 5rem;
    left: 0;
    bottom: 0;
    overflow: hidden;
    height: 100%;
}
.page-sidebar .nav {
	min-width: 1.2rem;
	margin-top: 1rem;
	margin-top: 1rem;
    overflow-y: scroll;
    width: 21.7rem;
    height: inherit;
}
.page-sidebar .nav *{
	/*color:#333;*/
	padding: .8rem 0;
}
.page-sidebar .son-nav .name {
	padding: 0px 5px;
	font-size: 14px;
	font-weight: 400;
	height: 33px;
	line-height: 33px;
	cursor: pointer;
	text-align: left;
    padding-left: 25px;
}
.page-sidebar .son-nav .name:hover {
	padding-right: 3px;
	color: #7b7b7b;
	border-right: 2px #FFFFFF solid;
}
.page-sidebar .son-nav .name > a {
	color: #a6adb4;
	font-size: 1.6rem;
	text-decoration: none;
	font-weight: 600;
	letter-spacing: .1rem;
}
.page-sidebar .son-nav .name .a-hover {
	color: #FFFFFF;
}

.page-sidebar .son-nav .name span.icons {
	display: inline-block;
	float: left;
	height: 22px;
	width:18px;
}
.page-sidebar .son-nav:nth-child(1) .name span.icons {  background-image:url('../image/nav_goods.png');  margin-top: 3px;}
.page-sidebar .son-nav:nth-child(2) .name span.icons {  background-image:url('../image/nav_order.png'); margin-top: 6px;}
.page-sidebar .son-nav:nth-child(3) .name span.icons {  background-image:url('../image/nav_member.png');  margin-top: 5px;}
.page-sidebar .son-nav:nth-child(4) .name span.icons {  background-image:url('../image/nav_logistics.png');  margin-top: 6px;}
.page-sidebar .son-nav:nth-child(7) .name span.icons {  background-image:url('../image/nav_set.png'); margin-top: 6px;}

.page-sidebar .son-nav .name span.up {
	display: inline-block;
	float: right;
	margin-top: .9rem;
	background-image:url('../image/nav_up.png?version=1');
	height: 1.4rem;
    width: 1.4rem;
    margin-right: 2rem;
    background-size: 100%;
}
.page-sidebar .son-nav .name span.down {
	display: inline-block;
	float: right;
	margin-top: .9rem;
	background-image:url('../image/nav_down.png?version=1');
	height: 1.4rem;
    width: 1.4rem;
    margin-right: 2rem;
    background-size: 100%;
}
.page-sidebar .son-list {
	padding: 5px;
}
.page-sidebar .son-list span {
	width:50%;
	display: block;
	float: left;
	font-size: 1.4rem;
	padding: 5px 0;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
	position: relative;
	line-height: 2.4rem;
}
.page-sidebar .son-list span .popover{
	box-shadow: 0 2px 3px rgba(0,0,0,.2);
}

.page-sidebar  .nav-login{
	width: 100%;
	margin-top:5px;
	background-color: #f0ad4e;
}
.page-sidebar  .nav-login *{ color: #FFFFFF;}
.page-sidebar  div.nav-login  div{ text-align: center; margin-bottom:5px; font-size: 12px;}
.page-sidebar  div.nav-login  div:nth-child(1){  padding: 5px 0;}

/* 页面主体 */
.page-container .page-main {
	width: 100%;
	background-color: #f1f2f6;
	flex: 1;
	margin-left: 20rem;
}

/* 路径导航 */
.page-main .page-breadcrumb {

}

/* 页面内容 */
.page-main .page-content {
	width: 100%;
	background-color: #f1f2f6;
	/*min-height: 80rem;*/
	/*	border-left: 1px #e4e4e4 solid;
		border-right: 1px #e4e4e4 solid;
		border-bottom: 2px #999 solid;
		box-shadow: 2px 2px 4px #999;*/
}

/* 内容头部 */
.page-content .page-content-header {
	margin-bottom: 0px;
	padding: 15px 15px 10px;
	background-color: #FFFFFF;
	border: none;
	border-bottom: 1px dashed #ccc;
	border-radius: 0;
}
.page-content-header .page-header-title {
	font-size: 16px;
	color: #666;
}
.page-header-title > span.glyphicon {
	color: #1677FF;
}

/* 内容搜索 */
.page-content .page-content-search {
	padding: 10px 15px;
	border-bottom: 1px dashed #ddd;
}
.page-content-search .panel{
	margin: 0;
	border: 1px dashed #909090;
}

/* 内容图表 */
.page-content .page-content-chart {
	padding: 10px 15px;
	border-bottom: 1px dashed #ddd;
}

/* 内容主体 */
.page-content .page-content-body {
	padding: 15px;
}
.page-content-body > .page-body-center {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.page-content-body.table-responsive {
	margin: 0;
	padding: 10px 15px;
}
.page-content-body.table-responsive > table td {
	font-size: 12px;
	color: #000;
}

/* 组合样式 */
.page-content .page-content-header:before,
.page-content .page-content-search:before,
.page-content .page-content-chart:before,
.page-content .page-content-body:before {
	display: table;
	content: " ";
}
.page-content .page-content-header:after,
.page-content .page-content-search:after,
.page-content .page-content-chart:after,
.page-content .page-content-body:after {
	display: table;
	content: " ";
	clear: both;
}

/* 列表页面样式 */
.page-content .page-content-list {
	/*border-radius: 4px;*/
	margin: 2rem;
	background: #FFFFFF;
}
.page-content-list .page-content-body nav.page-pagination {
	padding: 8px 15px 0px;
	margin-left: -10px;
	margin-right: -10px;
	text-align: right;
	border-top: 1px dashed #ddd;
}
.page-content-list .page-content-body.table-responsive nav.page-pagination {
	padding-left: 10px;
	padding-right: 10px;
}
.page-content-list .page-content-body nav.page-pagination>.pagination {
	margin: 0;
}

/* 添加页面样式 */
.page-content .page-content-add {

}
.page-content-add .page-content-body {
	background-color: #F9F9F9;
}

/* 编辑页面样式 */
.page-content .page-content-edit {
	margin: 2rem;
}
.page-content-edit .page-content-body {
	background-color: #F9F9F9;
}

/* 详情页面样式 */
.page-content .page-content-detail {

}
.page-content-detail .page-content-body {
	padding-left: 0px;
	padding-right: 0px;
}

/* 配置页面样式 */
.page-content .page-content-config {

}
.page-content-config .page-content-body {
	padding-left: 0px;
	padding-right: 0px;
}

/* 报表页面样式 */
.page-content .page-content-report {

}
.page-content-report .page-content-body {

}

#navbar > ul > li.dropdown > ul {min-width:110px;}
#navbar > ul > li > a{padding: 10px 35px;}
#navbar ul.nav li.dropdown {border-right: 1px solid #FFFFFF;}
#navbar ul.nav li.dropdown a{ color: #FFFFFF; font-size: 15px; }
/*#navbar > ul.nav > li.cp-guide-style-1 > a{color:#333;}*/
#navbar > ul > li.dropdown.open > ul > li{height: 38px;}
#navbar > ul > li.dropdown.open > ul > li > a{height: 38px; line-height: 30px;}
#navbar ul.nav .open>a, #navbar ul.nav .open>a:focus{ background: #2A7BC1;}
#navbar .navbar-nav>li>a{height:30px;    padding-top: 5px;padding-bottom: 5px;}
#navbar ul.nav li.dropdown a:hover{background: #3b8cf8; }
/*
#navbar ul.nav li.dropdown a:visited{background: #2A7BC1; }
#navbar ul.nav li.dropdown a:active{background: #2A7BC1; }
*/
#navbar ul.dropdown-menu{background: #0562a3;}
#navbar .top-nav-left a{color:#FFFFFF; line-height: 30px;}
#navbar > ul > li:nth-child(1){ border-left: 1px solid #FFF;}
#navbar > ul{margin-left: 12px;}

#main div.ctn-breadcrumb.clearfix > ol.breadcrumb{margin-bottom: 0px; background-color: #FFFFFF; padding: 0 0 5px 0px;}
#main div.ctn-breadcrumb.clearfix > ol.breadcrumb li a{font-size: 12px;}
#main div.ctn-breadcrumb.clearfix > ol > li.title-breadcrumb > a > span{color: #D2544E;}

#main .table-responsive .table-edit-th{ line-height:30px; text-align: right;}
#main .table-responsive .td{vertical-align:middle;}
#main .table>tbody>tr>td{vertical-align:middle;padding: 10px 8px;}
#main .table-hover>tbody>tr:hover{background-color:#e6f6f8;}
#main .check-data{margin-right:0px; margin-left: 0px;}

.ui-custom-dialog{
	height:190px;
	width:350px;
	background-color:white;
	border:1px #F8F8F8 solid;
	border-radius:10px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
.custom-dialog-title{
	height:20%;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	text-align:center;
}
#custom-dialog-mark_dialog{
	position:absolute;
	width:500px;
	height:500px;
	background:black;
	filter:alpha(opacity=20);
	opacity:0.2;
	left:0;
	top:0;
	z-index:1;
}


#main .ui-report-img{background-image:url(../../image/order.png) ;background-repeat:round;width:100%;height:100%;border:1px solid #00C0EF}
#main .ui-report-img2{background-image:url(../../image/day_order.png) ;background-repeat:round;width:100%;height:100%;}
#main .ui-report-img3{background-image:url(../../image/member.png) ;background-repeat:round;width:100%;height:100%;}
#main .ui-report-img4{background-image:url(../../image/product.png) ;background-repeat:round;width:100%;height:100%;}
#main .ui-report-info .ui-report-firLi{background-color:#00C0EF;margin-left:0;}
#main .ui-report-info .ui-report-conentA{height:76%}
#main .ui-report-info .ui-report-contentD{height:100%;width:40%;float:left}
#main .ui-report-info .ui-report-image{height:100%;width:90%;margin-left:5%}
#main .ui-report-info .ui-report-contentC{height:100%;float:left;/*text-align:right;background-color:pink;*/width:60%}
#main .ui-report-info .ui-report-contentE {/*margin-left:20%;*/margin-top:10px;margin-right: 10px;}
#main .ui-report-info .ui-report-contentF{font-size:12px;margin-right:10px;}
#main .ui-report-font{font-size:12px;margin-right:2%;}
#main .ui-report-info .ui-report-line{background-color:#01ABD6;line-height:38px;font-size:18px}
#main .ui-report-anmion:hover .line{background:#636363;}
#main .ui-report-anmion .line-top{height:2px; width:0;left:-110%;top:-2px}
#main .ui-report-anmion .line-bottom{height:2px; width:0;right:-5%;bottom:-14px}
#main .ui-report-anmion .line-left{height:0; width:2px;left:-2px;bottom:-100%;}
#main .ui-report-anmion .line-right{height:0; width:2px;right:-2px;top:-112%;}
#main .ui-report-anmion:hover .line-top{width:100%;left:-2px;}
#main .ui-report-anmion:hover .line-bottom{width:100%;right:-2px;}
#main .ui-report-anmion:hover .line-left{height:110%;bottom:-14px;}
#main .ui-report-anmion:hover .line-right{height:112%;top:-2px;}
#main .ui-report-anmion{border:2px solid rgba(255,255,255,0.8);cursor:pointer;position:relative;}
#main .ui-report-anmion .line{margin:0;position:absolute;display:block;transition: 0.4s ease;-webkit-transition:  0.4s ease;-o-transition:  0.4s ease;-ms-transition:  0.4s ease;-moz-transition:  0.4s ease;-ms-transition:  0.4s ease;}

#top{display:none}

/** 手机屏幕 */
@media (max-width: 736px){
	.page-container .page-sidebar{display: none;}
	.page-container .page-main{margin-left: 0px;}
	#top{display: block;margin-bottom: 0px; background-color:#FFFFFF;}
	.bs-docs-nav .navbar-toggle .icon-bar {
		background-color: #337ab7;
	}
	.bs-docs-nav .navbar-header .navbar-toggle:hover {
		background-color: #f9f9f9;
		border-color: #f9f9f9;
	}
	.bs-docs-nav .navbar-toggle .icon-bar {
		background-color: #337ab7;
	}
	.navbar{
		border-radius: 3px;
		margin-bottom:15px;
	}
	.navbar-nav>li>a{padding-top:5px;padding-bottom: 5px;}
	#bs-navbar > ul > li{padding: 0px 20px; margin-top: 5px;}
	#bs-navbar > ul > li >a{background-color: #e8e8e8; color: #333; border-radius: 5px;}
	#bs-navbar > div{ border-bottom: 1px dashed #797272; padding: 5px 0; font-weight: 800;}
	.page-content .page-content-list {
		margin: 0;
	}
	.page-container .block-item {
		display: inline-block;
	}
	.page-container .top-main{
		display: none;
	}
}

/** 首页布局样式 */
.block-item {
	display: flex;
    width: 100%;
}
.top-nav .menu {
    display: inline-block;
    vertical-align: middle;
    line-height: 60rpx;
}
.nav-this {

}
.top-main {
	height: 5rem;
    background-color: #FFFFFF;
    position: fixed;
    z-index: 999;
}
.top-main a {
	color: #666666;
    font-weight: 500;
    font-size: 1.6rem;
	margin: 0 auto;
}

.top-main a:hover {
	color: #1677FF;
}

.top-nav {
	display: inline-flex;
    padding-left: 1rem;
    margin-bottom: 0;
    width: 165rem;
    overflow: hidden;
	border-left: 1px solid #f2f2f4;
	flex: 1;
}

.top-nav li {
    width: 10rem;
    display: inline-flex;
    padding: 0 0.5rem;
    margin-bottom: 0;
    list-style: none;
    line-height: 5rem;
    overflow: hidden;
    text-align: center;
}
.top-nav .active {
	background: #FFFFFF;
	border-bottom: .4rem solid #1677FF;
	text-decoration: none;
}
.top-nav .active a{
	color: #1677FF;
	text-decoration: none;
	font-weight: 800;
}

.top-nav a {
	text-decoration: none;
}

.top-main .logo {
    background-color: #001529
}

.top-main .logo img {
    height: 5rem;
    width: 20rem;
}
.top-main .nav-login {
	width: 16rem;
    display: inline;
    text-align: center;
    position: absolute;
    right: 0;
    height: 5rem;
}
.top-main .nav-login .bubble {
	width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background: rgb(22,119,225,1);
	color: rgb(51,51,51,0.65);
    font-size: 1.5rem;
    overflow: hidden;
	line-height: 3.6rem;
    margin: .5rem auto;
	position: absolute;
    right: 2rem;
}
.top-main .nav-login .bubble a {
    font-size: 2rem;
	color: #FFFFFF;
}
.nav .hidden{
	display: none;
}
.page-sidebar .son-list span {
	display: inline-block;
    width: 100%;
    text-align: left;
    padding-left: 3.4rem;
    line-height: 2.8rem;
}
.container-fluid {
	padding: unset !important;
	width: 100%;
	height: 100%;
    margin: 0;
    position: absolute;
}
.sub-nav-login {
    width: 16rem;
    display: inline-grid;
    text-align: left;
    position: absolute;
    right: 0;
    line-height: 80px;
    height: auto;
    top: 5rem;
    background: #FFFFFF;
    z-index: 9999;
    border: 1px solid #eaedf1;
    display: none;
	/*padding: 0 2rem;*/
}
.nav-login:hover {
	background: #FFFFFF;
	color: #333333;
}
.nav-login a:hover {
	color: #333333;
}
.sub-nav-login ul, .sub-nav-login li {
	padding: 0;
	margin: 0;
}
.sub-nav-login a {
	color: #333333;
    text-align: center;
}
.sub-nav-login li {
	color: #333333;
	list-style: none;
    border-top: 1px solid #eaedf1;
	line-height: 4rem;
	padding: 0 2rem;
}
.sub-nav-login li:hover {
	color: #333333;
	background: #f2f2f2;
}
.nav-login .role-name {
	font-size: 0.5rem;
}
.page-sidebar .son-nav a {
	color: #a6adb4;
}
.page-sidebar .son-nav a:hover {
	color: #FFFFFF;
}
.son-nav .son-list .left-menu:hover {
	color: #1677FF;
	/*background: #2491fc;*/
}
.son-nav .son-list .activation {
	background: #2491fc;
}
.son-nav .son-list .activation a {
	color: #FFFFFF;
}

.user-info {
	line-height: 2rem;
    display: inline-block;
    padding: 1rem 0;
    text-align: left;
}
.user-info .role-name {
	font-size: 1rem;
	color: #a9abb8;
}
.user-info .right{
	background-image:url('../image/nav_right.png');
	height: 1.4rem;
    width: .8rem;
    position: absolute;
	right: 5rem;
    top: 1.4rem;
}
html {
    background-color: #f1f2f6;
}
.content-main {
	position: absolute;
    top: 5rem;
    left: 0;
    bottom: 0;
}
.page-sidebar .son-nav .cat-activation {
	padding-right: 3px;
	border-right: 2px #FFFFFF solid;
}
.page-sidebar .son-nav .cat-activation a {
	color: #FFFFFF;
}
.page-content .page-content-add {
	margin: 2rem;
    background: #FFFFFF;
}
.page-sidebar .nav .son-nav:last-child
{
	padding-bottom: 15rem;
}