/*timmy747 cxinnet 2020-10 wuye*/
body {
	/* var属性兼容性 调取用 color:var(--red)*/
	--haojin: #fccb88;
	--anhui: #272727;
	/* 标准色 */
	--red: #e60012;
	--orange: #f37b1d;
	--yellow: #fbbd08;
	--olive: #8dc63f;
	--green: #39b54a;
	--cyan: #1cbbb4;
	--blue: #0081ff;
	--purple: #6739b6;
	--mauve: #9c26b0;
	--pink: #e03997;
	--brown: #a5673f;
	--grey: #8799a3;
	--black: #333333;
	--darkGray: #666666;
	--gray: #aaaaaa;
	--ghostWhite: #f1f1f1;
	--white: #ffffff;
	/* 浅色 */
	--redLight: #fadbd9;
	--orangeLight: #fde6d2;
	--yellowLight: #fef2ce;
	--oliveLight: #e8f4d9;
	--greenLight: #d7f0db;
	--cyanLight: #d2f1f0;
	--blueLight: #cce6ff;
	--purpleLight: #e1d7f0;
	--mauveLight: #ebd4ef;
	--pinkLight: #f9d7ea;
	--brownLight: #ede1d9;
	--greyLight: #e7ebed;
	/* 渐变色 */
	--gradualRed: linear-gradient(45deg, #f43f3b, #ec008c);
	--gradualOrange: linear-gradient(45deg, #ff9700, #ed1c24);
	--gradualGreen: linear-gradient(45deg, #39b54a, #8dc63f);
	--gradualPurple: linear-gradient(45deg, #9000ff, #5e00ff);
	--gradualPink: linear-gradient(45deg, #ec008c, #6739b6);
	--gradualBlue: linear-gradient(45deg, #0081ff, #1cbbb4);
	/* 阴影透明色 */
	--ShadowSize: 6rpx 6rpx 8rpx;
	--redShadow: rgba(204, 69, 59, 0.2);
	--orangeShadow: rgba(217, 109, 26, 0.2);
	--yellowShadow: rgba(224, 170, 7, 0.2);
	--oliveShadow: rgba(124, 173, 55, 0.2);
	--greenShadow: rgba(48, 156, 63, 0.2);
	--cyanShadow: rgba(28, 187, 180, 0.2);
	--blueShadow: rgba(0, 102, 204, 0.2);
	--purpleShadow: rgba(88, 48, 156, 0.2);
	--mauveShadow: rgba(133, 33, 150, 0.2);
	--pinkShadow: rgba(199, 50, 134, 0.2);
	--brownShadow: rgba(140, 88, 53, 0.2);
	--greyShadow: rgba(114, 130, 138, 0.2);
	--grayShadow: rgba(114, 130, 138, 0.2);
	--blackShadow: rgba(26, 26, 26, 0.2);
	margin: 0px;
	font-family: Microsoft Yahei;
	overflow-x: hidden;
	background: #FFFFFF;
}

html {
	background: #FFFFFF;
}

.page-wrapper {
	background: #FFFFFF;
}

table,
form,
h1,
h2,
h3,
ul,
li,
ol,
dl,
dd,
dt,
span,
a,
em,
p {
	padding: 0px;
	margin: 0px;
}

ul,
li {
	list-style: none;
}

a {
	text-decoration: none;
	color: var(--blue);
}

.relative {
	position: relative;
}

.hidden {
	display: none !important;
}

.clearB {
	clear: both;
}

/* 滚动条 */
::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 3px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 8px;
}

::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 8px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #535353;
}

::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	background: #EDEDED;
}

/* 字体图标 */
@font-face {
	font-family: "iconfont";
	src: url('font/iconfont.ttf') format('truetype');
}

.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

/* 兼容之前fa的字体图标 */
[class*='fa-'] {
	font-family: 'iconfont' !important;
	font-size: inherit;
	font-style: normal;
}

.fa-ico-money::before {
	content: "\e813";
}

.fa-ico-shop::before {
	content: "\e817";
}

.fa-ico-point::before {
	content: "\e816";
}

.fa-ico-star::before {
	content: "\e80c";
}

.fa-ico-card::before {
	content: "\e814";
}

.fa-ico-order::before {
	content: "\e810";
}

.fa-ico-product::before {
	content: "\e80d";
}

.fa-edit::before {
	content: "\e601";
}

.fa-refresh::before {
	content: "\e6bd";
}

.fa-see::before {
	content: "\e6aa";
}

.fa-unsee::before {
	content: "\e7b2";
}

.fa-lock::before {
	content: "\e6af";
}

.fa-unlock::before {
	content: "\e6b3";
}

.fa-del::before {
	content: "\e6a6";
}

.fa-close::before {
	content: "\e6a4";
}

.fa-close-f::before {
	content: "\e618";
}

.fa-import::before {
	content: "\e6b7";
}

.fa-export::before {
	content: "\e6c1";
}

.fa-send::before {
	content: "\e71d";
}

.fa-copy::before {
	content: "\e6a5";
}

.fa-add::before {
	content: "\e692";
}

.fa-add2::before {
	content: "\e66c";
}

.fa-breed::before {
	content: "\e724";
}

.fa-bbs::before {
	content: "\e6d7";
}

.fa-house::before {
	content: "\e7b3";
}

.fa-search::before {
	content: "\e6bf";
}

.fa-search-more::before {
	content: "\e7e8";
}

.fa-setting::before {
	content: "\e6c0";
}

.fa-question::before {
	content: "\e6be";
}

.fa-history::before {
	content: "\eb88";
}

.fa-code::before {
	content: "\e6bc";
}

.fa-qrcode::before {
	content: "\e6bc";
}

.fa-scan::before {
	content: "\e6bb";
}

.fa-vip::before {
	content: "\e72e";
}

.fa-member::before {
	content: "\e7b9";
}

.fa-inspection::before {
	content: "\e773";
}

.fa-members::before {
	content: "\e753";
}

.fa-tenant::before {
	content: "\e723";
}

.fa-shop::before {
	content: "\e7b7";
}

.fa-cate::before {
	content: "\eaaa";
}

.fa-group::before {
	content: "\e7ac";
}

.fa-home::before {
	content: "\e76e";
}

.fa-web::before {
	content: "\e7b5";
}

.fa-good::before {
	content: "\e726";
}

.fa-account::before {
	content: "\e732";
}

.fa-set::before {
	content: "\e726";
}

.fa-package::before {
	content: "\e72b";
}

.fa-money::before {
	content: "\e634";
}

.fa-money-o::before {
	content: "\e6ed";
}

.fa-money-f::before {
	content: "\e6ec";
}

.fa-finance::before {
	content: "\ea9a";
}

.fa-data::before {
	content: "\e720";
}

.fa-integral::before {
	content: "\e72b" !important;
}

.fa-activity::before {
	content: "\e7ad" !important;
}

.fa-article::before {
	content: "\e798" !important;
}

.fa-file::before {
	content: "\e670";
}

.fa-user::before {
	content: "\e7b9";
}

.fa-user2::before {
	content: "\e7ba";
}

.fa-park::before {
	content: "\e7b3";
}

.fa-building::before {
	content: "\e7b4";
}

.fa-company::before {
	content: "\e890";
}

.fa-complain::before {
	content: "\e607";
}

.fa-write::before {
	content: "\e761";
}

.fa-service-man::before {
	content: "\e6ff";
}

.fa-pic::before {
	content: "\e734";
}

.fa-alipay::before {
	content: "\e6cc";
}

.fa-wechat::before {
	content: "\e66a";
}

.fa-device::before {
	content: "\e6c8";
}

.fa-syn::before {
	content: "\e6d0";
}

.fa-tel::before {
	content: "\e7e7";
}

.fa-eye::before {
	content: "\e73d";
}

.fa-message::before {
	content: "\e731";
}

.fa-list::before {
	content: "\e7ec";
}

.fa-list-ul::before {
	content: "\e6b9";
}

.fa-point::before {
	content: "\e7f0";
}

.fa-card::before {
	content: "\e6ee";
}

.fa-cards::before {
	content: "\ea97";
}

.fa-limit::before {
	content: "\e6c4";
}

.fa-clear::before {
	content: "\e";
}

.fa-cars::before {
	content: "\e700";
}

.fa-parking::before {
	content: "\e6c9";
}

.fa-caret-down::before {
	content: "\e699";
}

.fa-caret-right::before {
	content: "\e69c";
}

.fa-angle-right::before {
	content: "\e697";
}

.fa-plus-square-o::before {
	content: "\e692";
}

.fa-sys::before {
	content: "\e6ae";
}

.fa-up::before {
	content: "\e615";
}

.fa-down::before {
	content: "\e619";
}

.fa-right::before {
	content: "\e744";
}

.fa-left::before {
	content: "\e71f";
}

.fa-caret-down::before {
	content: "\e699";
}

.fa-car::before {
	content: "\e700";
}

.fa-return::before {
	content: "\e73b";
}

.fa-repair::before {
	content: "\eb68";
}

.fa-address::before {
	content: "\e906";
}

.fa-map::before {
	content: "\e900";
}

.fa-sex::before {
	content: "\e";
}

.fa-man::before {
	content: "\e71c";
}

.fa-woman::before {
	content: "\e71a";
}

.fa-link::before {
	content: "\e";
}

.fa-tag::before {
	content: "\e752";
}

.fa-product::before {
	content: "\e726";
}

.fa-product2::before {
	content: "\e60a";
}

.fa-service::before {
	content: "\e7ac";
}

.fa-on::before {
	content: "\e7a5";
}

.fa-off::before {
	content: "\e7a4";
}

.fa-recharge::before {
	content: "\e721";
}

.fa-change::before {
	content: "\e6d0";
}

.fa-chart-line::before {
	content: "\e66d";
}

.fa-chart-line2::before {
	content: "\e668";
}

.fa-chart::before {
	content: "\e7a9";
}

.fa-vote::before {
	content: "\e904";
}

.fa-notice::before {
	content: "\e8c0";
}

.fa-contract::before {
	content: "\e7f1";
}

.fa-top::before {
	content: "\e";
}

.fa-download::before {
	content: "\e7ef";
}

.fa-template::before {
	content: "\e7ef";
}

.fa-text::before {
	content: "\e";
}

.fa-price::before {
	content: "\e71e";
}

.fa-print::before {
	content: "\e7ab";
}

.fa-settlement::before {
	content: "\e740";
}

.fa-ok::before {
	content: "\e6a0";
}

.fa-done::before {
	content: "\e6a0";
}

.fa-error::before {
	content: "\e6a2";
}

.fa-success::before {
	content: "\e";
}

.fa-agree::before {
	content: "\e6a5";
}

.fa-refuse::before {
	content: "\e6ad";
}

.fa-submit::before {
	content: "\e6cd";
}

.fa-waiting::before {
	content: "\e";
}

.fa-none::before {
	content: "\e";
}

.fa-menu::before {
	content: "\e6ba";
}

.fa-nav::before {
	content: "\e6ba";
}

.fa-buy::before {
	content: "\e887";
}

.fa-sell::before {
	content: "\e";
}

.fa-ban::before {
	content: "\e6a2";
}

.fa-can::before {
	content: "\e6a0";
}

.fa-follow::before {
	content: "\e67f";
}

.fa-record::before {
	content: "\e7e2";
}

.fa-generate::before {
	content: "\ea9a";
}

.fa-visitor::before {
	content: "\eabf";
}

.fa-order::before {
	content: "\e7e3";
}

.fa-time::before {
	content: "\e772";
}

.fa-msg::before {
	content: "\e731";
}

.fa-favor::before {
	content: "\e794";
}

.fa-cake::before {
	content: "\e7cc";
}

.fa-box::before {
	content: "\e";
}

.fa-info::before {
	content: "\e";
}

.fa-member-add::before {
	content: "\e7e6";
}

.fa-card-add::before {
	content: "\ea97";
}

.fa-consume::before {
	content: "\ea98";
}

.fa-card-consume::before {
	content: "\e7e9";
}

.fa-exchange::before {
	content: "\ea9d";
}

.fa-staff::before {
	content: "\eaa5";
}

.fa-rmb::before {
	content: "\e634";
}

.fa-faq::before {
	content: "\e6be";
}

.fa-unchecked::before {
	content: "\e6d5";
}

.fa-checked::before {
	content: "\e6d4";
}

.fa-room::before {
	content: "\e7b5";
}

.fa-rent::before {
	content: "\e779";
}

.fa-man-money::before {
	content: "\e7dd";
}

.fa-deposit::before {
	content: "\e77d";
}

.fa-clone::before {
	content: "\e798";
}

.fa-cancel::before {
	content: "\e6a2";
}

.fa-finance::before {
	content: "\e721";
}

.fa-meter::before {
	content: "\e774";
}

.fa-meter2::before {
	content: "\e767";
}

.fa-out::before {
	content: "\e6b6";
}

.fa-in::before {
	content: "\e6b7";
}

.fa-outIn::before {
	content: "\e606";
}

.fa-confirm::before {
	content: "\e6a0";
}

.fa-dispatch::before {
	content: "\e6b2";
}

.fa-comment::before {
	content: "\e731";
}

.fa-comfirm::before {
	content: "\e64d";
}

.fa-stars::before {
	content: "\e715";
}

/* 字体图标end */
.clear-text .fa-close {}

/*页面加载动画*/
.preloader {
	position: relative;
	margin: 0 auto;
	width: 100px;
}

.preloader:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.circular {
	animation: rotate 2s linear infinite;
	height: 50px;
	transform-origin: center center;
	width: 50px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.path {
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
	stroke-linecap: round;
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}

	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}

@keyframes color {

	100%,
	0% {
		stroke: #d62d20;
	}

	40% {
		stroke: #0057e7;
	}

	66% {
		stroke: #008744;
	}

	80%,
	90% {
		stroke: #ffa700;
	}
}

.preloader {
	width: 100%;
	height: 100%;
	top: 0px;
	position: fixed;
	z-index: 99999;
	background: #fff;
}

.preloader .cssload-speeding-wheel {
	position: absolute;
	top: calc(50% - 3.5px);
	left: calc(50% - 3.5px);
}

/* 遮罩过渡end */
/* 边框 */
.border {
	border: #DDDDDD solid 1px !important;
}

.flex {
	display: flex;
}

.flex-1 {
	flex: 1;
}

/*主体*/
#main-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	bottom: 0;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

/*******************
/*Top bar
*******************/
.topbar {
	/* background: #293c55; */
	background: #e60012;
}

.topbar .navbar-header {
	background: #e60012;
}

.topbar .top-navbar .navbar-header .navbar-brand .dark-logo {}

.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
	display: inline-block;
	color: rgba(255, 255, 255, 0.8);
}

.top-company-name {
	line-height: 40px;
	display: inline-block;
	width: 500px;
	float: left;
	margin-left: 0px;
}

.top-company-name h1 {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 40px;
	float: left;
	display: inline-block;
}

.top-change-company {
	font-size: 12px;
	color: #CCCCCC;
	display: inline-block;
	margin-left: 20px;
}

.top-change-company i {
	margin-right: 5px;
}

.top-change-company:hover {
	color: #33cde5;
}

.top-bar-text {
	font-size: 14px;
	color: #FFFFFF;
	line-height: 40px;
	margin-top: 3px;
}

.top-bar-text:hover {
	color: #33cde5;
}

.topbar .navbar-light .navbar-nav .nav-item>a.nav-link {
	color: #CCCCCC !important;
}

.topbar .navbar-light .navbar-nav .nav-item>a.nav-link:hover,
.topbar .navbar-light .navbar-nav .nav-item>a.nav-link:focus {
	color: rgba(255, 255, 255, 0.8) !important;
}

.top-user-head {
	width: 35px;
	height: 35px;
	margin: 10px 0px 10px 10px;
	overflow: hidden;
	padding: 0 !important;
}

.top-user-head .profile-pic {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	overflow: hidden;
	background: url(user-head.jpg) no-repeat center;
	background-size: cover;
}

.u-img.vueimage {
	width: 60px !important;
	height: 60px;
	border-radius: 10px;
	overflow: hidden;
	background: url(user-head.jpg) no-repeat center;
	background-size: cover;
}

.topbar ul.dropdown-user {
	width: 220px;
}

.nav-link {
	padding: 0;
}

.top-enterprise-name {
	border: #DDDDDD solid 1px;
	font-size: 14px !important;
	padding: 0 15px;
	line-height: 35px !important;
	margin-top: 10px;
	border-radius: 5px;
}

/*******************
/*General Elements
*******************/
a.link:hover,
a.link:focus {
	color: var(--blue) !important;
}

.bg-theme {
	background-color: var(--blue) !important;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
	background-color: var(--blue);
	border-color: var(--blue);
}

/*******************
/*sidebar navigation
*******************/
.left-sidebar {
	background: #272738;
	/* 	background-color: #001529; */
}

.sidebar-nav {
	background: transparent;
}

.sidebar-nav>ul>li>a {
	color: #CCCCCC;
}

.sidebar-nav ul>li>a:hover {
	background: #eef5f9;
}

.sidebar-nav ul li a.active,
.sidebar-nav ul li a:hover {
	color: #eef5f9;
}

.sidebar-nav ul li a:hover span {
	color: #CCCCCC;
}

.sidebar-nav ul li a.active {
	color: #FFFFFF;
}

.sidebar-nav ul li.nav-small-cap {
	color: #99abb4;
}

/*主菜单*/
.mini-sidebar .sidebar-nav>ul>li>a.active i,
.mini-sidebar .sidebar-nav>ul>li>a:hover i {
	color: #0275D8;
	transform: scale(1.1);
	background-color: #5b6a7e;
}

.sidebar-nav>ul>li>a i {
	color: #99abb4;
	transition: all 0.3s;
	font-weight: lighter;
}

.sidebar-nav>ul>li>a.active {
	font-weight: 400;
	background: #ffffff;
	color: var(--blue);
}

.sidebar-nav>ul>li.active>a,
.sidebar-nav>ul>li.active:hover>a {
	color: #ffffff;
	background: var(--blue);
}

.sidebar-nav>ul>li.active>a i,
.sidebar-nav>ul>li.active:hover>a i {
	color: #ffffff;
}

.sidebar-nav>ul>li.active>a:after,
.sidebar-nav>ul>li.active:hover>a:after {
	border-color: #ffffff;
}

.topbar .top-navbar .navbar-header .navbar-brand b {
	width: 50px;
}

.sidebar-nav ul li ul li a {
	padding: 8px 15px 8px 10px;
	color: #F8F8F8;
}

.sidebar-nav ul li a.active {
	color: #F2BB46;
}

.mini-sidebar .sidebar-nav ul li ul li a {
	padding: 5px 10px;
	font-size: 14px;
	color: #666666;
}

.sidebar-nav ul li ul li a:before {
	margin-right: 5px;
}

/*缩进菜单*/
.sidebar-nav>ul>li.active>a {
	box-shadow: none;
}

.mini-sidebar .sidebar-nav>ul>li.active>a,
.mini-sidebar .sidebar-nav>ul>li.active:hover>a {
	color: #FFFFFF;
	background: #d3e5ef;
}

.mini-sidebar .sidebar-nav>ul>li.active>a i,
.mini-sidebar .sidebar-nav>ul>li.active:hover>a i {
	color: #F8F8F8;
}

.mini-sidebar .sidebar-nav>ul>li.active>a:after,
.mini-sidebar .sidebar-nav>ul>li.active:hover>a:after {
	border-color: #ffffff;
}

/* 有三级菜单的，重新定义加载样式 */
#sidebarnav .arr {
	color: #FF0000 !important;
}

#sidebarnav .arr>a {
	position: relative;
	margin: 0 -10px;
	padding-left: 20px;
}

#sidebarnav .arr>a::before {
	position: absolute;
	right: 0px;
	top: 5px;
	font-family: "iconfont";
	content: "\e69c";
}

#sidebarnav .arr.active>a::before {
	content: "\e699";
}

@media (min-width: 768px) {
	.mini-sidebar .sidebar-nav #sidebarnav>li:hover>a {
		width: 260px;
		background: transparent;
		color: #CCCCCC;
		border: none;
	}
}

/*******************
Background Colors
*******************/
.bg-primary {
	background-color: #7460ee !important;
}

.bg-success {
	background-color: var(--cyan) !important;
}

.bg-info {
	background-color: #1e88e5 !important;
}

.bg-warning {
	background-color: #ffb22b !important;
}

.bg-danger {
	background-color: #fc4b6c !important;
}

.bg-grey {
	background-color: #f7f8fa !important;
}

/* 页面顶部相关操作区 统一用，废除card-top-相关 */
.page-top-bar {
	display: flex;
	justify-content: space-between;
	padding: 10px 15px;
}

.page-top-bar.f-top{
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 90;
}

.bs-bars .page-top-bar {
	padding: 0;
}

.page-top-bar .card-top-btn {
	display: flex;
	position: static;
	flex: auto;
}

.bs-bars .page-top-bar .card-top-btn.no-r {
	right: 0;
}

.page-top-bar .card-top-btn {
	font-size: 0
}

.page-top-search {
	display: flex;
}

.page-top-search .form-control {
	width: 150px;
	padding: 5px 10px !important;
	float: left;
	font-size: 14px;
	border-radius: 0;
}

.page-top-search .form-control.short {
	width: 120px;
}

.page-top-search .input-group {
	height: 30px;
}

.page-top-search .input-text {
	border-right: none;
	color: #666666;
}

.page-top-search .clear-text {
	position: absolute;
	right: 50px;
	top: 3px;
	display: inline-block;
	z-index: 99;
}

.page-top-search .form-control:disabled,
.page-top-search .form-control[readonly] {
	background: #FFFFFF;
	color: #666666;
}

.page-top-search .btn {
	margin-left: 10px;
}

.page-top-search .btn i {
	padding-right: 10px;
	float: left;
	display: inline-block;
}

.page-top-search .high-search {
	display: inline-block;
	line-height: 35px;
	margin-left: 10px;
	font-size: 14px;
	color: #666666;
}

.page-top-btn .btn i {
	padding-right: 5px;
	float: left;
	display: inline-block;
	font-weight: bold;
}

.day-btn {
	display: inline-block;
	margin-left: 5px;
	padding-top: 3px;
}

.day-btn a {
	font-size: 14px;
	border: #DDDDDD solid 1px;
	padding: 4px 8px 5px 8px;
	line-height: 15px;
	margin-left: -1px;
	height: 30px;
	color: #666666;
}

@media (max-width:1600px) {
	.page-top-bar .btn i {
		display: none;
	}

	.page-top-bar .btn i {
		display: none;
	}
}

/*页标题*/
.page-titles {
	padding: 15px;
}

/*card 相关*/
.card {
	border-radius: 0;
	box-shadow: none;
	border: none;
}

.card .card-header {
	background-image: linear-gradient(to bottom, #fff 0, #eee 100%);
	background-color: #f7f7f7;
	background-attachment: scroll;
	border-bottom: #DDDDDD solid 1px;
}

.card-header .tt {
	display: inline-block;
	float: left;
}

.card-header .tt a {
	color: #444444;
}

.card-header .more {
	float: right;
	display: inline-block;
}

.card-header .more a {
	font-size: 14px;
	padding-left: 10px;
}

.card-header .more a:hover {}

.card-header .more a {
	color: #999999;
}

/* 用户一寸照片 */
.user-pic {
	width: 125px;
	height: 175px;
}

/* 首页门店选择 */
.area-cont {
	position: relative;
	padding: 15px 15px 15px 100px;
	background-color: #FFFFFF;
	border-bottom: #DDD6D7 dashed 1px;
}

.area-cont .tt {
	position: absolute;
	left: 15px;
	top: 15px;
	font-size: 14px;
	line-height: 30px;
	color: #333333;
}

.area-cont .cont {
	width: 150px;
}

/* 门店权限选择queding */
.right-checked {}

.right-checked .m-tt {
	padding: 5px;
	margin-bottom: 5px;
}

.right-checked .b-tt {
	position: relative;
	line-height: 30px;
	background-color: #F7F7F7;
	padding: 5px 10px;
}

.right-checked .b-tt .b-name {
	color: #333333;
	font-weight: bold;
	display: inline-block;
	font-weight: bold !important;
}

.right-checked .b-tt .b-name label {
	font-weight: bold !important;
}

.right-checked .b-tt .t-tips {
	display: inline-block;
	margin-left: 10px;
}

.right-checked .b-tt .all {
	position: absolute;
	right: 10px;
	top: 5px;
}

.right-checked .e-cont {
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	box-sizing: border-box;
}

.right-checked .e-cont .e-item {
	width: 20%;
	color: #333333;
}

.right-checked label {
	margin-bottom: 0 !important;
}

/*文章列表*/
.art-list {}

.art-list ul {}

.art-list ul li {
	line-height: 45px;
	height: 45px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	padding-right: 90px;
	border-top: 1px solid #e9ecef;
	padding-left: 10px;
}

.art-list ul li a {
	color: #666666;
	display: block;
	padding: 0px 90px 0 10px;
	margin: -0 -90px 0 -10px;
	transition: all 0.3s;
}

.art-list ul li a:hover {
	color: #333333;
	background: #fcf8e3;
}

.art-list ul li span {
	float: right;
	display: inline-block;
	color: #999999;
	position: absolute;
	right: 10px;
	top: 0;
}

.art-list ul li:nth-child(odd) {
	background-color: #f9f9f9;
}

/* tips相关 hover显示 */
.mytips {
	position: relative;
	z-index: 9999;
}

.mytips .tips-item {
	cursor: pointer;
	display: inline-block;
}

.mytips .tips-cont {
	display: block;
	visibility: hidden;
	width: 200px;
	background: #fff9e6;
	border: 1px solid #ffd77a;
	padding: 5px 10px;
	font-size: 12px;
	opacity: 0;
	line-height: 20px;
	transition: all 0.2s;
	position: absolute;
	z-index: 9999;
	left: 100%;
	color: #333333;
	top: -100%;
	border-radius: 5px;
	cursor: default;
	pointer-events: none;
	margin-left: 5px;
}

.mytips:hover .tips-cont {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	top: -50%;
}

/*操作按钮编辑组 btn-group*/
.edit-btn-group {}

/*table card顶部搜索*/
.fixed-table-toolbar {
	position: relative;
	z-index: 70;
}

.bs-bars {
	padding-right: 60px;
	position: relative;
}

.bs-bars .row {
	display: block !important;
}

.bs-bars .col-xs-12.col-sm-9 {
	display: block;
	max-width: 100% !important;
}

.bs-bars .col-xs-12.col-sm-7 {
	display: block;
	max-width: 100% !important;
}

.table-responsive.h-bar .fixed-table-body {
	top: 90px !important;
}

.pull-right.search {
	padding-right: 60px;
}

.columns.columns-right.btn-group.pull-right {
	position: absolute;
	top: 10px;
	right: 8px;
	background-color: transparent;
}

.fixed-table-toolbar .keep-open button {
	color: #FFFFFF;
	background-color: var(--blue);
	border: none !important;
	border-radius: 5px !important;
}

.fixed-table-toolbar .keep-open button:hover {
	color: #FFFFFF;
	background-color: #33cde5;
}

.pagination-detail {
	font-size: 14px;
}

.card-top-cont {
	padding: 1.25rem;
	padding-bottom: 0;
}

.card-top-search {
	max-width: 1100px !important;
	position: absolute;
	left: 15px;
	top: 0px;
}

.card-top-search.st {
	max-width: auto !important;
	position: static;
	margin: 0px;
}

.card-top-search .form-control {
	width: 180px;
	display: inline-block;
	padding: 6px 10px;
	float: left;
	font-size: 14px;
}

.card-top-search .form-control.short {
	width: 150px;
}

.card-top-search .text-span {
	font-size: 14px;
	line-height: 31px;
	padding: 0 5px;
}

.card-top-search .input-group {
	height: 30px;
}

.card-top-search .input-text {
	border-right: none;
	color: #666666;
}

.card-top-search .clear-text {
	position: absolute;
	right: 50px;
	top: 3px;
	display: inline-block;
	z-index: 99;
}

.card-top-search .form-control:disabled,
.card-top-search .form-control[readonly] {
	background: #FFFFFF;
	color: #666666;
}

.card-top-search .btn {
	margin-left: 10px;
}

.card-top-search .btn i {
	padding-right: 10px;
	float: left;
	display: inline-block;
}

.card-top-search .high-search {
	display: inline-block;
	line-height: 35px;
	margin-left: 10px;
	font-size: 14px;
	color: #666666;
}

.card-top-btn {
	position: absolute;
	right: 40px;
	top: 0px;
	text-align: right;
	display: inline-block !important;
	max-width: auto !important;
	width: auto !important;
}

@media (min-width: 576px) {
	.card-top-btn {
		max-width: 80%;
		flex: 1;
	}
}

.card-top-btn .btn i {
	padding-right: 5px;
	float: left;
	display: inline-block;
	font-weight: bold;
}

@media (max-width:1600px) {
	.card-top-btn .btn i {
		display: none;
	}

	.card-top-search .btn i {
		display: none;
	}
}

.a-search-cont {
	padding: 20px;
}

/* 页面顶部搜索状态显示栏 吸顶 */
.top-bar-cont {
	position: sticky;
	top: 0;
	left: 15px;
	right: 15px;
	min-height: 52px;
	padding: 10px;
	background-color: #FFFFFF;
	border-bottom: #DDDDDD solid 1px;
	z-index: 99;
}

.top-bar-cont .tl-cont {
	display: inline-block;
	float: left;
}

.top-bar-cont .tr-cont {
	display: inline-block !important;
	position: static !important;
	float: right;
}

.top-bar-cont .form-control {
	width: 180px;
	display: inline-block;
	padding: 6px 10px;
	float: left;
	font-size: 14px;
}

.top-bar-cont i {
	margin-right: 5px;
}

/*表格*/
.table-bordered {
	border-collapse: collapse;
	border: #DDDDDD solid 1px;
	margin-bottom: 0;
}

.table-bordered tr {
	border-collapse: collapse;
	border: #DDDDDD solid 1px;
}

.table-bordered tr td {
	border-collapse: collapse;
	border: #DDDDDD solid 1px;
	vertical-align: middle;
	text-align: center;
	padding: 0.5rem;
	font-size: 12px;
	background: #FFFFFF;
	color: #444444;
}

/* bootstrao表格 */
.fixed-table-body .table-bordered tr td {
	padding: 0.3rem 0.4rem;
	font-size: 12px;
}

.table-bordered tr th {
	border-collapse: collapse;
	border: #DDDDDD solid 1px;
	text-align: center;
	padding: 0.3rem 0;
	font-size: 12px;
	color: #666666;
	background-color: #F5F6FA;
	vertical-align: middle;
}

.table-bordered tr th span.st {
	line-height: 16px !important;
	display: block;
}

.table-responsive+.text-right {
	margin-top: 20px;
	font-size: 14px;
}

.table-responsive {}

/*表格展示*/
.table-show {
	background: #FFFFFF;
	width: 100%;
}

.table-show th {
	font-weight: bold;
	color: #333333;
	text-align: center;
	vertical-align: middle;
}

.table-show th label {
	font-weight: bold;
	color: #333333;
}

.table-show tr {
	background: #FFFFFF;
}

.table-show tr:first-child {
	background: #f2f4f8;
}

.table-show-th {
	background: #FFFFFF;
	width: 100%;
}

.table-show-th th {
	font-weight: bold;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	background: #f2f4f8;
}

.table-show-th tr {
	background: #FFFFFF;
}

.table-bordered .form-control {
	text-align: left;
	border: #DDDDDD solid 1px;
	color: #666666;
	border-radius: 0;
	background: #FFFFFF;
	font-size: 14px;
}

.table-bordered .form-control:focus {
	text-align: left;
	color: #333333;
}

.JColResizer input {
	/* border: none;
	text-align: center;
	border-bottom-color: transparent !important; */
	/* color: #666666;
	background: transparent; */
	padding: 2px;
}

.JColResizer input:focus {
	text-align: left;
	color: #333333;
}

/* 表格内部的收费标准 */
.show-rule {
	position: relative;
	display: inline-block;
	padding-right: 50px;
	min-height: 21px;
}

.show-rule ul {
	list-style-type: disc;
}

.show-rule ul li {
	list-style-type: disc;
}

.show-rule a {
	position: absolute;
	display: inline-block;
	right: 0;
	top: 50%;
	margin-top: -12px;
}

/* 表格内容按钮 */
.table-btn {
	display: inline-block;
	padding: 0 10px;
	border-radius: 5px;
	line-height: 30px;
}

.table a {
	cursor: pointer;
}

.table b {
	font-weight: 500;
}

.table tbody tr:hover {
	background-color: #f7f7f7 !important;
	/* cursor: pointer; */
}

.table tbody tr:hover td {
	background: #f7f7f7;
}

.table .adropdown tr {
	border: none !important;
}

/* 表格内部文字输入一排 */
.text-all {
	overflow: hidden;
	display: block;
	white-space: nowrap;
	height: 20px;
	text-overflow: ellipsis;
}

.text-all:hover {
	position: absolute;
	height: auto;
	background-color: #FFFFED;
	white-space: inherit;
	padding: 0.5rem 0.4rem 0.5rem 0.4rem;
	font-size: 12px;
	/* font-weight: bold; */
	color: #000000;
	border: var(--yellow) solid 1px;
	right: -1px;
	left: -1px;
	top: -1px;
	z-index: 10;
	cursor: pointer;
}

.hide {
	display: none !important;
}

.table-flex {
	display: flex;
	text-align: center;
	align-items: center;
}

.table-flex+.table-flex {
	margin-top: 5px;
}

.table-flex .table-text {
	display: flex;
	text-align: center;
	justify-content: center;
}

.table-flex .table-text.f1 {
	flex: 1;
}

.table-flex .table-text span {
	display: inline-block;
	line-height: 30px;
	margin: 0 auto;
}

.table-flex .num-input {
	width: 50px !important;
	padding: 0 2px 0 5px !important;
	height: 31px !important;
	text-align: center;
	margin: 0 5px;
}

.table-flex .select-input {
	width: 65px !important;
	margin: 0 5px;
}

.table-text.hide {
	display: none;
}

/*弹出文件下载上传*/
.pop-download {
	text-align: center;
	padding: 0 20px;
}

.pop-download .title {
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 10px;
	text-align: left;
}

.pop-download .download-file {
	display: inline-block;
	padding: 5px 10px;
	font-size: 14px;
	border: var(--blue) solid 1px;
	border-radius: 5px;
	margin-top: 20px;
	color: var(--blue);
}

/*表格分页相关*/
.fixed-table-pagination {
	margin-top: 10px;
}

.table.auto {
	width: auto;
}

/* 固定表头固定列 */
.table.thead-fixed {
	table-layout: fixed;
	border-top: none;
	position: relative;
}

.full .table-responsive .table.thead-fixed .no-data {
	top: 150px;
}

.table.thead-fixed thead {
	position: sticky !important;
	top: 0px;
	left: 0;
	z-index: 59;
	/*层级关系不得高于60*/
	border-collapse: separate;
	border-spacing: 0;
	/* border:none; */
}

/* bug：thead不能用::before,否则表格宽度有影响 */
.table.thead-fixed thead::after {
	position: absolute;
	right: 0;
	z-index: 3;
	height: 1px;
	content: " ";
	top: 0px;
	width: 100%;
	background-color: #DDD;
}

.table.thead-fixed thead tr {
	position: relative;
	border: none;
}

.table.thead-fixed thead th {
	border-collapse: separate;
	border-spacing: 0;
	position: relative;
	box-sizing: border-box;
	border: none;
}

.table.thead-fixed thead th::after {
	width: 1px;
	background-color: #DDD;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

.table.thead-fixed thead th::before {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	width: 100%;
	background-color: #DDD;
	content: "";
}

/* 修正thead有2tr 下面的tr会覆盖上面tr最后的td */
.table.thead-fixed thead tr+tr {
	z-index: 2;
}

.table.thead-fixed tr:first-child th:last-child::after {
	right: auto;
	left: -1px;
}

/* 固定列 滚动条层级提升*/
.nicescroll-rails {
	z-index: 10 !important;
}

.table.td-1-fixed tr td:nth-child(1) {
	position: sticky;
	left: 0px;
	z-index: 1;
	border: none;
}

.table.td-1-fixed thead tr:first-child th:nth-child(1)::before,
.table.td-1-fixed tr td:nth-child(1)::before {
	width: 1px;
	position: absolute;
	right: -1px;
	top: 0;
	height: 100%;
	content: "";
	background-color: #ddd;
	z-index: 3;
}

/* 仅固定头部第一行第一列 */
.table.td-1-fixed thead tr:first-child th:nth-child(1) {
	position: sticky;
	left: 0px;
	z-index: 1;
}

/* 固定最后一列 提高第一个tr最后td的z-index ，thead的仅第一行最后固定,防止thead有2行，第二行最后则不固定,特殊情况再加css*/
.table.td-last-fixed tbody tr td:last-child {
	position: sticky;
	right: 0px;
	z-index: 4;
	border: none;
}

.table.td-last-fixed thead tr:first-child th:last-child {
	position: sticky;
	right: 0px;
	z-index: 5;
	border: none;
}

/* 有3行头，固定2行 */
/*  */
.table.td-last-fixed tr th:last-child::before,
.table.td-last-fixed tbody tr td:last-child::before {
	width: 10px;
	position: absolute;
	left: -10px;
	top: 0;
	height: 100%;
	content: "";
	background-image: linear-gradient(90deg, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.3));
	/* background-color: #ddd; */
	z-index: 3;
}

.table tr.active {}

.table tr.active>td,
.table tr.selected>td {
	background: #F5F5F5;
	color: #333333;
}

.table tr.active>td a {
	color: #333333;
}

.table tr.active>td i {}

.table.td-bg tr td:first-child {
	background-color: #F5F6FA;
}

.pub-box .table tr.active td input {
	font-weight: bold;
}

.table-edit tr.active>td {
	background: #f7f7f7;
	border: #DDDDDD solid 1px;
	color: #333333;
}

.table-edit tr.active>td a {
	color: #333333;
}

.table-edit tr.active>td i {
	color: #333333 !important;
}

.table-edit tr.active>td input {
	font-weight: bold;
}

.table .head-pic {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
	background: #DDDDDD url(user-head.jpg) center no-repeat;
	background-size: cover;
	display: inline-block;
	float: left;
}

.table .head-pic~span.name {
	line-height: 30px;
	display: inline-block;
	margin-left: 10px;
	float: left;
}

.table tr td input {
	padding: 0 5px;
	width: 100%;
}

.table label {
	margin: 3px;
}

.table tr td input[type="radio"],
.table tr td input[type="checkbox"] {
	width: auto;
	margin-right: 5px;
	cursor: pointer;
}

.table tr td {
	position: relative;
	overflow: visible !important;
	transition: all 0.2s;
}

.table.no-border tr td {
	border: none;
}

.custom-checkbox {
	font-size: 14px;
}

.table input[type='text']:focus {
	border-color: var(--blue);
}

.table input[type='number']:focus {
	border-color: var(--blueLight);
}

.table .input-s {
	width: 60px;
	margin: 0 5px;
}

.table .input-num {
	width: 75px;
	text-align: center;
	padding-right: 0;
	margin: 0 5px;
	border: #dddddd solid 1px;
	line-height: 25px;
}

.table .input-text-s {
	width: 80px;
	margin: 0 5px;
	border: #dddddd solid 1px;
	line-height: 25px;
	text-align: center;
}

.table .input-text {
	border: #dddddd solid 1px;
	line-height: 25px;
}

/*第一个表格是id的*/
.first-id {}

.first-id tr td:first-child,
.first-id tr th:first-child {
	width: 35px;
	font-size: 12px;
	text-align: center !important;
}

/* 表头固定的table */
.fixed-head {}

.fixed-head tbody {
	display: block;
	height: 210px;
	overflow-y: auto;
	width: 100%;
	border-collapse: collapse
}

.fixed-head thead {
	width: calc(100% - 3px);
	border-collapse: collapse
}

.fixed-head thead,
.fixed-head tbody tr {
	display: table;
	width: 100%;
	table-layout: fixed;
}

/*嵌套表格取消第一个控制*/
/* 表单相关 */
/* radio */
.radio {}

.radio input[type="radio"] {
	position: absolute;
	opacity: 0;
}

.radio label {
	margin-right: 10px;
	position: relative;
	padding-left: 20px;
	margin-bottom: 0 !important;
	cursor: pointer;
}

.radio input[type="radio"]+label:before {
	font-family: "iconfont";
	content: '\e6d5';
	color: var(--grey);
	position: absolute;
	left: -4px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
}

.radio input[type="radio"]:checked+label:before {
	color: var(--blue);
	content: '\e6d4';
}

.radio input[type="radio"]:focus+label:before {
	color: var(--blue);
	content: '\e6d4';
}

.radio input[type="radio"]:disabled+label:before {
	color: #DDDDDD;
}

.radio input[type="radio"]+label:empty:before {
	margin-right: 0;
}

/* check */
label {
	cursor: pointer;
}

.check-cont {}

.check-cont input[type="checkbox"] {
	position: absolute;
	opacity: 0;
}

.check-cont label {
	margin-right: 10px;
	position: relative;
	padding-left: 20px;
	margin-bottom: 0 !important;
	cursor: pointer;
}

.check-cont input[type="checkbox"]+label:before {
	font-family: "iconfont";
	content: '\e6d5';
	color: var(--grey);
	position: absolute;
	left: -4px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
}

.check-cont input[type="checkbox"]:checked+label:before {
	color: var(--blue);
	content: '\e6d4';
}

.check-cont input[type="checkbox"]:focus+label:before {
	color: var(--blue);
	content: '\e6d4';
}

.check-cont input[type="checkbox"]:disabled+label:before {
	color: #DDDDDD;
}

.check-cont input[type="checkbox"]+label:empty:before {
	margin-right: 0;
}

/*编辑表单页*/
.pub-cont {
	padding: 20px;
}

.step-cont .pub-cont {
	padding: 0;
}

.pub-cont.pub-absolute {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.pub-box {
	border: #DDDDDD solid 1px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	margin: 15px;
	padding-top: 50px;
	position: relative;
}

.detail-cont {
	padding: 0 15px;
}

.pub-box .detail-cont {
	padding: 0 0px;
}

.pub-cont .main-title {
	border-bottom: #DDDDDD solid 1px;
	font-size: 16px;
	line-height: 40px;
	margin-bottom: 20px;
}

.pub-cont .main-title-ceter {
	border-bottom: #DDDDDD solid 1px;
	font-size: 20px;
	line-height: 30px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	text-align: center;
}

.pub-cont .item {
	margin-bottom: 25px;
	padding-left: 90px;
	position: relative;
	padding-right: 0px;
	font-size: 14px;
}

/* 全短标题 仅用于全部四字标题*/
.pub-cont.s .item {
	margin-bottom: 25px;
	padding-left: 70px;
	position: relative;
	padding-right: 0px;
	font-size: 14px;
}

.pub-cont.s .item-title {
	width: 60px;
	padding-right: 0;
	word-spacing: 0.25em;
}

/* 内容显示 */
.pub-cont.pub-show .item {
	margin-bottom: 0px;
	min-height: 30px;
}

/* end */
.pub-cont .item1 {
	margin-bottom: 20px;
	padding-left: 120px;
	position: relative;
	padding-right: 0px;
}

.pub-cont .item0 {
	margin-bottom: 20px;
	padding-left: 10px;
	position: relative;
	padding-right: 0px;
}

.text-right .custom-control {
	margin-right: 0;
}

.pub-cont .item-title {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	padding: 5px 10px 0 0;
	color: #333;
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}

.item-tt{
	font-size: 14px; color: #999;
	line-height: 30px;
}

.pub-cont.long .item {
	padding-left: 120px;
}

.pub-cont .item.long {
	padding-left: 160px;
}

.pub-cont .item.long .item-title {
	width: 150px;
	text-align: right;
}

.pub-cont.long .item .item-title {
	width: 110px;
	text-align: right;
}

.pub-cont .item-title i {
	color: #E4474D;
	font-weight: bold;
	font-style: normal;
	font-size: 18px;
	padding-right: 5px;
	display: inline-block;
	width: 12px;
}

.help-btn {
	line-height: 30px;
	display: flex;
	align-items: center;
	color: var(--red);
}

.help-btn::before {
	font-family: "iconfont";
	content: "\e70b";
	margin-right: 5px;
	font-size: 16px;
}

.pub-cont .item .help-tips {
	line-height: 20px;
	font-size: 12px;
	color: var(--orange);
	display: block;
	clear: both;
	position: absolute;
	top: calc(100% - 1px);
	padding: 0px 5px;
	background: #fff9e6;
	border: 1px solid #ffd77a;
}

.pub-cont .item .help-tips-200 {
	line-height: 20px;
	font-size: 12px;
	color: var(--orange);
	display: block;
	clear: both;
	position: absolute;
	left: 220px;
	top: 5px;
	padding: 0px 5px;
	background: #fff9e6;
	border: 1px solid #ffd77a;
}

.pub-cont .item .help-tips-180 {
	line-height: 20px;
	font-size: 12px;
	color: var(--orange);
	display: block;
	clear: both;
	position: absolute;
	left: 180px;
	top: 5px;
	padding: 0px 5px;
	background: #fff9e6;
	border: 1px solid #ffd77a;
}

.help-tips2 {
	line-height: 20px;
	font-size: 12px;
	color: var(--orange);
	border-radius: 0px;
	/*background: #fdf8e4;*/
	display: inline-block;
	padding: 2px 10px;
	background: #fff9e6;
	margin-left: 10px;
	border: 1px solid #ffd77a;
}

.pub-cont .item .help-block,
.pub-cont .item .field-validation-error {
	position: absolute;
	top: calc(100% - 0px);
	padding: 0px 5px;
	background: #fff9e6;
	/* border: 1px solid var(--red); */
	color: var(--red) !important;
	display: block;
	clear: both;
	margin-top: 0;
}

.pub-cont .item .item-show {
	line-height: 30px;
	display: inline-block;
	padding: 0 5px;
	color: #444444;
	font-size: 14px;
	border-bottom: #999999 solid 1px;
}

.pub-cont .item .show-text {
	line-height: 32px;
	display: inline-block;
	padding: 0px;
	font-size: 14px;
}

.pub-cont .item .form-control~.item-cont {
	margin-top: 5px;
}

.pub-cont .item textarea~.item-cont {
	margin-top: 5px;
	display: block;
}

.pub-cont .item .cont {
	clear: both;
}

.pub-cont .item .item-cont {
	line-height: 30px;
	display: inline-block;
	min-height: 30px;
	padding: 0 5px;
	color: #444444;
	font-size: 14px;
}

.pub-cont .item .item-cont label {
	font-size: 14px
}

.pub-cont .item .item-cont .bd-tel {
	padding: 5px;
	margin-left: 5px;
	display: inline;
}

.pub-cont .item .checkbox {
	font-size: 14px;
	line-height: 28px;
}

/* 短输入框带标题 */
.pub-cont .item .short-cont {
	float: left;
}

.pub-cont .item .short-tt {
	font-size: 14px;
	float: left;
	line-height: 31px;
	padding-right: 10px;
	color: #999999;
}

.pub-cont .item .short-cont .w75 {
	width: 95px;
	margin-right: 15px;
	text-align: center;
}

.pub-cont .pop-btn {
	border-top: #DDDDDD solid 1px;
	margin-top: 15px;
	text-align: right;
	padding-top: 15px;
	display: none;
}

.pop-btn-fixed {
	text-align: right;
	flex: none;
	padding: 10px;
	position: fixed;
	right: 0px;
	top: 0px;
	background: rgba(0, 0, 0, 0.25);
	border-bottom-left-radius: 5px;
}

.pop-btn-bottom {
	display: flex;
	justify-content: space-between;
	padding: 15px;
	position: fixed;
	right: 0px;
	left: 0;
	bottom: 0px;
	background: #f7f7f7;
	border-top: #ddd solid 1px;
	align-items: center;
}

.pop-btn-bottom .text-tips {
	font-size: 14px;
}

.pub-cont .item .unit {
	position: absolute;
	right: 10px;
	top: 0;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
}

.pub-cont .item span.text {
	float: left;
	padding: 0 5px;
	line-height: 31px;
}

.pub-cont .item.code {
	margin-bottom: 20px;
	position: relative;
	padding-right: 100px;
}

.pub-cont .item .get-code {
	position: absolute;
	right: 0px;
	top: 0;
	font-size: 14px;
	padding: 7px 10px;
}

/* 显示 */
.pub-info-show {
	padding: 10px;
	background: #fff9e6;
	border: 1px solid #ffd77a;
	margin: 0 0 20px 0;
}

.pub-info-show .item {
	margin-bottom: 0px;
}

.pub-info-show .item .tt {
	color: #333333;
}

/* steps */
.step-cont {
	padding-top: 30px;
}

/* 奖项设置列表 */
.prize-list {
	width: 100%;
}

.prize-list ul {}

.prize-list ul li {
	display: flex;
	padding: 10px;
}

.prize-list ul li:nth-child(odd) {
	background-color: #F7F7F7;
}

.prize-list ul li div {
	flex: 1;
	flex-shrink: 0;
	padding: 0 5px;
	text-align: center;
	line-height: 25px;
	font-size: 14px;
	color: #999999;
}

.prize-list .input {
	display: inline-block;
	padding: 3px 5px;
	font-size: 14px;
	width: 100%;
	border: #DDDDDD solid 1px;
	color: #336666;
	border-radius: 0 !important;
	border-collapse: collapse;
}

.prize-list .input.w70 {
	width: 70px;
}

.prize-list .input.w150 {
	width: 150px;
}

/* 表格形式 */
.prize-list .ta {
	border-collapse: collapse;
	border: #ddd solid 1px;
	width: 100%;
	margin-bottom: 15px;
}

.prize-list .ta tr {
	font-size: 14px;
	text-align: center;
	color: #333;
	border-collapse: collapse;
	border: #ddd solid 1px;
}

.prize-list .ta tr:nth-child(odd) {
	background-color: #F7F7F7;
}

.prize-list .ta td {
	border-collapse: collapse;
	border: #ddd solid 1px;
	padding: 5px;
	line-height: 22px;
}

.prize-list .ta tr th {
	background-color: #F3F3F3;
	border-collapse: collapse;
	border: #ddd solid 1px;
	line-height: 30px;
	text-align: center;
	font-weight: 600;
}

/*表单输入框*/
/*单选按钮*/
.pub-cont .pub-radio {
	display: inline-block;
	float: left;
	margin-right: 10px;
	font-size: 14px;
	line-height: 32px;
}

.pub-cont .form-control {
	display: inline-block;
	padding: 6px 5px;
	float: left;
	font-size: 14px;
	width: 100%;
	border-color: #DDDDDD;
	color: #333333;
	border-radius: 0 !important;
	border-collapse: collapse;
}

.pub-cont .form-control.half {
	width: 50%;
}

.pub-cont .form-control.l-half {
	width: 49%;
}

.pub-cont .form-control.r-half {
	width: 49%;
	float: right;
}

.pub-cont .item .unit~.form-control {
	padding-right: 35px;
}

.pub-cont .form-control.input-text {
	padding-right: 25px;
}

.pub-cont .clear-text {
	position: absolute;
	right: 50px;
	top: 5px;
	display: inline-block;
	z-index: 99;
}

.pub-cont .s-line {
	float: left;
	width: 20px;
	line-height: 30px;
	text-align: center;
	display: inline-block !important;
}

.big-tt {
	font-size: 18px;
	color: #000000;
	line-height: 60px;
	margin-left: 15px;
	margin-bottom: 30px;
	display: inline-block;
	border-bottom: var(--blue) solid 2px;
}

.form-control.w80 {
	width: 80px !important;
}

.form-control.w70 {
	width: 70px !important;
	display: block;
	text-align: center;
}

.form-control.w150 {
	width: 150px !important;
}

.form-control.w220 {
	width: 220px;
}

.form-control.w300 {
	max-width: 300px;
	width: 95%;
}

.form-control.w500 {
	max-width: 700px;
	width: 95%;
	display: block;
}

.form-control.w100 {
	width: 100px;
	display: block;
	text-align: center;
}

.form-control.w100[type="number"] {
	padding-right: 0 !important;
}

.form-control.w50 {
	width: 50px;
	display: block;
	text-align: center;
}

.form-control.w400 {
	width: 400px;
	display: block;
}

.pub-cont.under-line .form-control {
	border: none;
	border-bottom: #666666 solid 1px;
}

.pub-cont .form-control.text {
	height: 100px;
}

.pub-cont .select-input {
	display: inline-block;
	padding: 6px 10px;
	float: left;
	font-size: 14px;
	width: 100%;
	border-color: #DDDDDD;
	border-radius: 0 !important;
}

.pub-cont .form-control.error {
	border-color: #E13D13;
}

.pub-cont .form-control:focus {
	border-color: #0092EF;
}

.pub-cont textarea {}

.pub-cont .city-picker-select {
	display: inline-block;
	float: left;
}

.pub-cont .form-control.w300 {
	width: 300px;
}

.pub-cont select.form-control:not([size]):not([multiple]) {
	height: auto;
	padding: 5px;
}

.pub-cont .input-group-addon {
	padding: 0 .75rem;
}

.pub-cont .editarea {
	height: 400px;
	background: #F7F7F7;
	margin-top: -15px;
}

.chosen-container-multi .chosen-choices {
	background: transparent;
	border: #DDDDDD solid 1px;
}

.card-top-search .chosen-container-multi .chosen-choices {
	display: flex;
	flex-wrap: wrap;
	overflow-y: auto;
	height: 32px !important;
}

/*panel*/
.pub-cont .panel {
	border: #DDDDDD solid 1px;
	border-radius: 5px;
	position: relative;
	padding: 25px 10px 10px 0px;
	margin-top: 20px;
	/*box-shadow: 3px 2px 10px rgba(0, 0, 0, 0.1);*/
}

.pub-cont .panel .panel-heading {
	position: absolute;
	left: 10px;
	top: -15px;
	line-height: 30px;
	display: inline-block;
	font-size: 14px;
	color: #606060;
	background: #ffffff;
	padding: 0 10px;
}

.pub-cont .panel .panel-heading .panenl-title {
	font-size: 14px;
	line-height: 30px;
	margin: 0;
	padding: 0;
}

.pub-cont .panel .panel-body {}

.pub-cont .t-name {
	line-height: 30px;
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 15px;
	color: #333;
}

/* 发布选择添加小按钮 */
.add-btn {
	border: #DDDDDD solid 1px;
	line-height: 30px;
	padding: 0px 8px;
	color: #666666;
	background-color: #f7f7f7;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	font-size: 14px;
}

.add-btn.bg-orange {
	border: none;
	background-color: var(--orange);
	color: #fff !important;
}

.add-btn.bg-orange:hover {
	background-color: var(--red);
	color: #fff;
}

.add-btn.del {
	border: none;
	background-color: var(--orange);
	color: #fff !important;
}

.add-btn.del:hover {
	background-color: var(--red);
	color: #fff;
}

.add-btn::before {
	font-family: "iconfont";
	content: "\e685";
	margin-right: 5px;
}

.add-btn.del::before {
	content: "\e6a4";
}

.add-btn:hover {
	background-color: var(--blueLight);
}

/* 标签列表 */
.tags-list-item {
	min-width: 60px;
	margin: 0 5px;
	text-align: left;
	display: flex;
}

.tags-list-item input[type='checkbox'] {
	width: auto;
	margin-right: 8px;
}

.tags-list-item label {
	display: flex;
	justify-items: center;
	align-items: center;
	cursor: pointer;
}

.pub-cont .member-list {}

.pub-cont .member-list ul {
	padding: 0 0px 0 0px;
	margin-bottom: -15px;
	margin-right: -15px;
}

.pub-cont .member-list ul li {
	width: 189px;
	height: 70px;
	padding: 15px;
	border: #DDDDDD solid 1px;
	position: relative;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	transition: all 0.3s;
}

.pub-cont .member-list ul li:hover {
	background: #F0F7FC;
}

.pub-cont .member-list ul li .kk {
	position: relative;
	padding-left: 55px;
	padding-right: 20px;
}

.pub-cont .member-list ul li .kk .head {
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background: url(user-head.jpg) no-repeat center;
	background-size: cover;
	left: 0;
	top: 0;
}

.pub-cont .member-list ul li .add {
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 30px;
}

.pub-cont .member-list ul li .del {
	position: absolute;
	right: -10px;
	top: -10px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	cursor: pointer;
	border-radius: 100%;
	background: #E04141;
	color: #FFFFFF;
	text-align: center;
}

.pub-cont .member-list ul li .kk .name {
	line-height: 20px;
	height: 20px;
	font-size: 14px;
	color: #666666;
}

.pub-cont .member-list ul li .kk .tel {
	line-height: 20px;
	height: 20px;
	font-size: 12px;
	color: #999999;
}

/* 添加相关服务 */
.pub-cont .p-list {}

.pub-cont .p-list ul {}

.pub-cont .p-list ul li {
	display: flex;
	border: #eeeeee solid 1px;
	border-collapse: collapse;
	margin-top: -1px;
}

.pub-cont .p-list ul li:nth-child(odd) {
	background-color: #f9f9f9;
}

.pub-cont .p-list ul li:last-child {
	margin-bottom: 15px;
}

.pub-cont .p-list ul li>div {
	line-height: 30px;
	padding: 5px 10px;
	font-size: 14px;
	color: #333333;
}

.pub-cont .p-list ul li .name {
	text-align: left;
	flex: 1;
	padding-left: 15px;
}

.pub-cont .p-list ul li .desc {
	text-align: left;
	padding-left: 15px;
}

.pub-cont .p-list ul li .num {
	width: 136px;
	text-align: center;
	position: relative;
}

.pub-cont .p-list ul li .num::before {
	content: "数量 ";
}

.pub-cont .p-list ul li .num .input {
	width: 60px;
	text-align: center;
	padding-right: 1px !important;
	float: right !important;
}

.pub-cont .p-list ul li .price {
	width: 150px;
	text-align: center;
	position: relative;
}

.pub-cont .p-list ul li .price::before {
	content: "单价";
}

.pub-cont .p-list ul li .price .input {
	width: 75px;
	text-align: center;
	padding-right: 1px !important;
	float: right !important;
}

.pub-cont .p-list ul li .del {
	width: 45px;
	text-align: right;
	font-size: 24px;
	color: var(--red);
	padding-right: 10px;
	cursor: pointer;
}

/* 添加相关文章 */
.pub-cont .a-list {
	margin-bottom: 20px;
	border: #DDDDDD solid 1px;
	position: relative;
	min-height: 54px;
}

.pub-cont .a-list ul {
	padding: 10px 10px 0 140px;
}

.pub-cont .a-list ul li {
	padding: 0px 15px;
	padding-right: 25px;
	position: relative;
	border: #DDDDDD solid 1px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	transition: all 0.3s;
	font-size: 14px;
}

.pub-cont .a-list ul li:hover {
	background: #F0F7FC;
}

.pub-cont .a-list ul li>a {
	color: #333333;
	line-height: 30px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.pub-cont .a-list ul li>a:hover {
	color: #006DCC;
}

.pub-cont .a-list ul li .del {
	position: absolute;
	right: 0px;
	top: 2px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 16px;
	cursor: pointer;
	border-radius: 100%;
	background: transparent;
	color: #E04141;
	text-align: center;
}

.pub-cont .a-list ul li .del::after {
	font-family: "iconfont";
	content: "\e618";
}

.pub-cont .a-list .add {
	text-align: center;
	height: 34px;
	line-height: 34px;
	font-size: 20px;
	position: absolute;
	left: 10px;
	top: 10px;
	background: var(--green);
	color: #FFFFFF;
	padding: 0 10px;
	display: inline-block;
	text-align: center;
	font-size: 14px
}

.pub-cont .a-list .add a {
	color: #FFFFFF;
}

.pub-cont .a-list ul.flex {
	padding: 10px 10px 0px 100px;
	flex-wrap: wrap;
}

.pub-cont .a-list ul.flex .add {
	position: relative;
}

/* 价格添加 */
.pub-cont .a-list.sp-price {
	border: none;
	min-height: 0px;
	margin-bottom: 0;
}

.pub-cont .a-list.sp-price ul {
	padding: 0px;
	display: inline-block;
	margin-bottom: -10px;
}

.pub-cont .a-list.sp-price a {
	color: #333333;
	font-size: 14px;
}

.pub-cont .a-list.sp-price a i:before {
	padding-right: 5px;
}

.pub-cont .a-list.sp-price ul li {
	padding: 0px 15px;
	padding-right: 25px;
	position: relative;
	border: #DDDDDD solid 1px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	transition: all 0.3s;
	font-size: 14px;
}

.pub-cont .aa-list {}

.pub-cont .aa-list ul {
	padding: 20px;
}

.pub-cont .aa-list ul li {
	width: 390px;
	height: 40px;
	padding: 5px 15px;
	position: relative;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	transition: all 0.3s;
	font-size: 14px;
}

.pub-cont .aa-list ul li:hover {}

.pub-cont .aa-list ul li>a {
	color: #333333;
	line-height: 30px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.pub-cont .aa-list ul li>a:hover {
	color: #006DCC;
}

.pub-cont .uploader {
	padding: 0px;
}

/* 指定会员列表 */
.u-select {
	display: flex;
	float:right;
}

.u-select a{
	margin: 0 5px;
}

.u-select .t-tips{
	font-size: 14px; margin-left: 15px;
	color: #666;
}

.u-select .t-tips b{
	font-size: 16px; padding: 0 5px;
	color: #000;
}

.u-list ul {
	padding: 10px;
}

.u-list ul li {
	padding: 0px 15px;
	padding-right: 25px;
	position: relative;
	border: #DDDDDD solid 1px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	transition: all 0.3s;
	font-size: 14px;
}

.u-list ul li:hover {
	background: #F0F7FC;
}

.u-list ul li>a {
	color: #333333;
	line-height: 30px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.u-list ul li>a:hover {
	color: #006DCC;
}

.u-list ul li .del {
	position: absolute;
	right: 0px;
	top: 2px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 16px;
	cursor: pointer;
	border-radius: 100%;
	background: transparent;
	color: #E04141;
	text-align: center;
}

.u-list ul li .del::after {
	font-family: "iconfont";
	content: "\e618";
}




.pub-cont .tips {
	font-size: 14px;
	line-height: 25px;
	background: #fdf8e4;
	padding: 15px;
	color: #7d6d54;
	border-left: #edd28b solid 5px;
	text-align: left;
	margin-top: 20px;
}

.pub-cont .tips2 {
	font-size: 14px;
	line-height: 25px;
	background: #fdf8e4;
	padding: 15px;
	color: #7d6d54;
	/*border-left: #edd28b solid 5px;*/
	text-align: left;
	margin-bottom: 0px;
}

.pub-title {
	font-size: 15px;
	color: #333333;
	line-height: 40px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-left: 30px;
	position: relative;
}

.pub-title::before {
	font-family: "iconfont";
	content: "\e815";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 22px;
	color: var(--blue);
	font-weight: normal;
}

.pub-title i {
	font-style: normal;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 22px;
	color: #666666;
	font-weight: normal;
}

.file-title {
	font-size: 14px;
	color: #333333;
	line-height: 30px;
	margin-bottom: 5px;
	position: relative;
	display: flex;
	align-items: center;
}

.file-title::before {
	font-family: "iconfont";
	content: "\e670";
	font-size: 17px;
	padding-right: 5px;
}

.pub-cont .block {
	background-color: #F7F7F7;
	border-radius: 0px;
	border: #DDDDDD 1px dashed;
	padding: 15px;
	margin-top: 15px;
}

.input-title {
	font-size: 14px;
	line-height: 30px;
	color: #666666;
}

/* 指引页面相关css */
.guide-page {}

/* 页面详情 */
.info-details {}

.info-details .items {}

.info-details .items .tt {}

.info-details .items .cont {}

/* 详情分项搜索 */
/*  弹出图片展示 */
#origin-img {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 111;
}

#origin-img .swiper-slide img {
	max-width: 100%;
	max-height: 800px;
	display: block;
	margin: 0 auto;
	vertical-align: middle;
}

#origin-img .swiper-pagination {
	top: 1em;
	bottom: auto;
	color: #fff;
}

/*分页*/
.pages {
	font-size: 14px;
	line-height: 25px;
	padding: 10px 15px;
	margin-bottom: 0px;
	position: fixed;
	border-top: #DDDDDD solid 1px;
	left: 0;
	right: 0;
	bottom: 0;
}

/*tabletree*/
.tabletree span.fa {
	font-size: 16px;
	padding-right: 5px;
}

.tabletree tr td {
	text-align: left;
	/* padding-left: 10px; */
}

.tabletree .treegrid-indent {
	width: 15px;
	height: 20px;
	display: inline-block;
}

.tabletree span.treegrid-expander {
	cursor: pointer;
}

/*侧边属性结构*/
.side-cont {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: #eef5f9;
	width: 200px;
	transition: all 0.3s;
	margin-bottom: 0;
}

/*左侧菜单*/
.left-side-cont {
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	background: #eef5f9;
	width: 200px;
	transition: all 0.3s;
	margin-bottom: 0px;
	z-index: 11;
}

.side-cont-top-search {
	padding: 1.25rem;
	padding-bottom: 0;
}

.side-cont-top-search .form-control {
	width: 100%;
	display: inline-block;
	padding: 6px 10px;
	float: left;
	font-size: 14px;
}

.side-cont-top-search .form-control.w100 {
	width: 100%;
	float: none;
}

.side-cont-top-search .btn {
	float: right;
}

.side-cont-top-search .btn i {
	display: inline-block;
	margin-top: 2px;
}

/* 顶部搜索bar */
.top-search {
	display: flex;
	background-color: #FFFFFF;
	padding: 10px 5px;
	border: #DDDDDD solid 1px;
	border-radius: 5px;
	position: sticky;
	top: 0;
	z-index: 2;
}

.top-search .form-control {
	font-size: 14px;
	padding: 0 5px;
}

.top-search .btn-group {
	margin-left: 10px;
}

.top-search .btn-group span {
	font-size: 14px;
	margin-right: 10px;
	line-height: 30px;
}

.top-search .btn {
	margin-left: 10px;
}

.one-check {
	position: relative;
	display: inline-block;
	border: 1px solid rgba(0, 0, 0, .15);
	background-color: #ffffff;
	line-height: 28px;
	height: 30px;
	box-sizing: border-box;
	margin-top: 1px;
	float: left;
	margin-right: 5px;
	font-size: 14px;
	padding: 0 10px;
}

.one-check input[type=checkbox] {
	cursor: pointer;
}

.one-check label {
	cursor: pointer;
}

/*侧栏顶部标题*/
.side-cont-top-title {
	font-size: 14px;
	color: #333333;
	line-height: 60px;
	padding: 0 15px;
	height: 60px;
	background: #D9DEE4;
	border-bottom: #DDDDDD solid 1px;
	font-weight: 600;
}

.side-cont-top-title .tt {
	display: inline-block;
	float: left;
}

.side-cont-top-title .more {
	display: inline-block;
	float: right;
}

.side-cont-top-title .more .add-more {
	padding: 5px 10px;
	font-size: 16px;
}

.side-cont-top-title .more .add-more i {
	padding-right: 5px;
}

/*合同右侧边菜单*/
.contract-menu {
	position: fixed;
	right: 0px;
	z-index: 7;
	top: 0px;
	width: 120px;
	bottom: 0;
	background: #eaedf1;
}

.contract-menu ul {
	margin-top: 0px;
}

.contract-menu ul li {
	margin-bottom: 5px;
}

.contract-menu ul li:first-child {
	margin-bottom: 0;
	line-height: 55px;
	margin-bottom: 0;
	background: var(--blue);
	color: #FFFFFF;
	padding: 0 10px;
	font-size: 14px;
	text-align: center;
}

.contract-menu ul li:first-child a {
	line-height: 55px;
	margin-bottom: 0;
	background: var(--blue);
	color: #FFFFFF;
}

.contract-menu ul li a {
	display: block;
	line-height: 35px;
	color: #333333;
	transition: all 0.3s;
	padding: 0 10px;
	font-size: 14px;
	text-align: center;
}

.contract-menu ul li a:hover {}

.contract-menu ul li.curr {}

.contract-menu ul li.curr a {
	background: #FFFFFF;
	color: #333333;
	box-shadow: 5px 2px 5px rgba(0, 0, 0, 0.1);
}

.contract-menu ul li i {
	margin-right: 8px;
}

/*相对定位层*/
.main-cont {
	top: 0px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	left: 0px;
	transition: all 0.3s;
	margin-bottom: 0;
}

.side-cont~.main-cont {
	right: 200px;
}

.left-side-cont~.main-cont {
	left: 200px;
}

.contract-menu~.main-cont {
	right: 120px;
}

.side-position-cont {
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	bottom: 0px;
}

.main-position-cont {
	position: absolute;
	top: 51px;
	left: 0;
	right: 0;
	bottom: 0px;
	padding-top: 10px;
	background: #FFFFFF;
}

.card-body {}

.card-body.full {
	padding: 15px;
}

.page-top-bar+.card-body.full {
	border-top: #ddd solid 1px;
	padding-bottom: 65px;
}

.card-body.full .pages {
	background-color: #ffffff;
	z-index: 100;
	text-align: right;
}

.left-side-cont~.main-cont .pages {
	left: 200px;
}

.full .table-responsive {
	position: absolute;
	left: 15px;
	right: 15px;
	border: #DDDDDD solid 1px;
	bottom: 15px;
	top: 15px;
	overflow: hidden;
}

.none-bar.table-responsive {}

.none-bar.table-responsive .fixed-table-pagination {
	margin-top: 15px;
}

.none-bar.table-responsive .pagination-detail {
	float: none;
	text-align: center;
}

.none-bar.table-responsive .fixed-table-toolbar {
	display: none;
}

.none-bar.table-responsive .fixed-table-footer {
	margin-top: -1px;
}

.none-bar.table-responsive .fixed-table-footer table {
	color: #666666;
}

.none-bar.table-responsive .fixed-table-footer table.table-bordered {
	border: none !important;
}

.none-bar.table-responsive .fixed-table-footer table b {
	color: var(--blue);
	font-size: 14px;
	font-weight: bold;
	padding-right: 10px;
}

/*报表图表*/
.chart-box {
	background: #FFFFFF;
	padding: 15px;
	padding-top: 0;
	border: #DDDDDD solid 1px;
	border-radius: 0px;
}

.have-title {}

.table-title {
	height: 70px;
	padding: 10px;
}

.table-title .form-control {
	border: none;
	font-size: 26px;
	color: #333333;
	text-align: center;
}

.white-bg .full .table-responsive {
	position: absolute;
	left: 20px;
	right: 20px;
	border: #DDDDDD solid 1px;
	bottom: 20px;
	top: 0px;
	overflow: hidden;
}

.full .fixed-table-toolbar {
	border: none !important;
	border-bottom: #DDDDDD solid 1px !important;
}

.full .fixed-table-container.dd {
	position: absolute;
	top: 49px;
	bottom: 0px;
	left: -1px;
	right: -1px;
	overflow: auto;
}

.full .fixed-table-body {
	position: absolute;
	top: 50px;
	bottom: 38px;
	left: -1px;
	right: -1px;
	overflow: auto;
}

.full .fixed-table-body table {
	max-width: auto !important;
	min-width: 100%;
	/* width: auto; */
}

.full .fixed-table-pagination {
	position: fixed;
	bottom: 15px;
	left: 15px;
	border: #DDDDDD solid 1px;
	right: 15px;
	height: 40px;
	font-size: 12px;
	background: #FFFFFF;
}

.fixed-table-pagination .pagination {
	margin-top: 3px;
	margin-right: 3px;
}

.fixed-table-pagination .page-list {
	display: none;
}

.left-side-cont~.main-cont .full .fixed-table-pagination {
	left: 215px;
}

/*表中表*/
.detail-view {}

.detail-view .first-id tr td:first-child,
.detail-view .first-id tr th:first-child {
	width: auto !important;
	font-size: 12px;
	text-align: center !important;
	padding: 10px;
}

.detail-view .fixed-table-toolbar {
	border: none !important;
	border-bottom: #DDDDDD solid 1px !important;
	display: none;
}

.detail-view .fixed-table-container {}

.detail-view .fixed-table-body {
	position: static !important;
	overflow: auto;
	padding: 10px 10px 0px 10px;
}

.full .pagination-info {
	line-height: 40px;
	padding-left: 15px;
	font-size: 12px;
}

.full .totle-table-bottom {
	position: absolute;
	bottom: 21px;
	left: 21px;
	border-top: #DDDDDD solid 1px;
	right: 21px;
	height: 40px;
	line-height: 38px;
	font-size: 14px;
	background: #F7F7F7;
}

.full .totle-table-bottom a {
	cursor: pointer;
}

.full .totle-table-bottom .totle-info {
	float: left;
	display: inline-block;
	padding-left: 15px;
	font-size: 12px;
	color: #666666;
}

.full .totle-table-bottom .totle-info span {}

.full .totle-table-bottom .totle-info b {}

.pub-box .table-responsive {
	height: 390px;
	border: #DDDDDD solid 1px;
	border-collapse: collapse;
	position: relative;
	overflow: hidden;
}

.pub-box .fixed-table-toolbar {
	border: none !important;
}

.pub-box .fixed-table-body {
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
}

.pub-box .fixed-table-body table {}

.pub-box .fixed-table-pagination {
	position: absolute;
	bottom: 0;
	left: 0px;
	border: #DDDDDD solid 1px;
	right: 0;
	height: 40px;
	font-size: 12px;
	background: #FFFFFF;
}

.pub-box .pagination-info {
	line-height: 40px;
	padding-left: 15px;
	font-size: 12px;
}

.pub-box .totle-table-bottom {
	height: 40px;
	background: #F7F7F7;
	border: #DDDDDD solid 1px;
	border-top: none;
	line-height: 40px;
}

.pub-box .totle-table-bottom a {
	cursor: pointer;
}

.pub-box .totle-table-bottom .totle-info {
	float: left;
	display: inline-block;
	padding-left: 15px;
	font-size: 12px;
	color: #666666;
}

.pub-box .totle-table-bottom .totle-info span {}

.pub-box .totle-table-bottom .totle-info b {}

.pop-box .table-responsive {
	border: #DDDDDD solid 1px;
	border-collapse: collapse;
}

.pop-box .fixed-table-toolbar {
	border: none !important;
	border-bottom: #DDDDDD solid 1px !important;
}

.pop-box .fixed-table-body {
	/* position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px; */
}

.pop-box .fixed-table-body table {}

.pop-box .fixed-table-pagination {
	position: absolute;
	bottom: 0;
	left: 0px;
	border: #DDDDDD solid 1px;
	right: 0;
	height: 40px;
	font-size: 12px;
	background: #FFFFFF;
}

.pop-box .pagination-info {
	line-height: 40px;
	padding-left: 15px;
	font-size: 12px;
}

.pop-box .totle-table-bottom {
	height: 40px;
	background: #F7F7F7;
	border: #DDDDDD solid 1px;
	border-top: none;
	line-height: 40px;
}

.pop-box .totle-table-bottom a {
	cursor: pointer;
}

.pop-box .totle-table-bottom .totle-info {
	float: left;
	display: inline-block;
	padding-left: 15px;
	font-size: 12px;
	color: #666666;
}

/* 固定高度的table显示 */
.h-p100 {
	height: 100%;
}

.table-box .table-responsive {
	border-collapse: collapse;
	position: relative;
	width: 100%;
	z-index: 1;
	overflow: auto;
	height: calc(100% - 41px) !important;
	border: #DDDDDD solid 1px;
	border-top: none;
}

.table-responsive.no-border {
	border: none;
}

.table-box .fixed-table-toolbar {
	border: none !important;
	display: none;
}

.table-box .bootstrap-table {}

.table-box .fixed-table-body {
	position: relative;
}

/* table的宽度，小于1900时，需要在页面具体设置width:auto */
.table-box .fixed-table-body table {
	max-width: auto;
	min-width: 100%;
	width: 1900px;
}

.table-box .fixed-table-body table tr td {
	padding: 0.5rem !important;
}

.table-box .pagination-info {
	line-height: 40px;
	padding-left: 15px;
	font-size: 12px;
}

.table-box .totle-table-bottom {
	height: 40px;
	background: #F7F7F7;
	border: #DDDDDD solid 1px;
	border-top: none;
	line-height: 40px;
	padding: 0px;
}

.table-box .totle-table-bottom a {
	cursor: pointer;
}

.table-box .totle-table-bottom .totle-info {
	float: left;
	display: inline-block;
	padding-left: 15px;
	font-size: 12px;
	color: #666666;
}

.table-box .totle-table-bottom .totle-info i {
	font-size: 16px;
	font-style: normal;
	float: left;
	margin-right: 5px;
	color: #999999;
}

.table-box .totle-table-bottom span {
	font-size: 14px;
	margin-right: 10px;
	padding-left: 5px;
}

.table-box .totle-table-bottom .totle-info b {
	color: #333333;
	font-size: 16px;
	font-weight: bold;
}

.table-box .fixed-table-pagination {
	position: sticky;
	bottom: 0;
	left: 0;
	border: #DDDDDD solid 1px;
	width: 100%;
	height: 40px;
	font-size: 12px;
	background: #FFFFFF;
	margin-top: -1px;
}

/* 绝对定位box */
.abs-box {}

/* 全高度box */
.full-box {}

/* 新步骤导航修正 全屏 */
.zc-steps.wizard-content {
	position: absolute;
	top: 20px;
	bottom: 15px;
	right: 15px;
	left: 15px;
}

.zc-steps.wizard-content .wizard {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
}

.zc-steps.wizard-content .wizard>.content {
	position: absolute;
	top: 42px;
	bottom: 0;
	left: 0;
	right: 0;
	padding-top: 0px;
}

.zc-steps.wizard-content .wizard>.content>.body {
	padding: 0;
	padding-top: 15px;
	position: relative;
	height: calc(100% - 20px);
}

.zc-steps.wizard-content .wizard>.steps>ul {
	display: block;
}

.zc-steps.wizard-content .wizard>.steps>ul>li {
	display: inline-block;
	position: relative;
	margin-right: 5px;
	line-height: 22px;
	list-style: none;
	padding: 10px 17px 10px 30px;
	background: #efefef;
	color: #FFFFFF;
	height: 42px;
}

.zc-steps.wizard-content .wizard>.steps>ul>li.current {
	background: var(--blue);
}

.zc-steps.wizard-content .wizard>.steps>ul>li.first {
	padding-left: 15px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.zc-steps.wizard-content .wizard>.steps>ul>li.first::before {
	display: none;
}

.zc-steps.wizard-content .wizard>.steps>ul>li.last {
	padding-right: 20px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.zc-steps.wizard-content .wizard>.steps>ul>li.last::after {
	display: none;
}

.zc-steps.wizard-content .wizard>.steps>ul>li::after {
	position: absolute;
	right: -21px;
	top: 0 !important;
	height: 0 !important;
	width: 0 !important;
	border-bottom: 21px inset transparent;
	border-left: 21px solid #efefef;
	border-top: 21px inset transparent;
	content: "";
	z-index: 2;
	border-left-color: #efefef;
	background-color: #efefef;
}

.zc-steps.wizard-content .wizard>.steps>ul>li.current:after {
	background-color: var(--blue);
	border-bottom: 21px inset transparent;
	border-left: 21px solid #efefef;
	border-top: 21px inset transparent;
	content: "";
	z-index: 2;
	border-left-color: var(--blue);
	background-color: #efefef;
}

.zc-steps.wizard-content .wizard>.steps>ul>li.current::before {
	position: absolute;
	left: -0px;
	top: 0 !important;
	height: 0 !important;
	width: 0 !important;
	border-bottom: 21px inset transparent;
	border-left: 21px solid #efefef;
	border-top: 21px inset transparent;
	content: "";
	z-index: 2;
	border-left-color: #efefef;
	background-color: var(--blue);
}

.zc-steps.wizard-content .wizard>.steps>ul>li.done::after {
	border-bottom: 21px inset transparent;
	border-left: 21px solid #efefef;
	border-top: 21px inset transparent;
	content: "";
	z-index: 2;
	border-left-color: #efefef;
}

.zc-steps.wizard-content .wizard>.steps>ul>li a {
	position: relative;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
	font-size: 15px;
}

.zc-steps.wizard-content .wizard>.steps .step {
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-top: 1px;
	text-align: center;
	border: none;
	font-size: 14px;
	border-radius: none;
	font-weight: 300;
	display: inline-block;
	float: left;
	color: #fff;
	margin-right: 10px;
}

.zc-steps.wizard-content .wizard>.steps>ul>li.current>a {
	color: #FFFFFF;
}

.zc-steps.wizard-content .wizard>.steps>ul>li.current .step {
	background: #FFFFFF;
	color: var(--anhui);
	margin-bottom: 0px;
}

.zc-steps.wizard-content .wizard>.steps .step {
	background-color: var(--grey);
	color: #FFFFFF;
	border-radius: 4px !important;
	font-size: 12px;
	padding: 0 3px;
	width: 20px;
	line-height: 20px;
	display: inline-block;
	position: relative;
	font-weight: 500;
	top: 0;
	left: 0;
	margin-left: 0px;
	z-index: 10;
	text-align: center;
}

.zc-steps.wizard-content .wizard>.steps>ul>li.done .step {
	background: #666666;
	color: #FFFFFF;
}

.zc-steps.wizard-content .wizard>.actions {
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	left: auto;
	bottom: auto;
	padding: 0px;
}

.zc-steps.wizard-content .wizard>.actions>ul>li {
	float: none;
	display: inline-block;
}

.zc-steps.wizard-content .wizard>.actions>ul>li>a {
	background: var(--blue);
	color: #fff;
	display: block;
	padding: 7px 12px;
	border-radius: 4px;
	border: 1px solid transparent;
	font-size: 16px;
}

.zc-steps.wizard-content .wizard>.actions {
	border: none
}

/* 横线分步进度 */
.step-ul {
	border-bottom: #DDDDDD dashed 1px;
}

.step-ul ul {
	display: flex;
	width: 100%;
	padding: 20px 0;
}

.step-ul ul li {
	position: relative;
	flex: 1;
	text-align: center;
	padding: 80px 0 0 0;
}

.step-ul ul li::before {
	position: absolute;
	font-family: "iconfont";
	content: "\eb88";
	color: #FFFFFF;
	width: 60px;
	height: 60px;
	font-size: 30px;
	border-radius: 100%;
	text-align: center;
	line-height: 60px;
	background-color: #DDDDDD;
	top: 0px;
	left: 50%;
	margin-left: -30px;
	z-index: 3;
}

.step-ul ul li::after {
	content: "";
	position: absolute;
	height: 4px;
	background-color: #EEEEEE;
	left: 0;
	right: 0;
	transform: translateX(-50%);
	top: 30px;
	z-index: 1;
}

.step-ul ul li .cont {
	/* max-width: 150px;
	overflow: hidden; */
	text-align: center;
	opacity: 0.7;
}

.step-ul ul li.done {}

.step-ul ul li.done .cont {
	opacity: 1;
}

.step-ul ul li.done::before {
	background-color: var(--blue);
	content: "\e69f";
}

.step-ul ul li.done::after {
	background-color: var(--blue);
}

.step-ul ul li:first-child::after {
	display: none;
}

.step-ul ul li .tt {
	font-size: 16px;
	line-height: 25px;
	color: #333333;
}

.step-ul ul li .time {
	font-size: 12px;
	line-height: 25px;
	color: #999999;
}

/* 竖进度 */
.progress-list {
	border-radius: 10px;
	padding: 15px;
	position: relative;
	margin-bottom: 10px;
}

/* 显示更多，收起显示 */
.show-all-btn {
	position: absolute;
	display: inline-flex;
	right: 15px;
	top: 15px;
	line-height: 30px;
	height: 30px;
	font-size: 14px;
	color: #666;
	cursor: pointer;
	z-index: 21;
	user-select: none;
}

.show-all-btn .o {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}

.show-all-btn .c {
	display: none;
	align-items: center;
	cursor: pointer;
}

.all .show-all-btn .o {
	display: none;
}

.all .show-all-btn .c {
	display: inline-flex;
}

.show-all-btn .o::after {
	font-family: "iconfont";
	content: "\e699";
	font-size: 20px
}

.show-all-btn .c::after {
	font-family: "iconfont";
	content: "\e6a1";
	font-size: 20px
}

.progress-list.have-more.all {
	max-height: none;
	padding-bottom: 15px;
}

.progress-list.all::after {
	display: none;
}

.progress-list.have-more {
	max-height: 150px;
	overflow: hidden;
}

.progress-list.have-more::after {
	content: "";
	position: absolute;
	bottom: 0;
	z-index: 11;
	left: 0;
	right: 0;
	height: 40px;
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

.progress-list>ul li {
	position: relative;
	padding: 10px 15px 10px 40px;
}

.progress-list>ul li::before {
	width: 20px;
	border: #99ccfe solid 5px;
	background: var(--blue);
	border-radius: 10px;
	position: absolute;
	left: 5px;
	top: 15px;
	height: 20px;
	display: block;
	content: "";
	z-index: 10;
}

.progress-list>ul li::after {
	position: absolute;
	left: 13px;
	background: var(--blue);
	top: 20px;
	bottom: -20px;
	width: 3px;
	display: block;
	content: "";
	z-index: 9;
}

.progress-list>ul li.wait::before {
	border: var(--orange) solid 5px;
	background: var(--red);
}

.progress-list>ul li:last-child::after {
	display: none;
}

.progress-list>ul li .mt {
	line-height: 30px;
	font-size: 15px;
	color: #333;
}

.progress-list>ul li .mt span {
	font-size: 14px;
	color: #666666;
	margin-left: 5px;
}

.progress-list>ul li .mt span.ss {
	font-size: 15px;
	color: #333;
	font-weight: 600;
}

.progress-list>ul li .info {
	font-size: 14px;
	color: #999999;
	line-height: 20px;
	padding: 0px 0;
}

/* flex属性的ul */
.flex-ul {
	padding: 20px;
}

.flex-ul ul {
	border: #ddd solid 1px;
}

.flex-ul ul li {
	display: flex;
	justify-content: space-between;
	justify-items: center;
	font-size: 14px;
	border-top: #ddd solid 1px;
	line-height: 30px;
}

.flex-ul ul li:first-child {
	background-color: #f7f7f7;
	border-top: none;
}

.flex-ul ul li>div {
	flex: 1%;
	text-align: center;
}

/* 操作按钮组 */
/*操作按钮放大*/
.table-responsive .table tr td i.fa {
	font-size: 15px;
}

.table-responsive .table tr td i.m-r-10 {
	margin-right: 5px;
}

/*.main-position-cont>.card-body {
	padding-top: 0;
}*/
.main-cont .breadcrumb {
	border-radius: 0px;
	font-size: 14px;
	background: none;
	border-bottom: #EEEEEE solid 1px;
}

/*主页顶部标题*/
.index-top-title {
	padding: 12px 15px;
	height: 60px;
	border-bottom: 1px solid #DDD;
	font-size: 14px;
	position: relative;
}

.index-top-title h5 {
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
	margin-top: 8px;
	margin-bottom: 8px;
	display: inline-block;
	text-indent: 8px;
	font-size: 16px;
	border-left: 4px solid #88B7E0;
}

.index-top-title .right-btn {
	position: absolute;
	top: 15px;
	right: 15px;
}

/*一级侧菜单*/
.one-cate-list {
	padding: 0 0px;
}

.one-cate-list ul {}

.one-cate-list ul li {
	line-height: 30px;
	font-size: 14px;
	color: #333333;
	padding: 5px 15px 5px 35px;
	position: relative;
	border-radius: 0px;
}

.one-cate-list ul li:hover {
	background: #F7F7F7;
}

.one-cate-list ul li i {
	font-style: normal;
	position: absolute;
	left: 10px;
	top: 5px;
	line-height: 30px;
	width: 20px;
	text-align: center;
	color: #666666;
}

.one-cate-list ul li a {
	color: #555555;
}

.one-cate-list ul li.curr {
	background: #FFFFFF;
	color: #333333;
	/*box-shadow: -5px 3px 5px rgba(0, 0, 0, 0.1);*/
}

.one-cate-list ul li.curr i {
	color: #333333;
}

.one-cate-list ul li.curr a {
	color: #333333;
}

/*树形菜单*/
.side-tree-cate {
	padding: 0;
}

.side-tree-cate ul {
	margin-left: 0px;
}

.side-tree-cate ul li {
	font-size: 14px;
	line-height: 20px;
	color: #444444;
}

.side-tree-cate ul li i {
	padding-right: 0px;
	cursor: ;
}

.side-tree-cate ul li a {}

.side-tree-cate.treeview .list-group {
	border-radius: 0 !important;
}

.side-tree-cate.treeview .list-group .list-group-item {
	padding: 5px 15px;
	border: none !important;
	border-radius: 0 !important;
}

.side-tree-cate.treeview .list-group .list-group-item a {
	display: block;
}

.treeview span.indent {
	margin: 0 7px !important;
}

.treeview span.icon {
	margin-right: 2px !important;
}

.list-group-item {
	background: transparent;
}

.list-group .list-group-item span {}

.list-group .list-group-item span.text {}

/*权限的树形结构*/
.com-member-right {}

.com-member-right .side-tree-cate {
	/*width: 170px;
	float: left;
	min-height: 250px;*/
}

.com-member-right .side-tree-cate .icon.check-icon {
	margin-right: 5px !important;
}

/*分页*/
.pagination {}

.pagination ul {}

.pagination ul li {
	padding: 0 2px;
	line-height: 25px;
}

.page-pre a,
.page-next a {
	display: inline-block;
	padding: 0 8px;
	font-size: 14px;
	text-align: center;
	border: #DDDDDD solid 1px;
	border-radius: 4px;
	color: #666666;
}

.page-number a {
	display: inline-block;
	padding: 0 8px;
	font-size: 14px;
	text-align: center;
	border: #DDDDDD solid 1px;
	border-radius: 4px;
}

.page-number.active a {
	color: #FFFFFF;
	padding: 0 8px;
	text-align: center;
}

.page-first a,
.page-last a {
	display: inline-block;
	padding: 0 8px;
	font-size: 14px;
	text-align: center;
	border: #DDDDDD solid 1px;
	border-radius: 4px;
	color: #666666;
}

/*合同相关页面*/
/*合同名称*/
.contract-page {
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
}

.contract-page .cont {}

.contract-page .col-lg-9 {
	padding-right: 10px;
}

.contract-page .col-lg-3 {
	padding-left: 10px;
}

.contract-page .col-xlg-8 {
	padding-right: 10px;
}

.contract-page .col-xlg-4 {
	padding-left: 10px;
}

.contract-name {
	font-size: 16px;
	line-height: 20px;
	padding: 15px 20px;
	color: #444444;
}

.contract-name span.tt {
	border-left: 4px solid #88B7E0;
	padding-left: 10px;
}

.contract-name .breadcrumb {
	background: none;
	float: right;
	display: inline-block;
	padding: 0;
	font-size: 14px;
}

.contract-title {
	background: #fbfbfb;
	border-bottom: #DDDDDD solid 1px;
	line-height: 30px;
	height: 40px;
	padding: 5px 15px;
	border: #DDDDDD solid 1px;
	border-bottom: none;
	margin-top: 20px;
	font-size: 14px;
	position: relative;
}

.contract-title i {
	margin-right: 5px;
}

.contract-title .customtab {
	position: absolute;
	left: 0px;
	top: 0;
}

.contract-title .customtab li {}

.contract-title .customtab li a {
	line-height: 41px;
	height: 41px;
	display: inline-block;
	padding: 0 15px;
	border-bottom: transparent solid 2px;
	transition: all 0.3s;
}

.contract-title .customtab li a.active {
	border-bottom: var(--blue) solid 2px;
	background-color: transparent;
}

.main-position-cont .col-xs-12>.contract-title:first-child {
	margin-top: 0px;
}

.contract-about {
	padding: 20px 20px 20px 20px;
	border: #DDDDDD solid 1px;
	/* height: 360px; */
	overflow: hidden;
}

.contract-about ul {
	margin-top: 0px;
}

.contract-about ul li {
	line-height: 25px;
	position: relative;
	padding: 5px 15px 5px 110px;
	font-size: 14px;
}

.contract-about ul li .tt {
	width: 110px;
	font-size: 14px;
	line-height: 25px;
	color: #444444;
	text-align: right;
	padding-right: 10px;
	position: absolute;
	top: 5px;
	left: 0;
}

.contract-about ul li span {
	display: inline-block;
	padding: 0 5px;
	color: #444444;
	border-bottom: #999999 solid 1px;
}

.contract-about ul li span.no-border {
	border: none;
	max-height: 75px;
	overflow-y: auto;
}

.contract-about {}

.contract-about .edit {
	text-align: right;
}

.contract-about .tags {
	border-radius: 5px;
	padding: 2px 10px;
	color: #FFFFFF;
	background: #3398dc;
	margin-right: 10px;
	font-style: normal;
}

/*合同明细table*/
.contract-table {}

/*合同附件*/
.contract-file {
	padding: 10px 0px;
	border: #DDDDDD solid 1px;
}

.contract-file ul {}

.contract-file ul li {
	padding: 10px 10px 10px 35px;
	position: relative;
	font-size: 14px;
	line-height: 20px;
}

.contract-file ul li .ico {
	width: 30px;
	height: 30px;
	position: absolute;
	font-size: 25px !important;
	left: 0;
	top: 50%;
	margin-top: -15px;
}

.contract-file ul li a {
	color: #666666;
}

.contract-file ul li a:hover {
	color: #0069D9;
}

.contract-file ol {
	text-align: center;
}

.contract-file ol.aleft {
	text-align: left;
	padding: 0 15px;
}

.contract-file ol li {
	display: inline-block;
	padding: 10px;
	text-align: center;
	border: #FFFFFF solid 1px;
	border-radius: 4px;
	transition: all 0.3s;
}

.contract-file ol li:hover {
	background: #dbeafc;
	border-color: #7da2ce;
}

.contract-file ol li .pic {
	background: no-repeat center;
	background-size: contain;
	height: 90px;
	width: 140px;
}

.contract-file ol li .pic a {
	display: block;
	height: 90px;
	text-indent: -9999px;
}

.contract-file ol li .title {
	line-height: 30px;
	font-size: 12px;
	text-align: center;
	color: #606060;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 140px;
	padding: 0 5px;
}

.contract-file ol li .tips {
	font-size: 14px;
}

.contract-chart {
	padding: 20px;
	border: #DDDDDD solid 1px;
	height: 360px;
}

.contract-chart ul {}

.contract-chart ul li {
	margin-bottom: 15px;
}

.contract-chart .info {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	margin-bottom: 5px;
}

.contract-chart h6 {
	display: inline-block;
	float: left;
	line-height: 30px;
}

.contract-chart h3 {
	display: inline-block;
	float: right;
	font-size: 13px;
}

.contract-chart .tips {
	line-height: 25px;
	font-size: 14px;
	color: #999999;
}

.contract-chart .tips .left-text {
	display: inline-block;
	float: left;
}

.contract-chart .tips .right-text {
	display: inline-block;
	float: right;
}

.contract-chart .progress-bar {
	line-height: 25px;
	font-size: 12px;
}

.contract-file .none {
	font-size: 14px;
	text-align: center;
	padding: 10px 0;
}

.d-good-info {
	background: #ffffff;
	margin: 10px 15px;
}

.d-good-info .totle-money {
	text-align: right;
	line-height: 35px;
	font-size: 12px;
	color: #666666;
}

.d-good-info .totle-money .b {
	margin-left: 5px;
	font-size: 16px;
	color: var(--red);
}

.d-good-info .li {
	padding: 10px 0;
	/* 	margin-bottom: 0; */
	min-height: 90px;
	border-bottom: #DDDDDD dashed 1px;
	display: flex;
	flex: 1;
	box-sizing: border-box;
	justify-content: space-between;
	align-items: center;
}

.d-good-info .li:last-child {
	border-bottom: none;
}

.d-good-info .li .radio {
	width: 37px;
	padding-left: 2px;
}

.d-good-info .li.shop .radio {
	margin-top: 3px;
}

.d-good-info .li .radio .mui-checkbox input[type=checkbox] {
	left: 0;
	top: 0px;
	height: 24px;
	width: 24px;
}

.d-good-info .li .radio .mui-checkbox input[type=checkbox]:before {
	font-size: 24px
}

.d-good-info .li .radio .mui-checkbox input[type=checkbox]:checked:before {
	color: #F0981C;
}

.d-good-info .li .pic {
	width: 75px;
	height: 75px;
	display: block;
}

.d-good-info .li .pic .img {
	width: 75px;
	height: 75px;
	background: center no-repeat;
	background-size: cover;
}

.d-good-info .li .info {
	flex: 1;
	margin-left: 10px;
	min-height: 75px;
	padding-bottom: 0px;
	overflow: hidden;
	position: relative;
}

.d-good-info .li .info .g-title {
	flex: 1;
	font-size: 14px;
	color: #333333;
	font-weight: 500;
	line-height: 20px;
	max-height: 40px;
	margin-bottom: 0px;
	overflow: hidden;
}

.d-good-info .li .info .g-title a {
	color: #333333;
}

.d-good-info .li .info .num {
	position: absolute;
	right: 0px;
	bottom: 3px;
	font-size: 12px;
	color: #999999;
	text-align: center;
}

.d-good-info .li .info .num .mui-numbox {
	transform: scale(0.7);
	transform-origin: right;
}

.d-good-info .info .price {
	font-size: 13px;
	color: var(--red);
	/* float: left;
	/* display: inline-block; */
	line-height: 30px;
}

.d-good-info .info .price .span {
	font-size: 0.625rem;
	color: #999999;
	margin-left: 10px;
}

.d-good-info .info .price .em {
	font-size: 0.625rem;
	font-style: normal;
	color: #999999;
	margin-left: 0px;
}

.d-good-info .li .info .one-price {
	display: block;
}

.d-good-info .li .info .one-price .text {
	float: left;
	font-size: 12px;
	color: #666666;
	line-height: 30px;
}

.d-good-info .li .info .one-price .input {
	line-height: 25px;
	height: 30px;
	display: inline-block;
	margin-bottom: 0;
	border: #DDDDDD solid 1px;
	padding: 0 0px;
	width: 60px;
	text-align: center;
	border-radius: 5px;
	font-size: 14px;
	color: #333333;
	margin-left: 20upx;
}

.d-good-info .li .tips {
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
}

.d-good-info .li .tips .span {
	margin-right: 2px;
	font-size: 0.625rem;
	line-height: 16px;
	display: inline-block;
	color: var(--anhui);
	padding: 0 5px;
	background: #F7F7F7;
}

/*合同表格预览*/
table.t1 {
	border-collapse: collapse;
	border: #606060 solid 1px;
	min-width: 50%;
	max-width: 100%;
}

table.t1 tr {
	border: #606060 solid 1px;
}

table.t1 tr th {
	font-size: 14px;
	line-height: 25px;
	padding: 5px;
	border: #606060 solid 1px;
	background: #D7DBDD;
	font-weight: 300;
}

table.t1 tr td {
	font-size: 14px;
	line-height: 25px;
	padding: 5px;
	border: #606060 solid 1px;
	text-align: center;
}

/* 左侧固定fixed */
.po-t-0 {
	top: 0px !important;
}

.po-t-15 {
	top: 15px !important;
}

.po-t-20 {
	top: 20px !important;
}

.fixed-cont {}

.fixed-side-cont {
	width: 350px;
	position: absolute;
	left: 15px;
	top: 15px;
	bottom: 15px;
	background: #eaedf1;
	/* 	border: dashed #dddddd 1px; */
}

.about-title {
	background: #fbfbfb;
	border-bottom: #DDDDDD solid 1px;
	line-height: 30px;
	height: 40px;
	padding: 5px 15px;
	font-size: 14px;
	position: relative;
}

.about-title i {
	margin-right: 5px;
}

.about-title .customtab {
	position: absolute;
	left: 0px;
	top: 0;
}

.side-info {
	position: absolute;
	top: 0px;
	right: 0;
	left: 0;
	bottom: 0px;
	padding-bottom: 15px;
	overflow: auto;
}

.agent-pic-head {
	margin: 15px;
	display: block;
	height: 200px;
	background: no-repeat center url(no.jpg);
	background-size: cover;
}

.member-head {
	width: 120px;
	height: 120px;
	background: no-repeat center url(no.jpg) #F7F7F7;
	background-size: cover;
	border-radius: 120px;
	margin: 50px auto 20px auto;
}

.member-name {
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	padding: 10px;
	color: var(--black);
	font-weight: 500;
	position: relative;
}

.member-name span {
	display: inline-block;
	/* 	background-color: #eaedf1; */
	padding: 0 10px;
	position: relative;
	z-index: 2;
}

/* 详情页房间名字 */
.big-name {
	min-height: 60px;
	display: flex;
	color: #333333;
	padding: 15px 10px;
	margin: 0 15px;
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
	border-bottom: #CCCCCC solid 1px;
}

.big-name i::before {
	font-family: "iconfont";
	content: "\eaa5";
	font-size: 30px;
	float: left;
	font-style: normal;
	margin-right: 10px;
}

.big-name span {
	margin-right: 10px;
}

.side-info ul.item-cont {
	margin-top: 15px;
}

.side-info ul.item-cont li {
	position: relative;
	font-size: 14px;
	line-height: 25px;
	padding: 0px 15px 5px 110px;
	color: #333333;
	min-height: 30px;
}

.side-info ul.item-cont li .tt {
	position: absolute;
	left: 15px;
	width: 90px;
	text-align: right;
	color: #666666;
}

.side-info ul.item-cont li .cont {}

.edit-btn-cont {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	border-top: #DDDDDD dashed 1px;
	padding: 20px;
	background: rgba(0, 0, 0, 0.05);
	z-index: 7;
}

.edit-btn-cont~.side-info {
	bottom: 70px;
}

/* title-tab */
.tab-box {
	border: #DDDDDD solid 1px;
}

.title-tab {
	height: 45px;
	line-height: 45px;
	font-size: 15px;
	border: #DDDDDD solid 1px;
	border-bottom: none;
	background-color: #f7f8fa;
	position: relative;
}

.tab-box .title-tab {
	border: none;
	border-bottom: #ebedf0 solid 1px;
}

.title-tab .right-nav {
	color: var(--blue);
	position: absolute;
	right: 15px;
	top: 0;
	display: inline-block;
}

.title-tab ul {}

.title-tab ul li {
	display: inline-block;
	border-right: #ebedf0 solid 1px;
}

.title-tab ul li a {
	padding: 0 10px 0 15px;
	color: #333333;
	display: block;
	transition: all 0.3s;
}

.title-tab ul li a::after {
	font-family: "iconfont";
	content: "\e69c";
	padding-left: 3px;
}

.title-tab ul li a.active {
	color: #FFFFFF;
	font-weight: bold;
	background: var(--blue);
}

.tab-box .title-tab ul li a.active {
	color: #666666;
	font-weight: bold;
	background: #FFFFFF;
}

.title-tab ul li a.active::after {
	font-family: "iconfont";
	content: "\e699";
}

.tab-box .tab-content {
	padding: 15px !important;
}

/* 操作按钮组 */
.operation-list {
	font-size: 14px;
	text-align: right;
	padding: 10px;
	border-top: #DDDDDD dashed 1px;
}

.operation-list .a {
	display: inline-block;
	padding: 0 10px;
	line-height: 25px;
	border: #999999 solid 1px;
	height: 27px;
	border-radius: 25px;
	color: #666666;
	margin-left: 5px;
	background: #FFFFFF;
}

.big-btn-list {
	margin: 0 0 20px 0;
}

.big-btn-list ul {
	text-align: center;
	padding: 20px 0;
	border-bottom: #DDDDDD dashed 1px;
}

.big-btn-list ul li {
	display: inline-block;
}

.big-btn-list ul li a {
	display: inline-block;
	padding: 0 15px;
	background-color: var(--blue);
	line-height: 40px;
	border-radius: 5px;
	color: #ffffff;
	margin: 0 5px;
}

.big-btn-list ul li a.err {
	background-color: var(--orange);
}

.big-btn-list ul li a.wait {
	background-color: var(--green);
}

/* 服务商品列表 */
.product-list {}

/* 信息表格列表 */
.msg-list {}

.msg-list ul {}

.msg-list ul li {
	font-size: 14px;
	display: flex;
	border-bottom: #F3F3F3 solid 1px;
	padding: 0px 5px;
	color: #333333;
}

.msg-list ul li>div {
	padding: 5px 10px;
	text-align: center;
	line-height: 35px;
}

.msg-list ul li .tt {
	width: 120px;
}

.msg-list ul li .tt i {
	font-size: 24px;
	float: left;
	margin-right: 7px;
	color: var(--orange);
}

.msg-list ul li .tt i.fa-ico-card {
	color: var(--blue);
}

.msg-list ul li .tt i.fa-ico-agent {
	color: var(--orange);
}

.msg-list ul li .tt i.fa-ico-money {
	color: var(--red);
}

.msg-list ul li .tt i.fa-ico-star {
	color: var(--olive);
}

.msg-list ul li .tt i.fa-ico-order {
	color: var(--pink);
}

.msg-list ul li .tt i.fa-ico-product {
	color: var(--cyan);
}

.msg-list ul li .month {
	flex: 1;
	padding: 5px 0px;
	font-size: 13px;
}

.msg-list ul li .month .do {
	background: var(--blue);
	color: #FFFFFF;
	padding: 2px 5px;
	border-radius: 5px;
}

.msg-list ul li .month .un {
	background-color: var(--orange);
	color: #FFFFFF;
	padding: 2px 5px;
	border-radius: 5px;
}

.msg-list ul li .month .free {
	background: var(--green);
	color: #FFFFFF;
	padding: 2px 5px;
	border-radius: 5px;
}

.msg-list ul li .month:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.02);
}

.msg-list ul li .info {
	flex: 1;
	text-align: left;
}

.msg-list ul li .cate {
	width: 90px;
}

.msg-list ul li .tel {
	width: 130px;
}

.msg-list ul li .place {
	width: 150px;
}

.msg-list ul li .tips {
	flex: 1;
}

.msg-list ul li .name {
	width: 100px;
}

.msg-list ul li .sex {
	width: 60px;
}

.msg-list ul li .operator {
	width: 120px;
}

.msg-list ul li .binding {
	width: 100px;
}

.msg-list ul li .time {
	width: 160px;
}

.msg-list ul li .money {
	width: 100px;
	font-weight: 700;
	color: #333333;
}

.msg-list ul li:nth-child(1) {
	background-color: #DDDDDD;
	color: #333333 !important;
	font-weight: 500;
}

.msg-list ul li:nth-child(odd) {
	background-color: #F7F7F7;
}

/* 扫码核销 */
.quick-scan {
	padding: 50px 0;
	text-align: center;
}

.quick-scan-pic {
	width: 450px;
	background: url(scan-pic.png) no-repeat 100px 50px;
	background-size: 300px 300px;
	height: 400px;
	margin: 20px auto;
}

.quick-scan-tips {
	font-size: 15px;
	line-height: 30px;
}

.quick-scan-cont {
	width: 500px;
	margin: 0 auto;
	height: 50px;
}

.quick-scan-cont .input {
	height: 50px;
	line-height: 50px;
	border: var(--red) solid 2px;
	font-size: 16px;
	padding: 15px;
	width: calc(100% - 110px);
	float: left;
}

.quick-scan-cont .search-btn {
	height: 50px;
	display: inline-block;
	background-color: var(--red);
	color: #FFFFFF;
	font-size: 18px;
	float: left;
	line-height: 50px;
	padding: 0 20px;
	width: 110px;
}

/*设备二维码*/
.sb-code-cont {}

.sb-code {
	padding-top: 15px;
	text-align: center;
}

.sb-code .pic {
	width: 150px;
	height: 150px;
	margin: 25px auto;
	text-align: center;
}

.sb-code .pic img {
	width: 150px;
	height: 150px;
	font-family: "microsoft yahei"
}

.sb-code .code-pic {
	width: 300px;
	height: 400px;
	margin: 25px auto;
	text-align: center;
}

.sb-code .code-pic img {
	width: 300px;
	height: 400px;
}

.invite-reg .title {
	text-align: center;
	font-size: 12px;
	color: #666666;
	line-height: 20px;
}

.sb-code .copy-link {
	display: block;
	margin: 15px 20px;
	text-align: center;
}

/* 二维码列表 */
.code-list {}

.code-list ul {
	display: flex;
	flex-wrap: wrap;
}

.code-list ul li {
	width: 150px;
	padding: 5px;
	margin: 8px;
}

.code-list ul li img {
	width: 150px;
	height: 180px;
}

.code-list ul li span {
	line-height: 30px;
	text-align: center;
	display: block;
	font-size: 15px;
	color: #333333;
}

/*暂无数据*/
.no-data {
	text-align: center;
	min-height: 200px;
	background: url(nodata.jpg) no-repeat center;
}

.table-box .fixed-table-body .table .no-data {
	position: absolute;
	top: 50px;
	min-height: 300px;
	left: 0;
	right: 0;
	background: url(nodata.jpg) no-repeat center;
}

/*bootstraptable相关*/
.bootstrap-table {}

.full .table-responsive .no-data {
	position: absolute;
	width: 100%;
	top: 0px;
	bottom: 0;
	left: 0;
	background: url(nodata.jpg) no-repeat center;
}

.full .table-responsive.h-bar .no-data {
	top: 90px;
}

.bootstrap-table .form-control {
	padding: 6px 10px;
	font-size: 14px;
	border-radius: 0;
}

.bootstrap-table .badge {
	padding: 5px 8px 5px 8px;
	display: inline-block;
	border-radius: 4px;
	position: relative;
	margin: 2px 2px;
}

.bootstrap-table .badge:last-child {
	margin-right: 0 !important;
}

.bootstrap-table span.pay-type {
	display: block;
	margin: 0 3px;
}

.bootstrap-table span.pay-type b {
	color: #333333 !important;
	font-weight: bolder !important;
}

/*
.bootstrap-table .badge:after {
	content: " ";
	width: 0;
	height: 0;
	border-width: 11px;
	border-style: solid;
	border-color: transparent transparent transparent #1e88e5;
	position: absolute;
	right: -22px;
	top: 0;
}
 */
.card-top-cont.border-bottom {
	border-bottom: #DDDDDD solid 1px;
	padding-bottom: 16px;
}

.main-position-cont>.row {
	margin: 0;
}

/*动态添加tab*/
#tab-menu {
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0;
	right: 0;
}

#tab-menu .tabs-panels {
	position: absolute;
	top: 35px;
	left: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#tab-menu .tabs-panels .panel .panel-body {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#tab-menu .tabs-header {
	background: #eef5f9;
	height: 35px;
	line-height: 35px;
	padding: 0 0px;
	overflow: hidden;
	border-bottom: #DDDDDD solid 1px;
	position: relative;
}

.tabs-scroller-left,
.tabs-scroller-right {
	position: absolute;
	top: auto;
	bottom: 0;
	width: 18px;
	font-size: 1px;
	display: none;
	cursor: pointer;
	background: url(tabs-scroller-left.png) no-repeat center #DDDDDD;
	background-size: contain;
}

.tabs-scroller-right {
	right: 0;
	background: url(tabs-scroller-right.png) no-repeat center;
	background-size: contain;
}

#tab-menu .tabs-header .tabs-wrap {
	position: relative;
	left: 0;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 50px;
}

#tab-menu .tabs-header .tabs-wrap ul {
	margin-top: 0px;
	padding: 0px;
	width: 5000px;
}

#tab-menu .tabs-header .tabs-wrap ul li {
	display: inline-block;
	padding: 0 25px 0 15px;
	position: relative;
	transition: all 0.3s;
	border-left: #eef5f9 solid 1px;
	border-right: #eef5f9 solid 1px;
}

#tab-menu .tabs-header .tabs-wrap ul li:first-child {
	padding-right: 15px;
}

#tab-menu .tabs-header .tabs-wrap ul li a {
	color: #666666;
	font-size: 14px;
}

#tab-menu .tabs-header .tabs-wrap ul li .tabs-inner {}

#tab-menu .tabs-header .tabs-wrap ul li.tabs-selected {
	background: #FFFFFF;
	border-left: #DDDDDD solid 1px;
	border-right: #DDDDDD solid 1px;
}

.tabs-icon {
	position: absolute;
	width: 16px;
	height: 16px;
	left: 10px;
	top: 50%;
	margin-top: -8px;
	display: inline-block;
}

.tabs-close {
	width: 12px;
	right: 5px;
	opacity: 0.6;
	position: absolute;
	font-size: 1px;
	display: block;
	height: 12px;
	padding: 0;
	top: 50%;
	margin-top: -6px;
	overflow: hidden;
	background: url(tabs_icons.png) no-repeat center;
	background-size: contain;
}

.iframe-cont {
	/*background:#eef5f9;*/
	background: #FFFFFF;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.white-bg {
	background: #FFFFFF;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.white-bg .card-top-cont {
	padding-top: 15px;
}

.fixed-table-toolbar {
	min-height: 50px;
	/*background-image: linear-gradient(to bottom, #fff 0, #eee 100%);*/
	background-color: #FFFFFF;
	background-attachment: scroll;
	border: #DDDDDD solid 1px;
	border-bottom: none;
	padding: 10px;
}

.fixed-table-toolbar .keep-open {
	position: relative;
}

.fixed-table-toolbar .keep-open button {
	outline: none;
	border: none;
	box-shadow: none;
	border-radius: 0;
	text-align: center;
}

.bootstrap-table .dropdown-toggle::after {
	margin-left: 0 !important;
}

.fixed-table-loading {
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	top: calc(50% - 0px);
}

.keep-open {
	width: 50px;
	height: 30px;
}

.bootstrap-table .dropdown-menu {
	padding: 15px;
	margin-top: 2px;
}

.bootstrap-table .dropdown-menu li {
	line-height: 30px;
	font-size: 15px;
}

.bootstrap-table .dropdown-menu li label {
	color: #666666 !important;
}

.bootstrap-table .dropdown-menu li input[type=checkbox] {
	visibility: visible;
	opacity: 1;
	left: 0;
	position: relative;
	margin-right: 5px;
}

.fixed-table-container thead th .sortable {
	cursor: pointer;
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 30px;
}

.fixed-table-container tbody td .th-inner,
.fixed-table-container thead th .th-inner {
	padding: 0px;
	line-height: 24px;
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bootstrap-table div.both {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC');
}

.bootstrap-table div.asc {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==');
}

.bootstrap-table div.desc {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= ');
}

.footer {
	display: none;
}

/*项目概述*/
.easyui-menu.menu-top.menu {
	position: absolute;
	background: #FFFFFF;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	border: #DDDDDD solid 1px;
	border-radius: 5px;
	padding: 10px 15px;
	font-size: 14px;
	line-height: 27px;
}

.easyui-menu .menu-line {
	display: none;
}

.easyui-menu .menu-item {
	font-size: 14px;
}

/* 店铺、分销商、员工、商品信息页 */
.page-detail {
	margin: 20px auto;
	/* max-width: 900px; */
	background: #FFFFFF;
	border: #DDDDDD solid 1px;
	border-radius: 5px;
	padding: 20px;
}

.page-detail .item {}

.page-detail .item ul {
	margin-top: 0px;
}

.page-detail .item ul li {
	position: relative;
	min-height: 35px;
	padding: 5px 10px;
	padding-left: 100px;
	line-height: 25px;
	font-size: 14px;
}

.page-detail .item ul li .tt {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 80px;
	text-align: right;
	color: #333333;
}

.page-detail .item ul li a {}

.page-detail .item ul li span {}

.page-detail .top-info {
	border-bottom: #DDDDDD solid 1px;
	position: relative;
	padding-bottom: 15px;
	min-height: 100px;
}

.page-detail .top-info .pic {
	float: left;
	width: 120px;
	height: 100px;
}

.page-detail .top-info .pic img {
	width: 100px;
	height: 100px;
}

.page-detail .top-info .name {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	line-height: 30px;
}

.page-detail .top-info .address {
	font-size: 14px;
	color: #666666;
	line-height: 25px;
}

.page-detail .top-info .tel {
	font-size: 14px;
	color: #008744;
	line-height: 25px;
}

.page-detail .top-info .level {
	font-size: 14px;
	color: #666666;
	line-height: 20px;
}

.page-detail .m-title {
	position: relative;
	line-height: 35px;
	height: 35px;
	font-size: 16px;
	color: #333333;
	padding-left: 15px;
	margin-top: 15px;
	margin-bottom: 10px;
}

.page-detail .m-title:before {
	position: absolute;
	width: 4px;
	left: 0px;
	height: 16px;
	top: 10px;
	border-radius: 4px;
	background: #00897B;
	content: " ";
}

/* 店铺仓库等地图显示 */
.page-detail .map {
	height: 300px;
	background: #00CCFF;
}

.ms-container {
	width: 100%;
}

.ms-selection {
	text-align: left;
}

/*无权查看*/
.no-see {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #FFFFFF;
}

.no-see-cont {
	width: 600px;
	top: 50%;
	left: 50%;
	height: 400px;
	position: absolute;
	margin-top: -200px;
	margin-left: -300px;
	background: url(no-see.jpg) center top no-repeat;
	padding-top: 250px;
	text-align: center;
}

.no-see-cont b {
	text-align: center;
	font-size: 22px;
	line-height: 40px;
	display: block;
}

.no-see-cont span {
	font-size: 14px;
	line-height: 25px;
	text-align: center;
	color: var(--blue);
	display: block;
	margin-top: 0px;
}

/*首页桌面*/
.index-page {
	padding: 15px;
	margin: 0px;
	background: #F7f7f7;
}

.index-page .page-box {
	background: #FFFFFF;
	padding: 15px;
	border: #DDDDDD solid 1px;
	border-radius: 5px;
}

.index-page .row {
	margin-left: -7px;
	margin-right: -7px;
}

.index-page .col-xs-12 {
	padding: 0 10px;
}

/* 顶部公告提醒 */
.top-notice {
	border-top: var(--yellow) 4px solid;
	padding: 20px;
	background-color: #FFFFFF;
	font-size: 14px;
	position: relative;
	margin-bottom: 20px;
}

.top-notice .title {
	line-height: 30px;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}

.top-notice span {
	font-size: 14px;
	line-height: 25px;
	color: #666666;
}

.top-notice a {}

.top-notice .go {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	line-height: 30px;
	font-size: 14px;
	color: #FFFFFF !important;
	background-color: var(--blue);
	text-align: center;
	display: inline-block;
	padding: 0 10px;
	border-radius: 5px;
}

.box-cont {
	background: #FFFFFF;
	padding: 10px 20px;
	margin-top: 15px;
}

/* 首页快捷方式 */
.index-shortcut {
	background: #FFFFFF;
	padding: 20px;
	margin-top: 15px;
}

.index-shortcut ul {}

.index-shortcut ul li {
	width: 296px;
	float: left;
}

/* 为了笔记本1600分辨率对齐 */
@media (max-width:1600px) {
	.index-shortcut ul li {
		width: 291px;
		float: left;
	}
}

.index-shortcut ul li a {
	display: block;
	line-height: 45px;
	padding: 15px 0px 15px 95px;
	height: 100px;
	margin: 15px;
	border: #DDDDDD solid 1px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
	position: relative;
	transition: all 0.3s;
	cursor: pointer;
	border-radius: 10px;
	overflow: hidden;
}

.index-shortcut ul li a:hover {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	background-color: #F7F7F7;
}

.index-shortcut ul li.hot a {
	border-color: var(--yellow);
}

.index-shortcut ul li.hot a::before {
	position: absolute;
	right: -20px;
	top: 10px;
	display: block;
	text-align: center;
	height: 20px;
	width: 80px;
	background: url(hot-ico.png) no-repeat center;
	background-color: var(--red);
	content: "";
	transform: rotateZ(45deg)
}

.index-shortcut ul li a .ico {
	font-style: normal;
	width: 50px;
	height: 50px;
	border-radius: 15px;
	display: block;
	margin: 15px auto 0 auto;
	position: absolute;
	left: 25px;
	top: 10px;
	background-color: var(--orange);
	color: white;
	text-align: center;
	line-height: 50px;
	font-size: 25px;
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s;
}

.index-shortcut ul li:nth-child(10n-9) a .ico {
	background-color: var(--red);
}

.index-shortcut ul li:nth-child(10n-8) a .ico {
	background-color: var(--orange);
}

.index-shortcut ul li:nth-child(10n-7) a .ico {
	background-color: var(--yellow);
}

.index-shortcut ul li:nth-child(10n-6) a .ico {
	background-color: var(--olive);
}

.index-shortcut ul li:nth-child(10n-5) a .ico {
	background-color: var(--green);
}

.index-shortcut ul li:nth-child(10n-4) a .ico {
	background-color: var(--cyan);
}

.index-shortcut ul li:nth-child(10n-3) a .ico {
	background-color: var(--blue);
}

.index-shortcut ul li:nth-child(10n-2) a .ico {
	background-color: var(--purple);
}

.index-shortcut ul li:nth-child(10n-1) a .ico {
	background-color: var(--mauve);
}

.index-shortcut ul li:nth-child(10n) a .ico {
	background-color: var(--pink);
}

.index-shortcut ul li a b {
	color: #333333;
	font-size: 1rem;
	font-weight: bold;
	display: block;
	line-height: 35px;
	margin-top: 5px;
}

.index-shortcut ul li a span {
	color: #999999;
	font-size: 14px;
	line-height: 20px;
	display: block;
}

.index-shortcut ul li a span.red {
	color: var(--orange) !important;
}

/* 首页统计 */
.index-statistics {
	background: #FFFFFF;
	padding: 10px 20px;
}

.index-statistics ul {
	display: flex;
	padding: 20px 0;
	flex-wrap: wrap;
}

.index-statistics ul li {
	min-width: 230px;
	padding: 0 10px;
	margin-bottom: 20px;
}

.index-statistics ul li .tt {
	font-size: 14px;
	color: #333333;
	line-height: 25px;
}

.index-statistics ul li .tt i {
	font-size: 16px;
	color: #CCCCCC;
	display: inline-block;
	font-style: normal;
}

.index-statistics ul li .num {
	color: #323232;
	font-size: 2rem;
	font-weight: 500;
	margin-top: 10px;
	line-height: 40px;
}

.index-statistics ul li .tips {}

.index-statistics ul li .info {
	font-size: 12px;
	color: #666666;
	margin-top: 5px;
	word-spacing: 0.5em;
}

.index-statistics ul li .info b {
	color: #444444;
	font-weight: 500;
	margin-left: 5px;
}

/* 首页数据 */
.index-data {
	background: #FFFFFF;
	padding: 10px 20px;
	margin-top: 15px;
}

.index-data ul {
	display: flex;
	padding: 20px;
	flex-wrap: wrap;
}

.index-data ul li {
	width: 250px;
}

.index-data ul li b {
	font-size: 30px;
	color: var(--black);
	display: flex;
	justify-items: center;
	align-items: baseline;
	margin-top: 10px;
}

.index-data ul li b i {
	font-size: 14px;
	color: #666;
	font-style: normal;
	padding-left: 10px;
}

.index-data ul li span {
	display: block;
	font-size: 14px;
	color: #333333;
	line-height: 25px;
}

/* 首页服务 */
.index-servie {
	background: #FFFFFF;
	padding: 10px 20px;
	margin-top: 15px;
}

.index-servie ul {}

.index-servie ul li {}

.index-servie ul li .cont {}

.index-servie ul li .cont .tt {}

.index-servie ul li .cont .info {}

/* 主页数据展示 */
.index-charts {
	background: #FFFFFF;
	padding: 10px 20px;
	margin-top: 15px;
}

/* 侧栏平台服务内容 -客服-帮助文档*/
/* 主title */
.index-title {
	line-height: 45px;
	height: 45px;
	position: relative;
	overflow: hidden;
}

.index-title .tt {
	display: inline-block;
	float: left;
	font-size: 16px;
	font-weight: 600;
	color: #333333;
}

.index-title .tt span {
	font-size: 12px;
	color: #666666;
	padding-left: 5px;
}

.index-title .more {
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 0;
	font-size: 12px
}

.index-title .select-pro {
	display: inline-block;
	float: right;
}

.index-title .customtab {
	position: absolute;
	right: 0px;
	top: 0;
}

.index-title .customtab li {}

.index-title .customtab li a {
	line-height: 43px;
	height: 43px;
	display: inline-block;
	padding: 0 15px;
	border-bottom: transparent solid 2px;
	transition: all 0.3s;
	font-size: 15px
}

.index-title .customtab li a.active {
	border-bottom: var(--blue) solid 2px;
	background-color: transparent;
}

.index-chart-cont {
	height: 400px;
	overflow: hidden;
}

.index-chart-cont .tab-pane {
	width: 100%;
}

.index-page .page-box .index-title:first-child {
	margin-top: -15px;
}

.index-art {
	height: 240px;
	overflow: hidden;
	margin-top: 10px;
}

.index-art ul {}

.index-art ul li {
	line-height: 40px;
	border-top: #EEEEEE solid 1px;
	font-size: 14px;
	padding-right: 100px;
	height: 40px;
	position: relative;
}

.index-art ul li a {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #555555;
}

.index-art ul li a:hover {
	color: var(--blue);
}

.index-art ul li a i {
	font-size: 16px;
	float: left;
	margin-right: 5px;
}

.index-art ul li a i.mdi-email {
	color: #F0981C;
}

.index-art ul li a b {
	font-weight: bold;
}

.index-art ul li span {
	font-size: 12px;
	position: absolute;
	right: 0;
	top: 0;
}

.index-art ul li span.state {
	color: #F21C30;
}

/* 排行列表 */
.index-rank {
	height: 240px;
	overflow: auto;
	margin-top: 10px;
}

.index-rank ul {}

.index-rank ul li {
	line-height: 40px;
	border-top: #EEEEEE solid 1px;
	font-size: 14px;
	display: flex;
	height: 40px;
	position: relative;
	padding: 0 15px 0 5px;
}

.index-rank ul li::before {
	width: 40px;
	text-align: center;
	font-size: 14px;
	color: #666;
	content: "-";
	margin-right: 5px;
}

.index-rank ul li:nth-child(1)::before {
	content: "";
	background: url(rank-ico.png) no-repeat left top;
}

.index-rank ul li:nth-child(2)::before {
	content: "";
	background: url(rank-ico.png) no-repeat center top;
}

.index-rank ul li:nth-child(3)::before {
	content: "";
	background: url(rank-ico.png) no-repeat right top;
}

.index-rank ul li:nth-child(4)::before {
	content: "4";
}

.index-rank ul li:nth-child(5)::before {
	content: "5";
}

.index-rank ul li:nth-child(6)::before {
	content: "6";
}

.index-rank ul li:nth-child(7)::before {
	content: "7";
}

.index-rank ul li:nth-child(8)::before {
	content: "8";
}

.index-rank ul li:nth-child(9)::before {
	content: "9";
}

.index-rank ul li:nth-child(10)::before {
	content: "10";
}

.index-rank ul li:nth-child(odd) {
	background-color: #f7f8fa;
}

.index-rank ul li .name {
	flex: 1;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
}

.index-rank ul li .name .ss {
	margin-left: 5px;
	color: #666666;
}

.index-rank ul li .money {
	width: 70px;
	text-align: right;
	color: var(--red);
	font-weight: bold;
}

.index-rank ul li .num {
	width: 70px;
	text-align: right;
	color: var(--red);
	font-weight: bold;
}

/* 首页重要提醒 */
.index-remind {
	background: #FFFFFF;
	padding: 20px;
	margin-top: 15px;
}

.index-remind .index-title {
	font-size: 14px;
	margin-top: -10px;
	color: #323233;
	margin-bottom: 10px;
}

.index-remind .m-tt {
	font-size: 14px;
	color: #323233;
	margin-bottom: 5px;
	line-height: 25px;
	font-weight: 600;
	position: relative;
	padding-left: 35px;
}

.index-remind .m-tt .ico {
	font-size: 16px;
	line-height: 25px;
	background-color: var(--blue);
	border-radius: 15px;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0;
	font-weight: normal;
	left: 0;
	text-align: center;
	color: #FFFFFF;
}

.index-remind .m-tt .ico.fa-car {
	background-color: var(--orange);
}

.index-remind .m-tt .ico.fa-repair {
	background-color: var(--blue);
}

.index-remind .m-tt .ico.fa-order {
	background-color: var(--green);
}

.index-remind .item-cont {
	display: flex;
	margin-bottom: 10px;
	padding-left: 35px;
	flex-wrap: wrap;
}

.index-remind .item-cont+.item-cont {
	margin-top: -10px;
}

.index-remind .item {
	width: 300px;
	flex-shrink: 0;
	color: #969799;
	line-height: 21px;
	font-size: 14px;
	margin-bottom: 10px;
	display: flex;
}

.index-remind .item.wp66 {
	width: 66% !important;
}

.index-remind .item .tt {}

.index-remind .item .num {
	color: #333333;
	font-weight: bold;
	font-weight: 16px;
}

.index-remind .item .num a {
	color: #333333;
}

.index-remind .item .num a:hover {
	color: var(--blue);
}

.index-remind .item .info {
	color: #333333;
	font-size: 14px;
}

.index-remind .item .info .t {
	color: #666666;
	padding-left: 5px;
}

.index-remind .item .info .b {
	font-weight: bold;
}

.index-remind .item .info .tips {
	color: #666666;
	font-size: 12px;
}

.index-remind .item .info .tips b {
	font-weight: bold;
	color: #333333;
}

.index-remind .item .info .g {
	background-color: var(--blue);
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 5px;
	border-radius: 12px;
	padding: 0px 8px;
	line-height: 25px;
	display: inline-block;
}

/* 有右侧内容的 */
.index-main-cont {}

.index-right-cont {}

/*打印内容*/
.no-print {}

/* 系统设置 */
.sys-set {
	background: #FFFFFF;
	padding: 10px 20px;
}

.sys-set ul {
	display: flex;
	padding: 20px 0;
	flex-wrap: wrap;
}

.sys-set ul li {
	width: 232px;
	box-sizing: border-box;
	padding: 15px;
	border: #DDDDDD solid 1px;
	border-radius: 4px;
	margin: 10px;
}

.sys-set ul li:hover {
	background-color: #F9F9F9;
}

.sys-set ul li .tt {
	font-size: 16px;
	color: #333333;
	line-height: 25px;
	font-weight: bold;
}

.sys-set ul li .tt a {
	color: #333333;
}

.sys-set ul li .info {
	font-size: 12px;
	color: #666666;
	margin-top: 5px;
	word-spacing: 0.5em;
}

.sys-set ul li .info b {
	color: #444444;
	font-weight: 500;
	margin-left: 5px;
}

/* 考核详情 */
.show-page {
	background-color: #fff;
	padding: 20px;
}

.show-page .big-title {
	font-size: 24px;
	color: #333;
	line-height: 60px;
	display: flex;
	justify-content: space-between;
}

.show-page .big-title .t {}

.show-page .big-title .s {
	color: #666;
	display: flex;
	align-items: baseline;
	font-size: 14px;
}

.show-page .big-title .s i {
	font-size: 20px;
	color: #333;
	font-style: normal;
	padding: 0 10px;
}

.show-page .big-title .s b {
	font-size: 30px;
	color: var(--red);
	padding: 0 10px;
	font-weight: 500;
}

.show-page .pub-cont {
	padding: 15px 0;
}

.show-detail {
	padding: 15px 0px;
	border-top: #ccc dashed 1px;
}

.show-detail .f-title {
	font-size: 16px;
	color: #333;
	line-height: 40px;
	font-weight: 600;
	display: flex;
	background-color: #fff;
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 40;
}

.show-detail .f-title::before {
	font-family: "iconfont";
	content: "\e709";
	font-size: 20px;
	margin-right: 5px;
	color: var(--blue);
	font-weight: normal;
	width: 20px;
}

.show-detail .s-title {
	font-size: 15px;
	color: #333;
	line-height: 40px;
	font-weight: 600;
	display: flex;
	position: relative;
}

.show-detail .s-title .more {
	position: absolute;
	right: 10px;
	top: 0;
	font-size: 14px;
	color: #999;
	font-weight: normal;
	display: inline-flex;
	cursor: pointer;
}

.show-detail .s-title .more::after {
	font-family: "iconfont";
	content: "\e695";
	margin-left: 5px;
	font-size: 18px;
}

.show-detail>.s-title::before {
	font-family: "iconfont";
	content: "\e69c";
	font-size: 20px;
	width: 20px;
}

.show-detail .s-title+ul {
	margin-left: 60px;
}

.show-detail .score {
	color: #999;
	font-size: 14px;
	display: flex;
	align-items: baseline;
	font-weight: normal;
}

.show-detail .score b {
	padding: 0 5px;
	color: var(--red);
}

.show-detail .score i {
	padding: 0 5px;
	font-style: normal;
	color: #333;
}

.score-tips {
	margin-bottom: 10px;
	background: #fff9e6;
	border: 1px solid var(--orange);
	color: #444;
	line-height: 20px;
	padding: 5px;
}

.show-detail ul {
	margin-left: 40px;
}

.show-detail ul li {
	list-style-type: decimal;
}

.show-detail ul li .cont {
	font-size: 14px;
	line-height: 24px;
	padding: 5px;
	color: #666;
	position: relative;
	/* max-height: 200px;
	overflow: hidden; */
}

.show-detail ul li .cont.all {
	height: auto;
}

.show-detail ul li .cont.none {
	color: #999;
}

.show-detail ul li .cont.no-files {
	border-top: #ddd dashed 1px;
	display: inline-flex;
	font-size: 12px;
	align-items: center;
}

.show-detail ul li .cont.no-files::before {
	font-family: "iconfont";
	content: "\e6ac";
	padding-right: 5px;
	font-size: 16px;
}

.show-detail ul li .cont img {
	max-width: 80%;
}

.score-list {
	background-color: #fff;
	padding: 15px;
}

.score-list ul {}

.score-list ul>li {
	margin-bottom: 10px;
	border-bottom: #ddd dashed 1px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	position: relative;
	padding-left: 30px;
}

.score-list ul>li::before {
	position: absolute;
	top: 1px;
	left: 0;
	font-family: "iconfont";
	content: "\e815";
	font-size: 20px;
	margin-right: 10px;
	color: var(--red);
}

.score-list ul>li .a {
	color: #333;
	display: flex;
	align-items: baseline;
}

.score-list ul>li .t {
	font-size: 18px;
	color: #333 !important;
	font-weight: 600;
	line-height: 30px;
	margin-right: 15px;
}

.score-list ul>li .tips {
	font-size: 14px;
	line-height: 30px;
	color: #666;
}

.score-list ul>li .tips b {
	color: #333;
	font-weight: 600;
	padding: 0 5px;
}

.score-list ul>li .tips i {
	color: var(--red);
	font-style: normal;
	font-weight: 600;
	padding: 0 5px;
}

.score-list ul>li ol {
	display: flex;
	flex-wrap: wrap;
	padding-left: 10px;
	margin-top: 10px;
}

.score-list ul>li ol li {
	list-style-type: decimal;
	margin-left: 20px;
	min-width: 250px;
	margin: 10px;
	color: #333;
}

.score-list ul>li ol li .tt {
	color: #333;
	font-weight: 600;
}

/*弹出审批*/
.pop-cont {
	padding: 10px 15px;
	position: relative;
}

.pop-cont .title {
	font-size: 15px;
	line-height: 45px;
	color: var(--blue);
	font-weight: bold;
	border-bottom: #DDDDDD solid 1px;
}

.pop-cont .item-show {
	padding: 15px 20px;
}

.pop-cont .item-show ul {}

.pop-cont .item-show ul li {
	position: relative;
	line-height: 35px;
	font-size: 14px;
	padding-left: 80px;
	min-height: 35px;
	color: #555555;
}

.pop-cont .item-show ul li .tt {
	width: 80px;
	position: absolute;
	left: 0;
	top: 0;
}

.pop-cont .item-show ul li span {
	font-weight: 700;
	color: #333333;
}

.pop-cont .item-list {
	margin-top: 20px;
}

.pop-cont .item-list ul li {
	position: relative;
	line-height: 30px;
	font-size: 14px;
	min-height: 30px;
	color: #666666;
}

.pop-cont .item-list ul li span {
	margin-right: 10px;
	color: #33CDE5;
}

.pop-cont table {}

.pop-cont table .tt {
	width: 120px;
}

.pop-cont-btn {
	position: absolute;
	right: 10px;
	top: 10px;
	text-align: center;
}

.pop-cont-btn button {
	margin: 0 5px;
}

/*待办弹出窗排版*/
.pop-msg {
	padding: 20px;
}

.pop-msg .tt {
	font-size: 16px;
	color: #333333;
	line-height: 30px;
}

.pop-msg .more {
	font-size: 14px;
	line-height: 30px;
}

.pop-msg .time {
	font-size: 14px;
	font-family: arial;
	color: #999999;
	line-height: 30px;
}

/*table里的复选*/
.table .chosen-container-single .chosen-single span {
	font-size: 12px !important;
}

/*返回按钮*/
.show-back {
	margin-top: 10px;
	text-align: center;
	display: none;
}

.show-back a {
	display: inline-block;
	line-height: 40px;
	border: var(--blue) solid 1px;
	font-size: 16px;
	color: var(--blue);
	border-radius: 5px;
	padding: 0 15px;
}

.show-back.show {
	display: block;
}

/*权限复选框*/
.glyphicon-check:before {
	color: var(--blue);
	margin-right: 5px;
}

/*清楚缓存页面*/
.cache-page {
	background: #F7F7F7;
	border: #DDDDDD solid 1px;
	padding: 40px;
}

.cache-page .title {
	font-size: 30px;
	color: #66666;
	line-height: 50px;
}

.cache-page .title b {
	color: #F06E57;
	font-size: 30px;
	padding-right: 10px;
}

.cache-page .tt {
	font-size: 16px;
	color: #0088CC;
	line-height: 40px;
}

.cache-page ul {
	border-bottom: #DDDDDD solid 1px;
	margin-bottom: 30px;
	padding-bottom: 20px;
}

.cache-page ul li {
	line-height: 30px;
	font-size: 14px;
	color: #666666;
}

/*网站设置页面*/
.nav-tabs.padding-18 {
	padding-left: 18px;
}

.nav-tabs {
	border-color: #c5d0dc;
	margin-bottom: 0;
	margin-left: 0;
	position: relative;
	top: 1px;
	margin-top: 10px;
	height: 31px;
}

.nav-tabs>li>a {
	padding: 8px 12px;
	font-size: 14px;
	border: #DDDDDD solid 1px;
}

.nav-tabs>li>a,
.nav-tabs>li>a:focus {
	border-radius: 0 !important;
	background-color: #f9f9f9;
	color: #999;
	margin-right: -1px;
	line-height: 16px;
	position: relative;
	z-index: 11;
	border-color: #c5d0dc
}

.nav-tabs>li>a:hover {
	background-color: #FFF;
	color: #4c8fbd;
	border-color: #c5d0dc
}

.nav-tabs>li>a:active,
.nav-tabs>li>a:focus {
	outline: none !important
}

.nav-tabs>li:first-child>a {
	margin-left: 0
}

.nav-tabs>li>a.active,
.nav-tabs>li>a.active:hover,
.nav-tabs>li>a.active:focus {
	color: #576373;
	border-color: #c5d0dc;
	border-top: 2px solid #4c8fbd;
	border-bottom-color: transparent;
	background-color: #FFF;
	z-index: 12;
	line-height: 16px;
	margin-top: -1px;
	box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15)
}

.nav-tabs>li>a i {
	padding-right: 5px;
}

.tab-content {
	padding-top: 15px;
}

#nestable {
	padding: 15px 20px;
}

.dd2-handle,
.dd-dragel>li>.dd2-handle {
	font-size: 16px;
}

/*城市多项选择*/
.city-select-cont {
	text-align: center;
}

.city-select-cont .city-picker-select {
	text-align: center;
}

.city-select-cont .city-picker-select select {
	display: inline-block;
	float: left;
}

.city-select-cont .city-picker-select .province {
	overflow: auto;
}

.city-select-cont .city-picker-select .city {
	overflow: auto;
}

.city-select-cont .city-picker-select .district {
	overflow: auto;
}

.city-select-cont .tips {
	font-size: 12px;
	line-height: 20px;
	margin-top: 15px;
	color: #666666;
}

/* 内容内图片列表 */
.img-list {
	margin-bottom: 15px;
}

.img-list ul {
	display: flex;
	flex-wrap: wrap;
}

.img-list ul li {
	width: 180px;
	padding: 10px;
	position: relative;
	margin-bottom: 0px;
}

.img-list ul li .pic {
	background: no-repeat center #F3F3F3;
	background-size: cover;
	border-radius: 8px;
	height: 120px;
	overflow: hidden;
	cursor: pointer;
}

.swiper-zoom-container {
	cursor: pointer;
}

/*表格内部样式*/
.good-pic {
	width: 40px;
	height: 40px;
	border-radius: 4px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
}

.good-pic img {
	width: 40px;
	height: 40px;
	background: no-repeat center;
}

.pic-name {}

.pic-name a {
	font-weight: 600;
	color: #333;
	font-size: 14px;
}

/*表格内部图片列表弹出*/
.t-show-pic {}

.t-show-pic a {
	width: 40px;
	height: 40px;
	border-radius: 4px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
}

.t-show-pic img {
	width: 40px;
	height: 40px;
	display: block;
	background: center no-repeat;
	background-size: cover;
}

#table-img-show {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 111;
}

#table-img-show .swiper-wrapper{
	max-height: 100%;
}

#table-img-show .swiper-slide{
	display: flex;
	justify-content: center;
	align-items: center;
	max-height: 100%;
	
}

#table-img-show .swiper-slide img {
	max-width: 100%;
	max-height: 90vh;
	vertical-align: middle;
}

#table-img-show .swiper-pagination {
	top: auto;
	bottom: 1em;
	color: #fff;
	text-align: center;
}

/*微信绑定相关*/
.wx-tab-content {
	border: #DDDDDD solid 1px;
	border-top: none;
	padding: 20px;
}

.wx-tab-content .tab-pane {
	min-height: 150px;
	padding-top: 0 !important;
}

.pub-cont .pic-list {}

.pub-cont .pic-list ul {
	padding: 0 0px 0 0px;
	position: relative;
}

.pub-cont .pic-list ul li {
	width: 250px;
	height: 150px;
	border: #DDDDDD solid 1px;
	transition: all 0.3s;
}

.pub-cont .pic-list ul li:hover {
	background: #F0F7FC;
}

.pub-cont .pic-list ul li .kk {
	position: relative;
	background: url(moren-pic.jpg) no-repeat center;
	background-size: cover;
	padding: 15px;
	height: 148px;
}

.pub-cont .pic-list ul li .kk .name {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 35px;
	font-size: 14px;
	color: #FFFFFF;
	background: rgba(0, 0, 0, 0.5);
	padding: 0 10px;
}

.pub-cont .pic-list ul li .kk .name a {
	color: #FFFFFF;
}

.pub-cont .pic-list ul li .wx-add {
	text-align: center;
	height: 150px;
	line-height: 150px;
	font-size: 30px;
}

.pub-cont .pic-list ul li .del {
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	cursor: pointer;
	border-radius: 100%;
	background: #f7f7f7;
	border: #DDDDDD solid 1px;
	color: #666666;
	text-align: center;
}

.pub-cont .pic-list .art {
	position: absolute;
	left: 270px;
	top: 0;
	font-size: 14px;
	line-height: 25px;
	width: 300px;
}

.pub-cont .pic-list .art .aitem {
	color: #999999;
}

.pub-cont .pic-list .art .aitem a {
	color: #666666;
}

.pub-cont .pic-list .art .aitem a:hover {}

/* 订单详情 */
.order-detail {
	max-width: 1200px;
	margin: 20px auto;
	border: #DDDDDD solid 1px;
	padding: 20px;
	background: #FFFFFF;
	border-radius: 4px;
}

.order-detail .m-title {
	position: relative;
	line-height: 35px;
	height: 35px;
	font-size: 16px;
	color: #333333;
	padding-left: 15px;
	margin-top: 15px;
	margin-bottom: 10px;
}

.order-detail .m-title:before {
	position: absolute;
	width: 4px;
	left: 0px;
	height: 16px;
	top: 10px;
	border-radius: 4px;
	background: #00897B;
	content: " ";
}

.order-detail .info {}

.order-detail .info ul {
	border-bottom: #DDDDDD solid 1px;
	padding: 15px;
	border-top: #DDDDDD solid 1px;
}

.order-detail .info ul li {
	min-height: 30px;
	padding: 5px 10px;
	position: relative;
	line-height: 20px;
	color: #666666;
	font-size: 14px;
}

.order-detail .info ul li .tt {
	position: absolute;
	left: 10px;
	top: 10px;
	font-weight: 700;
	color: #404040;
}

.order-detail .info ul li a {
	color: #FC5100;
}

.order-detail .info ul li.long {
	width: 700px;
}

/* 商品列表-表格形式 */
.order-detail .p-table .top-tt {
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	padding: 0 10px;
	color: #666666;
	background: #F7F7F7;
	text-align: center;
}

.order-detail .p-table {
	font-size: 14px;
	line-height: 25px;
	border: #DDDDDD solid 1px;
	border-collapse: collapse;
	width: 100%;
	margin-top: 15px;
}

.order-detail .p-table tr {
	border: #DDDDDD solid 1px;
	border-collapse: collapse;
}

.order-detail .p-table th {
	border: #DDDDDD solid 1px;
	border-collapse: collapse;
	text-align: center;
	padding: 0 10px;
}

.order-detail .p-table td {
	border: #DDDDDD solid 1px;
	border-collapse: collapse;
	padding: 0 10px;
}

.order-detail .p-table .td a {
	color: #FC5100;
}

.order-detail .p-table .pic {
	width: 80px;
	height: 70px;
	float: left;
}

.order-detail .p-table .pic img {
	width: 70px;
	height: 70px;
}

.order-detail .p-table .info {
	font-size: 14px;
	color: #666666;
	line-height: 25px;
}

.agentVIPResult>div {
	background-color: var(--grey);
	line-height: 25px;
	padding: 5px 10px;
	font-size: 16px;
	color: #FFFFFF;
	border-radius: 0px;
	display: inline-block;
	margin-left: 83px;
	margin-bottom: 15px;
	margin-top: -15px;
}

.agentVIPResult>div.nn {
	color: var(--orange);
	background: #fff9e6;
	border: 1px solid #ffd77a
}

.agentVIPResult>div.nn a {
	color: #FFFFFF !important;
}

.agentVIPResult>div a {
	color: #FFFFFF;
}

/* 新增消费订单 左侧 显示会员信息及小票信息，中间是消费订单，右侧为服务项目及次卡信息*/
.order-page {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* 	background-color: #F7F7F7; */
}

.order-page-left {
	width: 300px;
	position: absolute;
	left: 15px;
	top: 15px;
	bottom: 15px;
	border: #DDDDDD solid 1px;
	background: #FFFFFF;
	overflow: hidden;
}

.order-page-right {
	width: 280px;
	position: absolute;
	right: 15px;
	top: 15px;
	bottom: 15px;
	border: #DDDDDD solid 1px;
	background: #FFFFFF;
}

.order-cont {}

.order-page-cont {
	position: absolute;
	left: 330px;
	top: 15px;
	right: 310px;
	bottom: 15px;
	background: #FFFFFF;
	overflow-y: auto;
	border: #DDDDDD solid 1px;
}

.order-page-main {
	max-width: 1200px;
}

.order-page-top {
	height: 220px;
	display: flex;
	/* background-color:#F7F7F7; */
	border-bottom: #DDDDDD dashed 1px;
	position: relative;
	margin: 0 20px;
}

.order-top-cont {
	flex: 1;
	padding: 20px 0px;
	height: 100%;
	position: relative;
}

.small-order-cont {
	width: 650px;
	margin: 30px auto;
}

.small-order-cont .order-cont {
	padding: 0;
}

.order-page-bottom {
	position: absolute;
	bottom: 0;
	height: 70px;
	left: 0;
	right: 0;
	background-color: #F7F7F7;
}

.totle-money {
	font-size: 40px;
	color: var(--red);
	font-weight: bolder;
	line-height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
	margin-top: -10px;
}

.totle-money::before {
	font-family: "iconfont";
	content: "\e634";
	color: #666666;
	font-size: 20px;
}

.totle-money input {
	border: none !important;
	display: inline-block !important;
	background: none;
	min-width: 160px;
	/* text-align:right; */
}

.money-cont .s-tips {
	font-size: 12px;
	color: #999999;
	display: inline-block;
	line-height: 30px;
	margin-left: 10px;
	position: absolute;
	right: 20px;
	top: 10px;
}

.money-cont .s-tips i {
	font-size: 16px;
	color: #999999;
	font-style: normal;
	float: left;
	padding-right: 5px;
}

.other-money {}

/* btn组 */
.btn-cont {
	padding: 15px;
	text-align: right;
}

.btn-cont.flex {
	display: flex;
}

.btn-cont.flex .btn {
	flex: 1;
}

.btn-cont .btn {
	height: 50px;
	font-size: 18px;
	text-align: center;
	line-height: 50px;
	font-weight: 300;
	background-color: var(--orange);
	display: inline-block;
	padding: 0 10px;
	color: #FFFFFF !important;
	min-width: 150px;
}

.btn-cont .btn+.btn {
	margin-left: 10px;
}

.btn-cont .btn:hover {
	color: #FFFFFF !important;
}

.btn-cont .kaidan {
	background-color: var(--green);
}

.btn-cont .done {
	background-color: var(--anhui);
	color: var(--haojin) !important;
}

.btn-cont .scan-btn {
	background-color: var(--cyan);
}

.btn-cont .btn.big {
	min-width: 160px;
	display: inline-block;
	padding: 0 15px;
}

/* 大搜索框 */
.big-search-cont {
	width: 100%;
	height: 45px;
}

.big-search-cont .input {
	height: 45px;
	line-height: 45px;
	border: var(--blue) solid 2px;
	font-size: 16px;
	padding: 15px;
	width: calc(100% - 100px);
	float: left;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.big-search-cont .search-btn {
	height: 45px;
	width: 100px;
	display: inline-block;
	background-color: var(--blue);
	color: var(--white);
	font-size: 16px;
	float: right;
	line-height: 45px;
	padding: 0 20px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	text-align: center;
}

/* 搜索结果 */
.big-search-result {
	/* border:#D0D0D0 solid 1px;
	border-top: none; */
	background-color: #F7F7F7;
	padding: 5px 15px;
	overflow: hidden;
	margin: 15px 0;
	border-radius: 10px;
}

.big-search-result .del {}

.big-search-result .no {}

/* 查询结果显示的会员信息及卡券信息 */
.s-member-info {
	padding: 10px 0px 10px 40px;
	min-height: 40px;
	position: relative;
	display: flex;
}

.s-member-info .pic {
	position: absolute;
	left: 0;
	height: 30px;
	width: 30px;
	background: url(user-head.jpg) no-repeat center;
	background-size: cover;
	border-radius: 30px;
	overflow: hidden;
}

.s-member-info .name {
	font-size: 14px;
	line-height: 30px;
	color: #333333;
	font-weight: bold;
	padding-right: 10px;
}

.s-member-info .name span {
	font-size: 12px;
	color: #666666;
	padding-left: 10px;
	font-weight: normal;
}

.s-member-info .info {
	font-size: 12px;
	color: #666666;
	line-height: 20px;
}

.s-member-info .money {
	display: flex;
	line-height: 30px;
	flex: 1;
}

.s-member-info .money .item {
	font-size: 12px;
	color: #666666;
	flex: 1;
	padding: 0 5px;
}

.s-member-info .money .item b {
	color: #333333;
	font-weight: bold;
}

.s-member-info .money .item span {}

.s-card-info {}

.s-card-info .name {}

.s-card-info .info {}

/* 侧栏小搜索 */
.small-search-cont {
	background: #F7F7F7;
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	padding: 10px;
	right: 0;
}

.small-search-cont .input {
	font-size: 14px;
	padding: 0 10px;
}

.small-search-cont .s-btn {
	position: absolute;
	right: 10px;
	top: 10px;
	background-color: var(--blue);
	color: #FFFFFF;
	font-size: 14px;
	border: none;
	height: 30px;
	padding: 0 15px;
	cursor: pointer;
}

.search-show-cont {
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 15px;
	overflow: auto;
}

/* 账单提示 */
.bill-tips {
	font-size: 14px;
	margin: 15px 0;
	border: #F0981C solid 1px;
	padding: 10px 15px;
	background-color: #fdf8e4;
}

.bill-tips a {
	color: var(--blue);
}

.scan-pic {}

/* 添加订单主内容 */
.order-cont {
	padding: 0px;
}

.flex-cont {
	display: flex;
	flex-wrap: wrap;
}

.flex-cont.c {
	justify-content: center;
	justify-items: center;
	align-items: center;
}

.flex-cont.be {
	justify-content: space-between;
}

.g-title {
	display: flex;
	align-items: center;
}

.g-title .t {
	font-weight: bold;
	padding-right: 15px;
	color: #333 !important;
}

.order-cont .item-cont {
	position: relative;
	padding: 10px 10px 10px 100px;
	min-height: 50px;
	border-bottom: #EEEEEE solid 1px;
	width: 100%;
}

.order-cont .item-cont.w25 {
	width: 25%;
}

.order-cont .item-cont.w30 {
	width: 30%;
}

.order-cont .item-cont.w35 {
	width: 35%;
}

.order-cont .item-cont.w40 {
	width: 40%;
}

.order-cont .item-cont.w50 {
	width: 50%;
}

.order-cont .item-cont.w60 {
	width: 60%;
}

.order-cont .item-cont.w70 {
	width: 70%;
}

.order-cont .item-cont.highlight {
	background-color: #fff9e6;
}

.order-cont .item-cont .tt {
	position: absolute;
	top: 0px;
	left: 10px;
	line-height: 50px;
	font-size: 15px;
	color: #333333;
	font-weight: bold;
}

.order-cont .item-cont .cont {
	font-size: 14px;
	line-height: 25px;
	padding: 2px 0;
	position: relative;
}

.order-cont .item-cont .cont .account-money {
	display: inline-block;
	line-height: 32px;
	color: #333333;
	font-weight: bold;
}

.order-cont .item-cont .cont .big-number {
	display: inline-block;
	line-height: 25px;
	font-size: 16px;
	color: #333333;
}

.order-cont .item-cont .cont .big-number a {
	color: var(--white);
	font-size: 14px;
	background-color: var(--orange);
	border-radius: 5px;
	padding: 0 10px;
	line-height: 25px;
	display: inline-block;
	cursor: pointer;
	margin-left: 10px;
}

.order-cont .item-cont .cont .big-number b {
	font-weight: bold;
	font-size: 18px;
	color: var(--red);
}

.order-cont .item-cont .cont .abso-tips {
	position: absolute;
	right: 0;
	top: 2px;
	color: #999999;
	display: inline-block;
	line-height: 30px;
	font-size: 12px;
}

.order-cont .item-cont .info {
	line-height: 25px;
	padding-top: 3px;
	color: #333333;
	font-size: 14px;
	word-wrap: break-word;
}

.order-cont .item-cont .no-info {
	line-height: 25px;
	padding-top: 3px;
	color: #999999;
	font-size: 14px;
}

.order-cont .item-cont .input {}

.order-cont .item-cont .add {
	line-height: 30px;
}

.order-cont .item-cont .form-control {
	font-size: 14px;
}

.order-cont .item-cont select.form-control {
	padding: 0 5px !important;
	height: 30px !important;
}

.order-cont .item-cont .chosen-container-multi .chosen-choices {
	border-radius: 0.25rem;
	padding: 3px 5px;
	border-color: rgba(0, 0, 0, 0.2);
}

.order-cont .help-tip {
	font-size: 14px;
	border-radius: 0px;
	/*background: #fdf8e4;*/
	color: #555555;
	display: inline-block;
	padding: 10px;
	background: #fff9e6;
	line-height: 25px;
	border: 1px solid #ffd77a
}

.order-p-list+.add {
	margin-top: 10px;
}

.order-totle {
	color: #333333;
}

.order-totle b {
	font-weight: bold !important;
	padding: 0px 5px;
}

/* 订单选中服务收费项目 */
.order-p-list {}

.order-p-list+.order-p-list {
	margin-top: 10px;
}

.order-p-list .all-select {
	line-height: 30px;
	margin-bottom: 10px;
}

.order-p-list .all-select .all {
	display: inline-block;
	margin-right: 15px;
	padding-left: 30px;
	position: relative;
	cursor: pointer;
}

.order-p-list .all-select .all::before {
	width: 35px;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 24px;
	color: var(--red);
	cursor: pointer;
	font-family: "iconfont";
	content: "\e6d5";
}

.order-p-list .all-select .all.yes::before {
	content: "\e6d4";
}

.order-p-list .all-select .show-all {}

.order-p-list .all-select .show-all.none {}

.order-p-list ul {}

.order-p-list ul {}

.order-p-list ul li {
	display: flex;
	border: #eeeeee solid 1px;
	border-collapse: collapse;
	margin-top: -1px;
	align-items: center;
}

.order-p-list ul li:nth-child(odd) {
	background-color: #F7F7F7;
}

.pub-cont .p-list ul li:last-child {
	margin-bottom: 15px;
}

.order-p-list ul.ul-t li {
	background-color: #eaf4fc;
	border-color: #a0d8ef;
	position: relative;
	z-index: 2;
}

.order-p-list ul.ul-t li:nth-child(even) {
	background-color: #f7fcfe;
}

.order-p-list ul li>div {
	line-height: 30px;
	padding: 5px 5px;
	font-size: 13px;
	color: #000000;
	text-align: center;
	min-height: 40px;
}

.order-p-list ul li .name {
	text-align: left;
	flex: 1;
	padding-left: 15px;
}

.order-p-list ul li .name span {
	margin-left: 5px;
	font-size: 12px;
	color: #444444;
}

.order-p-list ul li .num {
	text-align: center;
	position: relative;
}

.order-p-list ul li .price {
	text-align: left;
	position: relative;
}

.order-p-list ul li .price span {
	color: #333333;
	margin-left: 5px;
	font-weight: bold;
}

.order-p-list ul li .price b {
	color: #333333;
	margin-left: 5px;
	font-weight: bold;
}

.order-p-list ul li .price::before {}

.order-p-list ul li .input {
	text-align: center;
	padding: 0 5px;
	padding-right: 1px !important;
	margin-left: 8px;
	line-height: 30px;
	height: 30px;
	display: inline-block !important;
	line-height: 28px;
	border: #DDDDDD solid 1px;
	width: 75px;
}

.order-p-list ul li .input1 {
	width: 75px;
}

.order-p-list ul li .input2 {
	width: 50px;
}

.order-p-list ul li .input3 {
	width: 100px;
}

.order-p-list ul li .del {
	width: 45px;
	text-align: right;
	font-size: 24px;
	color: var(--red);
	padding-right: 10px;
	cursor: pointer;
}

.order-p-list ul li .sel {
	width: 45px;
	text-align: right;
	font-size: 24px;
	color: var(--red);
	padding-right: 10px;
	cursor: pointer;
}

.order-p-list ul li .pop-info {
	display: flex;
	margin-top: 10px;
	padding: 10px;
}

.order-p-list ul li .layui-layer-title {
	text-align: left !important;
}

.pop-info .pop-tt {
	width: 80px;
}

.pop-info .pop-input {
	flex: 1;
	text-align: left !important;
}

/*订单备注*/
.order-tips {}

.order-tips .textarea {}

/* 侧栏卡券列表*/
.s-title {
	font-size: 14px;
	color: #333333;
	line-height: 30px;
	font-weight: bold;
}

/* 服务项目列表 */
.s-p-list {}

.s-p-list ul {}

.s-p-list ul li {
	position: relative;
	padding: 10px 10px;
	border-bottom: #DDDDDD dashed 1px;
	border-collapse: collapse;
}

.s-p-list ul li .pic {}

.s-p-list ul li.have-pic {}

.s-p-list ul li .name {
	font-size: 16px;
	line-height: 30px;
	color: #333333;
}

.s-p-list ul li .info {
	font-size: 12px;
	line-height: 20px;
	color: #666666;
}

.s-p-list ul li .price {
	display: inline-block;
	color: var(--red);
	font-size: 16px;
	font-weight: bold;
}

.s-p-list ul li.checked {
	background-color: var(--yellowLight);
}

.s-p-list ul li.checked::after {
	font-family: "iconfont";
	content: "\e607";
	position: absolute;
	right: 10px;
	color: var(--orange);
	top: 50%;
	transform: translateY(-50%);
	font-size: 24px;
}

/* 支付方式 */
.pay-type-cont {}

.pay-type-cont ul {
	margin-bottom: -10px;
}

.pay-type-cont ul li {
	display: inline-block;
	height: 37px;
	line-height: 35px;
	color: #333333;
	background-color: #F7F7F7;
	padding: 0 10px;
	font-size: 14px;
	border: #DDDDDD solid 1px;
	margin-right: 8px;
	margin-bottom: 10px;
	border-radius: 4px;
	cursor: pointer;
}

.pay-type-cont ul li.active {
	color: #FFFFFF;
	background-color: var(--blue);
	border: var(--blue) solid 1px;
	;
}

/* 收费相关界面 */
.full-flex-page {
	display: flex;
	position: absolute;
	left: 0;
	top: 0px;
	right: 0;
	bottom: 0;
	background-color: #FFFFFF;
	padding: 0px;
}

.full-flex-page>div {
	height: 100%;
	overflow-y: auto;
}

/* 收费主显示区 */
.full-box-cont {
	flex: 1;
	padding: 15px 15px 15px 15px;
	/* max-width: 1300px; */
	height: calc(100% - 30px);
}

.flex-side-cont {
	width: 270px;
	position: relative;
	background: #eaedf1;
	/* 	border: dashed #dddddd 1px; */
}

.over-auto {
	overflow-y: auto !important;
}

/* 侧栏树形菜单 */
.tree-list {
	width: 200px;
	background: #eaedf1;
}

.tree-list.closed {}

/* 侧栏基本信息页面 */
.side-about-cont {
	width: 300px;
	background-color: #999999;
}

.charge-cont {
	display: flex;
	position: relative;
	flex: 1;
	height: 100%;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	border-radius: 0px;
	overflow: hidden;
	padding: 60px 0px 0px 0px;
	max-width: 1300px;
	background-color: #FFFFFF;
}

.charge-cont .form-control {
	display: inline-block;
	padding: 6px 10px;
	float: left;
	font-size: 14px;
	width: 100%;
	border-color: #DDDDDD;
	color: #336666;
	border-radius: 0 !important;
	border-collapse: collapse;
}

.charge-cont .select-card {
	display: inline-block;
	color: #666666;
}

.charge-cont .money-input {
	display: inline-block;
	width: 120px;
	font-size: 16px;
	font-weight: bold;
}

.charge-cont-top {
	height: 60px;
	width: 100%;
	position: absolute;
	flex: none;
	top: 0;
	left: 0;
	right: 0;
	background-color: var(--anhui);
	color: var(--haojin);
	display: flex;
}

.charge-cont-top .search-cont {
	width: 300px;
	padding: 10px 15px;
	position: relative;
}

.charge-cont-top .search-cont .input {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	padding: 15px;
	width: calc(100% - 80px);
	float: left;
	border-radius: 0;
	border: none;
}

.charge-cont-top .search-cont .s-btn {
	height: 40px;
	display: inline-block;
	background-color: var(--orange);
	color: #FFFFFF;
	font-weight: 500;
	font-size: 18px;
	float: left;
	line-height: 40px;
	padding: 0 20px;
	width: 80px;
	border: none;
}

.charge-cont-top .user-info {
	flex: 1;
	padding: 0 15px;
	font-size: 18px;
	font-weight: 500;
	line-height: 60px;
}

.charge-cont-top .user-info i::before {
	font-family: "iconfont";
	content: "\eaa5";
	font-size: 30px;
	float: left;
	font-style: normal;
	margin-right: 10px;
}

.charge-cont-top .user-info span {
	margin-right: 10px;
}

.charge-cont-top .user-info .role {
	background: var(--haojin);
	border-radius: 10px;
	font-size: 14px;
	line-height: 30px;
	padding: 0 10px;
	color: var(--anhui);
}

.charge-cont-cont {
	flex: 1;
	height: 100%;
	overflow-y: auto;
	padding: 15px;
}

/* 侧栏相关菜单区域 */
.side-btn-cont {
	width: 130px;
	/* 	padding:0 15px; */
	/* background-color: #eaedf1; */
	background-color: #272738;
	overflow-y: auto;
}

.side-btn-cont .title {
	/* height: 50px; */
}

.side-btn-cont ul {
	/* 	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px; */
	overflow: hidden;
	/* border: #DDDDDD solid 1px; */
	padding-top: 15px;
}

.side-btn-cont ul li {
	line-height: 50px;
	color: var(--haojin);
	border-bottom: #293c55 solid 1px;
	text-align: center;
	/* 	background: #eaedf1; */
}

.side-btn-cont ul li:last-child {
	/* border: none; */
}

.side-btn-cont ul li a {
	color: var(--grey);
	display: block;
	padding: 0 20px;
}

.side-btn-cont ul li.curr a {
	/* background:var(--blue);
	color: #FFFFFF; */
	font-weight: bold;
	background: #FFFFFF;
	color: #333333;
}

.side-btn-cont ul li a:hover {
	color: #FFFFFF;
	background-color: #293c55;
}

.side-btn-cont ul li i {}

/* 收据表格 */
.receipt-cont {
	text-align: center;
	color: #333333;
	padding: 20px;
	/* border: #CCCCCC solid 1px; */
	max-width: 1000px;
	margin: 0 auto;
}

.receipt-cont h1 {
	font-size: 26px;
	line-height: 40px;
	color: #333333;
}

.receipt-cont .receipt-cont-top {
	font-size: 14px;
	line-height: 30px;
	display: flex;
}

.receipt-cont-top .time {
	text-align: left;
	flex: 1;
}

.receipt-cont-top .id {
	text-align: right;
	flex: 1;
}

.receipt-cont-bottom {
	text-align: center;
	font-size: 12px;
	line-height: 35px;
	margin-top: 5px;
}

.receipt-cont table {
	border: #333333 solid 1px;
	border-collapse: collapse;
	font-size: 13px;
	width: 100%;
	text-align: left;
}

.receipt-cont table tr {
	border: #333333 solid 1px;
	border-collapse: collapse;
}

.receipt-cont table th {
	border: #333333 solid 1px;
	border-collapse: collapse;
}

.receipt-cont table td {
	border: #333333 solid 1px;
	border-collapse: collapse;
	color: #333333;
	padding: 5px 10px;
	line-height: 20px;
}

.receipt-cont table td.tt {
	width: 100px;
	text-align: center;
}

.receipt-cont ul {}

.receipt-cont ul li {
	display: flex;
	line-height: 25px;
}

.receipt-cont ul li div {
	flex: auto;
}

.receipt-cont ul li .name {
	text-align: left;
}

.receipt-cont ul li .price {
	text-align: right;
	width: 100px;
}

.po-rt {
	position: absolute;
	right: 0;
	top: 0;
}

.faq-tips {
	font-size: 12px;
	color: #999999;
}

/* 详情ul */
.detail-tt {
	text-align: left;
	font-weight: bold !important;
}

ul.detail-ul {}

ul.detail-ul li {
	display: flex;
	line-height: 30px;
	padding: 0 5px;
}

ul.detail-ul li:nth-child(even) {
	background-color: #F7F7F7;
}

ul.detail-ul li div {
	flex: auto;
}

ul.detail-ul li .name {
	text-align: left;
}

ul.detail-ul li .price {
	text-align: right;
	width: 100px;
}

/* 投票相关 标题-投票人数，开始时间-结束时间，状态，说明，备注，选项内容*/
.vote-list {}

.vote-cont {}

.vote-cont dl {}

.vote-cont dl dt {}

.vote-cont dl dd {}

/* 标题 百分比条 或者用echart展示*/
.vote-cont dl dd .tt {}

.vote-cont dl dd .bar {}

/* 模版列表 */
.template-list {}

/* 左侧选择项，右侧tab切换 */
.big-tab-page {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
}

.side-contract-cont {
	height: 100%;
	background-color: #eef5f9;
	width: 370px;
	padding: 15px;
	overflow-y: auto;
	position: relative;
}

.side-contract-cont .order-cont {
	height: calc(100% - 80px);
	overflow-y: auto;
}

.side-contract-cont .btn-cont {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #f7f7f7;
}

.tab-side-cont {
	height: 100%;
	background-color: #eef5f9;
	width: 250px;
	overflow-y: scroll;
	direction: rtl;
	position: relative;
}

.tab-side-cont>.m-title {
	height: 40px;
	display: flex;
	color: var(--haojin);
	padding: 0 0px;
	margin: 0 0px;
	font-size: 16px;
	font-weight: 500;
	line-height: 40px;
	text-align: center;
	padding-left: 15px;
	direction: ltr;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #272738;
	z-index: 10;
}

.tab-main-cont {
	padding: 0 15px;
	height: 100%;
	overflow-y: auto;
	flex: 1;
	position: relative;
}

.tab-right-cont {
	width: 200px;
	padding: 0px;
}

.tab-right-cont .op-btn {}

.tab-right-cont .op-btn .btn {
	display: block;
	width: calc(100% - 15px);
	margin-top: 15px;
	line-height: 30px;
	font-size: 16px;
	height: auto !important;
}

.side-tab-nav.nav {
	direction: ltr;
	display: block;
}

.side-tab-nav .tab-a {
	display: block;
	border-bottom: #DDDDDD solid 1px;
	padding: 10px 15px 15px 15px;
	min-height: 100px;
	z-index: 7;
	position: relative;
	/* transition: all 0.3s; */
}

.side-tab-nav .tab-a.active {
	position: sticky;
	top: 0px;
	background-color: #FFFFFF;
	z-index: 9;
}

.big-top-add+.side-tab-nav .tab-a.active {
	top: 40px;
}

.side-tab-nav .nav-cont .radio {
	z-index: 11;
	position: relative;
}

.side-tab-nav .do-btn {
	position: relative;
	z-index: 9;
	display: inline-block;
	font-size: 14px;
	line-height: 25px;
	color: #333333;
	margin-top: 10px;
}

.side-tab-nav .do-btn::before {
	font-size: 20px;
	font-family: "iconfont";
	content: '\e6d5';
	color: var(--grey);
	float: left;
	margin-right: 8px;
}

.side-tab-nav .do-btn.checked::before {
	content: '\e6d4';
	color: var(--blue);
}

.side-tab-nav .title {
	min-height: 40px;
	display: flex;
	color: #333333;
	padding: 10px 0px;
	margin: 0 0px;
	font-size: 15px;
	font-weight: bold;
	font-weight: 500;
	line-height: 25px;
}

.side-tab-nav .title i::before {
	font-family: "iconfont";
	content: "\eaa5";
	font-size: 20px;
	float: left;
	font-style: normal;
	margin-right: 10px;
}

.side-tab-nav .title span {
	margin-right: 10px;
}

.side-tab-nav ul {}

.side-tab-nav ul li {
	position: relative;
	font-size: 13px;
	line-height: 20px;
	padding: 0px 0px 5px 75px;
	color: #333333;
	min-height: 25px;
}

.side-tab-nav ul li .tt {
	position: absolute;
	left: 0px;
	width: 80px;
	text-align: left;
	color: #666666;
}

.side-tab-nav ul li .cont {}

.side-tab-nav .del {
	display: inline-block;
	position: absolute;
	bottom: 15px;
	right: 15px;
	line-height: 25px;
	text-align: center;
	border: #DDDDDD solid 1px;
	border-radius: 10px;
	padding: 0 10px;
	font-size: 14px;
	color: #666666;
	background-color: #FFFFFF;
	/* transition: all 0.3s; */
}

.side-tab-nav .del::before {
	/* font-family: "iconfont";
	content:"\e618";
	color:var(--red);
	font-size: 26px; */
}

/* 商品选择 */
.good-item {
	display: flex;
	flex-wrap: wrap;
	margin-right: -5px;
}

.good-item .items {
	display: flex;
	width: 184px;
	padding: 10px 20px 10px 10px;
	margin: 5px;
	border: #DDDDDD solid 1px;
	box-sizing: border-box;
	position: relative;
	align-items: center;
	background-color: var(--yellowLight);
}

.good-item .items.add {
	background-color: #F7F7F7;
	color: #333333;
	text-align: center;
	font-size: 16px;
	justify-content: center;
}

.good-item .items.add:hover {
	background-color: #DDDDDD;
}

.good-item .items.add::before {
	font-family: "iconfont";
	content: "\e685";
	font-size: 20px;
	margin-right: 10px;
}

.good-item .items .pic {
	width: 40px;
	height: 40px;
	margin-right: 10px;
}

.good-item .items .pic img {
	width: 40px;
	height: 40px;
}

.good-item .items .info {
	flex: 1;
	line-height: 20px;
	max-height: 40px;
	text-align: left;
	overflow: hidden;
	font-size: 14px;
}

.good-item .items .info a {
	color: #333333;
}

.good-item .items .info .name {
	font-size: 14px;
	color: #333333;
}

.good-item .items .info .tips {
	font-size: 12px;
	height: 25px;
	overflow: hidden;
}

.good-item .items .del {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	background-color: var(--red);
	color: #FFFFFF;
	border-radius: 100%;
	cursor: pointer;
}

.good-item .items .del::before {
	font-family: "iconfont";
	content: "\e6a4";
	font-size: 18px;
}

.good-item .items .del:hover {
	color: var(--yellow);
}

.good-item.auto .items {
	width: auto;
}

.good-item.s .items {
	display: flex;
	padding: 5px 10px 5px 10px;
	margin: 5px;
	border: #DDDDDD solid 1px;
	box-sizing: border-box;
	position: relative;
	align-items: center;
	background-color: var(--yellowLight);
}

.good-item.s .items.add {
	font-size: 14px;
	width: 110px;
	padding: 5px 10px 5px 10px;
	background-color: var(--blue);
	color: #fff;
}

/* 打印表格预览 */
.side-print {
	width: 600px;
}

/* 底部fixed菜单按钮区 */
.fixed-bottom-cont {
	position: fixed;
	display: flex;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #F7F7F7;
	border-top: #DDDDDD solid 1px;
	z-index: 11;
	justify-content: space-between;
}

.fixed-bottom-cont.abs {
	position: absolute;
}

.fixed-bottom-cont .money-info {
	position: absolute;
	height: 30px;
	line-height: 30px;
	margin-top: -31px;
	background-color: #fff9e6;
	border-top: #DDDDDD solid 1px;
	font-size: 14px;
	color: #666666;
	padding-left: 25px;
	left: 0;
	right: 0;
	display: flex;
}

.fixed-bottom-cont .money-info b {
	font-weight: bold;
	color: #333333;
}

.fixed-bottom-cont .btn-cont {
	float: right;
}

.fixed-bottom-cont .show-money {
	padding-left: 85px;
	position: relative;
	padding-top: 25px;
	margin-left: 15px;
}

.fixed-bottom-cont .money-balance {
	flex: 1;
	padding: 20px;
	line-height: 20px;
	font-size: 13px;
	text-align: right;
	padding-right: 55px;
	position: relative;
}

.fixed-bottom-cont .money-balance .all-b {}

.fixed-bottom-cont .money-balance .use-b {
	line-height: 40px;
	font-size: 15px;
	cursor: pointer;
	display: inline-block;
}

.fixed-bottom-cont .money-balance .use-b::after {
	font-family: "iconfont";
	position: absolute;
	right: 15px;
	top: 25px;
	content: "\e6d5";
	width: 30px;
	display: block;
	line-height: 30px;
	text-align: right;
	font-size: 24px;
	color: var(--red);
	cursor: pointer;
}

.fixed-bottom-cont .money-balance .use-b.sel::after {
	content: "\e6d4";
}

.fixed-bottom-cont .show-money .tt {
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	line-height: 30px;
	left: 10px;
	top: 25px;
	color: #333333;
}

.fixed-nav-cont {
	top: 0px;
	z-index: 51;
	position: sticky;
	background-color: #fdf8e4;
	display: flex;
	border-bottom: #ddd solid 1px;
	justify-items: center;
	align-items: center;
	padding: 10px 15px;
}

.fixed-nav-cont .text-tips {
	flex: 1;
	text-align: right;
	color: #666666;
	font-size: 14px;
}

/* 选择暂无房间 */
.no-room {
	position: absolute;
	width: 300px;
	height: 240px;
	top: calc(50% - 140px);
	left: calc(50% - 150px);
	text-align: center;
}

.no-room .no-pic {
	height: 200px;
	background: url(err.jpg) center;
	background-size: contain;
}

.no-room .tt {
	font-size: 16px;
	line-height: 25px;
	padding: 15px 0;
	color: #666666;
}

/* 打印按钮 */
.print-bottom {
	border-top: #DDDDDD solid 1px;
	height: 60px;
	background-color: #FFFFFF;
}

.print-num {
	font-size: 14px;
	color: #333333;
	padding-left: 15px;
	line-height: 60px;
}

.print-num b {
	padding: 0 5px;
	font-weight: bold;
}

.print-btn {
	position: absolute;
	right: 0;
	bottom: 10px;
	text-align: right;
}

.print-btn .btn {
	display: inline-block;
	margin-right: 10px;
}

/* bootstrap 相关修改 */
.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
	color: #FFFFFF;
}

.w1600 {
	min-width: 1450px !important;
}

.add-room {
	color: #FFFFFF !important;
	background-color: var(--red);
	border-radius: 4px;
	padding: 0 10px;
	line-height: 30px;
	display: inline-block;
}

.big-top-add {
	color: #FFFFFF !important;
	background-color: var(--grey);
	padding: 0 15px;
	line-height: 40px;
	text-align: center;
	display: block;
	position: sticky;
	top: 0;
	height: 40px;
	z-index: 10;
}

/* zanwu */
.zanwu {}

.zanwu-text {
	font-size: 14px;
	color: #666666;
	line-height: 40px;
	text-align: center;
}

.zanwu-pic {}

.nodata {
	height: 210px;
	background: url(nodata.jpg) center no-repeat;
}

/* 加载相关 */
#loadingDiv {
	/* position: fixed;
	width: 200px;
	height: 100px;
	left: calc(50vw - 40px);
	top: calc(50vh - 50px);
	background-color: #FFFFFF;
	border-radius: 10px; */
	padding: 15px;
	box-sizing: border-box;
}

.loading-pic {
	background: url(loading-1.gif) no-repeat center;
	margin: 10px auto 0 auto;
	width: 50px;
	height: 50px;
}

.loading-text {
	text-align: center;
	font-size: 14px;
	line-height: 25px;
	color: #999999;
}

.loading {
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #999999;
}

.inputfocus.loading {
	line-height: 19px !important;
	text-align: left;
}

/* 边距相关 */
.m-10 {
	margin: 10px;
}

.m-15 {
	margin: 15px;
}

.m-t-0 {
	margin-top: 0 !important;
}

.m-t-5 {
	margin-top: 5px !important;
}

.m-t-10 {
	margin-top: 10px !important;
}

.m-t-15 {
	margin-top: 15px !important;
}

.m-t-20 {
	margin-top: 20px !important;
}

.m-t-30 {
	margin-top: 30px !important;
}

.m-t-40 {
	margin-top: 40px !important;
}

.m-b-0 {
	margin-bottom: 0px !important;
}

.m-b-10 {
	margin-bottom: 10px !important;
}

.m-b-20 {
	margin-bottom: 20px !important;
}

.m-b-30 {
	margin-bottom: 30px !important;
}

.m-b-40 {
	margin-bottom: 40px !important;
}

.m-b-50 {
	margin-bottom: 50px !important;
}

.m-b-60 {
	margin-bottom: 60px !important;
}

.m-r-0 {
	margin-right: 0 !important;
}

.m-l-0 {
	margin-right: 0 !important;
}

.p-10 {
	padding: 10px !important;
}

.p-15 {
	padding: 15px !important;
}

.p-20 {
	padding: 20px !important;
}

.p-lr-15 {
	padding: 0 15px;
}

.p-b-15 {
	padding-bottom: 15px;
}

.p-t-0 {
	padding-top: 0px !important;
}

.p-t-15 {
	padding-top: 15px;
}

.p-t-20 {
	padding-top: 20px;
}

.p-t-30 {
	padding-top: 30px;
}

.p-t-45 {
	padding-top: 45px;
}

.p-t-50 {
	padding-top: 50px;
}

.p-t-60 {
	padding-top: 60px;
}

.p-b-15 {
	padding-bottom: 15px;
}

.p-b-20 {
	padding-bottom: 20px;
}

.p-b-30 {
	padding-bottom: 30px;
}

.p-b-40 {
	padding-bottom: 40px;
}

.p-b-50 {
	padding-bottom: 50px !important;
}

.p-b-60 {
	padding-bottom: 60px !important;
}

.p-b-90 {
	padding-bottom: 90px !important;
}

.p-b-100 {
	padding-bottom: 110px !important;
}

.p-b-120 {
	padding-bottom: 120px !important;
}

.table-cont {
	position: absolute;
	top: 65px;
	bottom: 15px;
	left: 15px;
	right: 15px;
	border: #ddd solid 1px;
	box-sizing: border-box;
	overflow: auto;
}

/* 动画 */
.scale-up {
	transition: all 0.3s ease;
	transform: scale(0);
	display: inline-block;
	transform-origin: right 0px;
}

.dropdown-menu.show {
	display: block;
}

.show>.scale-up {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transform-origin: right 0px;
	-ms-transform-origin: right 0px;
	transform-origin: right 0px;
}

/* .layui-layer-load{ display: none !important;} */
@media (max-width:768px) {
	.container-fluid {
		padding: 0 10px;
	}
}

/* 层级说明 z-index 的注意
auto-table层级
adropdown-输入下拉框的 40 z-index 不能高于thead

thead 50
所有不能高于layer之上
layer 遮罩60+

*/