@charset "UTF-8";

#body,.mCSB_horizontal.mCSB_outside>.mCSB_container {
	min-height: 100%
}

b,h1,h2,h3,h4,h5,h6 {
	font-weight: 400
}

.popFaceTitle a:hover,a,a:hover {
	text-decoration: none
}

.clear,.clearfix:after,hr {
	clear: both
}

*,.flat .old option,.mCustomScrollBox,a,a:focus {
	outline: 0
}

.mCustomScrollbar {
	-ms-touch-action: pinch-zoom;
	touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action {
	-ms-touch-action: auto;
	touch-action: auto
}

.mCustomScrollBox {
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	direction: ltr
}

.mCSB_container {
	overflow: hidden;
	width: auto;
	height: auto
}

.mCSB_inside>.mCSB_container {
	margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-left: 0
}

.mCSB_scrollTools {
	position: absolute;
	width: 16px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: .75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_outside+.mCSB_scrollTools {
	right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	right: auto;
	left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto
}

.mCSB_scrollTools .mCSB_draggerRail {
	width: 2px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px;
	z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	position: relative;
	width: 4px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp {
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
	bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-bottom: 30px
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	width: auto;
	height: 16px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
	margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 2px;
	margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 30px;
	height: 100%;
	left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 12px;
	margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 8px;
	margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
	left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	right: 0
}

.mCSB_container_wrapper {
	position: absolute;
	height: auto;
	width: auto;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-right: 30px;
	margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
	padding-right: 30px;
	padding-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
	margin-right: 0;
	margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
	padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
	padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
	margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0
}

.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
	transition: opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
	-webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
	-moz-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
	-o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
	transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
	opacity: 0;
	filter: "alpha(opacity=0)";
	-ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0,0,0,.4);
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,.75);
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,.85);
	filter: "alpha(opacity=85)";
	-ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,.9);
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp {
	background-repeat: no-repeat;
	opacity: .4;
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover {
	opacity: .75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active {
	opacity: .9;
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255,255,255,.1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255,255,255,.75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,.85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,.9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0,0,0,.1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255,255,255,.1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	background-color: #fff;
	background-color: rgba(255,255,255,.75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 6px;
	margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,.85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,.9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0,0,0,.1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255,255,255,.1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 2px;
	margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0,0,0,.15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255,255,255,.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
	height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 14px;
	margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 14px;
	margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 16px;
	height: 16px;
	margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 16px;
	width: 16px;
	margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0,0,0,.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
	width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	background-color: transparent;
	background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat: repeat-y;
	opacity: .3;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0;
	background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-y;
	background-image: -moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 70px
}

.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
	width: 8px;
	background-color: #000;
	background-color: rgba(0,0,0,.2);
	box-shadow: inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 8px;
	margin: 4px 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 8px;
	margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0,0,0,.1);
	box-shadow: inset 1px 0 1px rgba(0,0,0,.1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
	right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical {
	box-shadow: inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal {
	bottom: 1px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: inset 1px 0 0 rgba(255,255,255,.4);
	width: 12px;
	margin: 2px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
	height: 12px;
	width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #000;
	background-color: rgba(0,0,0,.05);
	box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
	box-shadow: inset 0 0 14px rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #fff;
	background-color: rgba(0,0,0,.05);
	box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
	right: 0;
	margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: 0;
	margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
	left: 0;
	right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,.2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,.5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
	width: 6px;
	background-color: #000;
	background-color: rgba(0,0,0,.2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 6px;
	margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 12px;
	margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0,0,0,.1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
	width: 12px;
	background-color: #000;
	background-color: rgba(0,0,0,.2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	margin: 3px 5px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 6px;
	margin: 5px 3px;
	position: absolute;
	width: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 12px;
	margin: 2px 0
}

*,a,body,button,caption,dd,div,dl,dt,em,figure,form,h1,h2,h3,h4,h5,h6,html,i,img,input,label,li,ol,p,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul {
	margin: 0;
	padding: 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0,0,0,.1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	border-color: rgba(255,255,255,.2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
	border-color: #000;
	border-color: rgba(0,0,0,.2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255,255,255,.6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0,0,0,.6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,.9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,.75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,.85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,.9)
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools {
	animation: myfirst 1s;
	-webkit-animation: myfirst 1s;
	opacity: 1;
	-webkit-animation-fill-mode: forwards
}

@keyframes myfirst {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

img {
	border: 0
}

ul li {
	list-style-type: none
}

a {
	color: inherit
}

i {
	font-style: normal
}

button,input,select,textarea {
	font-family: inherit;
	font-size: 14px;
	border: 0;
	outline: 0
}

button::-moz-focus-inner,input[type=button]::-moz-focus-inner {
	border: none;
	padding: 0
}

a[class|=btn] {
	display: inline-block;
	vertical-align: top;
	zoom: 1
}

input[type=checkbox],input[type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

input::-webkit-input-safebox-button {
	display: none
}

header {
	width: 100%;
	height: 56px;
	background: #ffe300
}

header nav {
	height: 56px;
	margin: 0 70px;
	position: relative
}

header nav .logo {
	position: absolute;
	top: 18px;
	left: 0
}

header nav .return-to-old {
	font-size: 12px;
	margin-left: 13px;
	float: right;
	margin-top: 4px
}

header nav .header-menu-bar {
	height: 56px;
	margin: 0 auto
}

header nav .header-menu-bar .search-input-hull {
	width: 540px;
	margin: 0 auto;
	position: relative;
	z-index: 9
}

header nav .header-menu-bar .search-input-hull .search-ipt {
	display: inline-block;
	background: url(../images/svg/nav-search.svg?v=1) no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 18px;
	right: 0;
	z-index: 1;
	cursor: pointer
}

header nav .header-menu-bar .search-input-hull input {
	width: 470px;
	height: 56px;
	color: #444;
	background: #ffe300;
	position: absolute;
	font-size: 14px;
	line-height: 50px;
	padding-left: 40px
}

header nav .header-menu-bar .search-input-hull .search-cancel {
	display: inline-block;
	background: url(../images/common/guanbihover.svg) no-repeat;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 21px;
	cursor: pointer;
	z-index: 3
}

header nav .header-menu-bar .search-input-hull .search-content {
	width: 540px;
	background: #fff;
	-webkit-box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
	box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
	border-radius: 0 0 4px 4px;
	color: #444;
	position: absolute;
	top: 56px;
	overflow: hidden
}

header nav .header-menu-bar .search-input-hull .search-content .hot-list:hover,header nav .header-menu-bar .search-input-hull .search-content .search-content-list .search-l.active {
	background: #f2f2f2
}

header nav .header-menu-bar .search-input-hull .search-content .search-title {
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	font-size: 12px;
	color: #bbb
}

header nav .header-menu-bar .search-input-hull .search-content .more-link a {
	color: #d36f16
}

header nav .header-menu-bar .search-input-hull .search-content .more-link-margin {
	margin-bottom: 20px
}

header nav .header-menu-bar .search-input-hull .search-content .check-all {
	height: 44px;
	line-height: 44px;
	border-top: 1px solid #f2f2f2;
	width: 100%;
	color: #444;
	display: inline-block;
	text-align: center
}

header nav .header-menu-bar .search-input-hull .search-content .search-no-find {
	line-height: 40px;
	padding: 0 20px;
	color: #bbb
}

header nav .header-menu-bar .search-input-hull .search-content .hot-list.hot-list-designer img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 10px
}

header nav .header-menu-bar .search-input-hull .search-content .search-content-list {
	overflow: hidden
}

header nav .header-menu-bar .search-input-hull .search-content .search-content-list>.hot-list:first {
	margin-top: 9px
}

header nav .header-menu-bar .search-input-hull .search-content .search-content-list .hot-list {
	height: 40px;
	line-height: 40px
}

header nav .header-menu-bar .search-input-hull .search-content .search-content-list .hot-list a {
	display: inline-block;
	width: 100%;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

header nav .header-menu-bar [placeholder],header nav .header-menu-bar input[placeholder] {
	color: #444!important
}

header nav .header-menu-bar .menu-box {
	text-align: center
}

header nav .header-menu-bar .menu-box>ul.menu-list-content {
	height: 56px;
	margin: 0 auto;
	display: inline-block
}

header nav .header-menu-bar .menu-box>ul.menu-list-content li {
	float: left;
	cursor: pointer;
	height: 56px;
	line-height: 56px;
	text-align: start;
	text-align: left
}

header nav .header-menu-bar .menu-box>ul.menu-list-content li a.menu-list-box {
	display: inline-block;
	padding: 0 24px
}

header nav .header-menu-bar .menu-box>ul.menu-list-content li span.menu-tit-box {
	padding: 0 20px
}

header nav .header-menu-bar .menu-box>ul.menu-list-content li:hover {
	background: #282828;
	color: #ffe300
}

header nav .header-menu-bar .menu-box>ul.menu-list-content li.current a.menu-list-box {
	font-weight: 600
}

header nav .header-menu-bar .discover-box {
	width: 664px;
	padding: 0;
	left: 0
}

header nav .header-menu-bar .discover-box .discover-box-list {
	border-bottom: 1px solid #eaeaea;
	line-height: 0;
	overflow: hidden;
	padding: 11px 17px 17px
}

header nav .header-menu-bar .discover-box .discover-box-list div {
	float: left;
	width: 90px;
	height: 28px;
	line-height: 28px;
	position: relative;
	margin-top: 4px;
	text-align: center
}

header nav .header-menu-bar .discover-box .discover-box-list a {
	display: inline-block;
	min-width: 42px;
	height: 28px;
	line-height: 28px;
	padding: 0 7px;
	text-align: center;
	position: relative;
	margin: 0 6px;
	border-radius: 4px
}

header nav .header-menu-bar .discover-box .discover-box-list a:hover {
	background: #ffe300;
	color: #444
}

header nav .header-menu-bar .discover-box .discover-check-all {
	padding: 0 30px;
	line-height: 51px
}

header nav .header-menu-bar .discover-box .discover-check-all a {
	margin-right: 40px;
	color: #444;
	padding-right: 15px;
	background: url(../images/svg/gengduojiantou.svg) right no-repeat;
	background-size: 10px 10px
}

header nav .header-menu-bar .discover-box .discover-check-all a:hover {
	color: #d36f16;
	background: url(../images/svg/gengduojiantou2.svg) right no-repeat;
	background-size: 10px 10px
}

header nav .header-menu-bar .discover-box i {
	display: inline-block;
	width: 1px;
	height: 14px;
	background: #ddd;
	position: absolute;
	top: 5px;
	right: 0
}

header nav .header-menu-bar .discover-box a i:not(:last-child) {
	width: 0
}

header nav .header-menu-bar .header-menu-withmore {
	position: relative;
	cursor: pointer
}

header nav .header-menu-bar .header-menu-withmore:hover {
	background: #444;
	color: #ffe300
}

header nav .header-menu-bar .header-menu-withmore:hover .menu-list {
	display: block
}

header nav .header-menu-bar .header-menu-withmore p a {
	width: 152px;
	padding-left: 20px
}

header nav .header-menu-bar .more-menu {
	position: relative;
	cursor: pointer
}

header nav .header-menu-bar .more-menu .menu-list p a {
	width: 152px;
	position: relative
}

header nav .header-menu-bar .more-menu i {
	display: inline-block;
	background-image: url(../images/svg/nav-more.svg);
	background-repeat: no-repeat;
	background-position: left center;
	width: 20px;
	height: 56px;
	background-size: 20px auto
}

header nav .header-menu-bar .more-menu _:-ms-lang(x),header nav .header-menu-bar .more-menu _::-webkit-meter-bar,header nav .header-menu-bar .more-menu i {
	background-image: url(../images/nav-more.png)
}

header nav .header-menu-bar .more-menu:hover i {
	background-image: url(../images/svg/nav-more-hover.svg);
	width: 20px;
	height: 56px;
	background-size: 20px auto
}

header nav .header-menu-bar .more-menu:hover _:-ms-lang(x),header nav .header-menu-bar .more-menu:hover _::-webkit-meter-bar,header nav .header-menu-bar .more-menu:hover i {
	background-image: url(../images/nav-more-hover.png)
}

header nav .header-menu-bar .more-menu:hover .menu-list {
	display: block
}

header nav .header-menu-bar .menu-list {
	left: 0
}

header nav .menu-list {
	width: 152px;
	padding: 6px 0;
	position: absolute;
	background: #fff;
	top: 56px;
	border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
	box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
	color: #444;
	z-index: 14
}

header nav .menu-list p {
	height: 44px;
	line-height: 44px;
	cursor: pointer
}

header nav .menu-list p:hover {
	background: #ffe300
}

header nav .menu-list p a {
	width: 100%;
	padding-left: 20px;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

header nav .menu-list sup.subnav-dot-sup {
	top: 12px
}

header nav .search {
	position: absolute;
	top: 0;
	right: 192px;
	width: 60px;
	height: 56px;
	text-align: center;
	line-height: 56px;
	cursor: pointer
}

header nav .search i {
	display: inline-block;
	background: url(../images/svg/nav-search.svg?v=1) no-repeat;
	width: 20px;
	height: 20px;
	margin-top: 18px
}

header nav .search:hover {
	background: #282828
}

header nav .search:hover i {
	background: url(../images/svg/nav-search-hover.svg?v=1) no-repeat
}

header nav .user-center {
	width: 192px;
	height: 56px;
	position: absolute;
	top: 0;
	right: 0
}

header nav .user-center .login {
	float: left
}

header nav .user-center .login .user .avatar-container-30 {
	padding: 13px 20px
}

header nav .user-center .login .user .user-list {
	display: block
}

header nav .user-center .login .user .user-list sup.subnav-dot-sup {
	top: 10px;
	right: 14px
}

header nav .user-center .unlogin {
	float: left
}

header nav .user-center .unlogin li {
	line-height: 60px
}

header nav .user-center .unlogin a {
	margin-left: 20px;
	padding: 0
}

header nav .user-center .unlogin i {
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #444;
	margin-left: 20px
}

header nav .user-center .menu-list {
	width: 180px;
	position: absolute;
	right: 0;
	background: #fff;
	-webkit-box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
	box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
	border-radius: 0 0 4px 4px;
	color: #444;
	z-index: 14
}

header nav .user-center .menu-list p {
	height: 44px;
	line-height: 44px;
	cursor: pointer
}

header nav .user-center .menu-list p:hover {
	background: #ffe300
}

header nav .user-center .header-upload {
	float: left;
	position: relative
}

header nav .user-center .header-upload a.upload-link:after {
	content: "";
	display: inline-block;
	background: url(../images/svg/nav-upload.svg) center center no-repeat;
	width: 30px;
	height: 20px
}

header nav .user-center .header-upload:hover {
	background: #282828
}

header nav .user-center .header-upload:hover a.upload-link:after {
	background: url(../images/svg/nav-upload-hover.svg) center center no-repeat
}

header nav .user-center .header-upload .menu-list {
	width: 152px
}

header nav .user-center .header-menu-withmore {
	position: relative
}

header nav .user-center .header-menu-withmore:hover .menu-list {
	display: block
}

header nav .user-center .upload-link {
	height: 20px;
	padding: 18px 16px;
	display: inline-block
}

header nav .user-center ul li a {
	display: inline-block
}

header nav .user-center>ul>li {
	float: left;
	cursor: pointer;
	position: relative
}

header nav .user-center>ul>li>a {
	padding: 18px 17px
}

header nav .user-center>ul li:not(.user) .message-list {
	height: 20px
}

header nav .user-center>ul .message {
	position: relative;
	height: 56px
}

header nav .user-center>ul .message a.message-list {
	position: relative
}

header nav .user-center>ul .message a.message-list i {
	display: inline-block;
	background: url(../images/svg/nav-message.svg) center center no-repeat;
	width: 25px;
	height: 20px
}

header nav .user-center>ul .message a.message-list sup.subnav-num-sup {
	left: 26px;
	word-break: normal
}

header nav .user-center>ul .message a.message-list sup.subnav-dot-sup {
	right: 12px;
	top: 14px
}

header nav .user-center>ul .message:hover {
	background: #282828
}

header nav .user-center>ul .message:hover a.message-list i {
	background: url(../images/svg/nav-message-hover.svg) center center no-repeat
}

header nav .user-center>ul .message .message-box {
	width: 300px;
	padding: 0
}

header nav .user-center>ul .message .message-box section {
	height: 52px;
	line-height: 52px;
	border-bottom: 1px solid #dedede;
	padding: 0 30px;
	text-align: left;
	position: relative;
	font-size: 16px;
	cursor: default
}

header nav .user-center>ul .message .message-box section span {
	font-size: 12px;
	color: #999;
	position: absolute;
	right: 30px;
	cursor: pointer
}

header nav .user-center>ul .message .message-box .message-box-list-wrapper {
	height: 225px;
	position: relative
}

header nav .user-center>ul .message .message-box ul.message-box-list {
	height: 225px;
	overflow-y: auto;
	overflow: hidden
}

header nav .user-center>ul .message .message-box ul.message-box-list li {
	width: 240px;
	max-height: 70px;
	line-height: 25px;
	padding: 10px 30px;
	border-bottom: 1px solid #f2f2f2;
	word-wrap: break-word;
	position: relative
}

header nav .user-center>ul .message .message-box ul.message-box-list li a {
	max-height: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	display: -moz-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-line-clamp: 2
}

header nav .user-center>ul .message .message-box ul.message-box-list li a.readed {
	color: #bbb
}

header nav .user-center>ul .message .message-box ul.message-box-list li:hover {
	background: #ffe300
}

header nav .user-center>ul .message .message-box ul.message-box-list li:hover a {
	color: #282828
}

header nav .user-center>ul .message .message-box ul.message-box-list li b {
	font-weight: 700
}

header nav .user-center>ul .message .message-box ul.message-box-list li span {
	display: block;
	position: relative
}

header nav .user-center>ul .message .message-box ul.message-box-list li .msg-box-num {
	background: #000;
	display: inline-block;
	text-align: center;
	border-radius: 10px;
	padding: 0 5px;
	font-size: 12px;
	color: #fff;
	vertical-align: middle;
	margin-left: 10px;
	line-height: 15px;
	position: absolute;
	right: 30px;
	top: 15px;
	opacity: .3
}

header nav .user-center>ul .message .message-box ul.message-box-list .news-circle a {
	width: 210px
}

header nav .user-center>ul .message .message-box ul.message-box-list .no-news-circle a {
	width: auto
}

header nav .user-center>ul .message .message-box ul.message-box-list .message-list-1 {
	display: inline-block;
	background: url(../images/message-list-1.png) 0 4px no-repeat;
	width: 16px;
	height: 28px;
	float: left
}

header nav .user-center>ul .message .message-box ul.message-box-list .message-list-2 {
	display: inline-block;
	background: url(../images/message-list-2.png) 0 4px no-repeat;
	width: 16px;
	height: 28px;
	float: left
}

header nav .user-center>ul .message .message-box ul.message-box-list .message-list-3 {
	display: inline-block;
	background: url(../images/message-list-3.png) 0 4px no-repeat;
	width: 16px;
	height: 28px;
	float: left
}

header nav .user-center>ul .message .message-box .check-all {
	display: inline-block;
	width: 300px;
	line-height: 44px;
	text-align: center;
	vertical-align: middle;
	color: #444;
	border-top: 1px solid #eaeaea
}

header nav .user-center>ul .header-msg-menu-withmore:hover .menu-list,header nav .user-center>ul .user:hover .menu-list {
	display: block
}

header nav .user-center>ul .current-style {
	background: #282828
}

header nav .user-center>ul .current-style a.message-list i {
	background: url(../images/svg/nav-message-hover.svg) center center no-repeat
}

header nav .user-center>ul .user:hover {
	background: #282828
}

header nav .user-center>ul .user a.user-list img {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	border-radius: 50%
}

header nav .user-center>ul .user .user-box {
	padding: 0
}

header nav .user-center>ul .user .user-box section {
	line-height: 60px;
	border-bottom: 1px solid #eee;
	text-align: left;
	padding-left: 20px;
	font-weight: 600
}

.btn-default-main,.btn-default-secondary,.btn-disabled,.btn-small,.empty,.error-prompt .error-icon,.loading,.text-center,sup.subnav-num-sup {
	text-align: center
}

header nav .user-center>ul .user .user-box section a {
	display: inline-block;
	width: 100%
}

header nav .user-center>ul .user .user-box .personal-page i,header nav .user-center>ul .user .user-box .works-manange i {
	display: inline-block;
	background: url(../images/message-list-1.png) no-repeat;
	width: 16px;
	height: 16px
}

header nav .user-center>ul .user .user-box .user-box-list {
	padding: 6px 0
}

header nav .user-center>ul .user .user-box .user-box-list p {
	padding-left: 0
}

header nav .user-center>ul .user .user-box .user-box-list .user-box-list-area:not(:last-child) {
	border-bottom: 1px solid #eaeaea
}

header nav .user-center>ul .user .user-box .user-box-list .user-box-list-area a {
	display: inline-block;
	width: 152px;
	padding-left: 20px;
	position: relative
}

header nav .user-center>ul .user .user-box .user-box-list .user-box-list-area a sup {
	top: 12px
}

#nav-search-ipt:focus {
	background: 0 0!important
}

*html .menu-tit-box i {
	margin-top: 10px
}

.header {
	width: 100%;
	height: 56px
}

.header-absolute {
	position: absolute;
	z-index: 10
}

.community-upicon-location-prompt {
	width: 172px;
	padding-top: 26px;
	position: absolute;
	right: 16px;
	top: 44px;
	z-index: 3
}

.community-tag-clip {
	height: 17px;
	width: 0;
	margin-top: 8px;
	border-right: 1px dashed #282828;
	right: 15px;
	position: absolute;
	top: 0
}

.community-tag-clip:before {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	background: #282828;
	position: absolute;
	top: -8px;
	right: -4px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%
}

.upicon-location-tips {
	height: 40px;
	line-height: 40px;
	padding: 0 8px;
	background: rgba(40,40,40,.9);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #fff
}

.upicon-location-tips .upicon-close-prompt {
	margin-left: 4px
}

sup.subnav-dot-sup {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ff4a3b;
	margin: 0 0 2px 3px;
	position: absolute;
	top: 20px
}

sup.subnav-num-sup {
	min-width: 8px;
	height: 16px;
	background: #f4523b;
	border-radius: 10px;
	padding: 0 4px;
	font-size: 12px;
	color: #f9f9f9;
	vertical-align: middle;
	line-height: 15px;
	margin: 0 0 2px 3px;
	position: absolute;
	top: 14px
}

@media screen and (max-width:1280px) {
	header nav {
		margin: 0 30px
	}
}

.sales-icon {
	height: 18px;
	line-height: 18px;
	padding: 0 3px;
	font-size: 12px;
	color: #fff;
	background: #ea4335
}

.sales-icon:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -5px;
	border-top: 5px solid transparent;
	border-right: none;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #ea4335
}

#body,.p-relative {
	position: relative
}

body,html {
	height: 100%;
	background: #f4f4f4
}

body {
	font: 14px/1.5 "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif
}

input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill {
	background-color: #fff!important;
	background-image: none!important;
	color: #333!important;
	box-shadow: 0 0 0 1000px #f4f4f4 inset;
	-webkit-box-shadow: 0 0 0 1000px #f4f4f4 inset
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color: #bbb
}

input:-moz-placeholder,textarea:-moz-placeholder {
	color: #bbb
}

input::-moz-placeholder,textarea::-moz-placeholder {
	color: #bbb
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
	color: #bbb
}

input:-webkit-autofill:focus,textarea:-webkit-autofill:focus {
	box-shadow: 0 0 0 1000px #fff inset;
	-webkit-box-shadow: 0 0 0 1000px #fff inset
}

input[type=text]:focus,input[type=password]:focus,textarea:focus {
	background: #fff;
	color: #444
}

input[type=text].borderred,textarea.borderred {
	border: 1px solid #f4523b!important
}

hr {
	border: 0;
	height: 1px
}

main {
	display: block
}

#body {
	color: #282828;
	padding-bottom: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.main-wrapper {
	margin-bottom: 40px
}

.left {
	float: left
}

.right {
	float: right
}

.mt-10 {
	margin-top: 10px
}

.mt-5 {
	margin-top: 5px
}

.mt-6 {
	margin-top: 6px
}

.mt-20 {
	margin-top: 20px
}

.mt-22 {
	margin-top: 22px
}

div.mt-20 {
	margin-top: 20px
}

.mt-16 {
	margin-top: 16px
}

.mt-25 {
	margin-top: 25px
}

.mt-30 {
	margin-top: 30px
}

.mt-40 {
	margin-top: 40px
}

.mt_-9 {
	margin-top: -9px
}

.mt_-10 {
	margin-top: -10px
}

.mr-5 {
	margin-right: 5px
}

.mr-10 {
	margin-right: 10px
}

.mr-20 {
	margin-right: 20px
}

.mr-30 {
	margin-right: 30px
}

.mr-40 {
	margin-right: 40px
}

.ml-5 {
	margin-left: 5px
}

.ml-10 {
	margin-left: 10px
}

.ml-30 {
	margin-left: 30px
}

.ml-40 {
	margin-left: 40px
}

.mb-10 {
	margin-bottom: 10px
}

.mb-20 {
	margin-bottom: 20px
}

.mlr-20 {
	margin-left: 20px;
	margin-right: 20px
}

.pt-30 {
	padding-top: 30px
}

.ptb-6 {
	padding: 6px 0
}

.p-lr-20 {
	padding: 0 20px
}

.p-20 {
	padding: 20px
}

.f-18 {
	font-size: 18px
}

.f-20 {
	font-size: 20px
}

.f-16 {
	font-size: 16px
}

.f-14 {
	font-size: 14px
}

.f-12 {
	font-size: 12px
}

.f-24 {
	font-size: 24px
}

.f-32 {
	font-size: 32px
}

.f-40 {
	font-size: 40px
}

.c-fff {
	color: #fff
}

.c-bbb {
	color: #bbb
}

.c-999 {
	color: #999
}

.c-000 {
	color: #000
}

.c-666 {
	color: #666
}

.c-D0021B {
	color: #d0021b
}

.bgc-fb {
	background: #fbfbfb
}

.line-56 {
	line-height: 56px
}

.fwt-800 {
	font-weight: 800
}

.fw-bold {
	font-weight: 700
}

.border-bottom {
	border-bottom: 1px solid #eee
}

.border-top {
	border-top: 1px solid #eee
}

.border-right {
	border-right: 1px solid #eee
}

.border-left {
	border-left: 1px solid #eee
}

.border-radius-top {
	border-radius: 4px 4px 0 0
}

.border-radius-bottom {
	border-radius: 0 0 4px 4px
}

.hightlight {
	color: #f4523b
}

.clearfix:after {
	content: " ";
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0
}

.clearfix {
	zoom: 1
}

.z-center {
	margin: 0 auto
}

.zc-hide {
	display: none
}

.block {
	display: block
}

.i-block {
	display: inline-block
}

.flex,.flex-center {
	display: -webkit-box;
	display: -ms-flexbox
}

.flex {
	display: flex
}

.items-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.flex-center {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.flex-between {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.closebtn,.label-checkbox,.n-request-checkbox {
	display: inline-block;
	vertical-align: middle;
	zoom: 1
}

.ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.btn-default-main {
	color: #444;
	background: #ffe300;
	border: 1px solid #ffe300;
	border-radius: 4px;
	cursor: pointer
}

.btn-default-main:hover {
	color: #444;
	background: #ffd100;
	border: 1px solid #ffd100
}

.btn-default-secondary {
	color: #666;
	background: 0 0;
	border: 1px solid #bbb;
	border-radius: 4px;
	cursor: pointer
}

.btn-default-secondary:hover {
	color: #444;
	background: 0 0;
	border: 1px solid #999
}

.btn-default-loading {
	color: #444;
	background: #ffe300;
	border: 1px solid #ffe300;
	border-radius: 4px;
	cursor: pointer;
	text-align: center
}

.btn-disabled {
	color: #bbb;
	background: #eee;
	border: 1px solid #eee;
	border-radius: 4px;
	cursor: default
}

.disabled,.disabled-color {
	color: #bbb!important;
	cursor: default!important
}

.btn-current-big {
	width: 320px;
	height: 42px;
	line-height: 42px;
	font-size: 16px
}

.btn-current-h42 {
	width: 170px;
	height: 42px;
	line-height: 42px;
	font-size: 14px
}

.btn-current-middle,.btn-current-small {
	height: 36px;
	line-height: 36px;
	-webkit-box-sizing: border-box;
	font-size: 14px
}

.btn-current-middle {
	min-width: 118px;
	padding: 0 20px;
	box-sizing: border-box
}

.btn-current-small {
	width: 80px;
	box-sizing: border-box
}

.btn-small,.text-style {
	-webkit-box-sizing: border-box
}

.btn-small {
	width: 76px;
	height: 28px;
	line-height: 26px;
	box-sizing: border-box;
	cursor: pointer
}

.btn-current-null {
	min-width: 126px;
	height: 36px;
	padding: 0 19px;
	line-height: 36px
}

.zcool-link-color {
	color: #d36f16;
	cursor: pointer
}

.sub-link {
	color: #999
}

.link,.sub-link.current,.sub-link:hover {
	color: #282828
}

.link.current,.link:hover {
	color: #d36f16
}

.error-color {
	color: #f4523b
}

.cursor-default {
	cursor: default
}

.cursor-pointer {
	cursor: pointer
}

.medium-title {
	font-size: 14px;
	color: #666
}

.zcui-bg-grey {
	background-color: #ddd
}

.grey-btn-small {
	background: #eee;
	padding: 4px 10px;
	border-radius: 4px;
	color: #bbb
}

.js-seconds-shade,.mask-layer-full-screen,.shade {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: fixed;
	top: 0
}

.mask-layer-full-screen {
	z-index: 2
}

.js-seconds-shade,.shade {
	left: 0
}

.shade {
	z-index: 12
}

.js-seconds-shade {
	z-index: 14
}

.closebtn {
	width: 20px;
	height: 20px;
	background: url(../images/svg/shanchuxiao.svg?v=1) no-repeat;
	cursor: pointer
}

.text-style,.textarea-style,.textarea-style2 {
	height: 42px;
	color: #666;
	font-size: 14px;
	border: 1px solid #ddd
}

.closebtn:hover {
	background: url(../images/svg/shanchuxiaohover.svg?v=1) no-repeat
}

.check-c,.check-cd {
	background-repeat: no-repeat;
	background-size: 14px
}

.label-checkbox,.n-request-checkbox {
	line-height: 1;
	cursor: pointer
}

.label-checkbox input[type=checkbox],.n-request-checkbox input[type=checkbox] {
	opacity: 0;
	margin-right: 10px;
	vertical-align: middle;
	cursor: pointer
}

.check-c {
	background-image: url(../images/common/checkbox.svg?v=2)
}

.check-cd {
	background-image: url(../images/common/checkboxed.svg?v=2)
}

.auto-select-c {
	background: url(../images/common/checkbox.svg?v=2) 0 2px no-repeat;
	cursor: pointer
}

.auto-select-c input {
	opacity: 0;
	vertical-align: middle;
	margin-right: 10px;
	cursor: pointer
}

.auto-select-cd {
	background: url(../images/common/checkboxed.svg?v=2) 0 2px no-repeat;
	cursor: pointer
}

.auto-select-cd input {
	opacity: 0;
	vertical-align: middle;
	margin-right: 10px;
	cursor: pointer
}

.text-style {
	padding-left: 20px;
	padding-right: 20px;
	background: #f4f4f4;
	box-sizing: border-box;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

.text-style.text-withcount {
	padding-right: 40px
}

.textarea-style,.textarea-style2 {
	width: 100%;
	max-height: 134px;
	padding: 10px 20px;
	background: #f4f4f4;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	overflow: hidden;
	resize: none
}

.textarea-style2 {
	height: 108px;
	overflow-y: auto
}

.textarea-style.text-withcount {
	padding-right: 50px
}

.selected-common-style {
	height: 42px;
	padding: 0 18px;
	line-height: 40px;
	border: 1px solid #ddd;
	background: #f4f4f4;
	display: inline-block;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.bg-box-radius {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #fff
}

.body-fixed,.confirm-body-fixed,.hidden {
	overflow: hidden
}

.scroll-fixed,.scroll-fixed .is-offset-fixed-wrap {
	padding-right: 17px
}

.error-prompt {
	color: #f14538;
	font-size: 12px;
	line-height: 20px
}

.error-prompt .error-icon {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	font-style: normal;
	color: #fff;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	background: url(../images/svg/error.svg) no-repeat
}

.radio .radio-0 {
	background: url(../images/common/radioxuanzhong.svg?v=2) left no-repeat
}

.radio .radio-1 {
	background: url(../images/common/radio.svg?v=2) left no-repeat
}

.radio label {
	height: 16px;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	cursor: pointer
}

.radio label input {
	opacity: 0;
	margin-right: 10px;
	cursor: pointer
}

.disabled .radio label input,.disabled label,.disabled label input[type=checkbox] {
	cursor: default
}

.empty {
	font-size: 14px;
	color: #666;
	line-height: 156px
}

.loading {
	padding: 30px 0;
	line-height: 200px
}

.loadding-pmin-47 {
	min-height: 47px
}

.null-wrap {
	background: #fff
}

.null-wrap .work-null {
	margin-top: 0
}

.null-wrap .null-page-images {
	display: inline-block;
	vertical-align: middle;
	width: 382px;
	height: 180px;
	background: url(../images/notfind.png);
	background-size: auto 180px;
	-webkit-background-size: auto 180px;
	-moz-background-size: auto 180px
}

.null-wrap .null-page-title1 {
	font-size: 28px;
	margin-top: 30px
}

.null-wrap .null-search-box:after {
	content: "";
	display: table;
	clear: both
}

.null-wrap .null-search-covers {
	width: 600px;
	margin: 20px auto 0;
	position: relative
}

.null-wrap .null-search-covers .search-tip {
	position: absolute;
	right: -132px;
	top: 10px
}

.null-wrap .null-search-text {
	width: 520px;
	height: 40px;
	color: #666;
	font-size: 12px;
	border: 1px solid #ddd;
	border-right: none;
	border-radius: 4px 0 0 4px;
	padding-left: 20px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left
}

.null-wrap .null-search-btn {
	width: 80px;
	height: 40px;
	float: left;
	background-image: url(../images/svg/nav-search.svg);
	background-size: 19px 19px;
	-webkit-background-size: 19px 19px;
	-moz-background-size: 19px 19px;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 0 4px 4px 0;
	vertical-align: middle;
	margin-left: -5px;
	cursor: pointer
}

.null-wrap .search-hot-box {
	text-align: left;
	margin-top: 8px
}

.null-wrap .search-hot-box>span {
	color: #999;
	font-size: 12px
}

.null-wrap .search-hot-box>a {
	font-size: 12px;
	color: #666;
	margin-left: 20px
}

.null-wrap .search-hot-box>a:hover {
	color: #282828
}

.a-screen,.work-null {
	width: 100%;
	min-height: 349px;
	margin: 20px auto 0;
	text-align: center;
	background: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.a-screen .work-null-inner,.work-null .work-null-inner {
	padding: 40px 0
}

.a-screen .work-null-inner .null-images,.work-null .work-null-inner .null-images {
	display: inline-block;
	background: url(../images/null-page-draw.png) no-repeat;
	width: 280px;
	height: 165px;
	background-size: 280px;
	vertical-align: middle
}

.a-screen .work-null-inner .null-images.h-125,.work-null .work-null-inner .null-images.h-125 {
	height: 125px;
	background-size: auto 125px;
	background-position: center top
}

.a-screen,.null-bg-tranparent {
	background: 0 0
}

.a-screen .work-null-inner .work-null-tips,.work-null .work-null-inner .work-null-tips {
	text-align: center;
	color: #666;
	margin-top: 26px
}

.a-screen .work-null-inner .work-null-tips .subject-title,.work-null .work-null-inner .work-null-tips .subject-title {
	color: #444;
	font-size: 16px
}

.a-screen .work-null-inner .work-null-tips .subhead-title,.work-null .work-null-inner .work-null-tips .subhead-title {
	font-size: 14px
}

.a-screen .work-null-inner .btn-current-null,.work-null .work-null-inner .btn-current-null {
	margin-top: 16px
}

.a-screen.min-h-265,.work-null.min-h-265 {
	min-height: 265px
}

.a-screen.min-h-364,.work-null.min-h-364 {
	min-height: 364px
}

.a-screen.center,.work-null.center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.a-screen {
	margin: 0 auto
}

.deleted-images {
	display: inline-block;
	vertical-align: middle;
	width: 593px;
	height: 267px;
	background: url(../images/notfind.png);
	background-size: 593px 267px;
	-webkit-background-size: 593px 267px;
	-moz-background-size: 593px 267px
}

.msg-box-null {
	text-align: center;
	height: 225px;
	position: absolute;
	top: 0;
	left: 61px;
	cursor: default
}

.msg-box-null .msg-box-inner {
	padding-top: 40px
}

.msg-box-null .msg-box-inner .null-images {
	display: inline-block;
	background: url(../images/null-page-draw.png) no-repeat;
	background-size: 180px;
	width: 180px;
	height: 121px;
	vertical-align: middle
}

.msg-box-null .msg-box-inner .msg-null-tips {
	line-height: 20px;
	padding: 0;
	margin-top: 0;
	display: block
}

.container-area-media:after,.container-area:after {
	display: table;
	content: "";
	clear: both
}

.work-null-largewhite {
	min-height: 500px;
	height: calc(100vh - 96px - 206px);
	text-align: center;
	background: #fff;
	position: relative
}

.work-null-largewhite .error-content {
	min-height: 321px;
	font-size: 16px;
	color: #282828;
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	top: 50%;
	margin-top: -160.5px;
	left: 50%;
	margin-left: -299px
}

.work-null-largewhite .error-content img {
	width: 593px;
	height: 267px
}

.zcool-skip-inner {
	text-align: center;
	margin-top: 70px
}

.zcool-skip-inner .zcool-skip-tips {
	font-size: 16px;
	color: #444
}

.zcool-skip-inner .skip-images {
	background: url(../images/skip404.png) no-repeat;
	width: 179px;
	height: 179px;
	margin: 30px auto
}

.zcool-skip-inner .time-tips {
	font-size: 14px;
	color: #444;
	margin-bottom: 24px
}

.zcool-skip-inner .time-tips span {
	color: #ea4335
}

.zcool-skip-inner .btn-default-secondary {
	background: #f4f4f4
}

.zcool-skip-inner .btn-current-skip {
	width: 118px;
	height: 40px;
	line-height: 40px
}

.advlong-bottom .advlong-default img,.advlong-top .advlong-default img {
	width: 100%;
	height: 100%;
	border-radius: 4px
}

.container-area-media {
	margin: 0 auto
}

.container-area-media.mt-20 {
	margin-top: 20px
}

.advlong-top,.advlong-top .advlong-default {
	margin: 0 auto
}

.advlong-bottom {
	margin: 30px auto 0
}

.advlong-bottom .advlong-default {
	margin: 0 auto
}

.container-area {
	margin: 20px auto 0
}

.container-area.mt-0 {
	margin-top: 0
}

.main-wrapper .main-wrapper-advlong-top {
	padding: 20px 0;
	background: #fff
}

.container-area-left {
	float: left
}

.advlong-center .advlong-default {
	height: auto
}

.new-red-public {
	display: inline-block;
	text-align: center;
	background: #f4523b;
	border-radius: 10px;
	padding: 0 5px;
	font-size: 12px;
	color: #f9f9f9;
	vertical-align: middle;
	margin-left: -10px;
	line-height: 15px
}

.new-red {
	width: 28px;
	height: 16px;
	margin-left: 12px
}

.new-red-active {
	position: absolute;
	top: 10px;
	height: 16px
}

@media screen and (max-width:1600px) {
	.advtop,.work-null {
		max-width: 1130px
	}

	.advlong-center,.classify-select .classify-box,.container-area,.subnav-contentbox,.team-bg {
		width: 1130px
	}

	.container-area-right {
		margin-left: 230px
	}

	.advtop li {
		max-width: 210px
	}

	.advlong-center {
		margin: 0 auto
	}

	.advlong-default,.advlong-top {
		width: 1130px;
		height: 100px
	}

	.advlong-default a,.advlong-default img,.advlong-default span,.advlong-top a,.advlong-top img,.advlong-top span {
		width: 1130px!important;
		height: 100px!important
	}

	.advtop #testac1 a,.advtop #testac1 img,.advtop #testac2 a,.advtop #testac2 img,.advtop #testac3 a,.advtop #testac3 img,.advtop #testac4 a,.advtop #testac4 img,.advtop #testac5 a,.advtop #testac5 img {
		width: 210px!important;
		height: 168px!important
	}

	.banner,.slider {
		max-width: 1130px;
		height: 286px
	}

	.banner img,.slider img {
		height: 286px
	}

	.content-right-media {
		width: 850px
	}

	.hover-content-wrap ul {
		width: 1130px
	}

	.my-life-circle-wraper .life-picture-wrap img {
		max-width: 100%
	}

	.my-life-circle-wraper .squared-paper img {
		width: 195px;
		height: 195px
	}

	.card-contariner-media {
		width: 900px
	}

	.container-area-media {
		width: 1050px
	}

	.loadding-media-h {
		height: 199px
	}
}

@media screen and (min-width:1601px) {
	.advlong-center,.classify-select .classify-box,.container-area,.subnav-contentbox,.team-bg {
		width: 1380px
	}

	.advtop,.banner,.slider,.work-null {
		max-width: 1380px
	}

	.container-area-right {
		margin-left: 280px
	}

	.advlong-center {
		margin: 0 auto
	}

	.advlong-default,.advlong-top {
		width: 1380px;
		height: 115px
	}

	.advlong-default a,.advlong-default img,.advlong-default span,.advlong-top a,.advlong-top img,.advlong-top span {
		width: 1380px!important;
		height: 115px!important
	}

	.banner,.banner img,.slider,.slider img {
		height: 350px
	}

	.advtop li {
		max-width: 260px
	}

	.advtop #testac1 a,.advtop #testac1 img,.advtop #testac2 a,.advtop #testac2 img,.advtop #testac3 a,.advtop #testac3 img,.advtop #testac4 a,.advtop #testac4 img,.advtop #testac5 a,.advtop #testac5 img {
		width: 260px!important;
		height: 208px!important
	}

	.content-right-media {
		width: 1100px
	}

	.container-area-media {
		width: 1200px
	}

	.hover-content-wrap ul {
		width: 1380px
	}

	.my-life-circle-wraper .life-picture-wrap {
		max-width: 100%
	}

	.my-life-circle-wraper .squared-paper img {
		width: 245px;
		height: 245px
	}

	.card-contariner-media {
		width: 1100px
	}

	.loadding-media-h {
		height: 236px
	}
}

@media screen and (max-width:1200px) {
	#body,main {
		width: 1200px
	}

	.subnav-contentbox {
		width: 1130px
	}
}

.temporary-entrance {
	position: absolute;
	right: 0;
	bottom: 0
}

.a-small-sort-nav {
	display: inline-block;
	padding: 4px 10px
}

.a-small-sort-nav:hover {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #f2f2f2
}

.popup-box {
	width: 400px;
	height: auto;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -90px 0 0 -220px;
	padding-bottom: 30px;
	z-index: 100;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	border-radius: 4px
}

.popup-box .popup-tit {
	height: 54px;
	line-height: 54px;
	font-size: 14px;
	color: #19181A;
	text-align: left;
	padding-left: 30px;
	border-bottom: 1px solid #eaeaea
}

.popup-box .rich-text {
	text-align: center;
	font-size: 12px;
	color: #999;
	margin: 4px 0 50px
}

#tip p,.popup-box .popup-content {
	font-size: 16px;
	text-align: center
}

.popup-box .popup-tit #popup-header-close {
	background: url(../images/popclose.png) center no-repeat;
	width: 13px;
	height: 13px;
	position: absolute;
	top: 21px;
	right: 25px;
	z-index: 10;
	cursor: pointer
}

.popup-box .popup-tit #popup-header-close:hover {
	background-image: url(../images/popclose.png) no-repeat
}

.popup-box .popup-content {
	color: #444;
	margin: 35px auto;
	padding: 0 30px;
	word-wrap: break-word
}

.mask-layer {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	z-index: 99
}

#tip,.pop-up {
	background: #fff;
	left: 50%
}

.popup-box .btn {
	text-align: center;
	margin-top: 30px
}

#tip {
	width: 300px;
	height: 200px;
	color: #333;
	position: fixed;
	top: 50%;
	margin-left: -150px;
	margin-top: -100px;
	box-shadow: 1px 1px 6px rgba(0,0,0,.2);
	-webkit-box-shadow: 1px 1px 6px rgba(0,0,0,.2);
	z-index: 100
}

.alert-confirm .tips-text-normal .large-text,.pop-up,.pop-up-confirm .tips-text-normal .large-text {
	color: #444
}

#tip p {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	width: 100%
}

.alert-confirm .tips-text-normal .medium-text,.pop-subtitle,.pop-up-confirm .tips-text-normal .medium-text,.popup-title {
	font-size: 14px
}

.pop-login {
	width: 400px;
	height: 500px;
	position: fixed;
	top: 50%;
	margin-top: -231px;
	left: 50%;
	margin-left: -200px;
	z-index: 15
}

.login-box,.pop-up .pinlunt {
	position: relative
}

.member-login {
	margin-top: -5px;
	padding-bottom: 20px;
	text-align: left;
	border-bottom: 1px solid #eaeaea
}

.feedback-pop,.private-pop {
	width: 512px;
	margin-left: -256px;
	margin-top: -224px
}

.feedback-pop .text-style,.private-pop .text-style {
	width: 100%
}

.pop-up:after {
	content: "";
	display: table;
	clear: both
}

.pop-up .text-style {
	padding-right: 40px
}

.centre-pop {
	width: 480px;
	margin-left: -240px;
	margin-top: -145px
}

.pop-up {
	box-shadow: 0 0 6px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
	position: fixed;
	top: 50%;
	z-index: 16;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

.popup-title {
	padding: 20px 30px;
	line-height: 14px;
	border-bottom: 1px solid #eee
}

.popup-con {
	padding: 30px
}

.pop-subtitle {
	margin-top: 25px
}

.pop-close,.small-close {
	width: 15px;
	height: 15px;
	background: url(../images/common/guanbi.svg?v=1) no-repeat;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	position: absolute;
	right: 30px;
	top: 20px
}

.pop-close:hover,.small-close:hover {
	background: url(../images/common/guanbihover.svg) no-repeat
}

.pop-up-confirm .tips-text {
	padding: 56px 30px 0
}

.alert-confirm .tips-text {
	padding: 56px 24px 0
}

.seconds-alert-text {
	text-align: center;
	margin-top: 15px;
	line-height: 26px;
	margin-bottom: -15px
}

.alert-confirm,.pop-up-confirm {
	padding: 0 0 83px
}

.alert-confirm .tips-text-normal,.pop-up-confirm .tips-text-normal {
	position: absolute;
	top: 50%;
	margin-top: -12px
}

.alert-confirm .tips-text,.pop-up-confirm .tips-text {
	width: 100%;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
	color: #666;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.pop-up-normal {
	padding: 30px 0
}

.pop-up-normal .medium-text {
	font-size: 14px
}

.pop-up-normal .large-text {
	color: #444
}

.pop-up-normal .tips-text {
	width: 100%;
	font-size: 16px;
	text-align: center;
	color: #666;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.remind-bind-pop .tips-alert-text,.wx-tip-con .draw-tip {
	font-size: 14px
}

.alert-confirm,.pop-up-confirm,.pop-up-normal,.wx-code-pop {
	background: #fff;
	color: #444;
	position: fixed;
	top: 50%;
	left: 50%;
	display: block;
	vertical-align: middle;
	z-index: 15;
	box-shadow: 0 0 6px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.wx-code,.wx-tip-con {
	display: inline-block
}

.alert-confirm,.pop-up-confirm,.pop-up-normal {
	width: 300px;
	margin-left: -150px;
	margin-top: -120px
}

.alert-confirm .pop-btn-con,.pop-up-confirm .pop-btn-con,.pop-up-normal .pop-btn-con {
	position: absolute;
	bottom: 20px
}

.pop-cancel,.pop-confirm {
	min-width: 120px;
	height: 36px;
	margin: 20px 8px 0;
	padding: 0 20px;
	font-size: 14px
}

.remind-bind-pop {
	width: 412px
}

.remind-bind-pop .tips-text {
	color: #282828
}

.remind-bind-copy {
	padding: 0 30px;
	color: #282828;
	margin-top: 5px;
	line-height: 24px
}

.wx-code-pop {
	width: 466px;
	height: 222px;
	margin-left: -229px;
	margin-top: -114px;
	padding: 58px 20px 30px 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.wx-code {
	width: 130px;
	height: 130px;
	margin-top: 4px;
	margin-right: 8px;
	float: left
}

.wx-tip-con .send-con-tip {
	margin-top: 20px;
	font-size: 12px;
	color: #666
}

.label-noinfo {
	color: #999;
	font-size: 12px;
	position: absolute;
	bottom: 30px;
	right: 20px;
	cursor: pointer
}

.login-success-pop {
	width: 420px;
	margin-left: -210px;
	margin-top: -134.5px
}

.alert-confirm .pop-btn-con,.pop-up-confirm .pop-btn-con,.pop-up-normal .pop-btn-con {
	width: 100%
}

.toast-fail,.toast-success {
	padding: 30px;
	text-align: center;
	width: 300px;
	min-height: 200px;
	background: #fff;
	color: #444;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -120px;
	display: block;
	vertical-align: middle;
	z-index: 150;
	box-shadow: 0 0 6px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-transition: all .2s cubic-bezier(.42,0,.22,1.59);
	transition: all .2s cubic-bezier(.42,0,.22,1.59)
}

.toast-fail .toast-tips-text,.toast-success .toast-tips-text {
	font-size: 16px;
	margin-top: 14px
}

.toast-fail .toast-socend-text,.toast-success .toast-socend-text {
	font-size: 14px
}

.toast-fail.hide,.toast-success.hide {
	display: block
}

.toast-fail.scale,.toast-success.scale {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.toast-success .toast-pictrue {
	background-image: url(../images/success.png)
}

.toast-fail .toast-pictrue {
	background-image: url(../images/fail.png)
}

.toast-pictrue {
	width: 132px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 132px 100px;
	display: inline-block;
	vertical-align: middle;
	zoom: 1
}

.pm-suggest-tips,.pop-pm-suggest {
	width: 480px;
	margin-top: -167px;
	margin-left: -240px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.pop-pm-suggest .suggest-item label {
	margin-right: 36px
}

.pop-pm-suggest .suggest-box {
	margin-top: -14px
}

.pop-auxiliary-tips {
	font-size: 12px;
	color: #666;
	line-height: 18px
}

.pm-suggest-tips {
	padding: 10px 30px 30px;
	color: #282828
}

.pm-suggest-tips .img-item {
	margin-top: 20px
}

.pm-suggest-tips .img-item:after {
	content: "";
	display: table;
	clear: both
}

.pm-suggest-tips .img-item>img {
	float: left
}

.pm-suggest-tips .sug-tips-item {
	padding: 8px 12px;
	margin-left: 16px;
	line-height: 26px;
	background: #eee;
	float: left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	display: inline-block;
	position: relative
}

.pm-suggest-tips .sug-tips-item:before {
	content: "";
	display: block;
	border-top: 6px solid transparent;
	border-right: 6px solid #eee;
	border-bottom: 6px solid transparent;
	border-left: none;
	position: absolute;
	left: -6px;
	top: 16px
}

.pm-suggest-tips .con-item-box {
	padding-left: 55px;
	margin-top: 26px;
	line-height: 26px
}

.pop-close-tips {
	width: 420px;
	height: 260px;
	margin-left: -210px;
	margin-top: -130px
}

.pop-close-tips .envelop-image {
	width: 265px;
	height: 150px;
	margin: 24px auto 20px;
	background: url(../images/svg/submit-image.svg) left center no-repeat
}

.report-con-covers {
	min-height: 248px
}

.reportpop-con {
	padding-top: 0
}

.reportpop-con .radio label {
	height: auto;
	line-height: 22px
}

.report-option-row {
	border-bottom: 1px solid #eee
}

.report-option-row label {
	width: 100%;
	padding: 20px 0;
	vertical-align: inherit
}

.card-icon,.redwarn,.worktag-con {
	vertical-align: middle
}

.report-option-row label.current,.report-option-row label:hover {
	color: #d36f16
}

.report-option-row label.radio-1 {
	background: url(../images/common/radio.svg?v=2) left 24px no-repeat
}

.report-option-row label.radio-0 {
	background: url(../images/common/radioxuanzhong.svg?v=2) left 24px no-repeat
}

.error-pictrue {
	min-height: 500px;
	height: calc(100vh - 96px - 206px);
	text-align: center
}

.error-pictrue .error-content {
	width: 100%;
	min-height: 321px;
	font-size: 16px;
	color: #282828;
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	top: 50%;
	margin-top: -242px
}

.five-error-pictrue {
	min-height: 500px;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.five-error-pictrue .error-content {
	font-size: 16px;
	text-align: center;
	margin-top: -10%
}

.air-bubble,.air-bubble-tips {
	padding: 20px;
	color: #666;
	background-color: #282828;
	font-size: 12px;
	position: absolute;
	z-index: 3;
	display: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.air-bubble-tips:before,.air-bubble:before {
	content: "";
	display: block;
	border: 10px solid transparent;
	border-bottom: 10px solid #282828;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	border-top: 0;
	top: -10px
}

.team-home-bg {
	padding-top: 20px
}

.content-center-box {
	padding: 20px 0
}

.middle-title-wrap {
	width: 100%;
	line-height: 65px;
	padding: 0 30px;
	background: #fff;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.middle-title-wrap .middle-title {
	font-size: 16px;
	color: #444;
	display: inline-block;
	vertical-align: middle;
	zoom: 1
}

.album-title {
	min-height: 14px;
	line-height: 14px;
	margin: 20px 0;
	color: #666;
	position: relative
}

.album-title a {
	position: absolute;
	right: 0;
	color: #d36f16
}

.specific-symbol {
	display: inline-block;
	background: url(../images/all-right-arrow.png) no-repeat;
	width: 6px;
	height: 9px;
	margin-left: 10px
}

.section-title {
	line-height: 14px;
	margin: 20px 0;
	position: relative;
	color: #444
}

.section-title .filtrate {
	color: #444
}

.section-title .filtrate .specific-symbol {
	display: inline-block;
	background: url(../images/selectarrow.png) no-repeat;
	width: 12px;
	height: 7px;
	margin: 0 0 1px 6px
}

.section-title a {
	position: absolute;
	right: 0;
	color: #d36f16
}

.count,.counter {
	right: 20px;
	font-style: normal
}

.section-title a .specific-symbol {
	display: inline-block;
	background: url(../images/all-right-arrow.png) no-repeat;
	width: 6px;
	height: 9px
}

.card-icon {
	margin-right: 10px;
	margin-top: -3px
}

.arrow-small-r {
	width: 10px;
	height: 10px;
	background: url(../images/svg/gengduojiantou.svg) no-repeat;
	display: inline-block
}

.select-shixin-arrow,.select-shixin-arrow-up {
	display: inline-block;
	width: 11px;
	height: 6px;
	margin-left: 10px
}

.select-shixin-arrow {
	background: url(../images/common/shixinjiantou.svg) no-repeat
}

.select-shixin-arrow-up {
	background: url(../images/common/shixinjiantoufan.svg) no-repeat
}

.kongxin-arrow {
	width: 12px;
	height: 7px;
	display: inline-block;
	background: url(../images/common/jiantouhover.svg) no-repeat
}

.kongxin-arrow.ml-4 {
	margin-left: 4px
}

.more-with-arrow {
	padding-right: 20px;
	color: #d36f16;
	background: url(../images/all-right-arrow.png) right center no-repeat
}

.expression-box {
	height: 38px;
	line-height: 18px;
	margin-top: 15px;
	font-size: 12px;
	color: #666
}

.expression-box .biaoqing {
	padding-left: 30px;
	background-image: url(../images/svg/biaoqing.svg?v=1);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	color: #666;
	background-size: 18px 18px
}

.expression-box .biaoqing:hover {
	color: #d36f16
}

.expression-box .biaoqing-disabled {
	color: #bbb;
	background-image: url(../images/svg/grey-placeholder-icon.svg);
	pointer-events: none
}

.center-section-wrap {
	width: 900px;
	margin: 20px auto 0;
	background: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	overflow: hidden
}

.popFace.scrollbar,.scrollbar {
	overflow: hidden;
	overflow-y: scroll
}

.scrollbar::-webkit-scrollbar {
	width: 4px;
	background-color: #f2f2f2
}

.scrollbar::-webkit-scrollbar-track {
	border-radius: 50px;
	background-color: transparent
}

.flat .old option {
	display: none;
	height: 0;
	border: 0
}

.scrollbar::-webkit-scrollbar-thumb {
	height: 40px;
	border-radius: 50px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
	background-color: rgba(0,0,0,.2)
}

.login-close,.redwarn {
	border-radius: 50%;
	display: inline-block
}

.text-ifram {
	position: relative
}

.count,.counter,.login-close {
	position: absolute
}

.arrowhead-style {
	color: #bbb
}

.count,.counter,.worktag-con {
	font-size: 12px;
	color: #999
}

.count {
	line-height: 1;
	bottom: 15px
}

.exceeded,.warning {
	color: red!important
}

.login-close {
	width: 30px;
	height: 30px;
	background: url(../images/svg/icon-close.svg) center no-repeat;
	cursor: pointer;
	top: 2px;
	right: -44px
}

.login-close:hover {
	background: url(../images/svg/icon-close-hover.svg) center no-repeat
}

.ul-select {
	max-height: 200px
}

.redwarn {
	width: 4px;
	height: 4px;
	background: #f14538;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	zoom: 1
}

.redwarn.p-absolute {
	position: absolute;
	left: 0;
	top: 9px
}

.redwarn.p-absolute.at-19 {
	top: 19px
}

.redwarn.p-absolute.at-10 {
	top: 10px
}

.redwarn.p-absolute.al-20 {
	left: -20px
}

.worktag-con {
	max-width: 60px;
	height: 24px;
	line-height: 24px;
	padding: 0 14px;
	margin: 0 5px 10px 0;
	background: #eee;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	display: inline-block;
	zoom: 1;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.project-tag-12,.project-tag-14 {
	margin-right: 6px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.project-tag12-title {
	padding: 3px 0;
	font-size: 14px;
	color: #282828;
	display: inline-block;
	vertical-align: middle;
	zoom: 1
}

.project-tag-12,.tag-expand-more-12 {
	font-size: 12px;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	zoom: 1
}

.project-tag-12 {
	padding: 3px 12px;
	color: #666;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #fff
}

.project-tag-12:hover {
	color: #444;
	border: 1px solid #999
}

.project-tag-12.current,.project-tag-12.current:hover {
	border: 1px solid #ffe300
}

.project-tag-12.current {
	background: #ffe300;
	color: #282828
}

.project-tag-12.disabled:hover {
	color: #bbb;
	border: 1px solid #ddd
}

.project-tag-12.words-7 {
	max-width: 96px
}

.project-tag-12.words-5 {
	max-width: 84px
}

.tag-expand-more-12 {
	padding: 3px 0 3px 18px;
	margin-bottom: 20px;
	color: #282828
}

.tag-expand-more-12.hide {
	display: none
}

.project-tag-12.mb-20,.tag-all-btn-12.mb-20 {
	margin-bottom: 20px
}

.project-tag-12.mb-10,.project-tag12-title.mb-10,.tag-all-btn-12.mb-10 {
	margin-bottom: 10px
}

.project-tag-14 {
	padding: 3px 18px;
	color: #666;
	font-size: 14px;
	border: 1px solid #bbb;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

.project-tag-14:hover {
	color: #444;
	border: 1px solid #999
}

.active-filter-down .flat .selected:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.active-filter-down {
	margin-top: 16px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.active-filter-down:after {
	content: "";
	display: table;
	clear: both
}

.active-filter-down.mt-15 {
	margin-top: 15px
}

.filter-wrap {
	display: inline-block
}

.filter-wrap .filter-selected {
	height: 40px;
	line-height: 40px;
	color: #444;
	text-align: right;
	padding-right: 20px;
	background: url(../images/common/jiantouhover.svg) right center no-repeat;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	position: relative
}

.filter-wrap .select-bigwrap,.selsect-div-cover {
	padding: 6px 0;
	background: #fff;
	box-shadow: 0 0 6px rgba(0,0,0,.2)
}

.filter-wrap.f-select-absolute {
	position: absolute;
	right: 0;
	margin-top: -10px
}

.filter-wrap.f-select-absolute.top-0 {
	top: 0
}

.filter-wrap.f-select-absolute.mt_30 {
	margin-top: -30px
}

.filter-wrap .select-bigwrap {
	min-width: 122px;
	max-height: 612px;
	float: none;
	text-align: start;
	position: absolute;
	top: 40px;
	right: 0;
	z-index: 10;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	overflow: hidden;
	-webkit-transition: height linear .2s;
	transition: height linear .2s
}

.filter-wrap .select-bigwrap.min-w144 {
	width: 144px
}

.selsect-div-cover {
	position: absolute;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	z-index: 2
}

.filter-wrap .select-box li a,.select-ul-box li a {
	padding: 0 30px;
	height: 40px;
	line-height: 40px;
	display: block;
	cursor: pointer;
	text-align: left;
	font-size: 14px
}

.filter-wrap .select-box li:hover,.select-ul-box li:hover {
	background: #f2f2f2
}

.filter-wrap .select-box li.active,.filter-wrap .select-box li.current,.select-ul-box li.active,.select-ul-box li.current {
	color: #d36f16
}

.active-card-partake,.initiated-time {
	color: #aaa;
	font-size: 12px;
	cursor: default
}

.active-initiated-wrap {
	padding: 20px
}

.active-initiated-wrap:after {
	content: "";
	display: table;
	clear: both
}

.project-view {
	overflow-y: auto
}

.active-card-partake {
	background-image: url(../images/sprice-icon.png);
	background-repeat: no-repeat
}

.initiated-time {
	padding-left: 24px;
	background: url(../images/svg/card-shijian.svg) left center no-repeat;
	float: left
}

.active-card-glance {
	padding-left: 24px;
	background-image: url(../images/svg/card-liulan.svg);
	background-position: 0 center
}

.active-card-tuijian {
	padding-left: 24px;
	background-image: url(../images/svg/zan.svg?v=1);
	background-size: 16px 16px
}

.active-card-performers {
	padding-left: 20px;
	background-image: url(../images/svg/canyuzhe.svg);
	background-position: 0 center
}

.active-partake {
	padding-left: 22px;
	background-position: 0 center;
	background-image: url(../images/svg/card-zuopin.svg)
}

.down-content-wrap {
	padding: 308px 0 40px;
	text-align: center;
	background-color: #fff;
	background-image: url(../images/download.png);
	background-repeat: no-repeat;
	background-position: center 50px
}

.down-content-wrap h2 {
	font-size: 24px;
	color: #282828
}

.down-content-wrap h2 a {
	color: #d36f16
}

.down-content-wrap .down-con-description {
	line-height: 34px;
	margin-top: 5px;
	color: #999;
	font-size: 16px
}

.down-content-wrap .down-con-description a {
	color: #d36f16
}

.down-content-wrap .manual-down-tips {
	font-size: 14px;
	color: #282828;
	margin-top: 42px
}

.down-content-wrap .download-btn {
	margin-top: 26px
}

#nc_1_captcha_input,.nc-container .imgCaptcha .imgCaptcha_text input {
	border: 1px solid #999
}

.nc-container #nc_2_wrapper,.nc-container.tb-login #nc_2_wrapper {
	width: 100%
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar.hoverscroll {
	background-color: rgba(0,0,0,.2);
	-webkit-transition: all linear .2s;
	transition: all linear .2s
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgba(0,0,0,.2)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: rgba(0,0,0,.3)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: rgba(0,0,0,.2)
}

.mCSB_inside>.mCSB_container {
	margin: 0
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
	margin: 6px 0
}

.js-scroll-covers {
	height: 300px;
	overflow: hidden
}

.show-list-box {
	background: #fff;
	margin-bottom: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

.show-list-title-box {
	padding: 0 20px;
	height: 56px
}

.show-list-title {
	font-size: 16px;
	color: #444;
	line-height: 56px
}

.show-tab-title {
	font-size: 16px;
	color: #999;
	line-height: 55px;
	display: inline-block;
	cursor: pointer
}

.show-tab-title.current,.show-tab-title:hover {
	color: #282828;
	border-bottom: 2px solid #444
}

.select-have-bg-container .selected-box {
	height: 40px;
	padding: 0 18px;
	line-height: 40px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ddd;
	background: #f4f4f4;
	cursor: pointer
}

.select-have-bg-container.select-hover .selected-box:hover {
	opacity: .7
}

.select-have-bg-container .select-con {
	min-width: 120px;
	top: 42px;
	left: 0;
	background: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 0 6px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
	z-index: 3;
	position: absolute;
	cursor: default
}

.select-have-bg-container .select-con li {
	padding: 0 30px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.select-have-bg-container .select-con li:hover {
	background: #f2f2f2
}

.select-have-bg-container .select-con li.active {
	color: #d36f16
}

.tab-nav-container.second-h-56 {
	height: 56px
}

.mark-mask-tip {
	display: inline-block;
	width: 68px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	text-align: center;
	background: rgba(0,0,0,.5);
	border-radius: 0 0 4px;
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	z-index: 10
}

.popFace,.tab-menu {
	border-radius: 4px;
	background: #fff
}

.album-bread-crumbs {
	color: #bbb;
	font-size: 14px
}

.album-bread-crumbs a {
	color: #666
}

.album-bread-crumbs a:hover {
	color: #d36f16
}

.tab-nav-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 11;
	-webkit-transform: translateZ(0);
	-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.1)
}

.subnav-content-wrap {
	width: 100%;
	min-height: 56px;
	background-color: #fff
}

.subnav-content-wrap .mt-18 {
	margin-top: 18px
}

#subnav-fixed {
	display: none
}

.subnav-wrap {
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.subnav-wrap .top-hull {
	width: 100%;
	border-bottom: 1px solid #eee;
	position: relative
}

.subnav-wrap .subnav-contentbox {
	margin: 0 auto;
	position: relative;
	z-index: 2
}

.subnav-wrap .subnav-contentbox .subnav-content {
	margin-bottom: -1px;
	font-size: 16px;
	color: #999
}

.subnav-wrap .subnav-contentbox .subnav-content>li {
	padding: 0 30px;
	line-height: 16px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	position: relative
}

.subnav-wrap .subnav-contentbox .subnav-content>li>a {
	padding: 19px 0;
	display: block;
	border-bottom: 2px solid transparent
}

.subnav-wrap .subnav-contentbox .subnav-content>li.current>a,.subnav-wrap .subnav-contentbox .subnav-content>li>a:hover {
	color: #282828;
	border-bottom: 2px solid #444
}

.tab-menu {
	position: relative
}

.tab-menu .tab-box {
	height: 65px;
	font-size: 14px;
	color: #999;
	padding: 0 30px;
	position: relative
}

.tab-menu .tab-box li {
	float: left;
	height: 64px;
	line-height: 64px;
	margin-right: 50px;
	cursor: pointer;
	font-size: 16px;
	margin-bottom: -1px
}

.tab-menu .tab-box li:hover {
	color: #444;
	border-bottom: 2px solid #444
}

.tab-menu .tab-box li a {
	position: relative;
	display: inline-block;
	height: 64px
}

.tab-menu .tab-box .edtior-personal-resume {
	position: absolute;
	right: 0;
	font-size: 12px;
	color: #d36f16
}

.tab-menu .tab-box .current {
	color: #444;
	border-bottom: 2px solid #444
}

.faceList,.popFaceTitle {
	border-bottom: 1px solid #eee
}

div.js-H-fixed-show {
	height: 56px
}

.is-offset-fixed-wrap {
	width: 100%;
	height: 0;
	overflow: hidden;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
	z-index: 11;
	-webkit-transition: height linear .2s;
	transition: height linear .2s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.popFace,.popFaceClose,.popFaceFlag {
	position: absolute
}

@media screen and (max-width:1200px) {
	.is-offset-fixed-wrap,.tab-nav-fixed {
		width: 1200px
	}
}

.popFace {
	z-index: 999;
	width: 430px;
	font-size: 12px;
	color: #282828;
	overflow: hidden;
	box-shadow: 0 0 6px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	left: 0;
	top: 0
}

.popFaceClose {
	top: 13px;
	right: 5px
}

.popFaceFlag {
	background: url(../images/icons/topFlag.png);
	width: 22px;
	height: 10px;
	top: -10px;
	left: 30px
}

.popUserLeft {
	color: #7f7f7f
}

.popFaceCon a {
	color: #d36f16
}

.face {
	display: none
}

.face p {
	color: #666;
	padding: 16px 30px
}

.face.selected {
	display: block
}

.popFaceTitle {
	padding: 10px 15px;
	position: relative
}

.popFaceTitle a.expression-close {
	padding: 0;
	margin-top: 8px
}

.popFaceTitle a {
	display: inline-block;
	padding: 0 6px;
	margin: 4px 9px;
	color: #666
}

.popFaceTitle a.selected {
	background: #f7d300;
	color: #fff;
	border-radius: 4px;
	padding: 2px 6px
}

.faceList {
	padding: 10px 30px 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.faceList img {
	margin: 2px
}

.faceList a {
	display: inline-block;
	width: 27px;
	height: 24px;
	text-align: center;
	background: #eaeaea;
	border: 1px solid #f3f3f3;
	margin: 5px 5px 0 0;
	padding: 3px 0 0
}

.expression-author {
	padding-top: 18px;
	border-top: 1px solid #ddd
}

.gogoup-card-list-box {
	margin-right: -20px
}

.gogoup-card-box {
	border-radius: 4px;
	overflow: hidden;
	float: left;
	margin-right: 20px;
	background: #fff
}

.gogoup-zlong-card {
	width: 200px;
	height: 150px;
	background: #f2f2f2;
	float: left;
	margin-left: 10px
}

.gogoup-zlong-card img {
	width: 200px;
	height: 113px
}

.gogoup-card_title {
	padding: 0 10px;
	margin-top: 4px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.gogoup-card_title>a:hover {
	color: #d36f16
}

@media screen and (max-width:1600px) {
	.gogoup-card-box {
		width: 210px;
		height: 158px
	}

	.gogoup-card-box img {
		width: 210px;
		height: 118px
	}

	.gogoup-card-box-small {
		width: 197px;
		height: 151px
	}

	.gogoup-card-box-small img {
		width: 197px;
		height: 111px
	}

	.is-gogoswitch-height {
		height: 158px
	}
}

@media screen and (min-width:1601px) {
	.gogoup-card-box {
		width: 260px;
		height: 196px
	}

	.gogoup-card-box img {
		width: 260px;
		height: 146px
	}

	.gogoup-card-box-small {
		width: 235px;
		height: 180px
	}

	.gogoup-card-box-small img {
		width: 235px;
		height: 132px
	}

	.is-gogoswitch-height {
		height: 196px
	}
}

.hide {
	display: none
}

@charset "UTF-8";

.pageturning {
	margin-top: 40px
}

#biuuu_page .laypage_main {
	width: 100%;
	margin: 0 auto;
	text-align: center
}

#biuuu_page .laypage_main a:link,#biuuu_page .laypage_main a:visited {
	color: #999;
	border-radius: 4px
}

#biuuu_page .laypage_main a:hover {
	background-color: #ffe300;
	color: #282828;
	border: 1px solid #ffe300
}

#biuuu_page .laypage_main .laypage_next,#biuuu_page .laypage_main .laypage_prev {
	font-size: 23px;
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABzCAYAAACVZlKoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkyNUQyRjRDQzBFMTExRTY4MjYzRDVEMzhDRjY1MzAzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkyNUQyRjREQzBFMTExRTY4MjYzRDVEMzhDRjY1MzAzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTI1RDJGNEFDMEUxMTFFNjgyNjNENUQzOENGNjUzMDMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTI1RDJGNEJDMEUxMTFFNjgyNjNENUQzOENGNjUzMDMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4e0v4DAAABz0lEQVR42uyZu0oDURCGN6s+gUY7G6s0NhY2FuIdLBQRC0vRLXyDGES0sxIELVJ4aTUiKiiiRqwsbASR1VdQ4wsIrv/AbLMkJjuzeCEz8AUCycfZc2bP+eGkgiBwkijXSaga6SOfz9f8B8/zxCNqBrPaR2sBl6BDI0qz5BRkpSKSXIETkJOuGkmK4BAsSpe/FVyDAliS9lEbS/bAsqYhqcU/QYO4IbleQB9PshtnfqIiqlfQDy5YlpOKQtkAy1JgQSqieovIsprOLrFsCKxq37V3MAiek9iPSLZV7UepP7dDmshEJqpX0Y/mI9GjHYDeJETrfPb3aEU3YBrsg27tqlFKm+GQ1aVd/jMwx7JOzZFNdQSawDmfuI+ahixwBNzhDCAaEdUUGOfcFEhHNAHWwDB4ks7RKNgEI+BBOtk0gm2W3UuXn+ZiF4yBO01DzvME32pSLdXkr29sFrRMZKK6jjWZTKbmP/i+b7HGYo3FGos1FmtMZCIT/dM0kubDUvVo4f1Ru0YUSo6dGq423CQklUSxJeVEIklUJJZERZQ26ALqQ9yQXOElVJG/r2gOSLGsXIgQySrFmtiy7xJbLFm1dy2UlZLYj0i2YSFCX18CDAAxOYX9xIgpMAAAAABJRU5ErkJggg==);background-repeat: no-repeat
}

#biuuu_page .laypage_main .laypage_prev {
	background-position: 13px 9px
}

#biuuu_page .laypage_main .laypage_prev:hover {
	background-position: 13px -84px
}

#biuuu_page .laypage_main .laypage_next {
	background-position: 13px -24px
}

#biuuu_page .laypage_main .laypage_next:hover {
	background-position: 13px -55px
}

#biuuu_page .laypage_main .laypage_next:hover,#biuuu_page .laypage_main .laypage_prev:hover {
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABzCAYAAACVZlKoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkyNUQyRjRDQzBFMTExRTY4MjYzRDVEMzhDRjY1MzAzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkyNUQyRjREQzBFMTExRTY4MjYzRDVEMzhDRjY1MzAzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTI1RDJGNEFDMEUxMTFFNjgyNjNENUQzOENGNjUzMDMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTI1RDJGNEJDMEUxMTFFNjgyNjNENUQzOENGNjUzMDMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4e0v4DAAABz0lEQVR42uyZu0oDURCGN6s+gUY7G6s0NhY2FuIdLBQRC0vRLXyDGES0sxIELVJ4aTUiKiiiRqwsbASR1VdQ4wsIrv/AbLMkJjuzeCEz8AUCycfZc2bP+eGkgiBwkijXSaga6SOfz9f8B8/zxCNqBrPaR2sBl6BDI0qz5BRkpSKSXIETkJOuGkmK4BAsSpe/FVyDAliS9lEbS/bAsqYhqcU/QYO4IbleQB9PshtnfqIiqlfQDy5YlpOKQtkAy1JgQSqieovIsprOLrFsCKxq37V3MAiek9iPSLZV7UepP7dDmshEJqpX0Y/mI9GjHYDeJETrfPb3aEU3YBrsg27tqlFKm+GQ1aVd/jMwx7JOzZFNdQSawDmfuI+ahixwBNzhDCAaEdUUGOfcFEhHNAHWwDB4ks7RKNgEI+BBOtk0gm2W3UuXn+ZiF4yBO01DzvME32pSLdXkr29sFrRMZKK6jjWZTKbmP/i+b7HGYo3FGos1FmtMZCIT/dM0kubDUvVo4f1Ru0YUSo6dGq423CQklUSxJeVEIklUJJZERZQ26ALqQ9yQXOElVJG/r2gOSLGsXIgQySrFmtiy7xJbLFm1dy2UlZLYj0i2YSFCX18CDAAxOYX9xIgpMAAAAABJRU5ErkJggg==)
}/*!
 laypage默认样式
*/.laypage_main a,.laypage_main input,.laypage_main span {
	height: 26px;
	line-height: 26px
}

.laypage_main button,.laypage_main input,.laypageskin_default a,.laypageskin_default span {
	background-color: #fff;
	border: 1px solid #E9E9E9
}

.laypage_main {
	font-size: 0;
	clear: both;
	color: #666
}

.laypage_main * {
	display: inline-block;
	vertical-align: top;
	font-size: 14px
}

.laypage_main a {
	text-decoration: none;
	color: #666
}

.laypage_main a,.laypage_main span,.laypageskin_default span {
	width: 40px;
	height: 40px;
	line-height: 38px;
	margin: 0 3px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.laypage_main input {
	width: 40px;
	margin: 0 5px;
	padding: 0 5px
}

.laypage_main button {
	height: 28px;
	line-height: 28px;
	margin-left: 5px;
	padding: 0 10px;
	color: #666
}

.laypageskin_default span {
	color: #999
}

.laypageskin_default .laypage_curr {
	font-weight: 400;
	color: #333;
	background: #ffe300;
	border-radius: 4px;
	border: 1px solid #ffe300
}

.laypageskin_molv a,.laypageskin_molv span {
	padding: 0 12px;
	border-radius: 2px
}

.laypageskin_molv a {
	background-color: #f1eff0
}

.laypageskin_molv .laypage_curr {
	background-color: #00AA91;
	color: #fff
}

.laypageskin_molv input {
	height: 24px;
	line-height: 24px
}

.laypageskin_molv button {
	height: 26px;
	line-height: 26px
}

.laypageskin_yahei {
	color: #333
}

.laypageskin_yahei a,.laypageskin_yahei span {
	padding: 0 13px;
	border-radius: 2px;
	color: #333
}

.laypageskin_yahei .laypage_curr {
	background-color: #333;
	color: #fff
}

.laypageskin_flow {
	text-align: center
}

.laypageskin_flow .page_nomore {
	color: #999
}

#biuuu_city {
	padding-bottom: 40px
}

#biuuu_city .laypage_main {
	width: 1130px;
	margin: 0 auto;
	text-align: center
}

#biuuu_city a:link,.laypageskin_default span {
	color: #999;
	border-radius: 4px
}

#biuuu_city a:hover,#biuuu_city a:visited {
	background: #ffd100;
	border: 1px solid #efc713;
	color: #333
}

.laypage_next,.laypage_prev {
	font-family: '宋体';
	font-weight: 700
}

@charset "UTF-8";

.designer-card .position-info,.personal-card .position-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 16px
}

.info-card-box {
	display: inline-block
}

.work-pure-wrap {
	margin: 0 auto
}

.all-card,.all-work-list {
	margin: 20px auto -20px
}

.hot-album,.work-list-box {
	margin-right: -20px;
	margin-bottom: -20px
}

.hot-album:after,.work-list-box:after {
	content: "";
	display: table;
	clear: both
}

.work-list-card {
	margin-bottom: 30px;
	font-size: 0
}

.designer-list-box {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	overflow: hidden
}

.exist-fire-class {
	max-width: 204px
}

.exist-event2-class {
	max-width: 186px
}

.card-box .card-img a img {
	vertical-align: middle;
	border: none;
	width: 100%;
	border-radius: 4px 4px 0 0;
	-webkit-transition: .1s linear;
	transition: .1s linear;
	display: block
}

.album-card-box,.card-box {
	float: left;
	position: relative;
	background: #fff;
	border-radius: 4px;
	margin: 0 20px 20px 0
}

.album-card-box .card-img,.card-box .card-img {
	position: relative;
	border-radius: 4px 4px 0 0
}

.album-card-box .card-img .card-mark-bottom,.album-card-box .card-img .card-mark-gray-bottom,.card-box .card-img .card-mark-bottom,.card-box .card-img .card-mark-gray-bottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	font-size: 12px
}

.album-card-box .card-img .card-mark-bottom,.card-box .card-img .card-mark-bottom {
	background: rgba(223,81,62,.8)
}

.album-card-box .card-img .card-mark-gray-bottom,.card-box .card-img .card-mark-gray-bottom {
	background: rgba(0,0,0,.6)
}

.album-card-box .card-img .collect-tag,.card-box .card-img .collect-tag {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 12px;
	color: #fff;
	height: 22px;
	line-height: 22px;
	padding: 0 10px;
	border-radius: 0 4px;
	background: rgba(0,0,0,.4);
	z-index: 1;
	cursor: pointer
}

.album-card-box .card-info,.card-box .card-info {
	border-bottom: 1px solid #eee;
	padding: 11px 16px 13px;
	height: 75px;
	position: relative
}

.album-card-box .card-info .card-info-title,.card-box .card-info .card-info-title {
	margin-bottom: 1px;
	position: relative;
	height: 20px;
	line-height: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.album-card-box .card-info .card-info-title a,.card-box .card-info .card-info-title a {
	font-size: 14px;
	color: #333
}

.album-card-box .card-info .card-info-title a:hover,.card-box .card-info .card-info-title a:hover {
	color: #d36f16
}

.album-card-box .card-info .card-info-title .title-content,.card-box .card-info .card-info-title .title-content {
	display: inline-block;
	float: left;
	vertical-align: middle;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.album-card-box .card-info .card-info-title .album-card-authority,.album-card-box .card-info .card-info-title .album-card-public,.album-card-box .card-info .card-info-title .zcool-card-event,.album-card-box .card-info .card-info-title .zcool-card-fire1,.album-card-box .card-info .card-info-title .zcool-card-fire2,.album-card-box .card-info .card-info-title .zcool-card-fire3,.card-box .card-info .card-info-title .album-card-authority,.card-box .card-info .card-info-title .album-card-public,.card-box .card-info .card-info-title .zcool-card-event,.card-box .card-info .card-info-title .zcool-card-fire1,.card-box .card-info .card-info-title .zcool-card-fire2,.card-box .card-info .card-info-title .zcool-card-fire3 {
	background-size: auto 14px;
	width: 14px;
	height: 14px;
	float: right;
	margin-top: 3px;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center top
}

.album-card-box .card-info .card-info-title .zcool-card-fire1,.card-box .card-info .card-info-title .zcool-card-fire1 {
	background-image: url(../images/svg/putongtuijian.svg?v=1)
}

.album-card-box .card-info .card-info-title .zcool-card-fire2,.card-box .card-info .card-info-title .zcool-card-fire2 {
	background-image: url(../images/svg/bianjijingxuan.svg?v=1)
}

.album-card-box .card-info .card-info-title .zcool-card-fire3,.card-box .card-info .card-info-title .zcool-card-fire3 {
	background-image: url(../images/svg/shouyetuijian.svg?v=1)
}

.album-card-box .card-info .card-info-title .zcool-card-event,.card-box .card-info .card-info-title .zcool-card-event {
	width: 16px;
	background-image: url(../images/svg/dasai.svg?v=1)
}

.album-card-box .card-info .card-info-title .album-card-authority,.card-box .card-info .card-info-title .album-card-authority {
	background-image: url(../images/svg/alubm-card-privacy.svg)
}

.album-card-box .card-info .card-info-title .album-card-public,.card-box .card-info .card-info-title .album-card-public {
	background-image: url(../images/svg/album-card-public.svg)
}

.album-card-box .card-info .card-info-title .title-icon,.card-box .card-info .card-info-title .title-icon {
	margin-left: 6px
}

.album-card-box .card-info .card-info-type,.card-box .card-info .card-info-type {
	font-size: 12px;
	color: #bbb;
	margin-bottom: 17px;
	height: 18px
}

.album-card-box .card-info .card-info-item,.card-box .card-info .card-info-item {
	font-size: 12px;
	color: #bbb;
	position: absolute;
	bottom: 14px
}

.album-card-box .card-info .card-info-item span,.card-box .card-info .card-info-item span {
	margin-right: 10px;
	cursor: default
}

.album-card-box .card-info .card-info-item span:before,.card-box .card-info .card-info-item span:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: top;
	margin-right: 5px
}

.album-card-box .card-info .card-info-item span.statistics-view:before,.card-box .card-info .card-info-item span.statistics-view:before {
	background: url(../images/svg/card-liulan.svg?v=1) 0 4px no-repeat;
	background-size: 16px auto
}

.album-card-box .card-info .card-info-item span.statistics-comment:before,.card-box .card-info .card-info-item span.statistics-comment:before {
	background: url(../images/svg/card-pinglun.svg?v=1) 0 2px no-repeat;
	background-size: 16px auto
}

.album-card-box .card-info .card-info-item span.statistics-tuijian:before,.card-box .card-info .card-info-item span.statistics-tuijian:before {
	background: url(../images/svg/card-zan.svg?v=1) no-repeat;
	background-size: 16px 16px
}

.album-card-box .card-info .card-info-item span.statistics-collect:before,.card-box .card-info .card-info-item span.statistics-collect:before {
	background: url(../images/svg/shoucang.svg?v=1) no-repeat;
	background-size: 16px 16px
}

.album-card-box .card-info .card-info-item span.statistics-product:before,.card-box .card-info .card-info-item span.statistics-product:before {
	background: url(../images/product-icon.png) no-repeat;
	background-size: 16px 16px
}

.album-card-box .card-info .card-info-item span.statistics-content:before,.card-box .card-info .card-info-item span.statistics-content:before {
	background: url(../images/svg/card-contents.svg) 0 3px no-repeat;
	background-size: 16px auto
}

.album-card-box .card-info .card-info-item span.statistics-participant:before,.card-box .card-info .card-info-item span.statistics-participant:before {
	background: url(../images/svg/canyuzhe.svg) 0 3px no-repeat;
	background-size: 16px 16px
}

.album-card-box .card-info .card-info-item.card-info-item-recommend,.card-box .card-info .card-info-item.card-info-item-recommend {
	color: #999
}

.album-card-box .card-info .card-info-item.card-info-item-recommend a:hover,.card-box .card-info .card-info-item.card-info-item-recommend a:hover {
	color: #d36f16
}

.album-card-box .card-info .card-info-item.card-info-item-recommend i,.card-box .card-info .card-info-item.card-info-item-recommend i {
	color: #bbb
}

.album-card-box .card-info .card-info-item-recommendhover,.card-box .card-info .card-info-item-recommendhover {
	cursor: pointer
}

.album-card-box .card-info .card-recommend-hour,.card-box .card-info .card-recommend-hour {
	color: #bbb;
	font-size: 12px;
	float: right
}

.album-card-box .card-item,.card-box .card-item {
	height: 50px;
	padding: 0 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative
}

.album-card-box .card-item .user-avatar,.card-box .card-item .user-avatar {
	display: inline-block
}

.album-card-box .card-item .user-avatar>a>img,.card-box .card-item .user-avatar>a>img {
	border-radius: 50%;
	margin-right: 10px;
	width: 24px;
	height: 24px;
	border: none;
	vertical-align: middle
}

.album-card-box .card-item .user-avatar>a,.card-box .card-item .user-avatar>a {
	line-height: 50px;
	font-size: 12px;
	color: #333
}

.album-card-box .card-item>a,.card-box .card-item>a {
	font-size: 12px
}

.album-card-box .card-item a:hover,.card-box .card-item a:hover {
	color: #d36f16
}

.album-card-box .card-item .album-create-time,.album-card-box .card-item .time,.card-box .card-item .album-create-time,.card-box .card-item .time {
	color: #bbb;
	font-size: 12px
}

.album-card-box .card-item .time,.card-box .card-item .time {
	line-height: 50px;
	font-size: 12px;
	float: right
}

.album-card-box .card-item .delete,.album-card-box .card-item .modify,.card-box .card-item .delete,.card-box .card-item .modify {
	display: inline-block;
	vertical-align: middle;
	color: #999
}

.album-card-box .card-item .delete:hover,.album-card-box .card-item .modify:hover,.card-box .card-item .delete:hover,.card-box .card-item .modify:hover {
	color: #282828
}

.album-card-box .card-item .delete-disabled:hover,.album-card-box .card-item .modify-disabled:hover,.card-box .card-item .delete-disabled:hover,.card-box .card-item .modify-disabled:hover {
	color: #bbb
}

.album-card-box .card-item .delete-disabled,.album-card-box .card-item .modify-disabled,.card-box .card-item .delete-disabled,.card-box .card-item .modify-disabled {
	display: inline-block;
	color: #bbb;
	margin-right: 20px;
	vertical-align: middle;
	cursor: default;
	height: 22px;
	line-height: 22px
}

.album-card-box .card-item .modify,.card-box .card-item .modify {
	background-position: -17px 0;
	margin-right: 20px
}

.album-card-box .card-item .modify:hover,.card-box .card-item .modify:hover {
	background-position: 0 0
}

.album-card-box .card-item .delete,.card-box .card-item .delete {
	background-position: -17px -19px
}

.album-card-box .card-item .delete:hover,.card-box .card-item .delete:hover {
	background-position: 0 -19px
}

.album-card-box .btn-current-card,.card-box .btn-current-card {
	width: 110px;
	height: 36px
}

.album-card-box .js-project-focus-btn,.card-box .js-project-focus-btn {
	height: 36px
}

.album-card-box .btn-current-card:not(:last-child),.card-box .btn-current-card:not(:last-child) {
	margin-right: 16px
}

.album-card-box:hover .event-remove-btn,.card-box:hover .event-remove-btn {
	display: block
}

.card-mark-tip {
	display: inline-block;
	position: absolute;
	font-size: 12px;
	color: #fff;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	border-radius: 4px 0;
	background: rgba(0,0,0,.5);
	z-index: 1
}

.album-card-box .card-info .card-info-title .title-content {
	width: 100%
}

.card-remove-btn,.event-remove-btn {
	position: absolute;
	height: 22px;
	line-height: 22px;
	padding: 0 10px 0 26px;
	color: #fff;
	font-size: 12px;
	background-color: rgba(0,0,0,.4);
	top: 10px;
	z-index: 1;
	cursor: pointer;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	vertical-align: middle;
	zoom: 1;
	display: none
}

.card-remove-btn:before,.event-remove-btn:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: url(../images/teamremoveicon.png) no-repeat;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -5px
}

.event-remove-btn {
	right: 10px
}

.card-remove-btn {
	right: 30px
}

.album-card-box .card-img {
	margin: 10px auto 0;
	overflow: hidden;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

.album-card-box .card-img a {
	width: 100%;
	height: 100%;
	display: block
}

.album-card-box .card-album-aspect,.album-card-box .card-album-placeholder {
	float: left
}

.album-card-box .card-album-placeholder {
	background: #DDD;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.album-card-box .card-album-placeholder img,.edit-samllbtn {
	display: inline-block
}

.album-card-box .card-edit-block {
	right: 16px;
	top: 16px
}

.edit-samllbtn {
	min-width: 34px;
	height: 22px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	background: url(../images/svg/gengduo.svg);
	border-radius: 0 2px;
	cursor: pointer
}

.card-edit-block {
	position: absolute;
	top: 10px;
	right: 30px;
	z-index: 1
}

.card-edit-block:hover .filter-list-box {
	display: block
}

.card-al-project-covers,.card-project-covers {
	position: relative;
	float: left
}

.new-add-box {
	width: 100%;
	position: absolute;
	top: 10px;
	left: -4px
}

.new-add-box>span {
	min-width: 58px;
	padding: 0 8px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	display: block;
	background: #ffe300;
	z-index: 2;
	position: absolute;
	border-radius: 0 4px 4px 0;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.new-add-box:before {
	content: "";
	display: block;
	border-top: 2px solid transparent;
	border-right: 4px solid #f5a623;
	border-left: none;
	border-bottom: 2px solid transparent;
	position: absolute;
	top: -2px;
	left: 0
}

.filter-list-box {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	max-height: 612px;
	padding: 6px 0;
	position: absolute;
	top: 22px;
	right: 0;
	z-index: 10;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
	box-shadow: 0 0 6px rgba(0,0,0,.2);
	border-radius: 4px;
	overflow: hidden;
	display: none
}

.filter-list-box ul li:hover {
	background: #f2f2f2
}

.filter-list-box ul li.current {
	color: #d36f16
}

.filter-list-box ul li a {
	padding: 0 30px;
	height: 40px;
	line-height: 40px;
	display: block
}

.card-box-little,.card-box-mid {
	display: inline-block;
	float: left
}

.hover-show-btn:hover .card-remove-btn {
	display: block
}

.card-designer-list,.card-designer-list-attention,.card-designer-list-details {
	width: 100%;
	padding: 30px;
	overflow: hidden;
	background: #fff
}

.card-designer-list .separate-card-list .card-designer-list,.card-designer-list-attention .separate-card-list .card-designer-list,.card-designer-list-details .separate-card-list .card-designer-list {
	padding: 20px 30px
}

.card-designer-list .zcool-card-event,.card-designer-list .zcool-card-fire1,.card-designer-list .zcool-card-fire2,.card-designer-list .zcool-card-fire3,.card-designer-list-attention .zcool-card-event,.card-designer-list-attention .zcool-card-fire1,.card-designer-list-attention .zcool-card-fire2,.card-designer-list-attention .zcool-card-fire3,.card-designer-list-details .zcool-card-event,.card-designer-list-details .zcool-card-fire1,.card-designer-list-details .zcool-card-fire2,.card-designer-list-details .zcool-card-fire3 {
	width: 14px;
	height: 14px;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	background-size: auto 14px;
	background-repeat: no-repeat;
	background-position: center top
}

.card-designer-list .zcool-card-fire1,.card-designer-list-attention .zcool-card-fire1,.card-designer-list-details .zcool-card-fire1 {
	background-image: url(../images/svg/putongtuijian.svg?v=1)
}

.card-designer-list .zcool-card-fire2,.card-designer-list-attention .zcool-card-fire2,.card-designer-list-details .zcool-card-fire2 {
	background-image: url(../images/svg/bianjijingxuan.svg?v=1)
}

.card-designer-list .zcool-card-fire3,.card-designer-list-attention .zcool-card-fire3,.card-designer-list-details .zcool-card-fire3 {
	background-image: url(../images/svg/shouyetuijian.svg?v=1)
}

.card-designer-list .zcool-card-event,.card-designer-list-attention .zcool-card-event,.card-designer-list-details .zcool-card-event {
	width: 16px;
	background-image: url(../images/svg/dasai.svg?v=1)
}

.card-designer-list .hightlight,.card-designer-list-attention .hightlight,.card-designer-list-details .hightlight {
	font-weight: 600
}

.card-designer-list .author-info,.card-designer-list-attention .author-info,.card-designer-list-details .author-info {
	height: 150px
}

.card-designer-list .author-info .btn-area,.card-designer-list-attention .author-info .btn-area,.card-designer-list-details .author-info .btn-area {
	margin-top: 15px
}

.card-designer-list .author-info .btn-area:after,.card-designer-list-attention .author-info .btn-area:after,.card-designer-list-details .author-info .btn-area:after {
	content: "";
	display: table;
	clear: both
}

.card-designer-list .author-info .btn-area .btn-current,.card-designer-list-attention .author-info .btn-area .btn-current,.card-designer-list-details .author-info .btn-area .btn-current {
	width: 100px;
	height: 36px;
	margin-right: 6px
}

.card-designer-list .author-info .btn-area .js-project-focus-btn,.card-designer-list-attention .author-info .btn-area .js-project-focus-btn,.card-designer-list-details .author-info .btn-area .js-project-focus-btn {
	height: 36px
}

.card-designer-list .author-info .btn-area .private-letter,.card-designer-list .work-show,.card-designer-list-attention .author-info .btn-area .private-letter,.card-designer-list-attention .work-show,.card-designer-list-details .author-info .btn-area .private-letter,.card-designer-list-details .work-show {
	float: right
}

.card-designer-list .work-show ul,.card-designer-list-attention .work-show ul,.card-designer-list-details .work-show ul {
	float: left
}

.card-designer-list .work-show ul li,.card-designer-list-attention .work-show ul li,.card-designer-list-details .work-show ul li {
	float: left;
	margin-left: 10px;
	position: relative
}

.card-designer-list .work-show .work-show-item a img,.card-designer-list .work-show .work-show-more a img,.card-designer-list-attention .work-show .work-show-item a img,.card-designer-list-attention .work-show .work-show-more a img,.card-designer-list-details .work-show .work-show-item a img,.card-designer-list-details .work-show .work-show-more a img {
	vertical-align: middle
}

.card-designer-list .work-show .seize-box,.card-designer-list-attention .work-show .seize-box,.card-designer-list-details .work-show .seize-box {
	width: 26px;
	margin-left: 20px;
	margin-right: -10px;
	float: right
}

.card-designer-list .work-show .work-show-more .view-more,.card-designer-list-attention .work-show .work-show-more .view-more,.card-designer-list-details .work-show .work-show-more .view-more {
	width: 6px;
	height: 150px;
	padding: 0 10px;
	display: block;
	text-align: center;
	line-height: 180px;
	position: relative
}

.card-designer-list .work-show .work-show-more .view-more .more-icon,.card-designer-list-attention .work-show .work-show-more .view-more .more-icon,.card-designer-list-details .work-show .work-show-more .view-more .more-icon {
	position: absolute;
	top: 50%;
	margin-top: -19px;
	left: 50%;
	margin-left: -3px;
	display: inline-block
}

.card-designer-list .work-show .work-show-more .view-more .more-icon span,.card-designer-list-attention .work-show .work-show-more .view-more .more-icon span,.card-designer-list-details .work-show .work-show-more .view-more .more-icon span {
	display: block;
	width: 6px;
	height: 6px;
	margin: 5px 0;
	background: #ffe300;
	border-radius: 50%
}

.card-designer-list .work-show .work-show-more .view-more:hover span,.card-designer-list-attention .work-show .work-show-more .view-more:hover span,.card-designer-list-details .work-show .work-show-more .view-more:hover span {
	background: #333
}

.card-designer-list .avatar,.card-designer-list-attention .avatar,.card-designer-list-details .avatar,.card-team-list .avatar {
	float: left;
	margin-bottom: 10px
}

.card-designer-list .avatar img,.card-designer-list-attention .avatar img,.card-designer-list-details .avatar img,.card-team-list .avatar img {
	width: 80px;
	height: 80px;
	border-radius: 50%
}

.card-designer-list .author-info,.card-designer-list-attention .author-info,.card-designer-list-details .author-info,.card-team-list .author-info {
	float: left;
	width: 220px;
	margin-left: 20px;
	position: relative
}

.card-designer-list .author-info .author-info-title-box,.card-designer-list-attention .author-info .author-info-title-box,.card-designer-list-details .author-info .author-info-title-box,.card-team-list .author-info .author-info-title-box {
	height: 26px;
	line-height: 26px;
	overflow: hidden
}

.card-designer-list .author-info .author-info-title-box .author-info-title,.card-designer-list-attention .author-info .author-info-title-box .author-info-title,.card-designer-list-details .author-info .author-info-title-box .author-info-title,.card-team-list .author-info .author-info-title-box .author-info-title {
	float: left
}

.card-designer-list .author-info .author-info-title-box .author-info-fire,.card-designer-list-attention .author-info .author-info-title-box .author-info-fire,.card-designer-list-details .author-info .author-info-title-box .author-info-fire,.card-team-list .author-info .author-info-title-box .author-info-fire {
	float: left;
	margin-left: 4px;
	margin-top: 3px
}

.card-designer-list .author-info .author-info-title,.card-designer-list-attention .author-info .author-info-title,.card-designer-list-details .author-info .author-info-title,.card-team-list .author-info .author-info-title {
	margin-bottom: 2px
}

.card-designer-list .author-info .author-info-title .title-content,.card-designer-list-attention .author-info .author-info-title .title-content,.card-designer-list-details .author-info .author-info-title .title-content,.card-team-list .author-info .author-info-title .title-content {
	color: #333;
	font-size: 16px;
	font-weight: 600;
	vertical-align: middle
}

.card-designer-list .author-info .author-info-title .title-content:hover,.card-designer-list-attention .author-info .author-info-title .title-content:hover,.card-designer-list-details .author-info .author-info-title .title-content:hover,.card-team-list .author-info .author-info-title .title-content:hover {
	color: #d36f16
}

.card-designer-list .author-info .position-info,.card-designer-list-attention .author-info .position-info,.card-designer-list-details .author-info .position-info,.card-team-list .author-info .position-info {
	font-size: 12px;
	color: #bbb;
	margin-bottom: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.card-designer-list .author-info .position-info span,.card-designer-list-attention .author-info .position-info span,.card-designer-list-details .author-info .position-info span,.card-team-list .author-info .position-info span {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.card-designer-list .author-info .signature p,.card-designer-list-attention .author-info .signature p,.card-designer-list-details .author-info .signature p,.card-team-list .author-info .signature p {
	width: 220px;
	margin-top: 2px;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 12px;
	color: #bbb
}

.card-designer-list .author-info .info-num,.card-designer-list-attention .author-info .info-num,.card-designer-list-details .author-info .info-num,.card-team-list .author-info .info-num {
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.card-designer-list .author-info .info-num .fans,.card-designer-list .author-info .info-num .work,.card-designer-list-attention .author-info .info-num .fans,.card-designer-list-attention .author-info .info-num .work,.card-designer-list-details .author-info .info-num .fans,.card-designer-list-details .author-info .info-num .work,.card-team-list .author-info .info-num .fans,.card-team-list .author-info .info-num .work {
	display: inline-block
}

.card-designer-list .author-info .info-num .fans span,.card-designer-list .author-info .info-num .work span,.card-designer-list-attention .author-info .info-num .fans span,.card-designer-list-attention .author-info .info-num .work span,.card-designer-list-details .author-info .info-num .fans span,.card-designer-list-details .author-info .info-num .work span,.card-team-list .author-info .info-num .fans span,.card-team-list .author-info .info-num .work span {
	color: #666
}

.card-designer-list .author-info .info-num .work i,.card-designer-list-attention .author-info .info-num .work i,.card-designer-list-details .author-info .info-num .work i,.card-team-list .author-info .info-num .work i {
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #333;
	margin: 0 5px
}

.card-designer-list .author-info .info-num a,.card-designer-list-attention .author-info .info-num a,.card-designer-list-details .author-info .info-num a,.card-team-list .author-info .info-num a {
	color: #333;
	font-weight: 600
}

.author-info-card .author-card_title-name:hover,.card-designer-list .author-info .info-num a:hover,.card-designer-list-attention .author-info .info-num a:hover,.card-designer-list-details .author-info .info-num a:hover,.card-team-list .author-info .info-num a:hover {
	color: #d36f16
}

.card-designer-list-attention:not(:last-child),.card-designer-list:not(:last-child),.card-team-list:not(:last-child) {
	border-bottom: 1px solid #eee
}

.card-designer-list-details .work-show .seize-box,.card-designer-list-details .work-show .work-show-more,.card-designer-list-details .work-show .work-show-more .view-more {
	height: 100%
}

.card-designer-list-details .author-info {
	height: 95px
}

.author-info-card {
	width: 320px;
	max-height: -webkit-max-content;
	max-height: -moz-max-content;
	max-height: max-content;
	padding: 20px;
	position: absolute;
	z-index: 11;
	left: 0;
	bottom: 49px;
	background: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.15);
	box-shadow: 0 2px 6px 0 rgba(0,0,0,.15)
}

.author-info-card .author-card-box {
	width: inherit
}

.author-info-card .avatar-container-40 .avatar-container_face img {
	width: 40px;
	height: 40px
}

.author-info-card .author-card_topbar {
	width: inherit;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.author-info-card .author-card_title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 174px;
	white-space: nowrap;
	overflow: hidden
}

.author-info-card .author-card_title-name {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.author-info-card .author-card_info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.author-info-card .author-card_position {
	font-size: 12px;
	color: #999;
	max-width: 184px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.author-info-card .btn-current-h30 {
	width: 70px;
	height: 30px
}

.author-info-card .author-card_products_box {
	margin-top: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.author-info-card .author-card_products_box>a {
	margin-left: 10px;
	background: #F2F2F2;
	border-radius: 4px
}

.author-info-card .author-card_products_box>a:first-child {
	margin-left: 0
}

.author-info-card .author-card_products_box img {
	width: 100px;
	height: 75px;
	border-radius: 4px;
	display: block
}

.author-info-card .author-card_honor-medal {
	margin-left: 8px;
	margin-top: -1px
}

.author-info-card .author-card_honor-medal img {
	width: 15px;
	height: 15px;
	vertical-align: middle
}

.author-info-card::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	bottom: -4px;
	left: 22px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent #fff #fff;
	-webkit-transform: rotate(-46deg);
	-webkit-transform-origin: center;
	transform-origin: center;
	transform: rotate(-46deg);
	-webkit-box-shadow: -3px 2px 2px rgba(255,255,255,.05);
	box-shadow: -3px 2px 2px rgba(255,255,255,.05)
}

.author-info-card.triangle_top {
	-webkit-box-shadow: 2px -2px 15px rgba(0,0,0,.15);
	box-shadow: 2px -2px 15px rgba(0,0,0,.15)
}

.author-info-card.triangle_top:after {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	top: -4px
}

.author-info-card .js-project-focus-btn {
	height: 30px
}

.statistics-creation,.statistics-fans,.statistics-popularity {
	height: 20px;
	line-height: 20px;
	color: #bbb;
	font-size: 12px;
	display: inline-block
}

.statistics-creation::before,.statistics-fans::before,.statistics-popularity::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: inherit;
	background-repeat: no-repeat;
	background-position-y: center;
	vertical-align: top
}

.statistics-popularity::before {
	background-image: url(../images/svg/statistics-popularity.svg)
}

.statistics-fans::before {
	background-image: url(../images/svg/statistics-fans.svg)
}

.statistics-creation::before {
	background-image: url(../images/svg/statistics-creation.svg)
}

.personal-card,.personal-menu {
	background: #fff;
	border-radius: 4px;
	overflow: hidden
}

.personal-card {
	text-align: center;
	margin-bottom: 10px;
	padding: 30px 0 20px
}

.personal-card .author-avatar img {
	border-radius: 50%
}

.personal-card .presonal-info {
	margin: 16px 0 0
}

.personal-card .presonal-info .author-name {
	font-size: 16px;
	font-weight: 600
}

.personal-card .presonal-info .author-name:hover {
	color: #d36f16
}

.personal-card .position-info {
	margin-bottom: 24px
}

.personal-card .position-info span {
	font-size: 12px;
	color: #bbb;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.personal-card .info-num .work {
	position: relative
}

.personal-card .info-num .work:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 30px;
	background: #ddd;
	position: absolute;
	top: 5px;
	right: 0
}

.personal-card .info-num .fans,.personal-card .info-num .work {
	width: 50%;
	text-align: center;
	float: left
}

.personal-card .info-num .fans p,.personal-card .info-num .work p {
	color: #999
}

.personal-card .info-num .fans a,.personal-card .info-num .work a {
	color: #333;
	font-weight: 600
}

.personal-menu p {
	background: #fff
}

.personal-menu a {
	display: block;
	color: #333;
	height: 52px;
	line-height: 52px;
	padding: 0 30px;
	position: relative
}

.personal-menu sup.subnav-dot-sup {
	top: 16px
}

.personal-menu .menu-list:not(:last-child) {
	border-bottom: 1px solid #eee
}

.personal-menu .menu-list li {
	background: #fff;
	position: relative
}

.personal-menu .menu-list li:hover {
	background: #ffe300
}

.personal-menu .menu-list .menu-list-default.current i {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 10px;
	width: 3px;
	height: 32px;
	background: #ffe300;
	vertical-align: middle
}

.personal-menu .new-red {
	width: auto
}

.personal-menu .new-red-public {
	position: absolute;
	top: 18px;
	right: 30px
}

.detail-editor .personal-menu .menu-list li:hover {
	background: #f2f2f2
}

.card-media .info-num a:hover,.card-media .presonal-info a:hover {
	color: #d36f16
}

.card-media .private-letter {
	float: right
}

.designer-card {
	background: #fff;
	border-radius: 4px;
	text-align: center;
	padding: 30px 0 20px;
	display: inline-block;
	margin: 0 20px 20px 0;
	float: left
}

.designer-card .author-avatar {
	width: 80px;
	height: 80px;
	display: inline-block
}

.designer-card .author-avatar img {
	border-radius: 50%;
	vertical-align: middle
}

.designer-card .presonal-info {
	margin: 16px 0 0
}

.designer-card .presonal-info .author-name {
	font-size: 16px;
	color: #333;
	font-weight: 600;
	vertical-align: middle;
	margin-right: 4px
}

.designer-card .position-info {
	margin-bottom: 20px
}

.designer-card .position-info span {
	font-size: 12px;
	color: #bbb;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.designer-card .info-num {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px
}

.designer-card .info-num .work:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #ddd;
	position: absolute;
	top: 5px;
	right: 0
}

.designer-card .info-num .fans,.designer-card .info-num .work {
	width: 48%;
	text-align: center;
	display: inline-block;
	position: relative
}

.designer-card .info-num .fans a,.designer-card .info-num .work a {
	font-size: 12px;
	color: #333;
	font-weight: 600
}

.designer-card .info-num .fans span,.designer-card .info-num .work span {
	font-size: 12px;
	color: #999
}

.designer-card .btn-area .attention,.designer-card .btn-area .attention-preview,.designer-card .js-project-focus-btn {
	float: left
}

.designer-card .f-auto {
	float: none
}

.recommend-menu {
	width: 260px;
	max-height: 320px;
	position: absolute;
	-webkit-box-shadow: 1px 0 6px rgba(0,0,0,.2);
	box-shadow: 1px 0 6px rgba(0,0,0,.2);
	background: #fff;
	border-radius: 4px;
	top: 96px;
	left: 0;
	z-index: 12
}

.recommend-menu p {
	height: 50px;
	line-height: 50px;
	font-size: 12px;
	padding: 0 16px;
	border-bottom: 1px solid #eaeaea;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.recommend-menu ul {
	max-height: 240px;
	padding: 6px 0;
	overflow: hidden
}

.recommend-menu ul li {
	height: 48px;
	line-height: 48px;
	color: #333;
	cursor: pointer
}

.recommend-menu ul li a {
	padding: 0 16px;
	font-size: 14px;
	display: block
}

.recommend-menu ul li a img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 2px
}

.recommend-menu ul li:hover {
	background: #f2f2f2
}

.recommend-menu:before {
	content: "";
	color: #fff;
	font-size: 40px;
	border-width: 6px;
	-webkit-box-shadow: -3px -3px 8px rgba(0,0,0,.1);
	box-shadow: -3px -3px 8px rgba(0,0,0,.1);
	-webkit-transform-origin: 0 0;
	-webkit-transform: rotate(45deg);
	transform-origin: 0 0;
	transform: rotate(45deg);
	position: absolute;
	top: -8px;
	border-style: solid;
	left: 35px
}

.album-cover-hover:hover,.card-img-hover img:hover {
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8;
	-khtml-opacity: .8;
	-webkit-transition: all .1s linear;
	transition: all .1s linear
}

div[class*=avatar-container] .avatar-container_face,div[class*=avatar-container]>a img {
	border-radius: 50%;
	display: block;
	background: #F2F2F2
}

div[class*=avatar-container] .avatar-container_face img,div[class*=avatar-container]>a img img {
	border-radius: 50%;
	display: block
}

.avatar-container-80 {
	position: relative;
	width: 80px
}

.avatar-container-80.wd120 {
	width: 120px
}

.avatar-container-80.center,.avatar-container-80.z-center {
	margin: 0 auto;
	position: relative
}

.avatar-container-80.inline {
	display: inline
}

.avatar-container-80.inline-block {
	display: inline-block;
	margin-right: -4px
}

.avatar-container-80 .company-honor {
	position: absolute;
	top: 59px;
	bottom: -2px;
	right: -2px;
	width: 24px;
	height: 24px;
	line-height: initial
}

.avatar-container-80 .company-honor.mt9 {
	margin-top: 9px
}

.avatar-container-80 .company-honor.mt22 {
	margin-top: -22px
}

.avatar-container-80 .company-honor.mt39 {
	margin-top: 39px
}

.avatar-container-80 .company-honor.mr8 {
	margin-right: 8px
}

.avatar-container-80 .company-honor.mr32 {
	margin-right: -32px
}

.avatar-container-80 .company-honor.mr12 {
	margin-right: -12px
}

.avatar-container-80 .company-honor>img {
	width: 24px;
	height: 24px
}

.avatar-parent-48 {
	height: 48px;
	position: relative;
	padding-left: 68px
}

.avatar-container-48 {
	position: relative;
	width: 48px
}

.avatar-container-48.absolute {
	position: absolute;
	left: 0;
	top: 0
}

.avatar-container-48.center {
	margin: 0 auto;
	position: inherit;
	left: inherit;
	-webkit-transform: inherit;
	transform: inherit
}

.avatar-container-48.inline {
	display: inline
}

.avatar-container-48.right {
	display: right
}

.avatar-container-48 .company-honor {
	position: absolute;
	top: 65px;
	bottom: -2px;
	right: -2px;
	width: 20px;
	height: 20px;
	line-height: initial
}

.avatar-container-48 .company-honor.at30 {
	top: 30px
}

.avatar-container-48 .company-honor.mt9 {
	margin-top: 9px
}

.avatar-container-48 .company-honor.mt19 {
	margin-top: -19px
}

.avatar-container-48 .company-honor.mt35 {
	margin-top: -35px
}

.avatar-container-48 .company-honor>img {
	width: 20px;
	height: 20px
}

.avatar-container-40 {
	width: 40px;
	position: relative
}

.avatar-container-40 .avatar-container_face>img {
	width: 40px;
	height: 40px
}

.avatar-container-40 .company-honor {
	position: absolute;
	bottom: 0;
	right: -2px;
	width: 14px;
	height: 14px
}

.avatar-container-40 .company-honor>img {
	width: 14px;
	height: 14px
}

.avatar-container-40 .company-honor.ab2 {
	bottom: 2px
}

.avatar-container-30 {
	width: 30px;
	position: relative
}

.avatar-container-30 .avatar-container_face img {
	width: 30px;
	height: 30px
}

.avatar-container-30.center {
	margin: 0 auto;
	position: inherit;
	left: inherit;
	-webkit-transform: inherit;
	transform: inherit
}

.avatar-container-30.inline {
	display: inline
}

.avatar-container-30.inline-block {
	display: inline-block
}

.avatar-container-30.inline-block.mr16 {
	margin-right: 16px
}

.avatar-container-30.wd30 {
	width: 30px!important
}

.avatar-container-30>.company-honor {
	position: absolute;
	top: 11px;
	bottom: -2px;
	right: -1px;
	width: 14px;
	height: 14px;
	line-height: initial
}

.avatar-container-30 .company-honor.clear {
	width: inherit!important;
	height: initial!important;
	border-radius: initial!important
}

.avatar-container-30 .company-honor>img,.company-honor.top-fix>img {
	width: 14px;
	height: 14px
}

.avatar-container-30 .company-honor.mt5 {
	margin-top: 5px
}

.avatar-container-30 .company-honor.mt7 {
	margin-top: 7px
}

.avatar-container-30 .company-honor.mt6 {
	margin-top: 6px!important
}

.avatar-container-30 .company-honor.mt9 {
	margin-top: 9px
}

.avatar-container-30 .company-honor.mt18 {
	margin-top: 18px
}

.avatar-container-30 .company-honor.mr16 {
	margin-right: -16px!important
}

.avatar-container-30 .company-honor.mr19 {
	margin-right: 19px
}

.avatar-container-30 .company-honor.mr20 {
	margin-right: 20px
}

.avatar-container-45 {
	position: relative
}

.company-honor.top-fix {
	position: absolute;
	left: 17px;
	bottom: 13px;
	height: 14px;
	line-height: initial
}

.avatar-radius>img {
	border-radius: 50%;
	display: block
}

.zcool-treetop {
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	zoom: 1
}

.zcool-treetop a {
	float: left;
	margin-right: 4px
}

.people-nick-name .zcool-treetop {
	height: 18px
}

.people-nick-name .zcool-treetop img {
	width: 18px;
	height: 18px
}

.card-media .more-leaveout img,.zcool-treetop img {
	width: 16px;
	height: 16px
}

.people-nick-name .zcool-treetop a {
	margin-top: -5px
}

.card-media .more-leaveout:hover .leaveout-tips {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.card-media .zcool-treetop {
	max-width: 68px;
	overflow: hidden
}

.card-media .more-leaveout {
	height: 16px;
	margin-left: -2px;
	cursor: pointer;
	position: relative;
	vertical-align: middle;
	zoom: 1;
	display: none
}

.card-media .leaveout-tips {
	padding: 16px;
	text-align: center;
	position: absolute;
	left: 50%;
	background: #fff;
	z-index: 4;
	top: 26px;
	vertical-align: middle;
	zoom: 1;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 0 6px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
	display: none;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.card-media .leaveout-tips img {
	vertical-align: middle
}

.card-media .leaveout-tips:before {
	content: "";
	display: block;
	width: 30px;
	height: 13px;
	background: url(../images/poptriangle.png) no-repeat;
	position: absolute;
	top: -13px;
	left: 50%;
	margin-left: -15px
}

.more-leaveout img {
	width: 16px;
	height: 16px
}

.ad_card_type01 {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

.album-covers-260 {
	width: 260px;
	height: 195px;
	position: relative
}

.album-covers-260 .card-album-aspect,.album-covers-260 .card-album-placeholder {
	width: 130px;
	height: 97.5px;
	float: left;
	background: #DDD
}

.album-covers-260 .card-album-aspect img {
	width: 100%
}

.album-covers-260 .card-album-placeholder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.album-covers-260 .card-album-placeholder img {
	width: 48px
}

.card-containar-260 div.card-box {
	width: 260px
}

.card-containar-260 div.card-box .card-img,.card-containar-260 div.card-box .card-img a img {
	width: 260px;
	height: 195px
}

.card-media-mid-btn {
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.personal-card .btn-area {
	padding: 0 20px
}

.personal-card .btn-current {
	line-height: 36px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.card-type2-box {
	float: left;
	position: relative;
	background: #fff;
	margin: 0 20px 20px 0;
	overflow: hidden;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

.card-type2-title-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 10px
}

.card-type2-title {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle
}

.card-type2-title:hover {
	color: #d36f16
}

.fire3 {
	background-image: url(../images/svg/shouyetuijian.svg?v=1)
}

.fire2 {
	background-image: url(../images/svg/bianjijingxuan.svg?v=1)
}

.fire1 {
	background-image: url(../images/svg/putongtuijian.svg?v=1)
}

.fire-15,.fire-16,.fire-18 {
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block
}

.fire-18 {
	width: 18px;
	height: 18px;
	background-size: auto 18px
}

.fire-16 {
	width: 16px;
	height: 16px;
	background-size: auto 16px
}

.fire-15 {
	width: 15px;
	height: 15px;
	background-size: auto 15px
}

.ad-media-list {
	margin-top: 10px
}

.ad-media-list img {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	display: block
}

.card-btn-group-cover {
	position: absolute;
	top: 10px;
	right: 30px;
	z-index: 1
}

.card-btn-group-cover.mtr6 {
	margin-top: 6px;
	margin-right: 6px
}

.hover-show-edit-group:not(.disabled):hover .card-btn-group-cover {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.card-black-more-btn {
	width: 31px;
	height: 21px;
	border-radius: 4px;
	-webkit-box-shadow: 2px 2px 4px 0 rgba(0,0,0,.1);
	box-shadow: 2px 2px 4px 0 rgba(0,0,0,.1);
	cursor: pointer;
	position: relative;
	background: url(../images/svg/black-more-icon.svg) center no-repeat #fff
}

.card-black-more-btn .filter-list-box {
	top: 26px
}

.card-btn-hover-cover {
	height: 30px
}

.card-btn-hover-cover:hover .filter-list-box {
	display: block
}

@media screen and (max-width:1600px) {
	.all-work-list,.work-pure-wrap {
		width: 1130px
	}

	.card-designer-list {
		width: 1070px
	}

	.card-designer-list-details {
		width: 850px
	}

	.designer-list-box.card-right-list-box .card-designer-list {
		width: 840px
	}

	.designer-list-box.project-covers-850_1100 .card-designer-list {
		width: 790px
	}

	.card-box-little .card-box .card-item .user-avatar,.card-box-mid .card-box .card-item .user-avatar {
		width: 114px
	}

	.card-box {
		width: 210px
	}

	.card-box .card-img,.card-box .card-img a img {
		width: 210px;
		height: 158px
	}

	.card-box .card-item .user-avatar {
		width: 120px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden
	}

	.card-media,.card-type2-box,.down-page-card .card-box-little .card-box {
		width: 210px
	}

	.card-type2-box .card-type2-img,.card-type2-box .card-type2-img a img {
		width: 210px;
		height: 158px
	}

	.card-type2-title {
		max-width: 164px
	}

	.designer-card .btn-area .btn-current,.personal-card .btn-current {
		width: 80px;
		height: 36px
	}

	.designer-card .btn-area {
		padding: 0 20px
	}

	.designer-card .btn-area:after {
		content: "";
		display: table;
		clear: both
	}

	.designer-card .btn-area .js-project-focus-btn {
		height: 36px
	}

	.work-con-box {
		width: 630px;
		height: 150px;
		overflow: hidden
	}

	.small-work-con-box {
		width: 420px;
		height: 150px;
		overflow: hidden
	}

	.card-box-little .card-box {
		width: 197px
	}

	.card-box-little .card-box .card-info .card-info-item span {
		margin-right: 10px
	}

	.card-box-little .card-box .card-info .card-info-item span:before {
		margin-right: 4px
	}

	.card-box-little .card-img,.card-box-little .card-img a img {
		width: 100%;
		height: 148px
	}

	.card-box-mid .card-box {
		width: 197px
	}

	.card-box-mid .card-box .card-info .card-info-item span {
		margin-right: 10px
	}

	.card-box-mid .card-box .card-info .card-info-item span:before {
		margin-right: 4px
	}

	.card-box-mid .card-img,.card-box-mid .card-img a img {
		width: 100%;
		height: 148px
	}

	.ad_card_type01 {
		width: 210px;
		height: 308px;
		overflow: hidden
	}

	.ad_card_type01 #ad1 img {
		width: 210px!important;
		height: auto!important
	}

	.work-list-box .card-box:nth-child(4n) .recommend-menu {
		right: 0;
		left: auto
	}

	.work-list-box .card-box:nth-child(4n) .recommend-menu:before {
		left: 80px
	}

	.album-card-box {
		width: 210px
	}

	.album-card-box .card-img {
		width: 190px;
		height: 144px
	}

	.album-card-box .card-album-aspect img {
		width: 100%;
		height: 100%
	}

	.album-card-box .card-album-aspect,.album-card-box .card-album-placeholder {
		width: 95px;
		height: 72px
	}

	.album-card-box .card-album-placeholder img {
		width: 39px
	}

	.album-card-box .card-item .user-avatar {
		width: 120px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden
	}

	.small-size-card {
		width: 197px
	}

	.small-size-card .card-img {
		width: 197px;
		height: 148px
	}

	.small-size-card .card-album-aspect,.small-size-card .card-album-placeholder {
		width: 98.5px;
		height: 74px
	}

	.card-media-mid-btn {
		width: 160px
	}

	.ad-media-list {
		width: 210px
	}

	.card-height-media {
		height: 308px
	}
}

@media screen and (min-width:1601px) {
	.all-work-list,.work-pure-wrap {
		width: 1380px
	}

	.card-designer-list {
		width: 1320px
	}

	.card-designer-list-details {
		width: 1098px
	}

	.designer-list-box.card-right-list-box .card-designer-list,.designer-list-box.project-covers-850_1100 .card-designer-list {
		width: 1040px
	}

	.card-box {
		width: 260px
	}

	.card-box .card-img,.card-box .card-img a img {
		width: 260px;
		height: 195px
	}

	.card-type2-box {
		width: 260px
	}

	.card-type2-box .card-type2-img,.card-type2-box .card-type2-img a img {
		width: 260px;
		height: 195px
	}

	.card-type2-title {
		max-width: 200px
	}

	.album-card-box,.card-media {
		width: 260px
	}

	.personal-card {
		padding: 40px 0 30px
	}

	.designer-card .btn-area {
		padding: 0 20px
	}

	.designer-card .btn-area:after {
		content: "";
		display: table;
		clear: both
	}

	.designer-card .btn-area .btn-current {
		width: 105px;
		height: 36px
	}

	.designer-card .btn-area .js-project-focus-btn {
		height: 32px
	}

	.personal-card .btn-current {
		width: 105px;
		height: 36px
	}

	.work-con-box {
		width: 840px;
		height: 150px;
		overflow: hidden
	}

	.small-work-con-box {
		width: 630px;
		height: 150px;
		overflow: hidden
	}

	.card-box-little .card-box {
		width: 260px
	}

	.card-box-little .card-img,.card-box-little .card-img a img {
		width: 100%;
		height: 176px
	}

	.card-box-mid .card-box {
		width: 260px
	}

	.card-box-mid .card-img,.card-box-mid .card-img a img {
		width: 100%;
		height: 195px
	}

	.ad_card_type01 {
		width: 260px;
		height: 345px;
		overflow: hidden
	}

	.ad_card_type01 #ad1 img {
		width: 260px!important;
		height: auto!important;
		margin-top: -18px
	}

	.album-card-box .card-img {
		width: 240px;
		height: 182px
	}

	.album-card-box .card-album-aspect img {
		width: 100%;
		height: 100%
	}

	.album-card-box .card-album-aspect,.album-card-box .card-album-placeholder {
		width: 120px;
		height: 91px
	}

	.album-card-box .card-album-placeholder img {
		width: 48px
	}

	.card-media-mid-btn {
		width: 220px
	}

	.ad-media-list {
		width: 260px
	}

	.card-height-media {
		height: 345px
	}
}

.js-focus-loadding-btn {
	min-width: 70px;
	height: 10px;
	margin: -5px auto 0 -35px;
	position: absolute;
	top: 50%;
	left: 50%
}

.js-focus-loadding-btn div {
	float: left;
	width: 10px;
	height: 10px;
	margin-left: 10px;
	border-radius: 50%;
	-webkit-animation: scale .3s linear infinite;
	animation: scale .3s linear infinite
}

@-webkit-keyframes scale {
	0% {
		opacity: .4
	}

	50% {
		opacity: .7
	}

	100% {
		opacity: 1
	}
}

@keyframes scale {
	0% {
		opacity: .4
	}

	50% {
		opacity: .7
	}

	100% {
		opacity: 1
	}
}

.focus-loadding-y div:nth-child(1) {
	background: rgba(40,40,40,.4);
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.focus-loadding-y div:nth-child(2) {
	background: rgba(40,40,40,.7);
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.focus-loadding-y div:nth-child(3) {
	background: #282828;
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.focus-loadding-s div:nth-child(1) {
	background: rgba(187,187,187,.4);
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.focus-loadding-s div:nth-child(2) {
	background: rgba(187,187,187,.7);
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.focus-loadding-s div:nth-child(3) {
	background: #bbb;
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.btn-area .js-c-loading-cover,.btn-area .js-project-focus-btn {
	display: inline-block
}

.js-c-loading-cover,.js-project-focus-btn {
	position: relative
}

.card-right-list-box.mt-5 {
	margin-top: 5px
}

.separate-designer-list-wrap .separate-card-list {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

.focus-card-tag-wrap {
	padding-top: 10px;
	padding-left: 130px;
	background: #fff;
	position: relative
}

.dropdown,.dropdown div,.dropdown div::after,.dropdown li {
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out
}

.dropdown .selected::after,.dropdown.scrollable div::after {
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none
}

.dropdown {
	position: relative;
	width: 160px;
	border: 1px solid #ccc;
	cursor: pointer;
	background: #fff;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.dropdown.open {
	z-index: 2
}

.dropdown:hover {
	box-shadow: 0 0 5px rgba(0,0,0,.15)
}

.dropdown.focus {
	box-shadow: 0 0 5px rgba(51,102,248,.4)
}

.dropdown .carat {
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -4px;
	border: 6px solid transparent;
	border-top: 8px solid #000
}

.dropdown.open .carat {
	margin-top: -10px;
	border-top: 6px solid transparent;
	border-bottom: 8px solid #000
}

.dropdown.disabled .carat {
	border-top-color: #999
}

.dropdown .old {
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden
}

.dropdown.touch .old,.dropdown.touch select {
	width: 100%;
	height: 100%
}

.dropdown select {
	position: absolute;
	left: 0;
	top: 0
}

.dropdown.touch select {
	opacity: 0
}

.dropdown .selected,.dropdown li {
	display: block;
	font-size: 18px;
	line-height: 1;
	color: #000;
	padding: 9px 12px;
	overflow: hidden;
	white-space: nowrap
}

.dropdown.disabled .selected {
	color: #999
}

.dropdown .selected::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 60px;
	border-radius: 0 2px 2px 0;
	box-shadow: inset -55px 0 25px -20px #fff
}

.dropdown div {
	position: absolute;
	height: 0;
	left: -1px;
	right: -1px;
	top: 100%;
	margin-top: -1px;
	background: #fff;
	border: 1px solid #ccc;
	border-top: 1px solid #eee;
	border-radius: 0 0 3px 3px;
	overflow: hidden;
	opacity: 0
}

.dropdown.open div {
	opacity: 1;
	z-index: 2
}

.dropdown.scrollable div::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	box-shadow: inset 0 -50px 30px -35px #fff
}

.dropdown.scrollable.bottom div::after {
	opacity: 0
}

.dropdown ul {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	list-style: none;
	overflow: hidden
}

.dropdown.scrollable.open ul {
	overflow-y: auto
}

.dropdown li {
	list-style: none;
	padding: 8px 12px
}

.dropdown li.focus {
	background: #d24a67;
	position: relative;
	z-index: 3;
	color: #fff
}

.dropdown li.active {
	font-weight: 700
}

.dropdown,.dropdown .carat,.dropdown .carat:after,.dropdown .selected::after,.dropdown div,.dropdown div::after,.dropdown li,.dropdown:after {
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out
}

.dropdown .selected::after,.dropdown.scrollable div::after {
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none
}

.dropdown {
	position: relative;
	width: 250px;
	cursor: pointer;
	font-weight: 200;
	background: #29AF84;
	padding: 8px 0;
	border-radius: 5px;
	color: #000;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.dropdown div,.dropdown li.focus,.dropdown.focus,.dropdown:hover {
	background: #00C384
}

.dropdown.open {
	z-index: 2
}

.dropdown .carat,.dropdown .carat:after {
	position: absolute;
	right: 14px;
	top: 50%;
	margin-top: -3px;
	border: 6px solid transparent;
	border-top: 6px solid #FFF;
	z-index: 1;
	-webkit-transform-origin: 50% 20%;
	-moz-transform-origin: 50% 20%;
	-ms-transform-origin: 50% 20%;
	transform-origin: 50% 20%
}

.dropdown:hover .carat:after {
	border-top-color: #f4f4f4
}

.dropdown.focus .carat {
	border-top-color: #f8f8f8
}

.dropdown.focus .carat:after {
	border-top-color: #0180d1
}

.dropdown.open .carat {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.dropdown .old {
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden
}

.dropdown select {
	position: absolute;
	left: 0;
	top: 0
}

.dropdown.touch select {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.dropdown .selected {
	color: #FFF
}

.dropdown .selected,.dropdown li {
	display: block;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1;
	padding: 8px 12px;
	overflow: hidden;
	white-space: nowrap
}

.dropdown .selected::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 60px;
	border-radius: 0 5px 5px 0;
	box-shadow: inset -55px 0 25px -20px #29af84
}

.dropdown.focus .selected::after,.dropdown:hover .selected::after {
	box-shadow: inset -55px 0 25px -20px #00c384
}

.dropdown.scrollable div::after,.dropdown.scrollable:hover div::after {
	box-shadow: inset 0 -50px 30px -35px #00c384
}

.dropdown div {
	position: absolute;
	height: 0;
	left: 0;
	right: 0;
	top: 100%;
	margin-top: 1px;
	overflow: hidden;
	opacity: 0;
	color: #04724E;
	border-radius: 5px
}

.dropdown:hover div {
	background: #00C384;
	border-radius: 5px
}

.dropdown.open div {
	opacity: 1;
	z-index: 2
}

.dropdown.scrollable div::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px
}

.dropdown.scrollable.bottom div::after {
	opacity: 0
}

.dropdown ul {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	list-style: none;
	overflow: hidden;
	border-radius: 5px
}

.dropdown.scrollable.open ul {
	overflow-y: auto
}

.dropdown li {
	list-style: none;
	padding: 14px 12px;
	border-bottom: 1px solid #29AF84
}

.dropdown li:last-child {
	border-bottom: 0
}

.dropdown li.focus {
	position: relative;
	z-index: 3;
	color: #fff
}

.dropdown li.active {
	background: #29AF84;
	color: #fff
}

.dropdown,.dropdown .carat,.dropdown .carat:after,.dropdown .selected::after,.dropdown div,.dropdown div::after,.dropdown li,.dropdown:after {
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out
}

.dropdown .selected::after,.dropdown.scrollable div::after {
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none
}

.dropdown {
	position: relative;
	width: 250px;
	cursor: pointer;
	font-weight: 200;
	background: #f8f8f8;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.dropdown.open {
	z-index: 2
}

.dropdown:hover {
	background: #f4f4f4
}

.dropdown:after {
	content: '';
	position: absolute;
	right: 3px;
	bottom: 3px;
	top: 2px;
	width: 30px;
	background: 0 0
}

.dropdown .selected::after,.dropdown.scrollable div::after {
	content: '';
	bottom: 0;
	position: absolute
}

.dropdown.focus:after {
	background: #0180d1
}

.dropdown .carat,.dropdown .carat:after {
	content: '';
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -4px;
	border: 8px solid transparent;
	border-top: 8px solid #000;
	z-index: 2;
	-webkit-transform-origin: 50% 20%;
	-moz-transform-origin: 50% 20%;
	-ms-transform-origin: 50% 20%;
	transform-origin: 50% 20%
}

.dropdown .carat:after {
	margin-top: -10px;
	right: -8px;
	border-top-color: #f8f8f8
}

.dropdown:hover .carat:after {
	border-top-color: #f4f4f4
}

.dropdown.focus .carat {
	border-top-color: #f8f8f8
}

.dropdown.focus .carat:after {
	border-top-color: #0180d1
}

.dropdown.open .carat {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.dropdown .old {
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden
}

.dropdown.touch .old,.dropdown.touch select {
	width: 100%;
	height: 100%
}

.dropdown select {
	position: absolute;
	left: 0;
	top: 0
}

.dropdown.touch select {
	opacity: 0
}

.dropdown .selected,.dropdown li {
	display: block;
	font-size: 18px;
	line-height: 1;
	color: #000;
	padding: 9px 12px;
	overflow: hidden;
	white-space: nowrap
}

.dropdown .selected::after {
	right: 0;
	top: 0;
	width: 60px;
	border-radius: 0 2px 2px 0;
	box-shadow: inset -55px 0 25px -20px #f8f8f8
}

.dropdown:hover .selected::after {
	box-shadow: inset -55px 0 25px -20px #f4f4f4
}

.dropdown div {
	position: absolute;
	height: 0;
	left: 0;
	right: 0;
	top: 100%;
	margin-top: -1px;
	background: #f8f8f8;
	overflow: hidden;
	opacity: 0
}

.dropdown:hover div {
	background: #f4f4f4
}

.dropdown li.active,.dropdown li.focus {
	background: #0180d1;
	color: #fff
}

.dropdown.open div {
	opacity: 1;
	z-index: 2
}

.dropdown.scrollable div::after {
	left: 0;
	right: 0;
	height: 50px;
	box-shadow: inset 0 -50px 30px -35px #f8f8f8
}

.dropdown.scrollable:hover div::after {
	box-shadow: inset 0 -50px 30px -35px #f4f4f4
}

.dropdown.scrollable.bottom div::after {
	opacity: 0
}

.dropdown ul {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	list-style: none;
	overflow: hidden
}

.dropdown.scrollable.open ul {
	overflow-y: auto
}

.dropdown li {
	list-style: none;
	padding: 8px 12px
}

.dropdown li.focus {
	position: relative;
	z-index: 3
}