html{height:100%}
body{min-height:100%;position:relative;font-size:13px;color:#333;background-color:#fff}
a:hover,a:focus,.maincolor,.maincolor a{color:#3cacfe;text-decoration:none;}
h4{line-height:30px}
.bg-1{ background-color:#f5fafe}
.breadcrumb span{padding:0;}
.breadcrumb .en{padding:0 5px;}

/*顶部导航*/
.navbar{background:#293949;}
.navbar-logo{color:#fff;max-width:180px;overflow:hidden;margin-right:0;}
.navbar-logo:hover{color:#fff;text-decoration:none}
.navbar-nav > ul > li, .navbar-nav > ul > li > a{color:#fff;font-size:16px;}
.navbar .nowNav{position:absolute;top:0;bottom:0;left:199px;right:210px;height:100%;overflow:hidden;}
.navbar .nowNav li{max-width:120px;min-width:70px;width:12%;}
.navbar .nowNav li a{padding:0!important;width:100%;}
.navbar .nowNav li.active{background-color:#3cacfe;}

/*页面框架*/
.Hui-aside{position: absolute;top:58px;bottom:0;left:0;padding-top:10px;width:199px;z-index:99;overflow:auto; background-color:#2f4052;border-right: 1px solid #e5e5e5}
.Hui-article-box{position:absolute;top:44px;right:0;bottom:0;left:199px; overflow:hidden;z-index:1;background-color:#fff}
.Hui-article{position: absolute;top:40px;bottom:0;left:0; right:0;overflow:auto;z-index:1}
.Hui-article article{padding:20px;}
.Hui-aside, .Hui-article-box, .dislpayArrow{-moz-transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;-ms-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s}
.big-page .Hui-article-box,.big-page .dislpayArrow,.big-page .breadcrumb{left:0}
.big-page .Hui-aside{left:-200px}
.page-container{ padding:20px}

/*左侧菜单*/
.Hui-aside .menu_dropdown dl{ margin-bottom:0}
.Hui-aside .menu_dropdown dl a{color:#fff;text-decoration:none}
.Hui-aside .menu_dropdown dl a:hover{color:#3cacfe;}
.Hui-aside .menu_dropdown dl a.active{color:#3cacfe;}
.Hui-aside .menu_dropdown dt{display:block;line-height:38px;padding-left:15px;cursor:pointer;position:relative;font-weight:normal;color:#fff;font-size:15px;}
.Hui-aside .menu_dropdown dt:hover{color:#3cacfe}
.Hui-aside .menu_dropdown dt .menu_dropdown-arrow{position:absolute;overflow: hidden; top:0; right:15px;transition-duration:0.3s ;transition-property:all;color:#b6b7b8}
.Hui-aside .menu_dropdown dt.selected .menu_dropdown-arrow{transform:rotate(180deg);}
.Hui-aside .menu_dropdown dt .Hui-iconfont{color:#a0a7b1}
.Hui-aside .menu_dropdown dd{display:none}
.Hui-aside .menu_dropdown dd.simple{display:block!important;height:auto!important;line-height:38px;padding-left:15px;cursor:pointer;position:relative;font-weight:normal;color:#fff;font-size:15px;}
.Hui-aside .menu_dropdown dd.selected{display:block; margin-left:0}
.Hui-aside .menu_dropdown dd ul{padding:3px 8px}
.Hui-aside .menu_dropdown dd li{line-height:32px;overflow:hidden;zoom:1}
.Hui-aside .menu_dropdown dd li a{line-height:32px;padding-left:26px; border-bottom:none;display:block;font-weight:normal;margin:0;font-size:14px;}
.Hui-aside .menu_dropdown dd li a i{font-weight:normal}

/*菜单收缩切换*/
.dislpayArrow{position: absolute;top: 0;bottom: 0;left:200px;width:0; height:100%;z-index:10}
.dislpayArrow a{ position:absolute; display:block; width:17px; height:61px;top:50%; margin-top:-30px;outline:none;background:url(../images/icon_arrow.png) no-repeat 0 0}
.dislpayArrow a:hover{ text-decoration:none; background-position:right 0}
.dislpayArrow a.open{ background-position:0 -61px}
.dislpayArrow a.open:hover{background-position:right -61px}

/*面包屑导航*/
.breadcrumb{background-color:#f5f5f5; padding:0 20px; position:relative; z-index:99}

@media (min-width: 768px) {
	body{font-size:13px;}
	.navbar .logo{height:58px;line-height:normal;display:flex;align-items:center;}
	.navbar-nav > ul > li, .navbar-nav > ul > li > a{line-height:58px;}
	.Hui-article-box{top:58px;}
}
@media (max-width: 767px) {
	.nav-toggle{line-height:32px;}
	.page-container{ padding:15px}
	.breadcrumb{padding:0 15px;}
	.Hui-aside{display:none;float:none;width:100%;height:auto;margin-top:0;padding-top:0;bottom:auto}
	.Hui-article article{padding:5px;}
	.Hui-article-box{left:0}
	.Hui-article-box .pd-20{padding:15px}
	.Hui-article{left:0}
	.Hui-container .bk-gray{border:none}
	.Hui-container .pd-10{padding:0}
	.form .row{margin-top:10px;}
}

/*表格*/
.table-border{border-top:none;}
.table-responsive{box-sizing:border-box;overflow-x:auto;min-height:0.01%;position:relative;}
.table-responsive .table-copy{display:none;}
.operater .operater-dot{display:none;}

@media (max-width: 767px) {
	.responsive-box{width:100%;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;}
	.responsive-box > table{margin-bottom:0;width:auto;min-width:100%;}
	.responsive-box > table > thead > tr > th,
	.responsive-box > table > thead > tr > td,
	.responsive-box > table > tbody > tr > th,
	.responsive-box > table > tbody > tr > td,
	.responsive-box > table > tfoot > tr > th,
	.responsive-box > table > tfoot > tr > td{ white-space: nowrap;font-size:13px;}
	.responsive-box th, .responsive-box td{display:table-cell;}

	.table-responsive .table-copy{
		display:table;
		position: absolute;
		border-left:1px solid #ddd;
		background:#fff;
		top:0;
		right:0;
		min-width:0;
		width: auto;
	}
	.operater{position:relative;}
	.operater .operater-dot{
		display:inline-block;
		box-sizing:border-box;
		cursor:pointer;
		text-align:center;
		white-space:nowrap;
		vertical-align:middle;
		border:solid 1px #ddd;
		background-color:#fff;
		width:auto;
		font-size:14px;
		height:22px;
		line-height:22px;
		padding:1px 4px;
		border-radius:4px;
	}
	.operater .operater-dot:after{
		content: '···';
		vertical-align: middle;
	}
	.operater .operater-btn{
		display:none;
		position:absolute;
		top: 2px;
		right: 100%;
		background: #fff;
		padding: 5px;
		border: 1px solid #ddd;
		z-index: 1000;
		border-radius:4px;
	}
	.operater .operater-btn .btn{
		margin-top:0;
		font-size:14px;
		height:26px;
		line-height:20px;
		padding: 2px 8px;
	}
	.table .operater.text-r, .table .operater.text-r{
		text-align: center!important;
	}
}

/*上传*/
.upload-box{display:block;margin-top:5px;}
.upload-img{position:relative;display:inline-block;width:80px;height:80px;border:solid 1px #ddd;margin-bottom:1px;}
.upload-img img{display:inline-block;width:100%;height:100%;object-fit:contain;object-position:center;}
.upload-img .del{display:block;position:absolute;top:0;right:0;width:18px;height:18px;cursor:pointer;background:rgba(0,0,0,0.3) url(./../images/del.png);background-size:cover;}

@media (max-width: 767px) {
	.upload-url{width:75%;}
	.upload-url + .btn{width:23%;max-width:82px;font-size:12px;}

	.pubtbody tr td{display:flex;justify-content: space-between;width: 100%;box-sizing: border-box;}
	.pubtbody tr td:empty{display:none;}
}

/*其他*/
.layer_open{overflow-y:auto;}
.pointer{cursor: pointer;}
.panel-header{padding:8px}
.panel-body{padding:5px}
.panel-footer{padding:5px}
.tabBar {border-bottom:2px solid #3cacfe}
.tabBar span{border-left:2px solid #fff;border-bottom:none;background-color:#e8e8e8;height:30px;line-height:30px;font-weight:bold;padding:0 10px;}
.tabBar span:first-child{border-left:none;}
.tabBar span.current{background-color:#3cacfe;color:#fff;}
.input-tips{display:block;font-size:12px;color:#dd514c;}
.dropDown.open > .dropDown-menu{left:inherit;right:0;}

.top-search{
	background-color:#f5fafe;
	padding:0 5px 5px 5px;
	border-bottom:1px solid #ddd;
	text-align:right;
}
.top-search:after{
	content:"\20";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
 }
.top-search .input-box .select-box{
	background:#fff;
	margin-top:5px;
	margin-bottom:3px;
}
.top-search .input-box input{
	margin-top:5px;
	margin-bottom:3px;
}
.top-search .input-box .btn{
	margin-top:5px;
	margin-bottom:3px;
}
@media (min-width: 768px) {
	.top-search .btn-box{
		margin-top:5px;
		float:left;
	}
	.top-search .input-box .select-box{
		width:120px;
	}
	.top-search .input-box input{
		width:120px;
	}
	.top-search .input-box .w150{width:150px;}
}
@media (max-width: 767px) {
	.top-search{
		padding:5px;
	}
	.top-search .btn-box{
		text-align:left;
		margin-top:5px;
	}
	.top-search .input-box{
		text-align:right;
	}
	.top-search .input-box .select-box{
		width:49%;
	}
	.top-search .input-box input{
		width:49%;
	}
	.top-search .input-box .btn{
		width:49%;
	}
	.top-search .input-box .Wdate{
		width:47.5%;
	}
}

.fr-toolbar .fr-command.fr-btn.fr-open{
	margin:4px 2px;
	background:#f5f5f5;
}

/*菜单页*/
.phone_admin .menu-title{
	font-size:15px;
	background:#fff;
	padding:6px 3px;
}
.phone_admin .menu-list{
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	display: flex;
	flex-wrap: wrap;
}
.phone_admin .menu-list .menu-item{
	box-sizing: border-box;
	width:25%;
	border:2px solid #fff;
	border-radius:10px;
	height:75px;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	position:relative;
	text-align:center;
	background: #f1f4f7;
}
.phone_admin .menu-list .menu-item:nth-child(4n){
	margin-right: 0;
}
.phone_admin .menu-list .menu-item .fa{
	display: none;
	width: 25px;
	height: 25px;
	font-size: 22px;
	text-align: center;
}
.phone_admin .menu-list .menu-item .fa:before{
	width: 25px;
	height: 25px;
}
.phone_admin .menu-list .menu-item .name{
	font-size: 14px;
	color: #333;
	padding:4px;
}


.indexPage .Hui-article-box{background:#f2f2f2}
.indexPage .Hui-article-box .breadcrumb{background:#f9f9f9;}
.indexPage .Hui-article-box .panel{background:#fff;border-radius:5px;padding:5px 5px 20px 20px;cursor:pointer;}
.indexPage .Hui-article-box .panel .title{font-size:20px;line-height:40px;}
.indexPage .Hui-article-box .panel .fontTitle{font-size:14px;line-height:28px;margin-top:10px;}
.indexPage .Hui-article-box .panel .fontNum{font-size:22px;line-height:40px;margin-top:6px;}
.indexPage .Hui-article-box .table{background:#fff;}

@media (max-width: 767px) {
	.indexPage .Hui-article-box .panel{padding:5px}
	.indexPage .Hui-article-box .panel .small-title{font-size:16px;}
}

.nav-toggle, a.nav-toggle{background-color:unset;}

.hxno{
	padding:8px;
	background-color:#f5fafe;
	text-align:center;
	border-bottom:1px solid #ddd;
}
.hxno .title{
	font-size:12px;
	font-weight:bold;
	line-height:28px;
}
.hxno .input-text{
	font-size:14px;
	line-height:26px;
	width:180px;
}
.hxno .btn{
	margin-left:5px;
}
@media (max-width: 767px) {
	.hxno{
		padding:20px;
		background-color:#fff;
		text-align:left;
		border-bottom:none;
	}
	.hxno .title{
		width:100%;
		font-size:14px;
	}
	.hxno .input-text{
		width:100%;
		border-radius:5px;
		font-size:16px;
		height:41px;
		padding:8px;
	}
	.hxno .btn{
		margin-left:0;
		padding: 8px 16px;
		font-size: 16px;
		height: 41px;
		width: 100%;
		margin-top:20px;
	}
}

.border-right{border-right:1px solid #ddd;}
#options-table .option-item{display:inline-block;width:130px;margin-bottom:2px;}
#options-table .option-item .input-text{width:90px;}

#option-prices-table .input-text{font-size:12px;height:23px;padding:1px 2px;line-height:1.42857;}
#option-prices-table .input-group{display:table;width:100%;}
#option-prices-table .input-group .input-text{display:table-cell;}
#option-prices-table .input-group .btn{display:table-cell;padding:1px 6px;border:none;line-height:16px;height:21px;}
.hide-storage .th-storage,.hide-storage .td-storage{display:none;}

.check-box, .radio-box{line-height:1.8;padding-left:24px;font-size:13px;}
.upload-url{cursor:initial;}

.header-msg-count{
	padding-left:20px;
	cursor:pointer;
	position:relative;
	font-size:24px;
	color:#fff;
}
.header-msg-count > img{
	height:20px;
	margin-top:-3px;
}
.header-msg-count > .msg-count{
	position:absolute;
	top:6px;
	right:-10px;
	font-size:12px;
	border-radius:10px;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	white-space:nowrap;
	background-color:#f37b1d;
}
.header-msg-count.visible-xs > .msg-count{
	top:2px;
	right:-14px;
}
.right-msg-content{
	position:fixed;
	z-index:10000;
	width:310px;
	top:0;
	bottom:0;
	right:0;
	background-color:#fff;
	border-left:1px solid #e5e5e5;
	box-shadow:0 0 5px 0 #666;
	padding:10px;
}
.right-msg-content > .msg-header{
	height:34px;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	color:#3cacfe;
	border-bottom:1px solid #eee;
	margin-bottom:5px;
}
.right-msg-content > .msg-content{
	height:calc(100% - 85px);
	overflow-y:auto;
}
.right-msg-content > .msg-bottom{
	font-size:16px;
	text-align:right;
	font-weight:bold;
	color:#3cacfe;
	border-top:1px solid #eee;
	margin-top:5px;
	padding:5px;
}
.right-msg-content > .msg-content .msg-item {
	padding:5px;
	margin:10px;
	border:1px solid #b2deff;
	border-radius:5px;
}
.right-msg-content > .msg-content .msg-title {
	font-size:15px;
	font-weight:bold;
}
.right-msg-content > .msg-content .msg-title .msg-time {
	font-size:13px;
	font-weight:normal;
	color:#999;
	float:right;
}
.right-msg-content > .msg-content .msg-info {
	font-size:13px;
}
.right-msg-content > .msg-content .msg-info .price {
	color:#ee9b0c;
}
.right-msg-content > .msg-content .msg-info .bold {
	font-weight:bold;
}
.right-msg-content > .msg-content .msg-link {
	text-align:right;
}
.right-msg-content > .msg-content .msg-link .unread-msg {
	font-size:12px;
	color:#dd514c;
	margin-right:8px;
}
.right-msg-content > .msg-content .color-dot-3 {
	display:inline-block;
	width:12px;
	height:12px;
	border-radius:6px;
	background-color:#dd514c;
	margin-right:5px;
}
.right-msg-content > .msg-content .color-dot-7 {
	display:inline-block;
	width:12px;
	height:12px;
	border-radius:6px;
	background-color:#f37b1d;
	margin-right:5px;
}
.right-msg-content > .msg-content .color-dot-2,
.right-msg-content > .msg-content .color-dot-53 {
	display:inline-block;
	width:12px;
	height:12px;
	border-radius:6px;
	background-color:#3bb4f2;
	margin-right:5px;
}