/** layui-v2.4.5 MIT License By https://www.layui.com */
.layui-layer-imgbar, .layui-layer-imgtit a, .layui-layer-tab .layui-layer-title span, .layui-layer-title {
	text-overflow : ellipsis;
	white-space   : nowrap
}
html #layuicss-layer {
	display  : none;
	position : absolute;
	width    : 1989px
}
.layui-layer, .layui-layer-shade {
	position       : fixed;
	_position      : absolute;
	pointer-events : auto
}
.layui-layer-shade {
	top     : 0;
	left    : 0;
	width   : 100%;
	height  : 100%;
	_height : expression(document.body.offsetHeight+"px")
}
.layui-layer {
	-webkit-overflow-scrolling : touch;
	top                        : 150px;
	left                       : 0;
	margin                     : 0;
	padding                    : 0;
	background-color           : #ffffff;
	-webkit-background-clip    : content;
	border-radius              : 2px;
	box-shadow                 : 1px 1px 50px rgba(0, 0, 0, .3)
}
.layui-layer-close {
	position : absolute
}
.layui-layer-content {
	position : relative
}
.layui-layer-border {
	border     : 1px solid #b2b2b2;
	border     : 1px solid rgba(0, 0, 0, .1);
	box-shadow : 1px 1px 5px rgba(0, 0, 0, .2)
}
.layui-layer-load {
	background : url(/assets/images/libs/layer/loading-1.gif) center center no-repeat #eeeeee
}
.layui-layer-ico {
	background : url(/assets/images/libs/layer/icon.png) no-repeat
}
.layui-layer-btn a, .layui-layer-dialog .layui-layer-ico, .layui-layer-setwin a {
	display        : inline-block;
	*display       : inline;
	*zoom          : 1;
	vertical-align : top
}
.layui-layer-move {
	display          : none;
	position         : fixed;
	*position        : absolute;
	left             : 0;
	top              : 0;
	width            : 100%;
	height           : 100%;
	cursor           : move;
	opacity          : 0;
	filter           : alpha(opacity=0);
	background-color : #ffffff;
	z-index          : 2147483647
}
.layui-layer-resize {
	position : absolute;
	width    : 15px;
	height   : 15px;
	right    : 0;
	bottom   : 0;
	cursor   : se-resize
}
.layer-anim {
	-webkit-animation-fill-mode : both;
	animation-fill-mode         : both;
	-webkit-animation-duration  : .3s;
	animation-duration          : .3s
}
@-webkit-keyframes layer-bounceIn {
	0% {
		opacity           : 0;
		transform         : scale(.5)
	}
	100% {
		opacity           : 1;
		transform         : scale(1)
	}
}
@keyframes layer-bounceIn {
	0% {
		opacity           : 0;
		transform         : scale(.5)
	}
	100% {
		opacity           : 1;
		transform         : scale(1)
	}
}
.layer-anim-00 {
	-webkit-animation-name : layer-bounceIn;
	animation-name         : layer-bounceIn
}
@-webkit-keyframes layer-zoomInDown {
	0% {
		opacity                           : 0;
		transform                         : scale(.1) translateY(-2000px);
		-webkit-animation-timing-function : ease-in-out;
		animation-timing-function         : ease-in-out
	}
	60% {
		opacity                           : 1;
		transform                         : scale(.475) translateY(60px);
		-webkit-animation-timing-function : ease-out;
		animation-timing-function         : ease-out
	}
}
@keyframes layer-zoomInDown {
	0% {
		opacity                           : 0;
		transform                         : scale(.1) translateY(-2000px);
		-webkit-animation-timing-function : ease-in-out;
		animation-timing-function         : ease-in-out
	}
	60% {
		opacity                           : 1;
		transform                         : scale(.475) translateY(60px);
		-webkit-animation-timing-function : ease-out;
		animation-timing-function         : ease-out
	}
}
.layer-anim-01 {
	-webkit-animation-name : layer-zoomInDown;
	animation-name         : layer-zoomInDown
}
@-webkit-keyframes layer-fadeInUpBig {
	0% {
		opacity           : 0;
		transform         : translateY(2000px)
	}
	100% {
		opacity           : 1;
		transform         : translateY(0)
	}
}
@keyframes layer-fadeInUpBig {
	0% {
		opacity           : 0;
		transform         : translateY(2000px)
	}
	100% {
		opacity           : 1;
		transform         : translateY(0)
	}
}
.layer-anim-02 {
	-webkit-animation-name : layer-fadeInUpBig;
	animation-name         : layer-fadeInUpBig
}
@-webkit-keyframes layer-zoomInLeft {
	0% {
		opacity                           : 0;
		transform                         : scale(.1) translateX(-2000px);
		-webkit-animation-timing-function : ease-in-out;
		animation-timing-function         : ease-in-out
	}
	60% {
		opacity                           : 1;
		transform                         : scale(.475) translateX(48px);
		-webkit-animation-timing-function : ease-out;
		animation-timing-function         : ease-out
	}
}
@keyframes layer-zoomInLeft {
	0% {
		opacity                           : 0;
		transform                         : scale(.1) translateX(-2000px);
		-webkit-animation-timing-function : ease-in-out;
		animation-timing-function         : ease-in-out
	}
	60% {
		opacity                           : 1;
		transform                         : scale(.475) translateX(48px);
		-webkit-animation-timing-function : ease-out;
		animation-timing-function         : ease-out
	}
}
.layer-anim-03 {
	-webkit-animation-name : layer-zoomInLeft;
	animation-name         : layer-zoomInLeft
}
@-webkit-keyframes layer-rollIn {
	0% {
		opacity           : 0;
		transform         : translateX(-100%) rotate(-120deg)
	}
	100% {
		opacity           : 1;
		transform         : translateX(0) rotate(0)
	}
}
@keyframes layer-rollIn {
	0% {
		opacity           : 0;
		transform         : translateX(-100%) rotate(-120deg)
	}
	100% {
		opacity           : 1;
		transform         : translateX(0) rotate(0)
	}
}
.layer-anim-04 {
	-webkit-animation-name : layer-rollIn;
	animation-name         : layer-rollIn
}
@-webkit-keyframes layer-fadeIn {
	0% {
		opacity : 0
	}
	100% {
		opacity : 1
	}
}
@keyframes layer-fadeIn {
	0% {
		opacity : 0
	}
	100% {
		opacity : 1
	}
}
.layer-anim-05 {
	-webkit-animation-name : layer-fadeIn;
	animation-name         : layer-fadeIn
}
@-webkit-keyframes layer-shake {
	0%, 100% {
		transform         : translateX(0)
	}
	10%, 30%, 50%, 70%, 90% {
		transform         : translateX(-10px)
	}
	20%, 40%, 60%, 80% {
		transform         : translateX(10px)
	}
}
@keyframes layer-shake {
	0%, 100% {
		transform         : translateX(0)
	}
	10%, 30%, 50%, 70%, 90% {
		transform         : translateX(-10px)
	}
	20%, 40%, 60%, 80% {
		transform         : translateX(10px)
	}
}
.layer-anim-06 {
	-webkit-animation-name : layer-shake;
	animation-name         : layer-shake
}
@-webkit-keyframes fadeIn {
	0% {
		opacity : 0
	}
	100% {
		opacity : 1
	}
}
.layui-layer-title {
	padding          : 0 80px 0 20px;
	height           : 42px;
	line-height      : 42px;
	border-bottom    : 1px solid #eeeeee;
	font-size        : 14px;
	color            : #333333;
	overflow         : hidden;
	background-color : #f8f8f8;
	border-radius    : 2px 2px 0 0
}
.layui-layer-setwin {
	position    : absolute;
	right       : 15px;
	*right      : 0;
	top         : 15px;
	font-size   : 0;
	line-height : initial
}
.layui-layer-setwin a {
	position    : relative;
	width       : 16px;
	height      : 16px;
	margin-left : 10px;
	font-size   : 12px;
	_overflow   : hidden
}
.layui-layer-setwin .layui-layer-min cite {
	position         : absolute;
	width            : 14px;
	height           : 2px;
	left             : 0;
	top              : 50%;
	margin-top       : -1px;
	background-color : #2e2d3c;
	cursor           : pointer;
	_overflow        : hidden
}
.layui-layer-setwin .layui-layer-min:hover cite {
	background-color : #2d93ca
}
.layui-layer-setwin .layui-layer-max {
	background-position : -32px -40px
}
.layui-layer-setwin .layui-layer-max:hover {
	background-position : -16px -40px
}
.layui-layer-setwin .layui-layer-maxmin {
	background-position : -65px -40px
}
.layui-layer-setwin .layui-layer-maxmin:hover {
	background-position : -49px -40px
}
.layui-layer-setwin .layui-layer-close1 {
	background-position : 1px -40px;
	cursor              : pointer
}
.layui-layer-setwin .layui-layer-close1:hover {
	opacity : .7
}
.layui-layer-setwin .layui-layer-close2 {
	position            : absolute;
	right               : -28px;
	top                 : -28px;
	width               : 30px;
	height              : 30px;
	margin-left         : 0;
	background-position : -149px -31px;
	*right              : -18px;
	_display            : none
}
.layui-layer-setwin .layui-layer-close2:hover {
	background-position : -180px -31px
}
.layui-layer-btn {
	text-align          : right;
	padding             : 0 15px 12px;
	pointer-events      : auto;
	-moz-user-select         : none;
	 -ms-user-select         : none;
	     user-select         : none;
	-webkit-user-select : none
}
.layui-layer-btn a {
	height           : 28px;
	line-height      : 28px;
	margin           : 5px 5px 0;
	padding          : 0 15px;
	border           : 1px solid #dedede;
	background-color : #ffffff;
	color            : #333333;
	border-radius    : 2px;
	font-weight      : 400;
	cursor           : pointer;
	text-decoration  : none
}
.layui-layer-btn a:hover {
	opacity         : .9;
	text-decoration : none
}
.layui-layer-btn a:active {
	opacity : .8
}
.layui-layer-btn .layui-layer-btn0 {
	border-color     : #1e9fff;
	background-color : #1e9fff;
	color            : #ffffff
}
.layui-layer-btn-l {
	text-align : left
}
.layui-layer-btn-c {
	text-align : center
}
.layui-layer-dialog {
	min-width : 260px
}
.layui-layer-dialog .layui-layer-content {
	position    : relative;
	padding     : 20px;
	line-height : 24px;
	word-break  : break-all;
	overflow    : hidden;
	font-size   : 14px;
	overflow-x  : hidden;
	overflow-y  : auto
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico {
	position : absolute;
	top      : 16px;
	left     : 15px;
	_left    : -40px;
	width    : 30px;
	height   : 30px
}
.layui-layer-ico1 {
	background-position : -30px 0
}
.layui-layer-ico2 {
	background-position : -60px 0
}
.layui-layer-ico3 {
	background-position : -90px 0
}
.layui-layer-ico4 {
	background-position : -120px 0
}
.layui-layer-ico5 {
	background-position : -150px 0
}
.layui-layer-ico6 {
	background-position : -180px 0
}
.layui-layer-rim {
	border        : 6px solid #8d8d8d;
	border        : 6px solid rgba(0, 0, 0, .3);
	border-radius : 5px;
	box-shadow    : none
}
.layui-layer-msg {
	min-width  : 180px;
	border     : 1px solid #d3d4d3;
	box-shadow : none
}
.layui-layer-hui {
	min-width        : 100px;
	background-color : #000000;
	filter           : alpha(opacity=60);
	background-color : rgba(0, 0, 0, .6);
	color            : #ffffff;
	border           : none
}
.layui-layer-hui .layui-layer-content {
	padding    : 12px 25px;
	text-align : center
}
.layui-layer-dialog .layui-layer-padding {
	padding    : 20px 20px 20px 55px;
	text-align : left
}
.layui-layer-page .layui-layer-content {
	position : relative;
	overflow : auto
}
.layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn {
	padding-top : 10px
}
.layui-layer-nobg {
	background : 0 0
}
.layui-layer-iframe iframe {
	display : block;
	width   : 100%
}
.layui-layer-loading {
	border-radius : 100%;
	background    : 0 0;
	box-shadow    : none;
	border        : none
}
.layui-layer-loading .layui-layer-content {
	width      : 60px;
	height     : 24px;
	background : url(/assets/images/libs/layer/loading-0.gif) no-repeat
}
.layui-layer-loading .layui-layer-loading1 {
	width      : 37px;
	height     : 37px;
	background : url(/assets/images/libs/layer/loading-1.gif) no-repeat
}
.layui-layer-ico16, .layui-layer-loading .layui-layer-loading2 {
	width      : 32px;
	height     : 32px;
	background : url(/assets/images/libs/layer/loading-2.gif) no-repeat
}
.layui-layer-tips {
	background : 0 0;
	box-shadow : none;
	border     : none
}
.layui-layer-tips .layui-layer-content {
	position         : relative;
	line-height      : 22px;
	min-width        : 12px;
	padding          : 8px 15px;
	font-size        : 12px;
	_float           : left;
	border-radius    : 2px;
	box-shadow       : 1px 1px 3px rgba(0, 0, 0, .2);
	background-color : #000000;
	color            : #ffffff
}
.layui-layer-tips .layui-layer-close {
	right : -2px;
	top   : -1px
}
.layui-layer-tips i.layui-layer-TipsG {
	position     : absolute;
	width        : 0;
	height       : 0;
	border-width : 8px;
	border-color : transparent;
	border-style : dashed;
	*overflow    : hidden
}
.layui-layer-tips i.layui-layer-TipsB, .layui-layer-tips i.layui-layer-TipsT {
	left               : 5px;
	border-right-style : solid;
	border-right-color : #000000
}
.layui-layer-tips i.layui-layer-TipsT {
	bottom : -8px
}
.layui-layer-tips i.layui-layer-TipsB {
	top : -8px
}
.layui-layer-tips i.layui-layer-TipsL, .layui-layer-tips i.layui-layer-TipsR {
	top                 : 5px;
	border-bottom-style : solid;
	border-bottom-color : #000000
}
.layui-layer-tips i.layui-layer-TipsR {
	left : -8px
}
.layui-layer-tips i.layui-layer-TipsL {
	right : -8px
}
.layui-layer-lan[type=dialog] {
	min-width : 280px
}
.layui-layer-lan .layui-layer-title {
	background : #4476a7;
	color      : #ffffff;
	border     : none
}
.layui-layer-lan .layui-layer-btn {
	padding    : 5px 10px 10px;
	text-align : right;
	border-top : 1px solid #e9e7e7
}
.layui-layer-lan .layui-layer-btn a {
	background   : #ffffff;
	border-color : #e9e7e7;
	color        : #333333
}
.layui-layer-lan .layui-layer-btn .layui-layer-btn1 {
	background : #c9c5c5
}
.layui-layer-molv .layui-layer-title {
	background : #009f95;
	color      : #ffffff;
	border     : none
}
.layui-layer-molv .layui-layer-btn a {
	background   : #009f95;
	border-color : #009f95
}
.layui-layer-molv .layui-layer-btn .layui-layer-btn1 {
	background : #92b8b1
}
.layui-layer-iconext {
	background : url(/assets/images/libs/layer/icon-ext.png) no-repeat
}
.layui-layer-prompt .layui-layer-input {
	display      : block;
	width        : 230px;
	height       : 36px;
	margin       : 0 auto;
	line-height  : 30px;
	padding-left : 10px;
	border       : 1px solid #e6e6e6;
	color        : #333333
}
.layui-layer-prompt textarea.layui-layer-input {
	width       : 300px;
	height      : 100px;
	line-height : 20px;
	padding     : 6px 10px
}
.layui-layer-prompt .layui-layer-content {
	padding : 20px
}
.layui-layer-prompt .layui-layer-btn {
	padding-top : 0
}
.layui-layer-tab {
	box-shadow : 1px 1px 50px rgba(0, 0, 0, .4)
}
.layui-layer-tab .layui-layer-title {
	padding-left : 0;
	overflow     : visible
}
.layui-layer-tab .layui-layer-title span {
	position   : relative;
	float      : left;
	min-width  : 80px;
	max-width  : 260px;
	padding    : 0 20px;
	text-align : center;
	overflow   : hidden;
	cursor     : pointer
}
.layui-layer-tab .layui-layer-title span.layui-this {
	height           : 43px;
	border-left      : 1px solid #eeeeee;
	border-right     : 1px solid #eeeeee;
	background-color : #ffffff;
	z-index          : 10
}
.layui-layer-tab .layui-layer-title span:first-child {
	border-left : none
}
.layui-layer-tabmain {
	line-height : 24px;
	clear       : both
}
.layui-layer-tabmain .layui-layer-tabli {
	display : none
}
.layui-layer-tabmain .layui-layer-tabli.layui-this {
	display : block
}
.layui-layer-photos {
	-webkit-animation-duration : .8s;
	animation-duration         : .8s
}
.layui-layer-photos .layui-layer-content {
	overflow   : hidden;
	text-align : center
}
.layui-layer-photos .layui-layer-phimg img {
	position       : relative;
	width          : 100%;
	display        : inline-block;
	*display       : inline;
	*zoom          : 1;
	vertical-align : top
}
.layui-layer-imgbar, .layui-layer-imguide {
	display : none
}
.layui-layer-imgnext, .layui-layer-imgprev {
	position   : absolute;
	top        : 50%;
	width      : 27px;
	_width     : 44px;
	height     : 44px;
	margin-top : -22px;
	outline    : 0;
	blr        : expression(this.onFocus=this.blur())
}
.layui-layer-imgprev {
	left                 : 10px;
	background-position  : -5px -5px;
	_background-position : -70px -5px
}
.layui-layer-imgprev:hover {
	background-position  : -33px -5px;
	_background-position : -120px -5px
}
.layui-layer-imgnext {
	right                : 10px;
	_right               : 8px;
	background-position  : -5px -50px;
	_background-position : -70px -50px
}
.layui-layer-imgnext:hover {
	background-position  : -33px -50px;
	_background-position : -120px -50px
}
.layui-layer-imgbar {
	position         : absolute;
	left             : 0;
	bottom           : 0;
	width            : 100%;
	height           : 32px;
	line-height      : 32px;
	background-color : rgba(0, 0, 0, .8);
	background-color : #000000 \9;
	filter           : Alpha(opacity=80);
	color            : #ffffff;
	overflow         : hidden;
	font-size        : 0
}
.layui-layer-imgtit * {
	display        : inline-block;
	*display       : inline;
	*zoom          : 1;
	vertical-align : top;
	font-size      : 12px
}
.layui-layer-imgtit a {
	max-width : 65%;
	overflow  : hidden;
	color     : #ffffff
}
.layui-layer-imgtit a:hover {
	color           : #ffffff;
	text-decoration : underline
}
.layui-layer-imgtit em {
	padding-left : 10px;
	font-style   : normal
}
@-webkit-keyframes layer-bounceOut {
	100% {
		opacity           : 0;
		transform         : scale(.7)
	}
	30% {
		transform         : scale(1.05)
	}
	0% {
		transform         : scale(1)
	}
}
@keyframes layer-bounceOut {
	100% {
		opacity           : 0;
		transform         : scale(.7)
	}
	30% {
		transform         : scale(1.05)
	}
	0% {
		transform         : scale(1)
	}
}
.layer-anim-close {
	-webkit-animation-name      : layer-bounceOut;
	animation-name              : layer-bounceOut;
	-webkit-animation-fill-mode : both;
	animation-fill-mode         : both;
	-webkit-animation-duration  : .2s;
	animation-duration          : .2s
}
@media screen and (max-width : 1100px) {
	.layui-layer-iframe {
		overflow-y                 : auto;
		-webkit-overflow-scrolling : touch
	}
}
.tip-yellowsimple {z-index: 1000;
    text-align: left;
    border: 1px solid #c7bf93;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 6px 8px;
    min-width: 50px;
    max-width: 300px;
    color: #000;
    background-color: #fff9c9;}
.tip-yellowsimple .tip-inner {font: 12px/16px arial,helvetica,sans-serif;}
.tip-yellowsimple .tip-arrow-top {margin-top: -6px;
    margin-left: -5px;
    top: 0;
    left: 50%;
    width: 9px;
    height: 6px;
    background: url("/assets/images/libs/jquery/poshytip/yellowsimple/tip-yellowsimple_arrows.gif") no-repeat;}
.tip-yellowsimple .tip-arrow-right {margin-top: -4px;
    margin-left: 0;
    top: 50%;
    left: 100%;
    width: 6px;
    height: 9px;
    background: url("/assets/images/libs/jquery/poshytip/yellowsimple/tip-yellowsimple_arrows.gif") no-repeat -9px 0;}
.tip-yellowsimple .tip-arrow-bottom {margin-top: 0;
    margin-left: -5px;
    top: 100%;
    left: 50%;
    width: 9px;
    height: 6px;
    background: url("/assets/images/libs/jquery/poshytip/yellowsimple/tip-yellowsimple_arrows.gif") no-repeat -18px 0;}
.tip-yellowsimple .tip-arrow-left {margin-top: -4px;
    margin-left: -6px;
    top: 50%;
    left: 0;
    width: 6px;
    height: 9px;
    background: url("/assets/images/libs/jquery/poshytip/yellowsimple/tip-yellowsimple_arrows.gif") no-repeat -27px 0;}
@charset "UTF-8";
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("/assets/images/default/loading.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("/assets/font/slick/slick.eot");
  src: url("/assets/font/slick/slick.eot?#iefix") format("embedded-opentype"), url("/assets/font/slick/slick.woff") format("woff"), url("/assets/font/slick/slick.ttf") format("truetype"), url("/assets/font/slick/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

text.month-name,
text.calendar-heatmap-legend-text,
text.day-initial {
  font-size: 10px;
  fill: #aaaaaa;
  font-family: Helvetica, arial, "Open Sans", sans-serif;
}

.day-cell {
  border: 1px solid gray;
}

rect.day-cell:hover {
  stroke: #555555;
  stroke-width: 1px;
}

.day-cell-tooltip {
  position: absolute;
  z-index: 9999;
  padding: 5px 9px;
  color: #bbbbbb;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.85);
  border-radius: 3px;
  text-align: center;
}

.day-cell-tooltip > span {
  font-family: Helvetica, arial, "Open Sans", sans-serif;
}

.calendar-heatmap {
  box-sizing: initial;
}

/* bootstrap 4
 * ---------------------------------------- */
.webuploader-container {
  position: relative;
}

.webuploader-element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.webuploader-pick {
  position: relative;
  display: inline-block;
  cursor: pointer;
  background: #00b7ee;
  padding: 10px 15px;
  color: #ffffff;
  text-align: center;
  border-radius: 3px;
  overflow: hidden;
}

.webuploader-pick-hover {
  background: #00a2d4;
}

.webuploader-pick-disable {
  opacity: 0.6;
  pointer-events: none;
}

.uploader {
  display: inline-block;
}

.uploader .file-item {
  position: relative;
  margin: 0 10px 10px 0;
  display: inline-block;
}

.uploader > .uploader-list img {
  height: 100px;
  display: block;
  vertical-align: top;
  border: 1px solid #cccccc;
}

.uploader .file-item .progress {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: green;
  z-index: 1;
  height: 5px;
  border-radius: 3px;
}

.uploader .file-item .upload-state-done {
  background-color: transparent;
  background-image: url("/assets/css_images/libs/jquery.webuploader/success.png?__inline");
  background-repeat: no-repeat;
  width: 35px !important;
  height: 35px !important;
  left: auto;
  right: 0;
  background-size: cover;
}

.uploader .file-item .upload-state-error {
  height: auto;
  border-radius: 0;
  padding: 2px 0;
  overflow: hidden;
  text-align: center;
  color: #ffffff;
  background-color: red;
  font-size: 12px;
}

.uploader .file-item a.uploader-item-remove {
  position: absolute;
  top: 5px;
  right: 5px;
  color: red;
  display: none;
}

.uploader .file-item a.uploader-item-remove:hover {
  color: #d10505;
}

.sj-jq-webuploader {
  position: relative;
  padding: 45px 15px 15px;
  background-color: #fafafa;
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05);
  border-color: #e5e5e5 #eeeeee #eeeeee;
  border-style: solid;
  border-width: 1px 0;
  width: 1000px;
  margin: 0 auto;
}
.sj-jq-webuploader:after {
  content: "示例";
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 12px;
  font-weight: bold;
  color: #bbbbbb;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.sj-jq-webuploader .queueList {
  margin: 20px;
  border: 3px dashed #e6e6e6;
}
.sj-jq-webuploader .queueList.filled {
  padding: 17px;
  margin: 0;
  border: 3px dashed transparent;
}
.sj-jq-webuploader .queueList.webuploader-dnd-over {
  border: 3px dashed #999999;
}
.sj-jq-webuploader p {
  margin: 0;
}
.sj-jq-webuploader .placeholder {
  min-height: 350px;
  padding-top: 178px;
  text-align: center;
  background: url("/assets/css_images/libs/jquery.webuploader/upload-img.png") center 93px no-repeat;
  color: #cccccc;
  font-size: 18px;
  position: relative;
}
.sj-jq-webuploader .placeholder .webuploader-pick {
  font-size: 18px;
  background: #00b7ee;
  border-radius: 3px;
  line-height: 44px;
  padding: 0 30px;
  *width: 120px;
  color: #ffffff;
  display: inline-block;
  margin: 0 auto 20px auto;
  cursor: pointer;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.sj-jq-webuploader .placeholder .webuploader-pick-hover {
  background: #00a2d4;
}
.sj-jq-webuploader .placeholder .flashTip {
  color: #666666;
  font-size: 12px;
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 20px;
}
.sj-jq-webuploader .placeholder .flashTip a {
  color: #0785d1;
  text-decoration: none;
}
.sj-jq-webuploader .placeholder .flashTip a:hover {
  text-decoration: underline;
}
.sj-jq-webuploader .filelist {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sj-jq-webuploader .filelist:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  clear: both;
}
.sj-jq-webuploader .filelist li {
  width: 110px;
  height: 110px;
  background: url("/assets/css_images/libs/jquery.webuploader/bg.png") no-repeat;
  text-align: center;
  margin: 0 8px 20px 0;
  position: relative;
  display: inline;
  float: left;
  overflow: hidden;
  font-size: 12px;
}
.sj-jq-webuploader .filelist li p.log {
  position: relative;
  top: -45px;
}
.sj-jq-webuploader .filelist li p.title {
  position: absolute;
  left: 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  top: 5px;
  text-indent: 5px;
  text-align: left;
}
.sj-jq-webuploader .filelist li p.progress {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 8px;
  overflow: hidden;
  z-index: 50;
  margin: 0;
  border-radius: 0;
  background: none;
  -webkit-box-shadow: 0 0 0;
}
.sj-jq-webuploader .filelist li p.progress span {
  display: none;
  overflow: hidden;
  width: 0;
  height: 100%;
  background: #1483d8 url("/assets/css_images/libs/jquery.webuploader/progress.png") repeat-x;
  -webit-transition: width 200ms linear;
  transition: width 200ms linear;
  -webkit-animation: progressmove 2s linear infinite;
  animation: progressmove 2s linear infinite;
  -webkit-transform: translateZ(0);
}
.sj-jq-webuploader .filelist li p.imgWrap {
  position: relative;
  z-index: 2;
  line-height: 110px;
  vertical-align: middle;
  overflow: hidden;
  width: 110px;
  height: 110px;
  transform-origin: 50% 50%;
  -webit-transition: 200ms ease-out;
  transition: 200ms ease-out;
}
.sj-jq-webuploader .filelist li img {
  width: 100%;
}
.sj-jq-webuploader .filelist li p.error {
  background: #f43838;
  color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 28px;
  line-height: 28px;
  width: 100%;
  z-index: 100;
}
.sj-jq-webuploader .filelist li .success {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 40px;
  width: 100%;
  z-index: 200;
  background: url("/assets/css_images/libs/jquery.webuploader/success.png") no-repeat right bottom;
}
.sj-jq-webuploader .filelist div.file-panel {
  position: absolute;
  height: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#80000000", endColorstr="#80000000") \0 ;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 300;
}
.sj-jq-webuploader .filelist div.file-panel span {
  width: 24px;
  height: 24px;
  display: inline;
  float: right;
  text-indent: -9999px;
  overflow: hidden;
  background: url("/assets/css_images/libs/jquery.webuploader/icons.png") no-repeat;
  margin: 5px 1px 1px;
  cursor: pointer;
}
.sj-jq-webuploader .filelist div.file-panel span.rotateLeft {
  background-position: 0 -24px;
}
.sj-jq-webuploader .filelist div.file-panel span.rotateLeft:hover {
  background-position: 0 0;
}
.sj-jq-webuploader .filelist div.file-panel span.rotateRight {
  background-position: -24px -24px;
}
.sj-jq-webuploader .filelist div.file-panel span.rotateRight:hover {
  background-position: -24px 0;
}
.sj-jq-webuploader .filelist div.file-panel span.cancel {
  background-position: -48px -24px;
}
.sj-jq-webuploader .filelist div.file-panel span.cancel:hover {
  background-position: -48px 0;
}
.sj-jq-webuploader .statusBar {
  height: 63px;
  border-top: 1px solid #dadada;
  padding: 0 20px;
  line-height: 63px;
  vertical-align: middle;
  position: relative;
}
.sj-jq-webuploader .statusBar .progress {
  border: 1px solid #1483d8;
  width: 198px;
  background: #ffffff;
  height: 18px;
  position: relative;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  color: #6dbfff;
  margin: 0 10px 0 0;
}
.sj-jq-webuploader .statusBar .progress span.percentage {
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  background: #1483d8;
  position: absolute;
}
.sj-jq-webuploader .statusBar .progress span.text {
  position: relative;
  z-index: 10;
}
.sj-jq-webuploader .statusBar .info {
  display: inline-block;
  font-size: 14px;
  color: #666666;
}
.sj-jq-webuploader .statusBar .btns {
  position: absolute;
  top: 10px;
  right: 20px;
  line-height: 40px;
}
.sj-jq-webuploader .statusBar .btns .webuploader-pick {
  background: #ffffff;
  border: 1px solid #cfcfcf;
  color: #565656;
  padding: 0 18px;
  display: inline-block;
  border-radius: 3px;
  margin-left: 10px;
  cursor: pointer;
  font-size: 14px;
  float: left;
}
.sj-jq-webuploader .statusBar .btns .uploadBtn {
  background: #ffffff;
  border: 1px solid #cfcfcf;
  color: #565656;
  padding: 0 18px;
  display: inline-block;
  border-radius: 3px;
  margin-left: 10px;
  cursor: pointer;
  font-size: 14px;
  float: left;
}
.sj-jq-webuploader .statusBar .btns .uploadBtn.state-uploading, .sj-jq-webuploader .statusBar .btns .uploadBtn.state-paused {
  background: #ffffff;
  border: 1px solid #cfcfcf;
  color: #565656;
  padding: 0 18px;
  display: inline-block;
  border-radius: 3px;
  margin-left: 10px;
  cursor: pointer;
  font-size: 14px;
  float: left;
}
.sj-jq-webuploader .statusBar .btns .webuploader-pick-hover {
  background: #f0f0f0;
}
.sj-jq-webuploader .statusBar .btns .uploadBtn {
  background: #00b7ee;
  color: #ffffff;
  border-color: transparent;
}
.sj-jq-webuploader .statusBar .btns .uploadBtn:hover, .sj-jq-webuploader .statusBar .btns .uploadBtn.state-uploading:hover, .sj-jq-webuploader .statusBar .btns .uploadBtn.state-paused:hover {
  background: #f0f0f0;
}
.sj-jq-webuploader .statusBar .btns .uploadBtn:hover {
  background: #00a2d4;
}
.sj-jq-webuploader .statusBar .btns .uploadBtn.disabled {
  pointer-events: none;
  opacity: 0.6;
}

@-webkit-keyframes progressmove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 17px 0;
  }
}
@keyframes progressmove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 17px 0;
  }
}
.sj-webuploader-inline {
  position: relative;
  padding: 45px 15px 15px;
  margin: 15px 0;
  background-color: #fafafa;
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05);
  border-color: #e5e5e5 #eeeeee #eeeeee;
  border-style: solid;
  border-width: 1px 0;
}
.sj-webuploader-inline .uploader-list {
  width: 100%;
  overflow: hidden;
}
.sj-webuploader-inline:after {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 12px;
  font-weight: bold;
  color: #bbbbbb;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.sj-webuploader-zip, .sj-webuploader-zip_only, .sj-webuploader-word, .sj-webuploader-excel, .sj-webuploader-ppt, .sj-webuploader-pdf, .sj-webuploader-rp, .sj-webuploader-rplib {
  margin: 15px 0;
}
.sj-webuploader-zip .uploader-list, .sj-webuploader-zip_only .uploader-list, .sj-webuploader-word .uploader-list, .sj-webuploader-excel .uploader-list, .sj-webuploader-ppt .uploader-list, .sj-webuploader-pdf .uploader-list, .sj-webuploader-rp .uploader-list, .sj-webuploader-rplib .uploader-list {
  width: 100%;
  overflow: hidden;
}
.sj-webuploader-zip .filelist, .sj-webuploader-zip_only .filelist, .sj-webuploader-word .filelist, .sj-webuploader-excel .filelist, .sj-webuploader-ppt .filelist, .sj-webuploader-pdf .filelist, .sj-webuploader-rp .filelist, .sj-webuploader-rplib .filelist {
  padding-left: 0;
  list-style: none;
}
.sj-webuploader-zip .statusBar, .sj-webuploader-zip_only .statusBar, .sj-webuploader-word .statusBar, .sj-webuploader-excel .statusBar, .sj-webuploader-ppt .statusBar, .sj-webuploader-pdf .statusBar, .sj-webuploader-rp .statusBar, .sj-webuploader-rplib .statusBar {
  margin-top: 8px;
}
.sj-webuploader-zip .icons, .sj-webuploader-zip_only .icons, .sj-webuploader-word .icons, .sj-webuploader-excel .icons, .sj-webuploader-ppt .icons, .sj-webuploader-pdf .icons, .sj-webuploader-rp .icons, .sj-webuploader-rplib .icons {
  float: right;
  padding-top: 8px;
}
.sj-webuploader-zip .icons .icon-close, .sj-webuploader-zip_only .icons .icon-close, .sj-webuploader-word .icons .icon-close, .sj-webuploader-excel .icons .icon-close, .sj-webuploader-ppt .icons .icon-close, .sj-webuploader-pdf .icons .icon-close, .sj-webuploader-rp .icons .icon-close, .sj-webuploader-rplib .icons .icon-close {
  color: red;
}
.sj-webuploader-zip .progress span, .sj-webuploader-zip_only .progress span, .sj-webuploader-word .progress span, .sj-webuploader-excel .progress span, .sj-webuploader-ppt .progress span, .sj-webuploader-pdf .progress span, .sj-webuploader-rp .progress span, .sj-webuploader-rplib .progress span {
  display: block;
  background: #4ba15e;
  text-align: center;
  color: #ffffff;
}
.sj-webuploader-zip .webuploader-pick, .sj-webuploader-zip_only .webuploader-pick, .sj-webuploader-word .webuploader-pick, .sj-webuploader-excel .webuploader-pick, .sj-webuploader-ppt .webuploader-pick, .sj-webuploader-pdf .webuploader-pick, .sj-webuploader-rp .webuploader-pick, .sj-webuploader-rplib .webuploader-pick {
  position: relative;
  display: inline-block;
  cursor: pointer;
  background: #4ba15e;
  padding: 10px 15px;
  color: #ffffff;
  text-align: center;
  border-radius: 0;
  overflow: hidden;
}
.sj-webuploader-zip:after, .sj-webuploader-zip_only:after, .sj-webuploader-word:after, .sj-webuploader-excel:after, .sj-webuploader-ppt:after, .sj-webuploader-pdf:after, .sj-webuploader-rp:after, .sj-webuploader-rplib:after {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 12px;
  font-weight: bold;
  color: #bbbbbb;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.sj-webuploader-image {
  width: 90px;
  height: 90px;
}
.sj-webuploader-image .webuploader-pick {
  position: relative;
  display: inline-block;
  cursor: pointer;
  background: #ecefed;
  text-align: center;
  overflow: hidden;
  width: 100px;
  height: 100px;
  vertical-align: middle;
  line-height: 100px;
  padding: 0;
  color: #999999;
  border: 3px dashed #e0e0e0;
  border-radius: 3px;
}
.sj-webuploader-image .btns {
  position: absolute;
}
.sj-webuploader-image .icons {
  position: absolute;
}
.sj-webuploader-image .icons img {
  width: 90px;
  max-height: 90px;
  position: absolute;
  border: 2px solid #ffffff;
  padding: 3px;
  left: 5px;
  top: 5px;
}
.sj-webuploader-image .icons .icon-close {
  position: absolute;
  border-radius: 10px;
  border: none;
  font-size: 12px;
  padding: 1px;
  cursor: pointer;
  color: #ff0000;
  background: #ffffff;
  z-index: 3;
  width: 20px;
  text-align: center;
}
.sj-webuploader-image .icons .icon-close:hover {
  color: #990000;
}

/* bootstrap 4
 * ---------------------------------------- */
/* bootstrap 4
 * ---------------------------------------- */
.office--index .head {
  height: 70px;
  border-bottom: 1px solid #ccc;
  width: 100%;
  position: absolute;
  z-index: 1;
  background: #fff;
}
.office--index .head .navbar-header span {
  height: 70px;
  line-height: 70px;
  padding-left: 20px;
  color: #333;
  font-family: "Arial-BoldMT", "Arial Bold", "Arial";
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
}
.office--index #workspace {
  position: absolute;
  top: -20px;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
}

.common--store-private_top {
  line-height: 50px;
  text-align: center;
  border-bottom: 1px solid #cccccc;
}
.common--store-private_top .prototype_top-back {
  margin-top: 10px;
}
.common--store-private_top .prototype_top-group {
  height: 25px;
  line-height: 25px;
  color: #999999;
  padding-left: 20px;
}
.common--store-private_top .btn-group > button {
  border: none;
  background: transparent;
}
.common--store-private_top .btn-group .dropdown-menu {
  left: 50%;
  right: auto;
  transform: translate(-50%, 0);
}
.common--store-private_top .btn-group .dropdown-menu a.font-green {
  color: #2dbe60;
}
.common--store-private_top .btn-group .dropdown-menu a.font-green:hover {
  color: #4ad47b;
}
.common--store-private_top .private_top-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.common--store-private_top .private_top-menu ul li {
  position: relative;
  bottom: -1px;
  list-style-type: none;
  float: left;
  line-height: 40px;
  height: 50px;
  font-size: 14px;
  margin-right: 12px;
  border-top: 3px #f5f6f7 solid;
  border-left: 1px solid #f5f6f7;
  border-right: 1px solid #f5f6f7;
}
.common--store-private_top .private_top-menu ul li .badge {
  background: #c9c9c9;
  color: #333333;
}
.common--store-private_top .private_top-menu ul li a {
  display: block;
  padding: 0 25px;
}
.common--store-private_top .private_top-menu ul li.active {
  border-top: 3px #2dbe60 solid;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  background: #ffffff;
}

.common--store-public_title h3 {
  font-size: 14px;
  margin: 11px 0 0 0;
}
.common--store-public_title h3 small {
  font-size: 12px;
  padding-left: 1em;
  color: #b9b9b9;
}
.common--store-public_title h3 em {
  padding-left: 4px;
  color: #b9b9b9;
  font-weight: normal;
  font-style: normal;
}

.common--detail_top {
  margin-top: 25px;
  border: 1px solid #cccccc;
  border-radius: 2px;
  padding: 10px 0 0 0;
}
.common--detail_top .detail_top-main {
  padding: 0 25px 10px 25px;
}
.common--detail_top h3 {
  font-size: 18px;
  height: 50px;
  line-height: 27px;
  color: #363636;
  margin: 0;
}
.common--detail_top .detail_top-desc {
  color: #9f9f9f;
  font-size: 12px;
  margin-top: 8px;
}
.common--detail_top .detail_top-view {
  padding: 0 0 15px;
}
.common--detail_top .detail_top-view .btn-static:hover {
  background: #ffffff;
}
.common--detail_top .detail_top-view img {
  height: 16px;
}
.common--detail_top .detail_top-view > .btn:first-child {
  margin-right: 5px;
}
.common--detail_top .detail_top-view .btn-group {
  margin-right: 5px;
}
.common--detail_top .detail_top-view .btn-light {
  background: #eeeeee;
  border: #ccc 1px solid;
}
.common--detail_top .detail_top-view .btn-static {
  background: #fff;
  border: #ccc 1px solid;
}
.common--detail_top .detail_top-view .iconfont {
  font-size: 14px;
}
.common--detail_top .col-2 .btn-group {
  float: right;
}
.common--detail_top .col-2 .btn {
  width: 130px;
  height: 38px;
  margin-bottom: 8px;
  text-align: left;
  line-height: 26px;
}
.common--detail_top .col-2 .btn-blue {
  color: #fff;
  background: #2F79FE;
}
.common--detail_top .col-2 .btn-default {
  color: #2F79FE;
  border: #2F79FE 1px solid;
}
.common--detail_top .col-2 #good_num, .common--detail_top .col-2 #bad_num, .common--detail_top .col-2 #transfer_num {
  float: right;
}
.common--detail_top .col-10 .detail_top-view .icon-yanjing {
  font-size: 20px;
}
.common--detail_top .col-10 .detail_top-view .btn {
  height: 45px;
  padding: 11px 35px;
  line-height: 20px;
}
.common--detail_top .col-10 .detail_top-view .btn-primary {
  padding: 11px 12px;
  background-color: #2F79FE;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-color: #2F79FE;
}
.common--detail_top .col-10 .detail_top-view .no-download {
  background-color: #EEE;
  color: #999;
  border: #CCC 1px solid;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding: 11px 25px;
  cursor: default;
}
.common--detail_top .col-10 .detail_top-view .no-file {
  color: #999;
  border: #CCC 1px solid;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding: 11px 25px;
  cursor: default;
}
.common--detail_top .col-10 .detail_top-view .download-num {
  border: #fff 1px solid;
  border-radius: 10px;
  padding: 0px 5px;
  margin-left: 10px;
  font-size: 12px;
}
.common--detail_top .col-10 .detail_top-view .download_type {
  display: inline-block;
  margin-bottom: 0;
  height: 45px;
  padding: 11px 35px;
  line-height: 20px;
  font-size: 14px;
  color: #2F79FE;
  border: #2F79FE 1px solid;
  border-radius: 2px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding: 11px 7px;
}
.common--detail_top .col-10 .detail_top-view .download_type img {
  width: 20px;
  height: 20px;
}

.common--detail_content {
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 3px;
}
.common--detail_content .detail_content-description {
  padding: 15px 45px;
}
.common--detail_content .detail_content-thumb {
  padding: 8px;
  text-align: center;
}
.common--detail_content .detail_content-thumb img {
  max-width: 710px;
}

.common--user_long_chip {
  color: #999999;
  font-size: 12px;
  border-top: 1px dashed #cccccc;
  background: #f5f6f7;
  padding: 10px 15px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.common--user_long_chip .chip-attention_split {
  color: #cccccc;
}
.common--user_long_chip .user_chip-user {
  float: left;
  width: 60px;
  overflow: hidden;
}
.common--user_long_chip .user_chip-user img {
  width: 50px;
}
.common--user_long_chip .chip-left {
  line-height: 24px;
}
.common--user_long_chip .chip-fans {
  font-weight: bold;
  font-size: 14px;
  text-align: right;
  color: #333333;
}
.common--user_long_chip .chip-fans span, .common--user_long_chip .chip-fans .btn {
  display: inline-block;
  margin-left: 5px;
}
.common--user_long_chip .chip-fans span {
  position: relative;
  top: 2px;
}
.common--user_long_chip .chip-donate {
  padding-top: 3px;
}
.common--user_long_chip .user_chip-desc {
  font-size: 12px;
  float: right;
}
.common--user_long_chip .chip-qr_code {
  padding-top: 5px;
  text-align: right;
}
.common--user_long_chip .chip-qr_code img {
  margin: 8px;
}

.common--user_chip {
  color: #999999;
  font-size: 12px;
}
.common--user_chip .user_chip-user {
  float: left;
  width: 150px;
  overflow: hidden;
}
.common--user_chip .user_chip-user img {
  width: 50px;
}
.common--user_chip .user_chip-donate {
  padding-top: 8px;
}
.common--user_chip .user_chip-desc {
  font-size: 12px;
  float: right;
}
.common--user_chip .user_chip-qr_code {
  padding-top: 8px;
}
.common--user_chip .user_chip-qr_code .btn {
  font-size: 12px;
  border: 2px solid #e4e4e4;
  border-radius: 2px;
  background: #f9fafc;
}
.common--user_chip .user_chip-qr_code img {
  margin: 8px;
}

.common--box-radius_light_grey {
  border: 1px solid #cccccc;
  border-radius: 3px;
}
.common--box-radius_light_grey h4 {
  background: #f9fafc;
  border-bottom: 1px solid #cccccc;
  padding-left: 1em;
  font-size: 14px;
  line-height: 35px;
  height: 35px;
  text-align: left;
  margin: 0;
}

.common--prd_category-title {
  border-bottom: #f2f2f2 solid 1px;
  padding: 15px 0 10px 0;
}
.common--prd_category-title h3 {
  font-weight: normal;
  margin: 0;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
}

.common--prd_category-item {
  margin-top: 18px;
  background: #ffffff;
  margin-bottom: 8px;
  border: 1px solid #ccc;
  border-radius: 2px;
  font-size: 12px;
}
.common--prd_category-item .item-icon {
  display: block;
  padding: 5px 8px;
}
.common--prd_category-item .item-icon img {
  height: 52px;
  float: left;
}
.common--prd_category-item .item-icon span {
  line-height: 25px;
  padding-left: 10px;
}
.common--prd_category-item .item-desc {
  color: #999999;
  width: 100%;
  background: #f5f6f7;
  border-top: 1px solid #ccc;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  font-size: 12px;
}
.common--prd_category-item .item-desc h4 {
  font-size: 14px;
  color: #666666;
  margin: 0.2em 0 0.7em;
  text-align: left;
}
.common--prd_category-item .item-desc .btn {
  height: 22px;
  line-height: 20px;
  padding: 0 6px;
  border-radius: 1px;
}
.common--prd_category-item .item-more {
  float: left;
}
.common--prd_category-item .item-more .dropdown-toggle {
  border: none;
  background: none;
  padding: 0;
  box-shadow: none;
}
.common--prd_category-item .item-more .dropdown-toggle:hover {
  border: none;
  background: none;
}
.common--prd_category-item .item-more .dropdown-menu {
  left: 50%;
  right: auto;
  transform: translate(-50%, 0);
  border-radius: 0;
  box-shadow: none;
  min-width: 60px;
  font-size: 12px;
  top: 130%;
}
.common--prd_category-item .item-more .dropdown-menu:before {
  content: "";
  position: absolute;
  border: 8px solid #ffffff;
  border-color: transparent transparent #cccccc;
  top: -16px;
  left: 50%;
  right: auto;
  transform: translate(-50%, 0);
}

.common--store_top {
  border-bottom: 1px solid #cccccc;
}
.common--store_top ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.common--store_top ul li {
  padding-top: 16px;
  position: relative;
  bottom: -1px;
  list-style-type: none;
  float: left;
  height: 75px;
  font-size: 16px;
  text-align: center;
  width: 25%;
}
.common--store_top ul li a {
  display: block;
  padding: 0 25px;
  color: #000333;
}
.common--store_top ul li a:hover {
  color: #000666;
}
.common--store_top ul li a span {
  display: block;
  font-size: 13px;
  color: #999999;
}
.common--store_top ul li.current {
  border-bottom: 4px #333333 solid;
}

.common--store_title {
  position: relative;
  background: #f2f2f2;
  padding: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.common--store_title.store_title-border {
  border: 1px solid #cccccc;
  padding-left: 20px;
}
.common--store_title.store_title-border h3 {
  height: 40px;
  line-height: 40px;
}
.common--store_title.store_title-border .pull-right {
  position: relative;
  top: 4px;
  right: 4px;
}
.common--store_title .store_title-my-square {
  position: absolute;
  border-radius: 15px;
  top: 10px;
  right: 10px;
  background: #fff;
}
.common--store_title .store_title-my-square:hover {
  color: #000;
}
.common--store_title .nav-tabs {
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.common--store_title .nav-tabs li a {
  padding: 14px 25px;
  font-weight: bold;
  border-top: none;
  border-bottom: none;
  border-right: 1px solid #ccc;
}
.common--store_title .nav-tabs li a:hover {
  border-top: none;
  border-bottom: none;
  border-right: 1px solid #ccc;
}
.common--store_title .nav-tabs li.active a {
  background: #fff;
  border-top: none;
  border-left: none;
  border-right: 1px solid #ccc;
  border-top-right-radius: 0;
}
.common--store_title .nav-tabs li.active a:hover {
  border-top: 1px solid #fff;
  border-bottom: none;
  border-right: 1px solid #ccc;
}
.common--store_title .nav-tabs li + li.active a {
  border-top: 1px solid #ffffff;
  border-left: none;
  border-top-left-radius: 0;
}
.common--store_title .nav-tabs li:last-child.active a {
  border-top: 1px solid #ffffff;
  border-left: none;
  border-top-left-radius: 0;
}
.common--store_title form input[type=text] {
  border-radius: 15px;
}
.common--store_title h3 {
  font-weight: normal;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  margin: 0;
  color: #000000;
}
.common--store_title h3 small {
  font-size: 12px;
  padding-left: 1em;
  color: #b9b9b9;
}
.common--store_title h3 em {
  padding-left: 4px;
  color: #b9b9b9;
  font-weight: normal;
  font-style: normal;
}

.common--comment .comment-publish {
  border: 1px solid #cccccc;
  background: #f5f6f7;
  padding: 15px 40px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom: none;
}
.common--comment .comment-publish .comment-user {
  width: 45px;
}
.common--comment .comment-publish .comment-form {
  width: 965px;
  border: 1px solid #cccccc;
  border-radius: 3px;
}
.common--comment .comment-publish .comment-form h4 {
  line-height: 42px;
  height: 42px;
  margin: 0;
  padding: 0 0 0 1em;
  font-size: 14px;
  text-align: left;
  color: #000000;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #f9fafc;
  border-bottom: 1px solid #cccccc;
}
.common--comment .comment-publish .comment-form h4 .btn {
  float: right;
  margin: 5px 5px;
}
.common--comment .comment-publish .comment-form textarea {
  background: #ffffff;
  border: none;
}
.common--comment .comment-statistics {
  border-bottom: 1px solid #cccccc;
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  text-align: left;
  color: #000000;
  padding: 0 40px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: none;
  background: #f5f6f7;
}
.common--comment .comment-statistics .comment-action {
  float: right;
}
.common--comment .comment-statistics .comment-action a {
  display: inline-block;
  margin-right: 15px;
  color: grey;
}
.common--comment .comment-statistics .comment-action a.active {
  color: #2dbe60;
}
.common--comment .comment-list {
  padding: 0 40px;
  border: 1px solid #cccccc;
  border-top-style: dashed;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.common--comment .comment-list .comment-empty {
  margin-top: 1rem;
}
.common--comment .comment-item {
  border-bottom: 1px solid #f2f2f2;
  padding: 8px 0;
}
.common--comment .comment-item:last-child {
  border-bottom: 0;
}
.common--comment .comment-item .comment-user {
  width: 45px;
  display: inline-block;
  margin-top: 5px;
}
.common--comment .comment-item .comment-say {
  width: 965px;
  float: right;
}
.common--comment .comment-item .comment-say h4 {
  line-height: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  text-align: left;
  color: #2dbe60;
  border-bottom: 0;
}
.common--comment .comment-item .comment-say h4 span {
  background: #f9fafc;
  border: 1px solid #cccccc;
  color: #999999;
  font-size: 12px;
  line-height: 20px;
  height: 22px;
  display: inline-block;
  padding: 0 5px;
  margin-left: 5px;
}
.common--comment .comment-item .comment-say .comment-content {
  font-size: 14px;
  color: #333333;
}
.common--comment .comment-item .comment-say .comment-handle-wrapper {
  color: #999999;
  font-size: 14px;
}
.common--comment .comment-item .comment-say .comment-handle {
  font-size: 13px;
  margin-left: 8px;
  position: relative;
  top: -1px;
  display: none;
}
.common--comment .comment-item .comment-say .comment-reply {
  border: 1px solid #cccccc;
  background: #f8f8f8;
  border-radius: 3px;
  padding: 8px;
}
.common--comment .comment-item .comment-say .comment-origin {
  margin: 7px 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.common--html_support {
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  height: 80px;
}
.common--html_support h4 {
  text-align: center;
  background: #f5f6f7;
  border-bottom: #e4e4e4 1px solid;
  line-height: 30px;
  font-weight: normal;
  margin: 0 !important;
  font-size: 12px !important;
  color: #999999;
  padding-left: 1em;
  padding-right: 1em;
}
.common--html_support h4 a {
  float: right;
  color: #2dbe60;
}
.common--html_support h4 a:hover {
  color: #4ad47b;
}
.common--html_support > div {
  padding-top: 12px;
  text-align: left;
  padding-left: 20px;
}
.common--html_support > div span {
  display: inline-block;
  padding-right: 2em;
}
.common--html_support > div img {
  width: 26px;
  line-height: 26px;
  margin-right: 8px;
}

.common--upload_head {
  background: #fff;
  margin: 35px 0 25px;
  padding: 24px;
  border-radius: 2px;
  border: #CCCCCC 1px solid;
  border-bottom: #2E79FE 5px solid;
}

.common--upload_left, .common--upload_right {
  background: #fff;
  border: #CCCCCC 1px solid;
  height: 635px;
  margin-bottom: 50px;
}

.common--upload_rp_left, .common--upload_rp_right {
  background: #fff;
  border: #CCCCCC 1px solid;
  height: 780px;
  margin-bottom: 50px;
}

.common--upload_left, .common--upload_rp_left {
  padding: 30px 33px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.common--upload_right, .common--upload_rp_right {
  border-left: none;
  padding: 30px 0;
}
.common--upload_right p, .common--upload_rp_right p {
  margin: 0 45px;
  color: #999;
}
.common--upload_right p span, .common--upload_rp_right p span {
  color: #008FFF;
}
.common--upload_right .title, .common--upload_rp_right .title {
  color: #333;
  font-weight: 700;
  font-size: 16px;
  background-size: 25px;
  margin-left: 20px;
}
.common--upload_right .weight, .common--upload_rp_right .weight {
  color: #333;
  font-weight: 700;
  font-size: 13px;
  margin-top: 20px;
}

.common--upload_display {
  border-radius: 2px;
}
.common--upload_display .alert-warning a {
  color: #008FFF;
}
.common--upload_display h3 {
  text-align: left !important;
  font-weight: 700;
  margin: 0 0 30px 0 !important;
  font-size: 16px !important;
  color: #333;
  padding-left: 1em;
  padding-right: 1em;
}
.common--upload_display h3 a {
  float: right;
  color: #2dbe60;
  border: #2dbe60 1px solid;
  font-size: 12px;
  padding: 5px 8px;
  line-height: 1.2;
  border-radius: 3px;
  margin-top: 9px;
}
.common--upload_display h3 a:hover {
  color: #4ad47b;
  border: #4ad47b 1px solid;
}
.common--upload_display .upload--button {
  height: 210px;
}
.common--upload_display .upload--button .webuploader-pick {
  height: 210px;
  padding-top: 95px;
  width: 666px;
  background-color: transparent;
  border: 1px #ccc dashed;
  border-radius: 4px;
  font-size: 13px;
  color: #999;
}
.common--upload_display .upload--button .webuploader-pick span {
  color: #2878FF;
}
.common--upload_display .upload--button .webuploader-pick .iconfont {
  font-size: 35px;
  margin-top: -20px;
  margin-bottom: -20px;
  display: block;
}
.common--upload_display .upload--button .statusBar {
  margin-top: 13px;
  float: left;
  width: 100%;
}
.common--upload_display .upload--button .statusBar .info {
  padding-left: 20px;
}
.common--upload_display .upload--button .statusBar .progress {
  overflow: hidden;
  height: 16px;
  background-color: #f5f5f5;
  border-radius: 2px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.common--upload_display .upload--button .statusBar .icons {
  padding-top: 0;
  padding-right: 20px;
}
.common--upload_display .upload--limit {
  height: 50px;
  line-height: 50px;
  background-color: #F5F6F7;
  border: 1px #ccc dashed;
  border-top: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #999999;
  margin-top: 15px;
  margin-bottom: 10px;
  padding-left: 20px;
  width: 100%;
}
.common--upload_display .upload--limit .black {
  color: #333333;
}
.common--upload_display .upload--limit .red {
  color: #FF0000;
}
.common--upload_display .upload--limit p {
  line-height: 17px;
}
.common--upload_display .upload--rp_button .sj-webuploader {
  margin: 0;
}
.common--upload_display .upload--rp_button .webuploader-pick {
  height: 50px;
  line-height: 28px;
  width: 666px;
  background-color: #F5F6F7;
  border: 1px #ccc solid;
  border-radius: 4px;
  font-size: 14px;
  text-align: left;
  color: #2E79FE;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.common--upload_display .upload--rp_button .webuploader-pick span {
  color: #2878FF;
}
.common--upload_display .upload--rp_button .statusBar {
  float: left;
  width: 100%;
  margin-top: -87px;
}
.common--upload_display .upload--rp_button .statusBar .info {
  padding-left: 20px;
}
.common--upload_display .upload--rp_button .statusBar .progress {
  overflow: hidden;
  height: 16px;
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.common--upload_display .upload--rp_button .statusBar .icons {
  padding-top: 0;
  padding-right: 20px;
}
.common--upload_display .upload--rp {
  display: none;
}
.common--upload_display .upload--rp .upload--rp_limit {
  height: 50px;
  line-height: 47px;
  background: #fff;
  border: #ccc 1px solid;
  border-bottom: none;
  padding-left: 15px;
  font-size: 14px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.common--upload_display .selectboxit-text {
  padding-left: 10px;
}
.common--upload_display .selectboxit-container .selectboxit {
  width: 565px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.common--upload_display .file_cate {
  margin: 20px 0;
}
.common--upload_display .file_cate.hide {
  display: none;
}

#upload_work label {
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #f5f6f7;
  border: #ccc 1px solid;
  border-right: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#upload_work input[type=text], #upload_work select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  width: 565px;
}
#upload_work .form-control {
  height: 40px;
  line-height: 28px;
}

.common_block_center img {
  margin: 0 auto;
  display: block;
}

.daniu--min_box {
  padding: 50px 30px;
  width: 880px;
  height: 420px;
  background: inherit;
  background-color: white;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: white;
  margin: 110px auto;
}

.daniu--message {
  padding: 50px 30px;
  width: 880px;
  height: 420px;
  background-color: white;
  box-sizing: border-box;
  border: 1px solid white;
  margin: 110px auto 20px;
  box-shadow: 0 1px 6px #cccccc;
}
.daniu--message p {
  line-height: 2;
  margin-top: 8px;
}
.daniu--message .message-jump a {
  color: #009933;
}
.daniu--message .message-jump a:hover {
  color: #00cc44;
}
.daniu--message .message-tip {
  margin-bottom: 1em;
}

.daniu--message_append {
  padding: 20px 80px;
  width: 880px;
  height: 90px;
  background-color: white;
  box-sizing: border-box;
  border: 1px solid white;
  margin: 20px auto;
  box-shadow: 0 1px 6px #cccccc;
}

.daniu--crumb {
  border-left: 3px solid #72767a;
  background: none;
  border-radius: 0;
  padding: 0 15px;
}
.daniu--crumb > li + li:before {
  content: "->";
  color: #72767a;
}
.daniu--crumb a {
  color: #7cbf0b;
}
.daniu--crumb .active a {
  color: #72767a;
}

.daniu--jump {
  background: #666666;
}
.daniu--jump .jump-ctr {
  border: #ccc;
  background: #fff;
  width: 80%;
  max-width: 500px;
  margin: 0 auto;
  height: 50%;
  margin-top: 25vh;
}
.daniu--jump .jump-title {
  background: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 75px;
  margin: 0;
  padding: 0 2rem;
  color: #333;
  text-align: center;
}
.daniu--jump .jump-content {
  padding: 5px 30px;
  font-size: 13px;
  color: #999;
}
.daniu--jump .jump-content p {
  line-height: 1.7;
  margin-bottom: 0.9em;
}
.daniu--jump .jump-content button {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 13px;
  background: #2dbe60;
  border-color: #2dbe60;
  color: #fff;
  border-radius: 3px;
}

.sj-webuploader-image {
  width: 90px;
  height: 90px;
}
.sj-webuploader-image .webuploader-pick {
  position: relative;
  display: inline-block;
  cursor: pointer;
  background: #ecefed;
  text-align: center;
  overflow: hidden;
  width: 100px;
  height: 100px;
  vertical-align: middle;
  line-height: 100px;
  padding: 0;
  color: #999999;
  border: 3px dashed #e0e0e0;
  border-radius: 3px;
}
.sj-webuploader-image .btns {
  position: absolute;
}
.sj-webuploader-image .icons {
  position: absolute;
}
.sj-webuploader-image .icons img {
  width: 90px;
  max-height: 90px;
  position: absolute;
  border: 2px solid #ffffff;
  padding: 3px;
  left: 5px;
  top: 5px;
}
.sj-webuploader-image .icons .fa-times {
  position: absolute;
  border-radius: 7px;
  border-style: solid;
  border-color: #999999;
  font-size: 12px;
  border-width: 2px;
  padding: 1px;
  cursor: pointer;
  color: #ff0000;
  background: #ffffff;
  z-index: 3;
}
.sj-webuploader-image .icons .fa-times:hover {
  border-color: #666666;
}

/* bootstrap 4
 * ---------------------------------------- */
body {
  font-size: 0.875rem;
}

a {
  color: #333333;
  transition: color 0.3s;
  text-decoration: none;
}
a:hover {
  color: #2dbe60;
  text-decoration: none;
}
a.link-grey {
  color: #666;
}
a.link-grey:hover {
  color: #2dbe60;
}
a.link-green {
  color: #2dbe60;
}
a.link-green:hover {
  color: #666;
}

.font-green {
  color: #2dbe60;
}

.font-red {
  color: #ff0000;
}

.font-grey {
  color: #9f9f9f;
}

.font-black {
  color: #333333;
}

.font-bold {
  font-weight: 600;
}

.bg-grey {
  background-color: #f5f6f7;
}

.daniu--navbar {
  padding: 0 1rem;
  height: 70px;
  border-bottom: 1px solid #ddd;
  background: #fff;
}
.daniu--navbar .navbar-brand img {
  padding-top: 5px;
  height: 60px;
}
.daniu--navbar .navbar-collapse {
  align-items: center;
  justify-content: center;
}
.daniu--navbar .navbar-nav .nav-item:not(:last-child) {
  margin-right: 60px;
}
.daniu--navbar > .navbar-nav a {
  font-size: 0.875rem;
}
.daniu--navbar > .navbar-nav a.nav-worker {
  margin-left: 1rem;
}
.daniu--navbar > .navbar-nav a.btn:not(:last-child) {
  margin-right: 1rem;
}
.daniu--navbar > .navbar-nav .dropdown-menu {
  min-width: auto;
}

.daniu--img_autosize img {
  width: 100%;
}

.daniu--footer {
  margin-top: 2rem;
  border-top: 1px solid #ccc;
  background: #f8f9fa;
  width: 100%;
}
.daniu--footer h4 {
  margin-top: 40px;
  margin-bottom: 0;
  height: 50px;
  line-height: 50px;
  color: #333333;
  font-size: 1rem !important;
  font-weight: bold;
}
.daniu--footer .footer-links a {
  font-size: 14px;
  display: block;
  height: 1.8rem;
  line-height: 1.8rem;
}
.daniu--footer .footer-copyright {
  margin-top: 1rem;
  border-top: 1px solid #eeeeee;
  height: 70px;
  line-height: 70px;
  font-size: 0.875rem;
  color: #666;
}
.daniu--footer .footer-wechat {
  padding-top: 3rem;
  position: relative;
}
.daniu--footer .footer-wechat:hover img {
  display: block;
  transition: all 1s;
}
.daniu--footer .footer-wechat i {
  font-size: 1.5rem;
  background: #fff;
  padding: 0.5rem;
  border-radius: 1.5rem;
  border: 1px solid #ccc;
  cursor: pointer;
}
.daniu--footer .footer-wechat img {
  display: none;
  position: absolute;
  top: 0;
  right: 70px;
  z-index: 2;
}

.daniu--top_padding {
  margin-top: 7rem;
}

.daniu--min_box {
  padding: 50px 30px;
  width: 880px;
  height: 420px;
  background: inherit;
  background-color: #fff;
  box-sizing: border-box;
  border: #eee 1px solid;
  margin: 110px auto;
  box-shadow: 0 0 0 0.3rem rgba(238, 238, 238, 0.1);
}
.daniu--min_box .btn-success {
  color: #fff;
}

/**
 Focus Color : rewrite input focus
 */
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #4ad47b;
  outline: 0;
  box-shadow: 0 0 0 0.1rem rgba(121, 216, 151, 0.1);
}

.pagination .page-item {
  font-size: 0.875rem;
  outline: none;
}
.pagination .page-item.active .page-link {
  background: #2dbe60;
  border-color: #2dbe60;
}
.pagination .page-link {
  color: #2dbe60;
  outline: none;
}
.pagination .page-link:focus {
  box-shadow: none;
}

.table-data {
  font-size: 0.75rem;
  margin: 20px 0 80px;
}
.table-data a {
  font-size: 0.75rem;
}
.table-data th {
  font-size: 13px;
  font-weight: 700;
  color: #333;
  padding: 15px 8px !important;
  background-color: #f7f7f7;
}
.table-data th, .table-data td {
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.table-data th.text-left, .table-data td.text-left {
  text-align: left;
}
.table-data th.text-left img, .table-data td.text-left img {
  margin-right: 5px;
}
.table-data th .btn-group .btn, .table-data td .btn-group .btn {
  padding: 0;
  font-size: 12px;
  background: transparent !important;
  box-shadow: none !important;
}
.table-data th .btn-group .dropdown-menu, .table-data td .btn-group .dropdown-menu {
  font-size: 12px;
  background: #fff;
  padding-bottom: 0;
  right: 0 !important;
  left: auto;
  margin-top: 8px;
}
.table-data th .btn-group .dropdown-menu a, .table-data td .btn-group .dropdown-menu a {
  background: transparent !important;
  padding: 3px 10px;
}
.table-data th .btn-group .dropdown-menu li, .table-data td .btn-group .dropdown-menu li {
  text-align: left;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  padding-top: 5px;
  background: #fff;
}
.table-data th .btn-group .dropdown-menu li:last-child, .table-data td .btn-group .dropdown-menu li:last-child {
  border-bottom: none;
}
.table-data th .btn-group .dropdown-menu li:first-child, .table-data td .btn-group .dropdown-menu li:first-child {
  padding-top: 0;
}
.table-data th .btn-group .dropdown-menu li img, .table-data td .btn-group .dropdown-menu li img {
  position: relative;
  top: -1px;
}
.table-data th .btn-group .dropdown-menu li.no-selection a, .table-data td .btn-group .dropdown-menu li.no-selection a {
  background: transparent !important;
}
.table-data input[type=checkbox] {
  vertical-align: -15%;
  margin-right: 5px;
}
.table-data a, .table-data span {
  color: #2F79FE;
  margin: 0 6px;
}
.table-data span {
  display: inline-block;
}
.table-data img {
  max-width: 90px;
  max-height: 90px;
}
.table-data img.data-img {
  border-radius: 50%;
}
.table-data td {
  padding: 10px !important;
}

.layui-layer-content ul {
  padding-left: 20px;
  margin-bottom: 0;
}

.page-dialog {
  padding: 10px 20px;
  font-size: 0.875rem;
}

/* bootstrap 4
 * ---------------------------------------- */
.img-circle {
  border-radius: 50%;
}

.alert-daniu {
  font-size: 0.875rem;
}

.justify-content-center .dropdown-menu {
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  top: 34px;
}

.dropdown:hover > .dropdown-menu {
  display: block;
}

.form-control {
  font-size: 0.875rem;
}

.form-control-sm {
  font-size: 0.75rem;
  line-height: 1.2rem;
  height: 1.95rem;
}

.btn-sm {
  font-size: 0.875rem;
  line-height: 1.4rem;
  height: 2rem;
}

.btn-xs {
  font-size: 0.75rem;
  line-height: 0.9rem;
  height: 1.7rem;
}

.btn-outline-secondary {
  border-color: #ced4da;
}

.input-group-text {
  font-size: 0.875rem;
}

/* bootstrap 4
 * ---------------------------------------- */
.home--homepage {
  /* 首页介绍
   * ---------------------------------------- */
  /* 中间三个简单介绍
   * ---------------------------------------- */
  /* 完整 tab 介绍
   * ---------------------------------------- */
  /* 特性介绍
   * ---------------------------------------- */
  /* 媒体报道
   * ---------------------------------------- */
  /* 他们用大牛在干什么
   * ---------------------------------------- */
  /* 数万团队和组织的共同选择
   * ---------------------------------------- */
}
.home--homepage h3 {
  font-size: 2.5rem;
  font-weight: bold;
  color: #454c47;
}
.home--homepage h4 {
  font-size: 1.875rem;
  font-weight: bold;
  color: #454c47;
}
.home--homepage .homepage-intro {
  margin-top: 165px;
}
.home--homepage .homepage-intro .intro-desc p {
  padding-top: 2.8rem;
  font-size: 1rem;
  color: #9f9f9f;
  line-height: 1.5rem;
}
.home--homepage .homepage-intro .intro-desc p .btn {
  width: 33%;
  font-size: 0.875rem;
  line-height: 1.6rem;
}
.home--homepage .homepage-intro .intro-desc dl {
  margin-top: 40px;
}
.home--homepage .homepage-intro .intro-desc dt {
  float: left;
  width: 85px;
}
.home--homepage .homepage-intro .intro-desc dd {
  font-size: 0.875rem;
  color: #9f9f9f;
}
.home--homepage .homepage-intro .intro-desc dd strong {
  display: block;
  color: #333333;
  font-size: 1rem;
  padding-top: 0.5rem;
}
.home--homepage .homepage-intro .intro-side img {
  width: 100%;
}
.home--homepage .homepage-simple {
  padding-top: 110px;
}
.home--homepage .homepage-simple .simple-box {
  display: block;
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 25px 18px;
  text-align: center;
  box-shadow: -5px 1px 20px #e6e6e659;
  line-height: 1.5rem;
  color: #9f9f9f;
  font-size: 0.875rem;
  min-height: 248px;
}
.home--homepage .homepage-simple .simple-box strong {
  font-size: 1rem;
  color: #4d4d4d;
}
.home--homepage .homepage-full_desc {
  padding-top: 120px;
}
.home--homepage .homepage-full_desc .full_desc-tabs {
  padding-top: 120px;
}
.home--homepage .homepage-full_desc .full_desc-tabs .nav {
  border-bottom: none;
}
.home--homepage .homepage-full_desc .full_desc-tabs a {
  width: 20%;
  padding: 0.73rem;
  cursor: pointer;
}
.home--homepage .homepage-full_desc .full_desc-tabs a:first-child {
  border-top-right-radius: 0 !important;
}
.home--homepage .homepage-full_desc .full_desc-tabs a {
  border: 1px solid #dddddd;
}
.home--homepage .homepage-full_desc .full_desc-tabs a + a {
  border-left: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.home--homepage .homepage-full_desc .full_desc-tabs a + a:hover {
  border-left: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.home--homepage .homepage-full_desc .full_desc-tabs a.active {
  border-bottom-color: #2dbe60;
  border-bottom-width: 4px;
}
.home--homepage .homepage-full_desc .full_desc-tabs a:last-child a {
  border-top-right-radius: 3px !important;
}
.home--homepage .homepage-full_desc .full_desc-swipper {
  padding-top: 50px;
}
.home--homepage .homepage-full_desc .full_desc-swipper .row {
  display: flex;
  transition: all 1s ease-out;
  outline: none !important;
}
.home--homepage .homepage-full_desc .full_desc-swipper .col-3 {
  padding-top: 20px;
}
.home--homepage .homepage-full_desc .full_desc-swipper .col-3 .iconfont {
  color: #9f9f9f;
  font-size: 1.4rem;
}
.home--homepage .homepage-full_desc .full_desc-swipper .col-3 h5 {
  padding: 0.2rem 0;
  font-size: 1.2rem;
}
.home--homepage .homepage-full_desc .full_desc-swipper .col-3 h5.full_desc-subtitle {
  color: #2dbe60;
}
.home--homepage .homepage-full_desc .full_desc-swipper .col-3 p {
  color: #9f9f9f;
  line-height: 1.6;
}
.home--homepage .homepage-full_desc .full_desc-swipper .col-3 p .btn {
  border-radius: 0;
  border-color: #ddd;
  color: #333;
  width: 5rem;
}
.home--homepage .homepage-full_desc .full_desc-swipper .col-3 p .btn:hover {
  border-color: #2dbe60;
  color: #2dbe60;
  background: #fff;
}
.home--homepage .homepage-full_desc .full_desc-swipper .col-9 {
  text-align: right;
}
.home--homepage .homepage-full_desc .full_desc-swipper .col-9 img {
  position: relative;
  right: -10px;
}
.home--homepage .homepage-preview {
  margin-top: 150px;
}
.home--homepage .homepage-preview p {
  color: #9f9f9f;
  font-size: 0.875rem;
}
.home--homepage .homepage-preview .preview-content dt {
  margin-top: 1rem;
  font-weight: bold;
  font-size: 1rem;
  color: #333333;
}
.home--homepage .homepage-preview .preview-content dt i {
  font-size: 0.3rem;
  line-height: 1rem;
  height: 1rem;
  color: #2dbe60;
  position: relative;
  top: -2px;
  vertical-align: middle;
  margin-right: 11px;
}
.home--homepage .homepage-preview .preview-content dd {
  color: #9f9f9f;
  font-size: 0.875rem;
  padding-left: 24px;
}
.home--homepage .homepage-preview .preview-content dd a {
  font-size: 12px;
  border-radius: 1px;
  line-height: 1.2;
  display: inline-block;
  margin-top: 4px;
}
.home--homepage .homepage-preview table {
  border-left: 1px solid #eee;
  border-top: 1px solid #eee;
  width: 100%;
}
.home--homepage .homepage-preview table td {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 18px 34px;
}
.home--homepage .homepage-preview table img {
  width: 45px;
  height: 45px;
}
.home--homepage .homepage-preview table h5 {
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  margin-bottom: 0;
  color: #333;
}
.home--homepage .homepage-preview table a {
  color: #2dbe60;
  text-underline: none;
  float: right;
  font-size: 13px;
  position: relative;
  top: 5px;
}
.home--homepage .homepage-preview table a.disabled {
  color: #333;
}
.home--homepage .homepage-preview table .media-body {
  color: #999 !important;
}
.home--homepage .homepage-media {
  margin-top: 220px;
}
.home--homepage .homepage-media .media-intro {
  margin-top: 50px;
  background: #f8f9fa;
  font-size: 1.25rem;
  color: #999;
  text-align: center;
  padding: 60px 50px;
}
.home--homepage .homepage-media .media-intro img {
  height: 55px;
  margin-right: 2rem;
}
.home--homepage .homepage-big_event {
  margin-top: 120px;
}
.home--homepage .homepage-big_event .big_event-intro {
  margin-top: 1.5rem;
  text-align: center;
}
.home--homepage .homepage-big_event .big_event-time {
  color: #999999;
  text-align: center;
  margin-top: 3rem;
}
.home--homepage .homepage-big_event .big_event-detail {
  display: flex;
}
.home--homepage .homepage-big_event .big_event-detail p {
  border: 1px solid #ccc;
  color: #666;
  flex: 1;
  text-align: center;
  font-size: 20px;
  height: 9.5rem;
  padding-top: 3rem;
}
.home--homepage .homepage-big_event .big_event-detail p strong {
  color: #333;
}
.home--homepage .homepage-big_event .big_event-detail p + p {
  border-left: none;
}
.home--homepage .homepage-big_event .big_event-link {
  text-align: center;
  margin-top: 1.6rem;
  margin-bottom: 6rem;
}
.home--homepage .homepage-big_event .big_event-link a {
  font-size: 14px;
  padding: 0.8rem 2rem;
}
.home--homepage .homepage-todo h3 {
  margin-top: 150px;
}
.home--homepage .homepage-todo .todo-col {
  width: 278px;
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 14px;
  padding-right: 1px;
  margin-bottom: 30px;
}
.home--homepage .homepage-todo .todo-box {
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.05);
  border: 1px solid #eeeeee;
  border-radius: 4px;
  height: 387px;
  background-color: #f5f6f7;
}
.home--homepage .homepage-todo .todo-box h4 {
  text-align: center;
  color: #444444;
  border-bottom: #eeeeee 1px solid;
  margin: 0;
  height: 100px;
  line-height: 75px;
  font-size: 16px;
  font-weight: 700;
}
.home--homepage .homepage-todo .todo-box > div {
  height: 284px;
  text-align: center;
  background-color: #ffffff;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.home--homepage .homepage-todo .todo-box .todo-content {
  padding: 45px 20px 20px;
}
.home--homepage .homepage-todo .todo-box .todo-content p {
  font-size: 12px;
  text-align: left;
}
.home--homepage .homepage-todo .todo-box .todo-content img {
  margin-top: -123px;
  width: 100px;
}
.home--homepage .homepage-links {
  text-align: center;
}

.home--service .service-main {
  padding: 30px 60px;
  border-color: white;
  font-size: 0.875rem;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  line-height: 2em;
}
.home--service .service-main h2 {
  margin: 0 0 30px;
}
.home--service .service-main h4 {
  text-align: left;
  margin: 0 0 10px;
  font-weight: normal;
}
.home--service .service-main ul {
  padding: 0 10px 0;
  margin: 0;
}
.home--service .service-main ol {
  padding: 0 10px 0;
  margin: 0;
  padding-left: 20px;
}
.home--service .service-main section {
  margin-bottom: 30px;
  background: #ffffff;
  padding: 0;
}
.home--service .service-main p {
  text-indent: 2em;
}

/* bootstrap 4
 * ---------------------------------------- */
.explore--home .home-alert {
  font-size: 0.875rem;
  padding: 0.25rem 0.75rem;
  line-height: 1.5rem;
  margin-top: 1rem;
  background: #fcf8e3;
}
.explore--home .home-alert i {
  font-size: 0.75rem;
}
.explore--home .home-top ul {
  float: left;
  height: 65px;
  padding: 0;
  line-height: 62px;
  margin: 0;
  color: #333333;
  font-size: 14px;
}
.explore--home .home-top ul li {
  display: block;
  float: left;
  border-bottom: 3px solid #f5f6f7;
  padding: 0 15px;
}
.explore--home .home-top ul li.active {
  border-bottom: 3px solid #4ba15e;
}
.explore--home .home-top ul a {
  display: block;
}
.explore--home .home-top form {
  font-size: 12px !important;
}
.explore--home .home-top form select {
  width: 12%;
}
.explore--home .home-top form input {
  position: relative;
  left: 3px;
  width: 74%;
}
.explore--home .home-top form button {
  float: right;
  background: #f5f6f7;
  width: 12%;
}
.explore--home .home-category {
  margin-bottom: 20px;
}
.explore--home .home-category .nav-tabs a {
  width: 25%;
  padding: 0.73rem;
}
.explore--home .home-category .nav-tabs a:first-child {
  border-top-right-radius: 0 !important;
}
.explore--home .home-category .nav-tabs a {
  border: 1px solid #dddddd;
}
.explore--home .home-category .nav-tabs a + a {
  border-left: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.explore--home .home-category .nav-tabs a + a:hover {
  border-left: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.explore--home .home-category .nav-tabs a.active {
  border-bottom-color: #2dbe60;
  border-bottom-width: 2px;
}
.explore--home .home-category .nav-tabs a:last-child a {
  border-top-right-radius: 3px !important;
}
.explore--home .home-category .category-selection {
  padding: 15px 0 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.explore--home .home-category .category-selection form {
  font-size: 0.875rem !important;
  display: block;
}
.explore--home .home-category .category-selection form input {
  font-size: 0.875rem !important;
  height: calc(1.5em + 1.2rem + 2px);
  width: 50%;
}
.explore--home .home-category .category-selection form input::-moz-placeholder {
  color: #999;
  font-size: 0.875rem !important;
}
.explore--home .home-category .category-selection form input:-ms-input-placeholder {
  color: #999;
  font-size: 0.875rem !important;
}
.explore--home .home-category .category-selection form input::placeholder {
  color: #999;
  font-size: 0.875rem !important;
}
.explore--home .home-category .category-selection form .btn {
  height: calc(1.5em + 1.2rem + 2px);
  font-size: 0.875rem !important;
  line-height: 1.8;
}
.explore--home .home-category .category-selection form .btn.btn-light {
  border: 1px solid #ccc;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
}
.explore--home .home-category .category-selection hr {
  margin-top: 0;
  position: relative;
  top: -1px;
  z-index: 1;
  border-color: #ddd;
}
.explore--home .home-category .category-selection .selection-nav {
  z-index: 2;
  position: relative;
}
.explore--home .home-category .category-selection .selection-nav nav {
  margin-top: 0.7rem;
  border-bottom: none;
  width: 50%;
}
.explore--home .home-category .category-selection .selection-nav nav .nav-link {
  min-width: 3rem;
  display: inline-block;
  text-align: center;
}
.explore--home .home-category .category-selection .selection-nav nav .active {
  border-bottom: 1px solid #fff;
}
.explore--home .home-category .category-selection .selection-nav .pull-right a {
  position: relative;
  top: 0.7rem;
  font-size: 0.875rem;
}
.explore--home .home-category .category-filter {
  padding: 1rem 0;
  border-top: none;
}
.explore--home .home-category .category-filter dl {
  margin-bottom: 0;
}
.explore--home .home-category .category-filter dl dt, .explore--home .home-category .category-filter dl dd {
  line-height: 32px;
}
.explore--home .home-category .category-filter dl dt {
  float: left;
  width: 40px;
  font-weight: normal;
}
.explore--home .home-category .category-filter dl dd {
  padding-left: 40px;
}
.explore--home .home-category .category-filter dl dd a {
  line-height: 26px;
  border-radius: 3px;
  display: inline-block;
  padding: 0 8px;
  margin-right: 8px;
}
.explore--home .home-category .category-filter dl dd a.active {
  background: #2dbe60;
  color: white;
}
.explore--home .home-rp_item, .explore--home .home-rplib_item {
  border-bottom: 1px solid #efefef;
  padding-bottom: 8px;
}
.explore--home .home-rp_item h4, .explore--home .home-rplib_item h4 {
  background: none;
  height: auto;
  border: none;
  padding-left: 0;
  line-height: 22px;
  margin: 0;
  text-align: left;
  font-size: 14px;
}
.explore--home .home-rp_item h4 a, .explore--home .home-rplib_item h4 a {
  color: #000000;
}
.explore--home .home-rp_item h4 a:hover, .explore--home .home-rplib_item h4 a:hover {
  color: #1a1a1a;
}
.explore--home .home-rp_item p, .explore--home .home-rplib_item p {
  font-size: 0.875rem;
  margin: 0;
  line-height: 22px;
  color: #999999;
}
.explore--home .home-rp_item:last-child, .explore--home .home-rplib_item:last-child {
  border-bottom: none;
}
.explore--home .home-mys {
  position: relative;
}
.explore--home .home-mys .mys-search {
  position: absolute;
  top: 0;
  left: 0;
}
.explore--home .home-rp_item_num, .explore--home .home-rplib_item_num {
  display: block;
  line-height: 16px;
  text-align: center;
  position: relative;
  width: 44px;
  height: 44px;
  float: left;
  font-size: 0.812rem;
  padding-top: 7px;
  border-radius: 1px;
}
.explore--home .home-rp_item_num.block_num, .explore--home .home-rplib_item_num.block_num {
  background: #efefef;
  border: 1px solid #cccccc;
  border-radius: 2px;
  height: 52px;
}
.explore--home .home-rp_item_num.block_num.rp_num span, .explore--home .home-rplib_item_num.block_num.rp_num span {
  display: block;
  line-height: 25px;
  background: #ffffff;
  color: black;
  border-radius: 3px 3px 0 0;
}
.explore--home .home-rp_item_num.block_num.rp_num span:last-child, .explore--home .home-rplib_item_num.block_num.rp_num span:last-child {
  border-radius: 0 0 3px 3px;
  background: #f2f2f2;
  color: #000000;
}
.explore--home .home-rp_item_num.block_num.rp_num span:first-child, .explore--home .home-rplib_item_num.block_num.rp_num span:first-child {
  line-height: 24px;
  border-bottom: 1px solid #cccccc;
}
.explore--home .home-rp_item_num.block_num.rp_num.active span:last-child, .explore--home .home-rplib_item_num.block_num.rp_num.active span:last-child {
  background: #2dbe60;
  color: #ffffff;
}
.explore--home .home-rp_item_num.grey_num, .explore--home .home-rplib_item_num.grey_num {
  color: #9f9b99;
}
.explore--home .home-rp_item_num.active, .explore--home .home-rplib_item_num.active {
  background: #2dbe60;
  color: #ffffff;
}
.explore--home .home-rp_item_num span, .explore--home .home-rplib_item_num span {
  font-size: 16px;
}
.explore--home .home-rp_item_num {
  width: 35px;
  padding-top: 0;
  font-size: 12px;
}
.explore--home .home-rp_item_num span {
  line-height: 28px;
  font-size: 12px;
}
.explore--home .home-tag {
  background: #edf5f3;
  color: #2dbe60;
  font-size: 12px;
  padding: 0 5px;
  display: inline-block;
  margin-left: 4px;
}
.explore--home .home-rplib_item_num {
  color: #999999;
}
.explore--home .home-rplib_item {
  height: 120px;
  overflow: hidden;
}
.explore--home .home-rplib_img_wrap {
  display: block;
  height: 110px;
  overflow: hidden;
}
.explore--home .home-total_num {
  padding-right: 12px;
  font-size: 12px;
}
.explore--home .home-total_num .iconfont {
  font-size: 12px;
  margin-right: 12px;
}
.explore--home .home-rplib_thumb {
  width: 95%;
}
.explore--home .home-instance {
  border: 3px solid #f0f5f3;
}
.explore--home .home-instance h4 {
  margin: 0 auto;
  text-align: center;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #2dbe60;
  background: #f0f5f3;
}
.explore--home .home-instance ul {
  padding: 4px 0;
  margin: 0;
  color: #999999;
}
.explore--home .home-instance ul li {
  line-height: 28px;
  list-style: none;
  padding-left: 8px;
}
.explore--home .home-instance ul li .translate-item {
  color: #000000;
}
.explore--home .home-instance ul li .translate-item:hover {
  color: #1a1a1a;
}
.explore--home .home-attention_not_login {
  font-size: 14px;
  padding-top: 45px;
}
.explore--home .home-attention_item dl {
  border-bottom: 1px solid #f2f2f2;
  padding: 10px;
  margin-bottom: 0;
}
.explore--home .home-attention_item dt {
  float: left;
  padding-right: 10px;
}
.explore--home .home-attention_item dt img {
  width: 40px;
  height: 40px;
}
.explore--home .home-attention_item dd {
  float: left;
  line-height: 22px;
  width: 725px;
}
.explore--home .home-attention_item dd span {
  color: #999999;
  font-size: 12px;
}

.explore--notice .notice-title {
  font-size: 13px;
  color: #333333;
  text-align: left;
  margin: 12px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #d7d7d7;
}
.explore--notice .notice-title img {
  margin-right: 5px;
  vertical-align: -20%;
}
.explore--notice .notice-table tbody tr:nth-child(1) td {
  border-top: none;
}
.explore--notice .notice-left {
  border: none;
  margin-top: 5px;
}
.explore--notice .notice-left a {
  color: #333333;
  padding: 0 12px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #ffffff;
  display: block;
}
.explore--notice .notice-left a.active {
  background-color: #2dbe60;
  box-sizing: border-box;
  border: 1px solid #2dbe60;
  border-radius: 2px;
  color: #ffffff;
  font-weight: normal;
}
.explore--notice .notice-left .left-small hr {
  margin-bottom: 3px;
}
.explore--notice .notice-left .left-small a {
  margin-bottom: 0px;
}
.explore--notice .notice-right {
  border: 1px solid #d7d7d7;
  border-radius: 2px;
  padding: 0;
  min-height: 600px;
}
.explore--notice .notice-right h4 {
  border-bottom: 1px solid #d7d7d7;
  background-color: #f7f7f7;
  border-radius: 2px;
  font-size: 13px;
  color: #333333;
  height: 45px;
  line-height: 45px;
  padding-left: 25px;
  text-align: left;
  margin: 0;
}
.explore--notice .notice-right table tr.is_read {
  color: #ececec;
}
.explore--notice .notice-right table tr.is_read a {
  color: #9ce8b7;
}
.explore--notice .notice-right table tr.is_read a i.fa-close {
  color: red;
}

/* 广场地址
 * ---------------------------------------- */
.explore--address h5 {
  font-size: 0.875rem;
  font-weight: bold;
  margin-top: 0.5rem;
}
.explore--address .address-box {
  border: 1px solid #ccc;
  border-radius: 2px;
  background-color: #F8F8F8;
}
.explore--address .address-box .address-title {
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}

/* bootstrap 4
 * ---------------------------------------- */
.price--home .home-price_intro {
  padding: 0 1rem;
  margin-top: 37px;
  background: #ffffff;
  border: 1px solid #eeeeee;
  box-shadow: 0 0 0 0.3rem rgba(238, 238, 238, 0.1);
  border-radius: 2px;
  text-align: center;
}
.price--home .home-price_intro h4 {
  margin-top: 60px;
  line-height: 1.375rem;
  font-size: 1.375rem;
  font-weight: normal;
}
.price--home .home-price_intro h4 span {
  padding-top: 0.3rem;
  display: block;
  font-size: 14px;
  color: #9f9f9f;
  text-align: center;
}
.price--home .home-item_price {
  color: #333333;
  margin: 20px 0 0 0;
  font-size: 16px;
}
.price--home .home-item_price span {
  font-size: 40px;
  position: relative;
  bottom: -3px;
  font-weight: normal;
}
.price--home .home-color_explore {
  color: #007bff;
}
.price--home .home-color_workbench {
  color: #007bff;
}
.price--home .home-item_btn {
  margin-top: 1rem;
  padding-bottom: 1rem;
}
.price--home .home-item_btn .btn {
  border-radius: 3px;
}
.price--home .home-item_btn .btn-light {
  border: 1px solid #eee;
}
.price--home .home-item_btn .btn-primary, .price--home .home-item_btn .btn-success {
  color: #fff;
}
.price--home table {
  font-size: 0.813rem;
  color: #9f9f9f;
  margin-top: 20px;
  width: 100%;
  border-right: none;
  border-bottom: none;
}
.price--home table th, .price--home table td {
  height: 2rem;
  line-height: 2rem;
  border-top: none;
  border-left: none;
  text-align: center;
}
.price--home table th {
  background: #666666;
  color: #ffffff;
  font-weight: normal;
}
.price--home table td:first-child {
  text-align: left;
}
.price--home table td:first-child strong {
  color: #333333;
}
.price--home table td:first-child[colspan] {
  text-align: center;
  position: relative;
}
.price--home table td:first-child[colspan] i {
  display: block;
  height: 1px;
  background: #e1e1e1;
  position: absolute;
  top: 1.1rem;
  width: 100%;
  z-index: 1;
}
.price--home table td:first-child[colspan] p {
  display: inline-block;
  background: #fff;
  z-index: 2;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 0;
}
.price--home table td:last-child {
  text-align: right;
}
.price--home table .iconfont {
  color: #2dbe60;
  font-size: 1.4rem;
}
.price--home .home-tip {
  margin-top: 8rem;
}
.price--home .home-tip h4 {
  text-align: left;
  color: #333333;
  font-size: 1.875rem;
  font-weight: bold;
}
.price--home .home-tip dt {
  margin-top: 2rem;
  color: #333333;
  font-size: 1rem;
  font-weight: bold;
}
.price--home .home-tip dd {
  font-size: 0.875rem;
  color: #9f9f9f;
  line-height: 18px;
}

.price--pay.pay-team h3 {
  background-color: #f67800;
}
.price--pay.pay-team .pay-buy_item {
  color: #f67800;
}
.price--pay.pay-team .pay-buy_price {
  color: #f67800;
}
.price--pay.pay-team .btn-success {
  background: #f67800;
  border-color: #f67800;
}
.price--pay h3 {
  border: none;
  background-color: #2dbe60;
  color: #ffffff;
  line-height: 48px;
  font-size: 18px;
  text-align: center;
  margin: 100px 0 0 0;
}
.price--pay .pay-mask {
  background: rgba(0, 0, 0, 0.15);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2222;
}
.price--pay .form-pay {
  border: 1px solid #cccccc;
  background: #ffffff;
  font-size: 14px;
}
.price--pay .form-pay .form-group {
  margin-top: 28px;
}
.price--pay .pay-service .nav-tabs {
  border-radius: 0;
  cursor: pointer;
}
.price--pay .pay-service .nav-tabs .nav-link {
  background: #f5f6f7;
}
.price--pay .pay-service .nav-tabs .nav-link.active {
  background: #fff;
}
.price--pay .pay-service button {
  min-width: 120px;
  border-radius: 2px;
  outline: none;
  box-shadow: none;
  position: relative;
  margin-right: 1rem;
}
.price--pay .pay-service button.btn-sm {
  line-height: 1.6rem;
  height: 2.2rem;
}
.price--pay .pay-service button:focus {
  outline: none;
}
.price--pay .pay-service button .badge-warning {
  position: absolute;
  right: -1px;
  top: -15px;
  border-radius: 2px;
  background: #ff9d05;
  color: #fff;
  font-weight: normal;
  font-size: 13px;
}
.price--pay .pay-service .btn-toolbar {
  line-height: 34px;
}
.price--pay .pay-service .btn-toolbar .input-group-append, .price--pay .pay-service .btn-toolbar .input-group-prepend {
  font-size: 22px;
  cursor: pointer;
  text-align: center;
}
.price--pay .pay-service .btn-toolbar .form-control {
  text-align: center;
}
.price--pay .pay-service .service-price {
  color: #d94441;
  font-size: 1.3rem;
  position: relative;
  top: -2px;
}
.price--pay .pay-option button, .price--pay .pay-option a {
  border-radius: 0;
  width: 48%;
}
.price--pay .pay-option button:last-child, .price--pay .pay-option a:last-child {
  float: right;
}
.price--pay .layui-layer-btn a {
  background: #4ba15e;
  font-size: 12px;
  padding: 7px 15px;
  height: auto;
  line-height: 23px;
  color: #ffffff;
}
.price--pay .layui-layer-btn a:nth-child(2), .price--pay .layui-layer-btn a:nth-child(1) {
  display: none;
}
.price--pay .layui-layer-btn a:hover {
  background: #4ad47b;
}
.price--pay .pay-buy_item {
  color: #2dbe60;
  font-size: 16px;
}
.price--pay .pay-buy_item:not(:last-child) {
  margin-right: 10px;
}
.price--pay .pay-buy_item input[type=radio] {
  position: relative;
  top: -4px;
}
.price--pay .pay-buy_item .pay-buy_unit {
  color: #333333;
}
.price--pay .pay-buy_item .pay-buy_desc {
  background: #d94441;
  color: #ffffff;
  padding: 4px;
  border-radius: 3px;
}
.price--pay .pay-buy_item .pay-buy_price {
  font-size: 28px;
  position: relative;
  bottom: -2px;
}
.price--pay .pay-amount {
  color: #d94441;
  font-size: 28px;
}
.price--pay .pay-buy_end_date {
  color: #d94441;
}
.price--pay .pay-pay_fail h3 {
  background: #fd6d68;
}
.price--pay .pay-pay_fail p {
  height: 350px;
  line-height: 350px;
  font-size: 22px;
  background: #ffffff;
  border: 1px solid #cccccc;
  text-align: center;
}
.price--pay .pay-pay_fail p i {
  font-size: 26px;
  color: #fd6d68;
}
.price--pay .pay-pay_success div {
  height: 350px;
  background: #ffffff;
  border: 1px solid #cccccc;
}
.price--pay .pay-pay_success div p {
  line-height: 150px;
  text-align: center;
  font-size: 22px;
}
.price--pay .pay-pay_success div p i {
  font-size: 26px;
  color: #2dbe60;
}
.price--pay .pay-pay_success div ul {
  font-size: 16px;
  list-style: none;
  padding-left: 248px;
}

/* bootstrap 4
 * ---------------------------------------- */
.user--passport {
  font-size: 0.875rem;
}
.user--passport input::-moz-placeholder {
  font-size: 0.875rem;
}
.user--passport input:-ms-input-placeholder {
  font-size: 0.875rem;
}
.user--passport input::placeholder {
  font-size: 0.875rem;
}
.user--passport .btn-success {
  color: #fff;
}
.user--passport .btn-success:focus {
  background-color: #4ad47b;
}
.user--passport .passport-title {
  text-align: center;
  font-weight: bold;
  font-style: normal;
  font-size: 1.25rem;
  color: #333333;
  margin: 80px auto 20px;
}
.user--passport .passport-ctr {
  border: 1px solid #cccccc;
  border-radius: 2px;
  background: #ffffff;
  padding: 20px 28px;
}
.user--passport .passport-ctr .form-group:last-child {
  margin-bottom: 0;
}
.user--passport .passport-agree {
  text-align: center;
  color: #9f9f9f;
}
.user--passport .passport-link {
  text-align: center;
  border: 1px solid #cccccc;
  border-radius: 2px;
  background: #ffffff;
  margin-top: 17px;
  line-height: 45px;
  height: 45px;
}
.user--passport .passport-avatar img {
  border-radius: 50%;
  float: left;
}
.user--passport .passport-avatar p {
  line-height: 48px;
  padding-left: 60px;
}
.user--passport .passport-exists {
  color: #e6a23c;
}
.user--passport .passport-socialite .socialite-desc {
  text-align: center;
  line-height: 2;
  margin-top: 17px;
  margin-bottom: 0;
}
.user--passport .passport-socialite .socialite-desc span {
  display: block;
  position: relative;
}
.user--passport .passport-socialite .socialite-desc span:before, .user--passport .passport-socialite .socialite-desc span:after {
  content: "";
  position: absolute;
  top: 52%;
  background: #ccc;
  width: 18%;
  height: 1px;
}
.user--passport .passport-socialite .socialite-desc span:before {
  left: 10%;
}
.user--passport .passport-socialite .socialite-desc span:after {
  right: 10%;
}

.user--p .p-user {
  border-radius: 2px;
  border: 1px solid #cccccc;
}
.user--p .p-user .common--user_long_chip {
  border-top: none;
}
.user--p .p-main_info {
  background: #f5f6f7;
}
.user--p .p-tips {
  border: 1px solid #faebcc;
  background: #fcf8e3;
  padding: 0.8rem 1rem;
  font-size: 12px;
  color: #8a6d3b;
}
.user--p .p-tips p {
  margin: 0;
}
.user--p .p-tips p:first-child {
  padding-top: 6px;
}
.user--p .p-tips p span {
  background: #ff0000;
  color: #ffffff;
  padding: 2px 5px;
  border-radius: 3px;
}
.user--p .p-info {
  float: left;
  margin-left: 20px;
}
.user--p .p-info h5 {
  font-size: 20px;
  margin-top: 12px;
}
.user--p .p-info p {
  font-size: 12px;
  color: #9f9f9f;
  margin-bottom: 3px;
}
.user--p .p-attention {
  padding: 0 25px;
}
.user--p .p-attention .p-attention_split {
  width: 1px;
  display: block;
  background: #cccccc;
  height: 40px;
  position: relative;
  top: 8px;
}
.user--p .p-attention p {
  margin-top: 20px;
}
.user--p .p-attention p span {
  display: inline-block;
  width: 49%;
  float: left;
  font-size: 14px;
  text-align: center;
  color: #9f9f9f;
  line-height: 25px;
}
.user--p .p-attention p em {
  color: #000000;
  font-weight: bold;
  font-style: normal;
}
.user--p .p-attention > a {
  margin-top: 10px;
  display: block;
  background: #dff0d7;
  color: #2dbe60;
}
.user--p .p-box-content {
  padding-left: 1em;
  line-height: 40px;
  font-size: 0.75rem;
}
.user--p .p-box-content > .p-store_status {
  height: 40px;
  color: #9f9f9f;
}
.user--p .p-box {
  border: 1px solid #d7d7d7;
}
.user--p .p-box h4 {
  background: #f5f6f7;
  border-bottom: 1px solid #d7d7d7;
  height: 35px;
  line-height: 35px;
  margin: 0;
  padding: 0 0 0 1em;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
}
.user--p .p-city {
  border: 1px solid #cccccc;
  padding: 15px 15px;
  line-height: 23px;
  font-size: 0.75rem;
}
.user--p .p-store_status {
  color: #9f9f9f;
}
.user--p .p-store_status span {
  display: inline-block;
  width: 31%;
  text-align: center;
  color: #333333;
}
.user--p .p-zan_title {
  padding-top: 10px;
}
.user--p .p-zan_title li {
  width: 28%;
  text-align: center;
}
.user--p .p-zan_title li a {
  line-height: 1.1;
  padding: 8px 10px 0;
}
.user--p .p-zan_title li span {
  color: #2dbe60;
  display: inline-block;
  line-height: 28px;
  font-weight: bold;
  font-size: 16px;
}
.user--p .p-heatmap {
  float: left;
  position: relative;
  padding-left: 0;
  padding-bottom: 14px;
  width: 620px;
  left: -12px;
}
.user--p .p-heatmap p {
  font-size: 12px;
  line-height: 1.4;
  position: absolute;
  top: 125px;
  left: 20px;
}
.user--p .p-heatmap p span {
  background: #ff0000;
  color: #ffffff;
  display: inline-block;
  padding: 2px 5px;
  margin-right: 2px;
  border-radius: 2px;
}
.user--p .p-heatmap_desc {
  position: absolute;
  right: 0;
  line-height: 20px;
  top: 8px;
}
.user--p .p-heatmap_legend {
  position: absolute;
  top: 121px !important;
  right: 26px !important;
  text-align: right;
}
.user--p .p-heatmap_legend span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 0;
  border-radius: 0 !important;
}
.user--p .p-heatmap_legend span:first-child {
  background: #afec91;
}
.user--p .p-heatmap_legend span:nth-child(2) {
  background: #5fb068;
}
.user--p .p-heatmap_legend span:nth-child(3) {
  background: #4ab05c;
}
.user--p .p-heatmap_legend span:nth-child(4) {
  background: #20b067;
}
.user--p .p-heatmap_legend span:nth-child(5) {
  background: #218380;
}
.user--p .p-items_wrapper {
  background: #ffffff;
  border: 1px solid #cccccc;
  border-top: none;
  margin-bottom: 30px;
  padding-bottom: 18px;
}
.user--p .p-items_wrapper .p-rp_item:last-child {
  border-bottom: none;
}
.user--p .p-rp_item, .user--p .p-rplib_item, .user--p .p-prd_item {
  border-bottom: 1px solid #efefef;
  padding-bottom: 8px;
}
.user--p .p-rp_item h4, .user--p .p-rplib_item h4, .user--p .p-prd_item h4 {
  background: none;
  height: auto;
  border: none;
  padding-left: 0;
  line-height: 22px;
  margin: 0;
  text-align: left;
  font-size: 14px;
}
.user--p .p-rp_item h4 a, .user--p .p-rplib_item h4 a, .user--p .p-prd_item h4 a {
  color: #000000;
}
.user--p .p-rp_item h4 a:hover, .user--p .p-rplib_item h4 a:hover, .user--p .p-prd_item h4 a:hover {
  color: #1a1a1a;
}
.user--p .p-rp_item p, .user--p .p-rplib_item p, .user--p .p-prd_item p {
  margin: 0;
  line-height: 22px;
  color: #999999;
}
.user--p .p-rp_item:last-child, .user--p .p-rplib_item:last-child, .user--p .p-prd_item:last-child {
  border-bottom: none;
}
.user--p .p-rp_item_num, .user--p .p-rplib_item_num, .user--p .p-prd_item_num {
  display: block;
  line-height: 16px;
  text-align: center;
  position: relative;
  width: 44px;
  height: 44px;
  float: left;
  cursor: pointer;
  padding-top: 7px;
  border-radius: 1px;
}
.user--p .p-rp_item_num.block_num, .user--p .p-rplib_item_num.block_num, .user--p .p-prd_item_num.block_num {
  background: #efefef;
  border: 1px solid #cccccc;
  border-radius: 2px;
  height: 52px;
}
.user--p .p-rp_item_num.block_num.rp_num span, .user--p .p-rplib_item_num.block_num.rp_num span, .user--p .p-prd_item_num.block_num.rp_num span {
  display: block;
  line-height: 25px;
  background: #ffffff;
  color: black;
  border-radius: 3px 3px 0 0;
}
.user--p .p-rp_item_num.block_num.rp_num span:last-child, .user--p .p-rplib_item_num.block_num.rp_num span:last-child, .user--p .p-prd_item_num.block_num.rp_num span:last-child {
  border-radius: 0 0 3px 3px;
  background: #f2f2f2;
  color: #000000;
}
.user--p .p-rp_item_num.block_num.rp_num span:first-child, .user--p .p-rplib_item_num.block_num.rp_num span:first-child, .user--p .p-prd_item_num.block_num.rp_num span:first-child {
  line-height: 24px;
  border-bottom: 1px solid #cccccc;
}
.user--p .p-rp_item_num.block_num.rp_num.active span:last-child, .user--p .p-rplib_item_num.block_num.rp_num.active span:last-child, .user--p .p-prd_item_num.block_num.rp_num.active span:last-child {
  background: #2dbe60;
  color: #ffffff;
}
.user--p .p-rp_item_num.grey_num, .user--p .p-rplib_item_num.grey_num, .user--p .p-prd_item_num.grey_num {
  color: #9f9b99;
}
.user--p .p-rp_item_num.active, .user--p .p-rplib_item_num.active, .user--p .p-prd_item_num.active {
  background: #2dbe60;
  color: #ffffff;
}
.user--p .p-rp_item_num span, .user--p .p-rplib_item_num span, .user--p .p-prd_item_num span {
  font-size: 16px;
}
.user--p .p-rp_item_num {
  width: 35px;
  padding-top: 0;
  font-size: 12px;
}
.user--p .p-rp_item_num span {
  line-height: 28px;
  font-size: 12px;
}
.user--p .p-tag {
  background: #edf5f3;
  color: #2dbe60;
  font-size: 12px;
  padding: 0 5px;
  display: inline-block;
  margin-left: 4px;
}
.user--p .p-rplib_item_num {
  color: #999999;
}
.user--p .p-rplib_item {
  height: 120px;
  overflow: hidden;
}
.user--p .p-rplib_img_wrap {
  display: block;
  height: 110px;
  overflow: hidden;
}
.user--p .p-total_num {
  padding-right: 12px;
  font-size: 12px;
}
.user--p .p-total_num .iconfont {
  font-size: 12px;
  margin-right: 12px;
}
.user--p .p-rplib_thumb {
  width: 95%;
}
.user--p .p-instance {
  border: 3px solid #f0f5f3;
}
.user--p .p-instance h4 {
  margin: 0 auto;
  text-align: center;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #2dbe60;
  background: #f0f5f3;
}
.user--p .p-instance ul {
  padding: 4px 0;
  margin: 0;
  color: #999999;
}
.user--p .p-instance ul li {
  line-height: 28px;
  list-style: none;
  padding-left: 8px;
}
.user--p .p-instance ul li .translate-item {
  color: #000000;
}
.user--p .p-instance ul li .translate-item:hover {
  color: #1a1a1a;
}
.user--p .p-attention_item dl {
  border-bottom: 1px solid #f2f2f2;
  padding: 10px;
  margin-bottom: 0;
}
.user--p .p-attention_item dt {
  float: left;
  padding-right: 10px;
}
.user--p .p-attention_item dt img {
  width: 40px;
  height: 40px;
}
.user--p .p-attention_item dd {
  float: left;
  line-height: 22px;
  width: 725px;
}
.user--p .p-attention_item dd span {
  color: #999999;
  font-size: 12px;
}
.user--p .p-empty {
  line-height: 50px;
  min-height: 50px;
  font-size: 14px;
  color: #cccccc;
  text-align: center;
}
.user--p .pagination {
  margin: 10px 0;
}
.user--p .page-item.first, .user--p .page-item.last {
  display: none;
}
.user--p .page-item.prev a {
  border-radius: 5px 0 0 5px;
}
.user--p .page-item.next a {
  border-radius: 0 5px 5px 0;
}

.user--long_chip {
  color: #999999;
  font-size: 12px;
  background: #f5f6f7;
  padding: 10px 15px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.user--long_chip .chip-attention_split {
  color: #cccccc;
}
.user--long_chip .user_chip-user {
  float: left;
  width: 60px;
  overflow: hidden;
}
.user--long_chip .user_chip-user img {
  width: 50px;
}
.user--long_chip .chip-left {
  line-height: 24px;
}
.user--long_chip .chip-fans {
  font-weight: bold;
  font-size: 14px;
  text-align: right;
  color: #333333;
}
.user--long_chip .chip-fans span, .user--long_chip .chip-fans .btn {
  display: inline-block;
  margin-left: 5px;
}
.user--long_chip .chip-fans span {
  position: relative;
  top: 2px;
}
.user--long_chip .chip-donate {
  padding-top: 3px;
}
.user--long_chip .user_chip-desc {
  font-size: 12px;
  float: right;
}
.user--long_chip .chip-qr_code {
  padding-top: 5px;
  text-align: right;
}
.user--long_chip .chip-qr_code .btn {
  font-size: 12px;
}
.user--long_chip .chip-qr_code img {
  margin: 8px;
}

.user--profile .profile-group h5 {
  color: #2dbe60;
  font-weight: bold;
  font-size: 14px;
}
.user--profile .profile-group_area span {
  display: inline-block;
  text-align: right;
  padding-right: 15px;
}
.user--profile .profile-group_social label {
  position: relative;
}
.user--profile .profile-group_social .iconfont {
  font-size: 25px;
  font-weight: normal;
  position: absolute;
  top: -1px;
  left: 0;
}

.user--side, .user--content {
  border: 1px solid #d7d7d7;
  border-radius: 2px;
  padding: 0;
}
.user--side h4, .user--content h4 {
  border-bottom: 1px solid #d7d7d7;
  background-color: #f7f7f7;
  border-radius: 2px;
  font-size: 0.875rem;
  color: #333333;
  height: 45px;
  line-height: 45px;
  padding-left: 25px;
  text-align: left;
  margin: 0;
}

.user--side a {
  display: block;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 2px;
  color: #2dbe60;
  height: 45px;
  line-height: 45px;
  margin: 0;
  padding-left: 25px;
  text-align: left;
  border-left: 2px solid #ffffff;
}
.user--side a:last-of-type {
  border-bottom: none;
}
.user--side a.active {
  border-left-color: #2dbe60;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-weight: bold;
  color: #333333;
}

.user--content {
  margin-top: 0;
  min-height: 600px;
}
.user--content .content-item {
  margin: 20px;
  padding: 5px 10px;
}
.user--content .content-avatar {
  border-bottom: 1px solid #d7d7d7;
}
.user--content .content-avatar img {
  margin-left: 10px;
  border-radius: 50%;
}
.user--content .content-avatar .btn-small {
  margin-top: 21px;
}
.user--content .content-username span {
  margin-left: 10px;
}
.user--content.content-email b {
  display: inline-block;
  margin-right: 20px;
  width: 100px;
  text-align: right;
}
.user--content .content-user_service {
  padding: 20px;
}
.user--content .content-user_service h5 {
  font-size: 0.85rem;
  font-weight: normal;
  margin-bottom: 8px;
}
.user--content .content-user_service h5 span {
  position: relative;
  top: 5px;
}
.user--content .content-user_service h5 a {
  border-radius: 0;
  float: right;
  margin-left: 8px;
}
.user--content .content-user_service table {
  width: 100%;
}
.user--content .content-user_service table td, .user--content .content-user_service table th {
  padding-left: 15px;
  text-align: left;
  font-weight: normal;
}
.user--content .content-user_service table td {
  padding: 8px 15px;
}
.user--content .content-user_service table td:first-child {
  border-left: 1px solid #ddd;
}
.user--content .content-user_service table td:last-child {
  border-right: 1px solid #ddd;
}
.user--content .content-user_service table .thead {
  background: #f7f7f7;
  height: 35px;
  line-height: 35px;
}
.user--content .content-user_service table .thead td, .user--content .content-user_service table .thead th {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #ddd;
}
.user--content .content-user_service table .thead td:last-child, .user--content .content-user_service table .thead th:last-child {
  border-right: 1px solid #ddd;
}
.user--content .content-user_service table .thead td:first-child, .user--content .content-user_service table .thead th:first-child {
  border-left: 1px solid #ddd;
}
.user--content .content-user_service table .tbody {
  color: #666;
  font-size: 0.85rem;
}
.user--content .content-user_service table .tfoot td {
  border-bottom: 1px solid #ddd;
}
.user--content .content-user_service .content-box {
  margin-top: 20px;
  border: 1px solid #dddddd;
  padding: 30px 30px 0 30px;
}
.user--content .content-user_service .content-box p {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 0.8rem;
}
.user--content .content-user_service .content-box p span {
  color: #666;
  font-weight: normal;
}
.user--content .content-user_service .content-box .progress {
  height: 0.68rem;
  margin-bottom: 2.5rem;
}
.user--content .content-profile_area {
  padding: 15px 20px;
}
.user--content .content-socialite {
  padding: 0 30px;
}
.user--content .content-socialite table {
  width: 100%;
}
.user--content .content-socialite table tr > td {
  height: 100px;
}
.user--content .content-socialite table tr > td:first-child {
  padding: 30px 20px;
  width: 70px;
}
.user--content .content-socialite table tr > td:first-child i {
  font-size: 30px;
}
.user--content .content-socialite table tr > td:nth-child(2) {
  color: #999;
  line-height: 24px;
  font-size: 13px;
}
.user--content .content-socialite table tr > td:nth-child(2) > span:first-child {
  color: #222;
}
.user--content .content-socialite table tr > td:nth-child(3) {
  text-align: right;
}
.user--content .content-socialite table tr > td:nth-child(3) .btn {
  border-radius: 2px;
  font-size: 13px;
}
.user--content .content-socialite table tr > td:nth-child(3) .btn-default {
  color: #333;
  border: #999 1px solid;
}

.user--attention_fans .attention_fans-side .active {
  border-color: #dddddd;
  border-left: 5px solid #2dbe60;
  background: #ffffff;
}
.user--attention_fans .attention_fans-side .active a {
  color: #2dbe60;
}
.user--attention_fans .attention_fans-side .active a:hover {
  color: #4ad47b;
}
.user--attention_fans .attention_fans-side .badge {
  background: #efefef;
  color: #2dbe60;
}
.user--attention_fans .attention_fans-content ul.list-group {
  min-height: 400px;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 5px;
}
.user--attention_fans .attention_fans-content ul.list-group li {
  border-left: none;
  border-right: none;
}
.user--attention_fans .attention_fans-content ul.list-group li:first-child {
  border-top: none;
}
.user--attention_fans .attention_fans-content h4 {
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
.user--attention_fans .attention_fans-content h4 a {
  font-weight: normal;
}
.user--attention_fans .attention_fans-empty {
  border: 1px solid #eeeeee;
  padding: 10rem 30px;
  background: #ffffff;
  min-height: 400px;
  text-align: center;
}

/* bootstrap 4
 * ---------------------------------------- */
.help--home .home-sidebar {
  border: 1px solid #d7d7d7;
  border-radius: 2px;
  padding: 0;
}
.help--home .home-sidebar h4 {
  border-bottom: 1px solid #d7d7d7;
  background-color: #f7f7f7;
  border-radius: 2px;
  font-size: 0.875rem;
  color: #333333;
  height: 45px;
  line-height: 45px;
  padding-left: 25px;
  text-align: left;
  margin: 0;
}
.help--home .home-sidebar a {
  display: block;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 2px;
  color: #2dbe60;
  height: 45px;
  line-height: 45px;
  margin: 0;
  padding-left: 25px;
  text-align: left;
}
.help--home .home-sidebar a:last-of-type {
  border-bottom: none;
}
.help--home .home-sidebar a.active {
  border-left: #2dbe60 1px solid;
  font-weight: bold;
  color: #333333;
}

/* bootstrap 4
 * ---------------------------------------- */
.rp--detail .compare {
  font-size: 12px;
  color: #31708f;
  border-color: #bce8f1;
  margin-left: 15px;
}
.rp--detail .home_explore-tag {
  background: #edf5f3;
  color: #4ba15e;
  font-size: 12px;
  padding: 0 5px;
  display: inline-block;
  margin-left: 4px;
}

/* bootstrap 4
 * ---------------------------------------- */
.prd--header {
  border-bottom: #f5f6f7;
  height: 40px;
  background: #f5f6f7;
}
.prd--header a {
  cursor: pointer;
}
.prd--header .prd-header-left {
  padding-top: 5px;
  padding-bottom: 5px;
}
.prd--header .prd-header-left a {
  color: #4ba15e;
  font-weight: bold;
  line-height: 30px;
  margin-right: 20px;
}
.prd--header .prd-header-left a:hover {
  color: #3b7e4a;
}
.prd--header .prd-header-left form {
  border-left: 1px solid #c7c4c4;
  padding-left: 15px;
}
.prd--header .prd-header-left form input[type=text] {
  vertical-align: middle;
  border: none;
  background: transparent;
  outline: #4ba15e;
  height: 30px;
  line-height: 30px;
  width: 140px;
}
.prd--header .prd-header-left form input[type=image] {
  vertical-align: middle;
  height: 30px;
}
.prd--header .prd-header-right {
  padding-top: 5px;
}
.prd--header .prd-header-right img {
  vertical-align: middle;
}
.prd--header .prd-header-right a {
  line-height: 30px;
  height: 30px;
  color: #999bab;
}
.prd--header .prd-header-right a:hover {
  color: #7d8094;
}

.prd--detail {
  margin: 40px auto 0;
  border-radius: 3px;
  background: #fff;
  min-height: 86vh;
  border: 1px solid #dddddd;
  padding: 0;
  width: 960px;
  box-shadow: 0 8px 42px -8px rgba(82, 94, 102, 0.15);
}
.prd--detail .detail-title {
  padding: 2rem 0 1rem 2rem;
}
.prd--detail .detail-builder {
  border-bottom: 1px solid #dddddd;
  font-size: 12px;
  padding: 0 2rem 1rem;
}
.prd--detail .detail-builder .dropdown {
  position: relative;
  top: -5px;
}
.prd--detail .detail-builder .dropdown-menu {
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  top: 30px;
  min-width: 3rem;
  font-size: 14px;
}
.prd--detail .tui-editor-contents {
  padding: 1rem 2rem;
}
.prd--detail .prd-title-first {
  font-size: 24px !important;
  color: #4ba15e;
}
.prd--detail .prd-title-first:hover {
  color: #67b879 !important;
}
.prd--detail span.prd-title-small {
  color: #333333 !important;
}
.prd--detail .prd-title-small {
  font-size: 16px !important;
  color: #4ba15e;
}
.prd--detail .prd-title-small:hover {
  color: #67b879 !important;
}
.prd--detail .markdown-body {
  padding: 22px 30px;
  background: #ffffff;
  font-size: 13px;
  border: 1px solid #cccccc;
  border-top: none;
  margin-bottom: 20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.prd--detail .markdown-body h1 {
  border-bottom: 1px solid #ffffff !important;
}
.prd--detail .markdown-body h2 {
  border-bottom: 1px solid #ffffff !important;
}

.prd-view-header {
  border-bottom: none;
  height: 20px;
  position: relative;
}

/**
* @fileoverview style for content
* @author NHN FE Development Lab <dl_javascript@nhn.com>
*/
.CodeMirror {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.tui-editor-contents *:not(table) {
  line-height: 160%;
  box-sizing: content-box;
}

.tui-editor-contents i,
.tui-editor-contents cite,
.tui-editor-contents em,
.tui-editor-contents var,
.tui-editor-contents address,
.tui-editor-contents dfn {
  font-style: italic;
}

.tui-editor-contents strong {
  font-weight: bold;
}

.tui-editor-contents p {
  margin: 10px 0;
  color: #555;
}

.tui-editor-contents > h1:first-of-type,
.tui-editor-contents > div > div:first-of-type h1 {
  margin-top: 14px;
}

.tui-editor-contents h1,
.tui-editor-contents h2,
.tui-editor-contents h3,
.tui-editor-contents h5 {
  font-weight: bold;
}

.tui-editor-contents h1 {
  font-size: 1.6rem;
  line-height: 28px;
  border-bottom: 3px double #999;
  margin: 52px 0 15px 0;
  padding-bottom: 7px;
  color: #000;
}

.tui-editor-contents h2 {
  font-size: 1.3rem;
  line-height: 23px;
  border-bottom: 1px solid #dbdbdb;
  margin: 30px 0 13px 0;
  padding-bottom: 7px;
  color: #333;
}

.tui-editor-contents h3,
.tui-editor-contents h4 {
  font-size: 1.2rem;
  line-height: 18px;
  margin: 20px 0 2px;
  color: #333;
}

.tui-editor-contents h5,
.tui-editor-contents h6 {
  font-size: 1rem;
  line-height: 17px;
  margin: 10px 0 -4px;
  color: #333;
}

.tui-editor-contents blockquote {
  margin: 15px 0;
}

.tui-editor-contents blockquote {
  border-left: 4px solid #dddddd;
  padding: 0 15px;
  color: #777777;
}

.tui-editor-contents blockquote > :first-child {
  margin-top: 0;
}

.tui-editor-contents blockquote > :last-child {
  margin-bottom: 0;
}

.tui-editor-contents pre,
.tui-editor-contents code {
  font-family: Consolas, Courier, "Apple SD 산돌고딕 Neo", -apple-system, "Lucida Grande", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "Segoe UI", "돋움", dotum, sans-serif;
  border: 0;
  border-radius: 0;
}

.tui-editor-contents pre {
  margin: 2px 0 8px;
  padding: 18px;
  background-color: #f5f7f8;
}

.tui-editor-contents code {
  color: #c1788b;
  padding: 4px 4px 2px 0;
  letter-spacing: -0.3px;
}

.tui-editor-contents pre code {
  padding: 0;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
}

.tui-editor-contents pre.addon {
  border: 1px solid #e8ebed;
  background-color: #fff;
}

.tui-editor-contents img {
  margin: 4px 0 10px;
  box-sizing: border-box;
  vertical-align: top;
  max-width: 100%;
}

.tui-editor-contents table {
  margin: 2px 0 14px;
  color: #555;
  width: auto;
  border-collapse: collapse;
  box-sizing: border-box;
}

.tui-editor-contents table th,
.tui-editor-contents table td {
  height: 32px;
  padding: 5px 14px 5px 12px;
}

.tui-editor-contents table td {
  border: 1px solid #eaeaea;
}

.tui-editor-contents table th {
  border: 1px solid #72777b;
  border-top: 0;
  background-color: #7b8184;
  font-weight: 300;
  color: #fff;
  padding-top: 6px;
}

.tui-editor-contents ul,
.tui-editor-contents menu,
.tui-editor-contents ol,
.tui-editor-contents dir {
  display: block;
  list-style-type: disc;
  padding-left: 17px;
  margin: 6px 0 10px;
  color: #555;
}

.tui-editor-contents ol {
  list-style-type: decimal;
}

.tui-editor-contents ul ul,
.tui-editor-contents ul ol,
.tui-editor-contents ol ol,
.tui-editor-contents ol ul {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.tui-editor-contents ul li,
.tui-editor-contents ol li {
  position: relative;
}

.tui-editor-contents ul p, ol p {
  margin: 0;
}

.tui-editor-contents ul li.task-list-item:before,
.tui-editor-contents ol li.task-list-item:before,
.tui-editor-contents pre ul li:before {
  content: "";
}

.tui-editor-contents hr {
  border-top: 1px solid #eee;
  margin: 16px 0;
}

.tui-editor-contents a {
  text-decoration: underline;
  color: #5286bc;
}

.tui-editor-contents a:hover {
  color: #007cff;
}

.tui-editor-contents {
  font-size: 13px;
  margin: 0;
  padding: 0;
}

.tui-editor-contents .task-list-item {
  border: 0;
  list-style: none;
  padding-left: 22px;
  margin-left: -22px;
  min-height: 20px;
}

.tui-editor-contents .task-list-item:before {
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center;
  content: "";
  height: 18px;
  width: 18px;
  position: absolute;
  left: 0;
  top: 1px;
  cursor: pointer;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAADdJREFUKBVjvHv37n8GMgALSI+SkhJJWu/du8fARJIOJMWjGpECA505GjjoIYLEB6dVUNojFQAA/1MJUFWet/4AAAAASUVORK5CYII=");
}

.tui-editor-contents .task-list-item.checked:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAMpJREFUKBVjjJ/64D8DGYCJDD1gLbTVyM3OxJDiJMzAxcYIdyALnIWDAdJU7i/OICfCxsDMxMgwc88bwk5F1vTs/W+GFUffwY2H+1FBlI2hLliCQYCbGSyJrqlzwwuGj9//YWoMtRBgUBJnZ6gMEGeQFWaFOw9kE7omkG5GWDyCPF7mJ86gIMbO8P//fwZGRkYGXJpAGuFO/fbrP0PXppcMD179JKgJRSOIA9N8/NZXrM4DqYEBjOgAaYYFOUwRNhruVGyS+MTI1ggAx8NTGcUtFVQAAAAASUVORK5CYII=");
}

.tui-editor-contents .task-list-item input[type=checkbox],
.tui-editor-contents .task-list-item .task-list-item-checkbox {
  margin-left: -17px;
  margin-right: 3.8px;
  margin-top: 3px;
}

.tui-editor-contents-placeholder:before {
  content: attr(data-placeholder);
  color: grey;
  line-height: 160%;
  position: absolute;
}