@charset "utf-8";

.widgetBoxContainer.widgetBoxAccent {
	position: relative;
}

.widgetBoxAccent .widgetBox {
	position: relative;
	*zoom: 1;
	border: 1px solid #ddd;
	border-radius: 6px;
	background: #fff;
	box-shadow: none;
	overflow: hidden;
}
.widgetBoxAccent .widgetBox:after {
	content: "";
	display: block;
	clear: both;
}

.widgetBoxAccent .widgetBoxHeader {
	position: relative;
	z-index: 10;
	margin: 0;
	padding: 0 14px 0 18px;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	font-weight: 700;
	color: #222222;
	background: #f4f6f8;
	border-bottom: 1px solid #ddd;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-indent: 0;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
.widgetBoxAccent .widgetBoxHeader::before {
	content: '';
	position: absolute;
	left: -1px;
	top: -1px;
	width: 57px;
	height: calc(100% + 1px);
	background: var(--ws-point, #337ab7);
	-webkit-mask-image:
		var(--ws-band-mask, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='9' viewBox='0 0 56 9'%3E%3Cpath fill='%23fff' d='M0 6A6 6 0 0 1 6 0h42l8 0-8 3H6A3 3 0 0 0 3 6v3H0V6z'/%3E%3C/svg%3E")),
		linear-gradient(#fff, #fff);
	-webkit-mask-size: 56px var(--ws-band-svg-h, 9px), var(--ws-band-t, 3px) calc(50% + var(--ws-band-ro, 6px));
	-webkit-mask-position: 0 0, 0 var(--ws-band-ro, 6px);
	-webkit-mask-repeat: no-repeat;
	mask-image:
		var(--ws-band-mask, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='9' viewBox='0 0 56 9'%3E%3Cpath fill='%23fff' d='M0 6A6 6 0 0 1 6 0h42l8 0-8 3H6A3 3 0 0 0 3 6v3H0V6z'/%3E%3C/svg%3E")),
		linear-gradient(#fff, #fff);
	mask-size: 56px var(--ws-band-svg-h, 9px), var(--ws-band-t, 3px) calc(50% + var(--ws-band-ro, 6px));
	mask-position: 0 0, 0 var(--ws-band-ro, 6px);
	mask-repeat: no-repeat;
	z-index: 3;
	pointer-events: none;
}
.widgetBoxAccent.widgetBoxAccent--bandBar .widgetBoxHeader::before {
	-webkit-mask-size: 56px var(--ws-band-svg-h, 9px), var(--ws-band-t, 3px) calc(100% - var(--ws-band-ro, 6px));
	mask-size: 56px var(--ws-band-svg-h, 9px), var(--ws-band-t, 3px) calc(100% - var(--ws-band-ro, 6px));
}
.widgetBoxAccent.widgetBoxAccent--bandCornerRight .widgetBoxHeader::before {
	content: none;
}
.widgetBoxAccent .widgetBoxHeader::after {
	content: none;
}
.widgetBoxAccent.widgetBoxAccent--bandCornerRight .widgetBoxHeader::after,
.widgetBoxAccent.widgetBoxAccent--bandCornerBoth .widgetBoxHeader::after {
	content: '';
	position: absolute;
	right: -1px;
	bottom: -1px;
	top: auto;
	left: auto;
	width: 57px;
	height: calc(50% + 12px);
	background: var(--ws-point, #337ab7);
	-webkit-clip-path: polygon(
		100% 0,
		calc(100% - var(--ws-band-t, 3px)) 0,
		calc(100% - var(--ws-band-t, 3px)) calc(100% - var(--ws-band-t, 3px) + 1px),
		14px calc(100% - var(--ws-band-t, 3px) + 1px),
		6px 100%,
		100% 100%
	);
	clip-path: polygon(
		100% 0,
		calc(100% - var(--ws-band-t, 3px)) 0,
		calc(100% - var(--ws-band-t, 3px)) calc(100% - var(--ws-band-t, 3px) + 1px),
		14px calc(100% - var(--ws-band-t, 3px) + 1px),
		6px 100%,
		100% 100%
	);
	z-index: 3;
	pointer-events: none;
}
.widgetBoxAccent.widgetBoxAccent--bandBar.widgetBoxAccent--bandCornerRight .widgetBoxHeader::after,
.widgetBoxAccent.widgetBoxAccent--bandBar.widgetBoxAccent--bandCornerBoth .widgetBoxHeader::after {
	height: calc(100% + 1px);
}
.widgetBoxAccent .widgetBoxHeader > * {
	position: relative;
	z-index: 2;
}

.widgetBoxAccent .widgetContainer {
	position: relative;
	z-index: 10;
}

.widgetBoxAccent .widgetMore {
	position: absolute;
	display: flex;
	align-items: center;
	top: 0;
	right: 14px;
	height: 48px;
	z-index: 20;
	text-decoration: none;
	font-size: 15px !important;
	font-weight: 700;
	white-space: nowrap;
	color: var(--ws-point, #337ab7);
	text-align: center;
}
.widgetBoxAccent .widgetMore img {
	border: 0;
}

.widgetBoxAccent .rcContainer {
	display: none !important;
}